@charset "utf-8";
    @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); :root {
--color-background: #fff;
--color-font: #252524;
--color-primary: #0095EE;
--color-primary-tint: #7FCDF2;
--color-primary-shade: #EDF9FF;
--color-secondary: #FFCE53;
--color-secondary-tint: #F5F5F5;
--color-border: #ccc;
--color-table-border: #ccc;
--body-font-size: min(calc(1.6rem + (1vw - 19.2px) * 0.1294), 1.6rem);
--body-font-family: 'Noto Sans JP', sans-serif;
--font-family01: 'Noto Sans JP', sans-serif;
--font-family02: 'poppins', 'Noto Sans JP', sans-serif;
--content-max-width: 1240px;
--header-background: #0095EE;
--header-color-font: #fff;
--header-color-primary: #0095EE;
--header-color-primary-tint: #7FCDF2;
--footer-background: #0095EE;
--footer-color-font: #fff;
--footer-color-primary: #fff;
}
html {
font-size: 62.5%;
overflow-x: hidden;
}
body {
font-size: var(--body-font-size);
font-family: var(--body-font-family);
color: var(--color-font);
font-size: var(--px16);
}
.pad_anchor{
display: block;
margin-top: -100px !important;
padding-top: 100px !important;
}
#thumbImg::before, header#h1Header::before {
content: none;
} @media print, screen and (min-width: 1024px) {}
@media print, screen and (max-width: 1023px) {}
@media print, screen and (min-width: 769px) {}
@media print, screen and (max-width: 768px) {} #front_top_content, #front_bottom_content {
background: #fff;
}
#front-sectionPost {
width: 90%;
}
.postlist .post_text {
padding: 20px 0;
} .widecolor {
margin-right: calc(((100vw - 100%) / 2) * -1);
margin-left: calc(((100vw - 100%) / 2) * -1);
padding: min(calc(120px + (1vw - 19.2px) * 2.5890), 120px) calc((100vw - 100%) / 2) min(calc(150px + (1vw - 19.2px) * 3.2362), 150px);
margin-top: min(calc(120px + (1vw - 19.2px) * 2.5890), 120px); background: var(--color-background01);
}
.widearea {
margin-right: calc(((100vw - 100%) / 2) * -1);
margin-left: calc(((100vw - 100%) / 2) * -1);
}  .post .col2_list {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
flex-wrap: wrap;
}
.post .col2_list > li {
width: 49%;
margin-bottom: 2%;
}
@media print, screen and (max-width: 600px) {
.post .col2_list > li {
width: 100%;
}
.post .col2_list > li:last-child {
margin-bottom: 0;
}
} .post .col3_list {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
flex-wrap: wrap;
}
.post .col3_list > li {
width: 32%;
}
.post .col3_list::before {
content: "";
display: block;
width: 32%;
height: 0;
order: 1;
}
.post .col3_list:after {
content: "";
display: block;
width: 32%;
height: 0;
}
@media print, screen and (max-width: 768px) {
.post .col3_list > li {
width: 49%;
margin-bottom: 8%;
}
.post .col3_list::before, .post .col3_list:after {
content: none;
}
}
@media print, screen and (max-width: 600px) {
.post .col3_list > li {
width: 100%;
}
.post .col3_list > li:last-child {
margin-bottom: 0;
}
} .post .col4_list {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
flex-wrap: wrap;
}
.post .col4_list > li {
width: 24%;
margin-bottom: 1.5%
}
.post .col4_list::before {
content: "";
display: block;
width: 24%;
height: 0;
order: 1;
}
.post .col4_list:after {
content: "";
display: block;
width: 24%;
height: 0;
}
@media print, screen and (max-width: 1240px) {
.post .col4_list > li, .post .col4_list::before, .post .col4_list:after {
width: 32%;
margin-bottom: 2%;
}
}
@media print, screen and (max-width: 768px) {
.post .col4_list > li {
width: 49%;
}
.post .col4_list::before, .post .col4_list:after {
content: none;
}
}
@media print, screen and (max-width: 600px) {
.post .col4_list > li {
width: 100%;
}
.post .col4_list > li:last-child {
margin-bottom: 0;
}
} a:hover {
opacity: .7;
cursor: pointer;
}  .col_gap2 {
display: flex;
flex-direction: column;
gap: var(--px20);
}
.col_gap6 {
display: flex;
flex-direction: column;
gap: var(--px60);
}
.col_gap8 {
display: flex;
flex-direction: column;
gap: var(--px80);
}
.col_gap10 {
display: flex;
flex-direction: column;
gap: var(--px100);
}
.col_gap12 {
display: flex;
flex-direction: column;
gap: var(--px120);
} .gap8 {
gap: var(--px80) !important;
}  .color_w {
color: #fff !important;
}
.color_pri {
color: var(--color-primary) !important;
}
.color_accent {
color: #ff0000 !important;
} .txt_c_l {
text-align: center;
}
.txt_r_c {
text-align: right;
}
@media print, screen and (max-width: 768px) {
.txt_c_l {
text-align: left;
}
.txt_r_c {
text-align: center;
}
} .post p, p {
font-size: var(--rem16);
line-height: 1.85;
}
.post .read p, .read p {
margin-bottom: 1em;
}
.post .read p:last-child, .read p:last-child {
margin-bottom: 0;
} .post p.fz20, p.fz20 {
font-size: var(--rem20);
line-height: 1.85;
} h1.title, .post h1, header#h1Header h1.title {
padding: 0 var(--px20);
margin: 0 auto;
text-align: center;
}
h1.title.top-loop,
h1.title.bottom-loop {
margin: 0 auto var(--px60);
}
h1.title.top-loop .en,
h1.title.bottom-loop .en {
display: block;
font-family: var(--font-family02);
font-size: var(--rem72);
font-weight: 400;
color: var(--color-primary);
line-height: 1;
}
h1.title.top-loop .jp,
h1.title.bottom-loop .jp {
display: block;
font-size: var(--rem20);
color: var(--color-font);
} .post h2, h2 {
margin: 0 auto var(--px50);
}
.post h2 .en, h2 .en {
display: block;
font-family: var(--font-family02);
font-size: var(--rem72);
font-weight: 400;
color: var(--color-primary);
line-height: 1;
}
.post h2 .jp, h2 .jp {
display: block;
font-size: var(--rem20);
color: var(--color-font);
}
.post h2::after, h2::after {
content: none;
}
.post h2.lower_ttl, h2.lower_ttl {
margin: 0 auto var(--px50);
}
.post h2.lower_ttl .en, h2.lower_ttl .en {
font-size: var(--rem60);
}
.post h2.lower_ttl .jp, h2.lower_ttl .jp {
font-size: var(--rem18);
}
.post h2.sub, h2.sub {
font-size: var(--rem30w);
text-align: left;
font-weight: 800;
background: var(--color-secondary-tint);
padding: var(--px12) var(--px20);
margin: 0 0 var(--px50);
border: none;
border-left: 10px solid var(--color-primary);
} .post h3, h3 {
font-size: var(--rem30);
font-weight: 600;
background: var(--color-secondary-tint);
padding: 8px var(--px20);
margin: 0 0 var(--px30);
border: none;
border-left: 8px solid var(--color-primary);
}
.post h3.h3_ttl01, h3.h3_ttl01 {
font-size: var(--rem24w);
font-weight: 700;
line-height: 1.55;
margin: 0 0 var(--px20) 0;
padding: 0;
background: none;
border: none;
}
.post h3.h3_ttl02, h3.h3_ttl02 {
color: var(--color-primary);
margin: 0 auto;
padding: 0;
text-align: center;
font-size: var(--rem24w);
font-weight: 800;
background: none;
border: none;
}
.post h3.h3_ttl03, h3.h3_ttl03 {
font-size: var(--rem24w);
font-weight: 800;
padding: 0 0 8px 0;
margin: 0 0 var(--px20) 0;
color: var(--color-primary);
background: none;
border: none;
border-bottom: 1px solid var(--color-secondary);
}  .post ul.list {
margin: 0;
padding: 0
}
.post ul.list li {
list-style: disc;
padding-left: 1em;
text-indent: -1em;
margin-bottom: .3em;
line-height: 1.55;
list-style-position: inside;
}
.post ul.list li:last-child {
margin-bottom: 0;
} .post ol.num  {
margin: 0;
padding: 0
}
.post ol.num li {
list-style: none;
padding-left: 1.3em;
text-indent: -1.3em;
margin-bottom: .7em;
line-height: 1.55;
}
.post ol.num li:last-child {
margin-bottom: 0;
} .linkBtn, .post .linkBtn, a.linkBtn, .post .subimitarea .linkBtn input[type="submit"] {
position: relative;
display: inline-block;
width: 100%;
max-width: 280px;
font-family: var(--font-family02);
font-weight: 500;
font-size: var(--rem16);
color: var(--color-font);
line-height: 1.45;
text-align: left;
background: transparent;
padding: 0 30px var(--rem20) 10px;
margin: var(--px40) auto 0;
border-bottom: solid 1px var(--color-primary);
border-radius: 0;
transition: all .3s;
}
.post .linkBtn::before, .linkBtn::before, a.linkBtn::before {
content: "";
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
width: 40px;
height: 40px;
border: 1px solid var(--color-primary);
background: var(--color-primary);
border-radius: 50%;
right: 30px;
top: 20%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: .4s;
transition: .4s;
}
.post .linkBtn::after, .linkBtn::after, a.linkBtn::after {
border-color: #fff;
top: 20%;
right: 48px;
}
.post .linkBtn:hover, .linkBtn:hover, a.linkBtn:hover {
background: transparent;
color: var(--color-font);
}
.post .linkBtn:hover::before, .linkBtn:hover::before, a.linkBtn:hover::before {
background: #fff;
right: 0;
}
.post .linkBtn:hover::after, .linkBtn:hover::after, a.linkBtn:hover::after {
border-color: var(--color-primary);
right: 19px;
}
.subimitarea > .linkBtn {
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
}
.post .subimitarea .linkBtn input[type="submit"] {
margin-top: 0;
}
.subimitarea {
margin-top: var(--px60);
}
@media print, screen and (max-width: 768px) {
.post .linkBtn::before, .linkBtn::before, a.linkBtn::before {
width: 30px;
height: 30px;
right: 20px;
}
.post .linkBtn::after, .linkBtn::after, a.linkBtn::after {
right: 34px;
}
.post .linkBtn:hover::after, .linkBtn:hover::after, a.linkBtn:hover::after {
right: 14px;
}
}  .post table th, .post table td {
padding: 16px;
}
.post table th {
background: var(--color-primary-shade);
}
.post table thead th {
text-align: center;
}
.table_scroll {
overflow-y: scroll
}
.post table.table01 tbody td {
text-align: center;
vertical-align: middle;
}
.post table.table01 tbody td.txt_l {
text-align: left;
}
.post table.table01 tbody td img.img160 {
max-width: 160px;
}  #flags ul li a {
padding: 0 !important;
}
.gt_flex {
display: flex;
justify-content: flex-end;
padding: 5px;
background: var(--header-color-primary-tint);
}
#flags {
width: 160px !important;
display: flex;
align-items: center;
justify-content: flex-end;
}
.gt_flex #flags,
.gt_flex #google_language_translator {
height: 30px;
}
ul#sortable li {
height: 18px !important;
display: block;
}
#glt-translate-trigger {
display: none;
}
#header {
height: auto !important;
}
@media print, screen and (max-width: 1023px) {
.gt_flex {
justify-content: center;
}
}
nav#mainNav ul li a:active, nav#mainNav ul li a:hover, nav#mainNav ul li.current-menu-ancestor a, nav#mainNav ul li.current-menu-parent a {
background: transparent;
}
nav#mainNav ul li.current-menu-item a {
background: var(--color-primary);
}
nav#mainNav ul li.current-menu-item a b, nav#mainNav ul li a:hover b, nav#mainNav ul li a:active b, nav#mainNav ul li.current-menu-parent a b {
color: #fff;
}
nav#mainNav ul li a:hover {
background: transparent !important;
}
nav#mainNav ul li a:hover::after {
content: "";
display: block;
background: #fff;
margin: 0 auto;
width: 80%;
height: 1px;
position: absolute;
bottom: 0;
}
.sticky-header #header-layout {
background: var(--color-primary);
}
#header .logo img {
max-width: 320px;
}
#header a.head_btn.tel_btn::before {
display: none;
} nav#mainNav ul li a {
padding: min(calc(15px + (1vw - 19.2px) * 0.5580), 15px) min(calc(3.5rem + (1vw - 1.92rem) * 2.1205), 35px);
}
.spmenu #menu span, .spmenu #menu span:before, .spmenu #menu span:after {
background: #fff;
}
.spmenu #menu p {
color: #fff;
transform: initial;
left: 0;
}
nav#mainNav ul ul.sub-menu {
background: #fff;
} #header a.head_btn {
border-left: 1px solid #fff;
}
#header a.head_btn span {
display: block;
}
nav#mainNav ul, #header .header__nav-contact {
padding: 8px 0;
}
nav#mainNav ul li ul.sub-menu li a, nav#mainNav ul li ul.sub-menu li a:hover, nav#mainNav ul li.current-menu-item ul.sub-menu li a, nav#mainNav ul li ul.sub-menu li.current-menu-item a {
color: var(--color-primary);
}
nav#mainNav ul li ul.sub-menu li a:hover {
background: var(--color-primary-shade) !important;
} #header a.head_btn.tel_btn {
background: transparent;
color: #fff;
font-family: var(--font-family01);
font-weight: 600;
font-size: 2.4rem;
}
#header a.head_btn.tel_btn .tel_icon::before {
content: '\f095';
display: inline-block;
font-family: 'FontAwesome';
font-size: 2.0rem;
font-weight: 400;
line-height: 1;
padding-right: 6px;
}
#header a.head_btn .tel_text-sub {
font-size: 1.2rem;
}
#header a.head_btn.tel_btn:hover {
opacity: .7;
} #header a.head_btn.mail_btn {
flex-direction: row;
gap: 8px;
} @media print, screen and (max-width: 1023px) {
nav#mainNav ul li a {
padding: 16px;
}
nav#mainNav ul li a {
border-bottom: 1px solid var(--color-border);
}
nav#mainNav ul, #header .header__nav-contact {
padding: 0;
}
nav#mainNav ul li a {
color: var(--color-font);
font-weight: 700;
}
} #footer .footnav:not(:last-child) {
margin-bottom: 0;
}
#footer .footer__logo img {
width: 90%;
} body.home #foot-contact_pt05.foot_bottom {
display: none;
}
#foot-contact_pt05 {
clear: both;
position: relative;
background: url(//mtt-ins.co.jp/wp-content/uploads/bg_cta.jpg) no-repeat center / cover;
margin-left: calc(((100vw - 100%) / 2) * -1);
margin-right: calc(((100vw - 100%) / 2) * -1);
padding: min(calc(90px + (1vw - 19.2px) * 1.9417), 90px) calc((100vw - 100%) / 2);
z-index: 0;
}
#foot-contact_pt05 .wrapper_content {
position: relative;
z-index: 5;
background: transparent;
border: 1px solid #fff;
padding: var(--px100) var(--px60);
max-width: 1600px;
}
#foot-contact_pt05 ul.contactbtn_list {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: min(calc(15px + (1vw - 19.2px) * 0.6472), 15px);
max-width: 1000px;
margin: min(calc(40px + (1vw - 1.92rem) * 1.2945),40px) auto;
z-index: 10;
}
#foot-contact_pt05 ul.contactbtn_list > li {
width: 100%;
}
#foot-contact_pt05 ul.contactbtn_list > li a.f-contact_btn {
width: 100%;
max-width: none;
min-width: inherit;
}
#foot-contact_pt05 ul.contactbtn_list:first-child {
margin-top: 0;
}
#foot-contact_pt05 ul.contactbtn_list:last-child {
margin-bottom: 0;
} @media print, screen and (min-width: 769px) {
#foot-contact_pt05 ul.contactbtn_list > li {
width: calc((100% - min(calc(15px + (1vw - 19.2px) * 0.6472), 15px)) / 2);
}
} @-moz-document url-prefix() {
@media print, screen and (min-width: 769px) {
#foot-contact_pt05 ul.contactbtn_list > li {
width: calc(((100% - min(calc(15px + (1vw - 19.2px) * 0.6472), 15px)) / 2) - 1px);
}
}
}
#foot-contact_pt05 a.f-contact_btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
color: #FFF;
font-size: min(calc(1.6rem + (1vw - 19.2px) * 0.1294), 1.6rem);
font-weight: 600;
text-align: center;
line-height: 1.6;
padding: min(calc(20px + (1vw - 19.2px) * 0.5178), 20px) min(calc(30px + (1vw - 19.2px) * 0.9709), 30px);
transition: .3s;
}
#foot-contact_pt05 a.f-contact_btn::after {
content: none;
}
#foot-contact_pt05 a.f-contact_btn {
color: var(--color-primary);
background: #fff;
border: 1px solid #fff;
}
#foot-contact_pt05 a.f-contact_btn:hover {
color: #fff;
background: var(--color-primary);
}
#foot-contact_pt05 a.f-contact_btn .ico::before {
display: inline-block;
font-size: min(calc(3rem + (1vw - 19.2px) * 0.5825), 3rem);
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-right: .4em;
}
#foot-contact_pt05 a.f-contact_btn.telBtn .ico {
display: block;
font-size: min(calc(3.2rem + (1vw - 19.2px) * 0.4531), 3.2rem);
}
#foot-contact_pt05 a.f-contact_btn .ico {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: min(calc(2.4rem + (1vw - 19.2px) * 0.5178), 2.4rem);
}
#foot-contact_pt05 a.f-contact_btn.telBtn .ico::before {
content: '\f3cd';
}
#foot-contact_pt05 a.f-contact_btn.mailBtn .ico::before {
content: '\f0e0';
}
#foot-contact_pt05 a.f-contact_btn .note {
font-size: var(--rem14);
font-weight: 500;
letter-spacing: .1rem;
}
@media print, screen and (max-width: 768px) {
#foot-contact_pt05 a.f-contact_btn {
height: 110px;
}
#foot-contact_pt05 ul.contactbtn_list {
gap: 15px;
}
#foot-contact_pt05 .wrapper_content {
padding: var(--px100) var(--px40);
}
} .post ul#sitemap_list li {
margin-bottom: min(calc(2.0rem + (1vw - 1.92rem) * 0.2589) ,20px);
padding-left: 0;
padding-bottom: min(calc(2.0rem + (1vw - 1.92rem) * 0.2589) ,20px);
border-bottom: 1px solid var(--color-border);
} .post .wpcf7 table {
border: none;
}
.post .wpcf7 table th,
.post .wpcf7 table td {
padding: 20px 16px;
border: none;
border-top: 1px solid var(--color-table-border);
border-bottom: 1px solid var(--color-table-border);
}
.post .wpcf7 table th {
width: 30%;
background: var(--color-background02);
line-height: 1.25;
}
.post p.contact_message, p.contact_message {
font-size: var(--rem16);
margin-bottom: var(--px60);
line-height: 2.4;
}
@media print, screen and (max-width: 640px) {
.post .wpcf7 table th {
border-right: none;
border-bottom: none;
border-top: none;
padding-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
}
.post .wpcf7 table td {
border-top: none;
padding-top: 5px;
}
.post .wpcf7 table tr:first-child {
border-top: 1px solid var(--color-table-border);
}
} .post h2.thanks, h2.thanks {
font-size: var(--rem30);
margin: 0 0 var(--px30);
text-align: left;
}
.post h2.thanks::after, h2.thanks::after {
content: none;
}
.post .thanks_btn {
margin: var(--px80) auto 0 !important;
display: block;
} .column01 {
position: relative;
padding: var(--px80) 0;
background: var(--color-secondary-tint);
}
.column01:before {
content: "";
background: var(--color-primary);
width: 50%;
height: 100%;
position: absolute;
bottom: 0;
right: 0;
clip-path: polygon(45% 0, 100% 0%, 100% 100%, 0 100%);
z-index: 0;
}
.column01_wrap {
position: relative;
width: 100%;
margin: 0 auto;
z-index: 1;
}
.column01 .txtarea {
background: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: var(--px60);
margin: 0;
}
.column01 .txtarea .txtinner {
max-width: 760px;
width: 90%;
}
.column01 .imgarea {
overflow: hidden;
line-height: 0;
padding: var(--px60);
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
.column01 .imgarea img {
width: 100%;
}
@media print, screen and (max-width: 768px) {
.column01 .txtarea {
padding: var(--px60) var(--px40);
}
.column01 .txtarea .txtinner {
width: 100%;
}
}
.column02 {
position: relative;
padding: var(--px120) 0;
background: var(--color-primary-tint);
}
.column02_wrap {
background: url(//mtt-ins.co.jp/wp-content/uploads/bg_feature.jpg) no-repeat center / cover;
padding: var(--px100) 0;
width: 100%;
}
.column02_area {
max-width: 1600px;
width: 90%;
margin: 0 auto;
}
.post ul.column02_list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: var(--px40) auto 0;
gap: var(--px30) 0;
}
.post ul.column02_list li {
width: 14%;
}
.post ul.column02_list li .circle {
background: url(//mtt-ins.co.jp/wp-content/uploads/bg_circle.png) no-repeat center / cover;
width: var(--px240);
height: var(--px240);
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin: 0 auto;
}
.post ul.column02_list li img {
display: block;
margin: 0 auto;
width: 60%;
}
.post ul.column02_list li p {
text-align: center;
color: #fff;
font-size: var(--rem20);
}
@media print, screen and (max-width: 1023px) {
.post ul.column02_list li {
width: 31%;
}
.post ul.column02_list li .circle {
width: 200px;
height: 200px;
}
}
@media print, screen and (max-width: 768px) {
.post ul.column02_list li {
width: 48%;
}
}
@media print, screen and (max-width: 500px) {
.post ul.column02_list li .circle {
width: 160px;
height: 160px;
}
}
@media print, screen and (max-width: 400px) {
.post ul.column02_list li .circle {
width: 120px;
height: 120px;
}
}
.column03 {
position: relative;
padding: var(--px80) 0 var(--px120);
background: #fff;
}
.column03:before {
content: "";
background: var(--color-primary);
width: 100%;
height: 50%;
position: absolute;
top: 0;
left: 0;
}
.column03_wrap {
max-width: 1600px;
width: 90%;
margin: 0 auto;
}
.post .column03_wrap > p {
position: relative;
z-index: 2;
}
.post .column03_wrap ul.column03_list li {
background: #fff;
border: 3px solid var(--color-primary);
box-shadow: 0px 5px 0px 0px rgba(0,149,238,1);
padding: 0 0 var(--px30) 0;
display: flex;
flex-direction: column;
}
.column03 .column03_text {
padding: var(--px30);
flex-grow: 1;
display: flex;
flex-direction: column;
}
.column03 .column03_text p {
flex-grow: 1;
}
.post .column03_wrap ul.column03_list li figure {
border: 3px solid #fff;
}
.post .column03_wrap ul.column03_list li .column03_btn {
flex-grow: 1;
}
.column04 {
position: relative;
padding: var(--px80) 0;
background: url(//mtt-ins.co.jp/wp-content/uploads/top_agent.png) no-repeat center / cover;
}
.column04:before {
content: "";
background: var(--color-primary);
width: 50%;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
clip-path: polygon(0 0, 55% 0, 100% 100%, 0 100%);
z-index: 0;
}
.column04_wrap {
position: relative;
width: 100%;
margin: 0 auto;
z-index: 1;
}
.column04 .txtarea {
background: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: var(--px60);
margin: 0;
}
.column04 .txtarea .txtinner {
max-width: 760px;
width: 90%;
}
@media print, screen and (max-width: 768px) {
.column04 .txtarea {
padding: var(--px60) var(--px40);
}
.column04 .txtarea .txtinner {
width: 100%;
}
} .post ul.point_list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: var(--px20) 0;
}
.post ul.point_list li {
width: 49%;
color: var(--color-font);
font-size: var(--rem16);
font-weight: 600;
line-height: 1.45;
text-align: center;
padding: var(--px20) var(--px16);
border: 1px solid var(--color-primary);
display: flex;
align-items: center;
justify-content: center;
}
@media print, screen and (max-width: 768px) {
.post ul.point_list li {
width: 100%;
text-align: left;
justify-content: flex-start;
}
}
.contact_inner {
margin: var(--px80) auto 0;
background: var(--color-primary-shade);
padding: var(--px80) var(--px40);
}
.post .contact_inner p.contact_txt {
font-size: var(--rem20w);
font-weight: 700;
line-height: 1.65;
color: var(--color-primary);
} .post .list_style01 {
margin: 0 auto var(--px60);
}
.post .list_style01 li {
width: 100%;
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
flex-shrink: 0;
border-bottom: solid 1px var(--color-table-border);
}
.post .list_style01 li:first-child {
border-top: solid 1px var(--color-table-border);
}
.post .list_style01 li .head {
width: 20%;
padding: var(--px12) var(--px30);
display: flex;
flex-direction: column;
align-items: flex-start;
}
.post .list_style01 li .body {
width: 80%;
padding: var(--px12) var(--px30);
display: flex;
flex-direction: column;
align-items: flex-start;
}
.post .list_style01 li:nth-child(odd) {
background: var(--color-primary-shade)
}
@media only screen and (max-width: 640px) {
.post .list_style01 li {
flex-direction: column;
}
.post .list_style01 li .head {
width: 100%;
padding-bottom: 0;
}
.post .list_style01 li .body {
padding-top: 0;
}
}
.googlemap {
height: 100%;
}  .world-map {
background-image: url(//mtt-ins.co.jp/wp-content/uploads/worldmap.png);
background-size: contain;
background-repeat: no-repeat;
width: 100%;
height: 165px;
}
@media only screen and (min-width: 375px) {
.world-map {
height: 190px;
}
}
@media screen and (min-width: 400px) {
.world-map {
height: 220px;
}
}
@media screen and (min-width: 768px) {
.world-map {
position: relative;
background-size: 100% 100%;
height: 415px;
}
}
@media screen and (min-width: 1000px) {
.world-map {
height: 465px;
}
}
@media screen and (min-width: 1200px) {
.world-map {
height: 530px;
}
} body .is-layout-flex {
display: flex;
}
.is-layout-flex {
flex-wrap: wrap;
align-items: center;
} .areas-world .wp-block-button {
display: block;
background-color: #3a5aa7;
color: #fff;
margin: 0;
height: 35px;
line-height: 30px;
text-align: center;
}
.areas-world .wp-block-button a {
color: #fff;
height: 35px;
line-height: 30px;
}
.areas-world .btn-cg {
position: absolute;
top: 174px;
left: 302px;
}
@media screen and (min-width: 1000px) {
.areas-world .btn-cg {
top: 185px;
left: 420px;
}
}
@media screen and (min-width: 1200px) {
.areas-world .btn-cg {
top: 225px;
left: 495px;
}
}
@media only screen and (min-width: 375px) {
.areas-world .wp-block-button {
margin: 12px 8px 0;
}
}
@media screen and (min-width: 400px) {
.areas-world .wp-block-button {
margin: 12px 15px 0;
}
}
@media screen and (min-width: 768px) {
.areas-world .wp-block-button {
position: absolute;
width: 130px !important;
height: 30px;
line-height: 30px;
}
}
@media screen and (min-width: 1000px) {
.areas-world .wp-block-button {
width: 153px !important;
height: 35px;
line-height: 35px;
}
}
.areas-world .wp-block-button .wp-block-button__link {
background-color: transparent;
width: 100%;
font-size: .7em;
padding: 0;
}
@media screen and (min-width: 1000px) {
.areas-world .wp-block-button .wp-block-button__link {
font-size: .85em;
}
} .areas-world .btn-cg {
position: absolute;
top: 174px;
left: 302px;
}
@media screen and (min-width: 1000px) {
.areas-world .btn-cg {
top: 185px;
left: 420px;
}
}
@media screen and (min-width: 1200px) {
.areas-world .btn-cg {
top: 225px;
left: 495px;
}
} .areas-world .btn-chn {
position: absolute;
top: 123px;
left: 145px;
}
@media screen and (min-width: 1000px) {
.areas-world .btn-chn {
top: 135px;
left: 205px;
}
}
@media screen and (min-width: 1200px) {
.areas-world .btn-chn {
top: 165px;
left: 255px;
}
} .areas-world .btn-sea {
position: absolute;
top: 240px;
left: 140px;
}
@media screen and (min-width: 1000px) {
.areas-world .btn-sea {
top: 270px;
left: 230px;
}
}
@media screen and (min-width: 1200px) {
.areas-world .btn-sea {
top: 308px;
left: 300px;
}
} .areas-world .btn-mde {
position: absolute;
top: 193px;
left: -3px;
}
@media screen and (min-width: 1000px) {
.areas-world .btn-mde {
top: 215px;
left: 40px;
}
}
@media screen and (min-width: 1200px) {
.areas-world .btn-mde {
top: 260px;
left: 80px;
}
} .areas-world .btn-eur {
position: absolute;
top: 85px;
left: 75px;
}
@media screen and (min-width: 1000px) {
.areas-world .btn-eur {
top: 95px;
left: 125px;
}
}
@media screen and (min-width: 1200px) {
.areas-world .btn-eur {
top: 125px;
left: 150px;
}
} .areas-world .btn-kor {
position: absolute;
top: 158px;
left: 160px;
}
@media screen and (min-width: 1000px) {
.areas-world .btn-kor {
top: 172px;
left: 240px;
}
}
@media screen and (min-width: 1200px) {
.areas-world .btn-kor {
top: 205px;
left: 310px;
}
} .areas-world .btn-twn {
position: absolute;
top: 208px;
left: 270px;
}
@media screen and (min-width: 1000px) {
.areas-world .btn-twn {
top: 225px;
left: 370px;
}
}
@media screen and (min-width: 1200px) {
.areas-world .btn-twn {
top: 265px;
left: 440px;
}
} .areas-world .btn-sas {
position: absolute;
top: 192px;
left: 129px;
}
@media screen and (min-width: 1000px) {
.areas-world .btn-sas {
top: 215px;
left: 200px;
}
}
@media screen and (min-width: 1200px) {
.areas-world .btn-sas {
top: 260px;
left: 250px;
}
} .areas-world .btn-nam {
position: absolute;
top: 140px;
right: 82px;
}
@media screen and (min-width: 1000px) {
.areas-world .btn-nam {
top: 145px;
right: 115px;
}
}
@media screen and (min-width: 1200px) {
.areas-world .btn-nam {
top: 175px;
right: 190px;
}
} .areas-world .btn-sam {
position: absolute;
top: 290px;
right: 35px;
}
@media screen and (min-width: 1000px) {
.areas-world .btn-sam {
top: 300px;
right: 45px;
}
}
@media screen and (min-width: 1200px) {
.areas-world .btn-sam {
top: 355px;
right: 60px;
}
} .areas-world .btn-afr {
position: absolute;
top: 260px;
left: 7px;
}
@media screen and (min-width: 1000px) {
.areas-world .btn-afr {
top: 300px;
left: 25px;
}
}
@media screen and (min-width: 1200px) {
.areas-world .btn-afr {
top: 335px;
left: 60px;
}
}
.dsk {
display: none;
}
.sp {
display: block;
}
@media screen and (min-width: 768px) {
.dsk {
display: block;
}
.sp {
display: none;
}
} .areas-sp_list {
display: flex;
flex-direction: column;
gap: var(--px20);
}
.areas-world.areas-sp_list .wp-block-button {
display: block;
background-color: #3a5aa7;
color: #fff;
margin: 0;
height: 35px;
line-height: 30px;
text-align: center;
max-width: 240px;
width: 80%;
}
.areas-world.areas-sp_list .wp-block-button a {
max-width: 240px;
width: 80%;
height: 35px;
line-height: 30px;
} .add_area {
width: 100%;
margin: 0 auto;
display: flex;
flex-direction:row-reverse;
justify-content: space-between;
gap: 3%;
border-bottom: 1px solid var(--color-secondary);
padding: 0 0 var(--px30);
margin: 0;
}
.add_area .logoarea {
width: 10%;
max-width: 180px;
}
.add_area .txtarea {
width: 87%;
}
.add_area .txtarea dl.add_list {
width: 100%;
display: flex;
flex-wrap: wrap;
gap: 2%;
line-height: 1.35;
font-family: var(--font-family02);
}
.add_area .txtarea dl.add_list dt {
width: 18%;
margin-bottom: 1em;
}
.add_area .txtarea dl.add_list dd {
width: 80%;
margin-bottom: 1em;
}
@media print, screen and (max-width: 768px) {
.add_area .txtarea dl.add_list {
flex-direction: column;
}
.add_area .txtarea dl.add_list dt {
width: 100%;
}
.add_area .txtarea dl.add_list dd {
width: 100%;
}
}
.post p.map_text {
font-size: var(--rem20w);
font-weight: 700;
color: var(--color-primary);
font-family: var(--font-family02);
}
.youtubeArea {
margin: 0 auto 10px;
} .post .column03_wrap ul.column03_list li .column03_btn {
flex-grow: 0;
} .post .time, .postlist .time, .post2b .time, .post4b .time {
color: #fff;
font-size: var(--rem12);
line-height: 1.2;
background: #ed0020;
padding: 5px 10px;
border-radius: 0;
}