@charset "UTF-8";
@charset "UTF-8";
@charset 'UTF-8';

 .slick-loading .slick-list
{
background: #fff url(https://mteam.jp/wp-content/themes/mteam-new/assets/css2/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://mteam.jp/wp-content/themes/mteam-new/assets/css2/fonts/slick.eot);
src: url(https://mteam.jp/wp-content/themes/mteam-new/assets/css2/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://mteam.jp/wp-content/themes/mteam-new/assets/css2/fonts/slick.woff) format('woff'), url(https://mteam.jp/wp-content/themes/mteam-new/assets/css2/fonts/slick.ttf) format('truetype'), url(https://mteam.jp/wp-content/themes/mteam-new/assets/css2/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
margin: auto 50%;
top:0;
bottom: 0;
display: block;
width: 82px;
height: 82px;
border:none;
padding: 0;
background: none;
cursor: pointer;
color: transparent;
outline: none;
z-index:3;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev
{
left: -510px;
background: url(//mteam.jp/wp-content/themes/mteam-new/assets/img/btn_pre.png) no-repeat center;
background-size: cover;
}
.slick-next
{
right: -510px;
background: url(//mteam.jp/wp-content/themes/mteam-new/assets/img/btn_next.png) no-repeat center;
background-size: cover;
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -32px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 12px;
height: 12px;
margin: 0 4px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 12px;
height: 12px;
padding: 4px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
color: #f5a200;
}
.slick-dots li button:before
{
position: absolute;
top: 0;
left: 0;
width: 12px;
height: 12px;
content: '';
background: #ACACAC;
border-radius: 50%;
}
.slick-dots li.slick-active button:before
{
background: #1EA7E2;
}
@media screen and (max-width: 768px) {
.slick-prev{left: -160px;}
.slick-next{right:-160px;}
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 html, body, 
h1, h2, h3, h4, h5, h6, 
p, ul, ol, li, dl, dt, dd, 
table, th, tr, td, 
form, fieldset, input, textarea, button, figure, blockquote{
margin:0px;
padding:0px;
}
html, body {
height:100%;
} .clearfix:after {   
content: ".";    
display: block;    
height: 0px;    
clear: both;    
visibility: hidden;   
}   
.clearfix { display: inline-table;zoom:1; }/*\*/* html .clearfix { height: 1%; }   
.clearfix { display: block; }/**/ li {
list-style:none;
}
.ta_c{text-align:center;}
.ta_r{text-align:right;} .fl_l{float:left;}
.fl_r{float:right;}
.fl_box{overflow: hidden; *zoom: 1;}
.clear{clear:both;}
.bgFade, .bgFade a {
transition: all 0.3s ease-in-out 0s;
}
.bold{font-weight:bold;}
 body{
margin:0;
padding:0;
color:#333333;
background:#EFF2FC;
font-size:16px;
font-weight:500;
line-height: 1.75;
overflow-x:hidden;
font-family: 'Noto Sans JP', sans-serif;
-webkit-text-size-adjust: 100%;
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.en{
font-family: "Montserrat", sans-serif;
}
body.open, body.modaal-noscroll{
overflow: hidden;
}
input, textarea {
border-radius: 0;
outline: none;
margin: 0;
padding: 0;
font-family: 'Noto Sans JP', sans-serif;
font-size:16px;
-webkit-border-radius : 0;
-webkit-tap-highlight-color : rgba(0,0,0,0);
}
img{
vertical-align:bottom;
max-width:100%;
height:auto;
width: auto;
}
a {
color:#000;
text-decoration:none;
transition: all 0.3s ease-in-out 0s;
}
a:hover {
text-decoration:none;
}
.flex_wrap{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap; flex-wrap:wrap;
}
.flex_wrap_between{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap; flex-wrap:wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.flex_wrap_center{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap; flex-wrap:wrap;
justify-content: center;
}
.flex_wrap_middle{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap; flex-wrap:wrap;
align-items: center;
}
.sp{display:none !important;}
.note{font-size:87.5%;font-weight: 400;}
.invew{
position: relative;
opacity: 0;
transition: all 0.8s ease-in-out 0s;
}
.invew.fire{
opacity: 1;
} header{
position: fixed;
width: 100%;
z-index: 1000;
height: 78px;
transition: all 0.3s ease-in-out 0s;
}
header .logo{
width: 116px;
}
.inner_header{
margin: auto;
width: 100%;
padding: 0 38px;
align-items: center;
height: 100%;
position: relative;
transition: all 0.3s ease-in-out 0s;
}
.fix .inner_header{
background: #fff;
}
.gnav{
gap:20px;
}
.btn_head a{
font-size: 16px;
height: 54px;
background: #FFFFFF;
border: 5px solid #00A18D;
color: #00A592;
border-radius: 100vh;
width: 290px;
font-weight: 700;
justify-content: center;
gap:11px;
}
.btn_head a:hover{
opacity: .5;
}
.bh_2 a{
background: rgb(0,158,137);
background: linear-gradient(0deg, rgba(0,158,137,1) 0%, rgba(0,205,196,1) 100%);
color: #fff;
border: none;
} .btn_area{
gap:20px;
margin-top: 50px;
}
.btn{
width: 100%;
max-width: 410px;
}
.btn a{
background: #FFFFFF;
border: 5px solid #00A18D;
color: #00A592;
border-radius: 100vh;
font-weight: 700;
justify-content: center;
gap:30px;
height: 98px;
font-size: 25px;
line-height: 1.3;
text-align: center;
}
.btn a .note{
font-size: 14px;
font-weight: 500;
}
.btn a:hover{
opacity: .5;
}
.btn.bh_2 a{
background: rgb(0,158,137);
background: linear-gradient(0deg, rgba(0,158,137,1) 0%, rgba(0,205,196,1) 100%);
color: #fff;
border: none;
} .kv{
position: relative;
padding: 86px 0 64px;
background: url(//mteam.jp/wp-content/themes/mteam-new/assets/img/kv_bg.png) no-repeat center bottom / 100% auto;
}
.inner_kv{
width: 90%;
margin:0 auto 80px;
max-width: 1720px;
align-items: center;
}
.kv_cnt{
width: 54%;
}
.kv_cnt h1{
margin:0 auto 28px;
width: 90%;
}
.lead_kv{
text-align: center;
font-size: clamp(12px, 1.4vw, 18px);
margin-bottom: 30px;
line-height: 1.9;
}
.kv_bn{
gap:20px;
margin-bottom: 46px;
}
.kv_bn li{
max-width: 184px;
width: 20%;
} 
.btn_area_kv{
gap:24px;
}
.btn_area_kv .btn{
max-width: 458px;
width: calc((100% - 24px) / 2);
}
.btn_area_kv .btn a{
font-size: clamp(12px, 1.6vw, 25px);
gap:clamp(15px, 1.2vw, 30px);
height: clamp(40px, 6vw, 98px);
}
.btn_area_kv .btn a .note{
font-size: clamp(8px, 0.8vw, 14px);
}
.btn_area_kv .btn i{
width: clamp(20px, 2.2vw, 50px);
}
.kv_fig_wrap{
width: 46%;
}
.kv_fig_wrap figure{
position: relative;
}
.vd{
position: absolute;
background: #333;
left: 15%;
top: 4.9%;
width: 71.4%;
aspect-ratio:16 / 9.8;
}
.movie_iframe{
width: 100%;
aspect-ratio:16 / 9;
overflow: hidden;
}
.logo_area .h2_logo{
font-size: clamp(18px, 2vw, 29px);;
margin-bottom: 24px;
text-align: center;
font-weight: 700;
color: #fff;
}
.yellow{
color: #ECFF21;
}
.logo_wrap{
padding: 0 20px;
}
.inner_1000{
width: 89%;
max-width: 1000px;
margin: auto;
}
.sec_prob{
background: #4277D2;
}
.prob_top{
background: #EFF2FC;
padding: 50px 0 40px;
margin-bottom: 142px;
position: relative;
}
.prob_top::after{
position: absolute;
content: '';
display: block;
width: 100%;
height: 142px;
background: #EFF2FC;
clip-path: polygon(0 0, 50% 100%, 100% 0%);
margin: auto;
left: 0;
right: 0;
bottom: -141px;
}
.ttl_h2{
text-align: center;
font-size: 28px;
line-height: 1;
position: relative;
color: #0C5EB9;
margin-bottom: 42px;
}
.ttl_h2 .en{
font-size: 142px;
color: #0C5EB92B;
}
.ttl_h2 .ja{
position: absolute;
margin: auto;
left: 0;
right: 0;
bottom: 10px;
}
.prob_top .ttl_h2{
margin-bottom: 52px;
}
.prob_top .ttl_h2 .en{
font-size: 156px;
}
.prob_top .ttl_h2::after{
content: '';
display: block;
margin: auto;
width: 144px;
height: 6px;
background: #ECFF21;
position: absolute;
bottom: -16px;
left: 0;
right: 0;
}
.wrap_prob{
align-items: center;
gap:20px;
}
.wrap_prob li{
background: #fff;
box-shadow: 9px 9px 0px #0C5EB92B;
border: 1px solid #0C5EB9;
padding: 20px 26px;
border-radius: 5px;
font-size: 14px;
display: table;
}
.wrap_prob li:not(:last-child){
margin-bottom: 30px;
}
.wrap_prob li:nth-child(odd){
margin-left: 20px;
}
.marker{
background: linear-gradient(transparent 80%, #ECFF21 0%);
}
.prob_bottom{
background: #4277D2;
color: #fff;
}
.prob_bottom h2{
text-align: center;
margin: -80px auto 0;
background: rgb(241,242,32);
background: linear-gradient(0deg, rgba(241,242,32,1) 50%, rgba(236,255,33,1) 51%, rgba(236,255,33,1) 100%);
border-radius: 100vh;
max-width: 676px;
font-size: 28px;
font-weight: 900;
margin-bottom: 82px;
color: #0C5EB9;
padding: 16px;
position: relative;
}
.prob_bottom h2::after{
content: '';
display: block;
position: absolute;
width: 26px;
height: 22px;
background: rgba(241,242,32,1);
clip-path: polygon(0 0, 50% 100%, 100% 0%);
margin: auto;
left: 0;
right: 0;
bottom: -21px;
}
.lead_p_b{
text-align: center;
font-size: 22px;
margin-bottom: 28px;
font-weight: 700;
}
.list_prob_bottom{
gap:3.5%;
margin-top: 90px;
position: relative;
z-index: 1;
}
.list_prob_bottom::before{
content: '';
display: block;
margin: auto;
left: 0;
right: 0;
width: 60%;
height: 3px;
background: #ECFF21;
top: 40%;
z-index: -1;
position: absolute;
}
.list_prob_bottom > li{
border-radius: 24px;
overflow: hidden;
background: #fff;
width: 31%;
max-width: 262px;
}
.list_prob_bottom li > h3{
text-align: center;
padding: 16px 10px 20px;
background: url(//mteam.jp/wp-content/themes/mteam-new/assets/img/bg_pb_01.png) right bottom / cover;
font-size: 20px;
}
.list_prob_bottom li:nth-child(2) > h3{
background-image: url(//mteam.jp/wp-content/themes/mteam-new/assets/img/bg_pb_02.png);
}
.list_prob_bottom li:nth-child(3) > h3{
background-image: url(//mteam.jp/wp-content/themes/mteam-new/assets/img/bg_pb_03.png);
}
.list_prob_bottom li h3 .ja{
display: block;
font-size: 10px;
font-weight: 500;
}
.lpb_disc{
padding: 22px 16px;
color: #333333;
font-size: 14px;
}
.lpb_disc ul{
margin-top: 10px;
}
.lpb_disc ul li{
padding-left: 24px;
background: url(//mteam.jp/wp-content/themes/mteam-new/assets/img/mark.png) no-repeat left top 4px;
color: #0C5EB9;
font-weight: 700;
margin-bottom: 14px;
}
.lpb_b_under{
margin: 4px auto 0;
height: 27px;
width: 64%;
max-width: 588px;
border-bottom: 3px solid #ECFF21;
border-left: 3px solid #ECFF21;
border-right: 3px solid #ECFF21;
position: relative;
}
.lpb_b_under::before{
content: '';
display: block;
position: absolute;
width: 3px;
height: 12px;
background: #ECFF21;
transform: rotate(45deg);
top: 0;
left: -8px;
}
.sec_case{
background: #4277D2;
padding: 140px 0;
}
.sec_case .ttl_h2{
color: #fff;
}
.sec_case .ttl_h2 .en{
color: rgba(255,255,255,.3);
}
.c_white{
color: #fff;
}
.list_case{
margin: 94px auto 0;
max-width: 840px;
}
.list_case > li{
width: 47.9%;
background: #fff;
border-radius: 24px;
box-shadow: 0px 3px 6px #0854A7;
padding: 0 24px 32px;
display: flex;
flex-direction: column;
}
.case_num{
text-align: center;
margin: -21px auto 32px;
max-width: 151px;
width: 100%;
background: #ECFF21;
color: #0C5EB9;
font-size: 23px;
padding: 6px 0;
border-radius: 100vh;
font-weight: 700;
}
.case_top{
gap:36px;
margin-bottom: 16px;
}
.prof_wrap .case_prof:not(:last-of-type){
margin-bottom: 10px;
}
.prof_wrap .case_prof .label{
text-align: center;
display: inline-block;
background: #0C5EB9;
font-size: 11px;
width: 78px;
margin-right: 10px;
color: #fff;
}
.case_cnt{
gap:16px;
margin-bottom: 20px;
}
.case_cnt_de{
border: 1px solid #6AA2DD;
}
.case_cnt .case_cnt_de:first-of-type{
flex: 1;
}
.case_cnt_de h3{
text-align: center;
background: #6AA2DD;
color: #fff;
font-size: 11px;
font-weight: 500;
line-height: 21px;
}
.case_cnt_disc{
text-align: center;
font-size: 13px;
padding: 7px 10px;
display: flex;
align-items: center;
justify-content: center;
height: calc(100% - 21px);
}
.case_cnt .case_cnt_de:last-of-type .case_cnt_disc{
padding: 7px 20px;
}
.ba_wrap{
padding: 10px 14px;
background: #F5F6FD;
margin: 0;
flex: 1;
}
.ttl_ba{
font-size: 16px;
color: #0C5EB9;
margin-bottom: 20px;
}
.ba_wrap li{
padding-left: 24px;
background: url(//mteam.jp/wp-content/themes/mteam-new/assets/img/mark.png) no-repeat left top 4px;
font-weight: 700;
font-size: 14px;
}
.ba_wrap li:not(:last-child){
margin-bottom: 10px;
}
.ba_wrap li span{
font-size: 20px;
color: #0C5EB9;
background: linear-gradient(transparent 80%, #ECFF21 0%);
}
.cta{
padding: 70px 0;
background: url(//mteam.jp/wp-content/themes/mteam-new/assets/img/bg_ct.png) center / cover;
}
.cta h2{
text-align: center;
font-size: 28px;
font-weight: 900;
color: #0C5EB9;
margin-bottom: 50px;
}
.cta h2 .dot{
background-image: radial-gradient(circle at center, #0C5EB9 20%, transparent 20%); background-position: top right; background-repeat: repeat-x; background-size: 1em 0.5em; padding-top: .2em; }
.cta h2 img{
margin: 0 8px;
width: 136px;
vertical-align: middle;
}
.def_sec{
padding: 80px 0;
}
.sec_point{
background: #fff;
}
.list_point{
margin: auto;
max-width: 840px;
gap:3.5%;
}
.list_point li{
width: 31%;
display: flex;
flex-direction: column;
}
.list_point li figure{
text-align: center;
margin-bottom: 16px;
}
.list_point li h3{
text-align: center;
color: #0C5EB9;
font-size: 18px;
margin-bottom: 18px;
}
.list_point li .note{
margin-top: 10px;
}
.point_cnt{
flex: 1;
position: relative;
}
.list_point li:not(:last-child) .point_cnt::after{
content: '';
display: block;
height: 100%;
width: 1px;
border-left: 2px dotted #0C5EB9;
position: absolute;
top: 0;
right: -5%;
}
.list_voice{
max-width: 840px;
margin: 84px auto 0;
}
.list_voice li{
background: #fff;
padding: 1px 40px 40px;
box-shadow: 0px 0px 9px #00000029;
border-radius: 24px;
}
.list_voice li:not(:last-child){
margin-bottom: 68px;
}
.num_voice{
font-size: 29px;
color: #0C5EB9;
font-weight: 700;
background: #ECFF21;
max-width: 180px;
text-align: center;
padding: 5px 0;
border-radius: 100vh;
margin: -26px 0 19px;
}
.list_voice li figure{
text-align: center;
width: 120px;
}
.list_voice li figure figcaption{
margin-top: 14px;
}
.list_voice li .voice_cnt{
width: calc(100% - 152px);
}
.list_voice li .voice_cnt .voice{
align-items: flex-start;
}
.list_voice li .voice_cnt .voice:first-of-type{
margin-bottom: 24px;
padding-bottom: 14px;
border-bottom: 3px dotted #0C5EB9;
}
.list_voice li .voice_cnt .voice .label_voice{
text-align: center;
width: 124px;
border: 2px solid #0C5EB9;
color: #0C5EB9;
font-size: 15px;
font-weight: 700;
}
.list_voice li .voice_cnt .voice:last-of-type .label_voice{
background: #0C5EB9;
color: #fff;
}
.voice_disc{
width: calc(100% - 138px);
}
.sec_flow{
background: #0C5EB9;
}
.sec_flow .ttl_h2 {
color: #fff;
}
.sec_flow .ttl_h2 .en {
color: rgba(255, 255, 255, .3);
}
.list_flow{
margin: 140px auto 0;
max-width: 840px;
position: relative;
z-index: 1;
}
.list_flow::before{
content: '';
display: block;
position: absolute;
margin: auto;
left: 0;
right: 0;
width: 80%;
height: 0;
border-top: 5px dotted #ECFF21;
top: -28px;
z-index: -1;
}
.list_flow li{
width: 18%;
background: #fff;
box-shadow: 0px 4px 7px #145194;
border-radius: 8px;
padding: 1px 12px 24px;
}
.list_flow li .num_flow{
text-align: center;
margin: -70px 0 4px;
}
.list_flow li figure{
height: 51px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 2px;
}
.list_flow li h3{
text-align: center;
font-size: 20px;
color: #0C5EB9;
margin-bottom: 12px;
}
.sec_faq{
background: #fff;
}
.wrap_faq{
margin: 89px auto 0;
max-width: 840px;
}
.wrap_faq dl{
border: 1px solid #0C5EB9;
}
.wrap_faq dl:not(:last-of-type){
margin-bottom: 42px;
}
.wrap_faq dl dt{
padding: 3px 86px 3px 30px;
position: relative;
background: #0C5EB9;
cursor: pointer;
color: #fff;
font-size: 18px;
font-weight: 700;
}
.wrap_faq dl dt::after{
position: absolute;
content: '';
display: block;
background: url(//mteam.jp/wp-content/themes/mteam-new/assets/img/arrow_faq.png);
height: 19px;
width: 49px;
right: 30px;
margin: auto;
top: 0;
bottom: 0;
transform:rotateX(-180deg);
transition: .5s;
}
.wrap_faq dl dt.is-active::after{
transform:rotateX(0deg);
}
.wrap_faq dl .i_q{
display: block;
font-family: "Montserrat", sans-serif;
font-style: normal;
color: #ECFF21;
font-size: 50px;
font-weight: 700;
margin-right: 34px;
}
.wrap_faq dl dd .i_q{
color: #0C5EB9;
font-size: 24px;
display: inline;
margin-right: 5px;
font-family: 'Noto Sans JP', sans-serif;
}
.wrap_faq dt p{
width: calc(100% - 80px);
align-self: center;
}
.wrap_faq dl dd{
padding: 30px;
display: none;
}
footer{
background: #333333;
padding: 90px 0 22px;
color: #fff;
}
.inner_ft{
width: 89%;
max-width: 840px;
margin: auto;
}
.ft_i_wrap{
margin-bottom: 68px;
gap:48px;
}
.ft_ttl{
font-size: 28px;
font-weight: 700;
padding-right: 48px;
border-right: 1px solid #fff;
}
.ft_info p:not(:last-of-type){
margin-bottom: 10px;
}
.policy{
text-align: right;
margin-bottom: 24px;
}
.policy a{
color: #fff;
text-decoration: underline;
}
.copy{
text-align: center;
font-size: 15px;
}
.lpb_b_under_sp{
display: none;
position: absolute;
height: 60%;
width: 51px;
margin: auto;
top: 0;
bottom: 0;
left: 0;
border-bottom: 3px solid #ECFF21;
border-top: 3px solid #ECFF21;
border-left: 3px solid #ECFF21;
}
.lpb_b_under_sp::before{
content: '';
display: block;
position: absolute;
width: 12px;
height: 3px;
background: #ECFF21;
transform: rotate(45deg);
top: -8px;
right: 0;
}
.main_sub{
padding: 97px 0 100px;
}
.sub_h1{
background: #4277D2;
padding: 25px 0 68px;
}
.sub_h1 .ttl_h2{
margin-bottom: 0;
color: #fff;
}
.sub_h1 .ttl_h2 .en{
color: rgba(255, 255, 255, .3);
}
.sub_body{
padding-top: 80px;
}
.form_wrap{
margin: 48px auto 0;
max-width: 550px;
}
.form_wrap dl{
margin-bottom: 15px;
}
.form_wrap dl dt{
font-size: 20px;
margin-bottom: 5px;
}
.form_wrap .req{
font-size: 10px;
background: #FF0000;
color: #fff;
padding: 1px 5px;
font-weight: 500;
}
.form_wrap dl dt .req{
margin-left: 6px;
}
.form_wrap dl dd .ex_input{
font-size: 14px;
color: #989898;
margin-bottom: 6px;
}
.form_wrap dl dd input{
width: 100%;
border: 1px solid #1469FA;
border-radius: 3px;
padding: 12.5px;
background: #fff;
}
.form_wrap dl dd textarea{
border: 1px solid #1469FA;
border-radius: 3px;
padding: 12.5px;
background: #fff;
width: 100%;
height: 92px;
}
.policy_form{
text-align: center;
margin-top: 42px;
font-weight: 400;
}
.policy_form .req{
margin-right: 16px;
}
.policy_form input{
margin-right: 16px;
}
.submit{
text-align: center;
margin-top: 34px;
}
.submit input{
font-weight: 700;
font-size: 24px;
color: #fff;
background: #00AA82;
max-width: 440px;
padding: 20px;
border-radius: 6px;
width: 100%;
border: none;
cursor: pointer;
transition: all 0.3s ease-in-out 0s;
}
.submit input:hover{
opacity: .5;
}
.dl_wrap{
max-width: 840px;
margin: 48px auto 0;
gap:30px 50px;
}
.dl_disc{
max-width: 367px;
width: 100%;
}
.dl_wrap .form_wrap{
max-width: 420px;
width: 100%;
margin: 0;
}
.dl_disc figure{
margin-bottom: 20px;
}
.dl_disc .list_dl{
background: #fff;
box-shadow: 0px 0px 9px #00000029;
border-radius: 14px;
padding: 18px 32px;
}
.ttl_dl_list{
font-size: 22px;
font-weight: 700;
color: #0C5EB9;
margin-bottom: 8px;
}
.dl_disc .list_dl li{
padding-left: 24px;
background: url(//mteam.jp/wp-content/themes/mteam-new/assets/img/mark.png) no-repeat left top 4px;
}
.dl_disc .list_dl li:not(:last-child){
margin-bottom: 6px;
}
.main_sub_thanks{
padding: 154px 0 210px;
}
.main_sub_thanks h1{
font-size: 44px;
margin-bottom: 44px;
color: #0C5EB9;
}
.btn_to_top{
margin: 60px auto 0;
max-width: 290px;
}
.btn_to_top a{
display: block;
background: #fff;
border: 5px solid #0C5EB9;
border-radius: 40px;
font-size: 18px;
font-weight: 700;
padding: 14px;
position: relative;
color: #0C5EB9;
}
.btn_to_top a::before{
content: '';
display: block;
width: 12px;
height: 12px;
border-bottom: 3px solid #0C5EB9;
border-left: 3px solid #0C5EB9;
transform: rotate(45deg);
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 30px;
} @media screen and (max-width: 964px) {
.btn_area_kv{position: fixed; bottom: 0;left: 0;width: 100%;padding: 0 4% 15px;justify-content: center;z-index: 100; gap:8px;}
.btn_area_kv .btn{width: calc((100% - 8px) / 2);}
.btn_area_kv .btn a{height: 50px; gap:4px; border-width: 3px;}
.btn_area_kv .bh_2 a{border: 3px solid #fff;}
.gnav{display: none;}
.kv_cnt{width: 100%;}
.kv_fig_wrap{width: 100%;}
.kv{background-image: url(//mteam.jp/wp-content/themes/mteam-new/assets/img/kv_bg_sp.png);padding: 64px 0;}
header{height: 60px;}
.inner_header{padding: 0 5.5%;}
.inner_kv{margin-bottom: 38px;}
}
@media screen and (max-width: 768px) {
body{font-size: 14px;}
.sp{ display:block !important;}
.pc{display:none !important;}
.lead_kv{font-size: 14px;}
.kv_bn li{width: 158px;}
.kv_bn{gap:11px;}
.prob_top .ttl_h2 .en{font-size: 62px;}
.ttl_h2{font-size: 18px;}
.ttl_h2 .ja{position: relative; margin-top: -5px;}
.prob_top .ttl_h2::after{width: 62px;}
.wrap_prob .prob_02{order: 2;}
.wrap_prob figure{order: 3; width: 160px;}
.wrap_prob ul{width: 100%;}
.wrap_prob .prob_01 li:nth-child(odd){margin-left: auto;margin-right: 0;}
.wrap_prob .prob_02 li:nth-child(odd){margin-left: 0;}
.wrap_prob .prob_02 li:nth-child(even){margin-left: auto;margin-right: 0;}
.prob_top{margin-bottom: 80px;}
.prob_top::after{height: 80px;bottom: -79px;}
.prob_bottom h2{font-size: 18px;padding: 12px;margin-top: -40px;}
.prob_bottom h2::after{height: 16px;bottom: -15px;}
.lead_p_b{font-size: 18px;margin-bottom: 18px;}
.list_prob_bottom{gap:26px;justify-content: flex-end; margin-top: 40px;}
.list_prob_bottom > li{width: calc(100% - 52px); max-width: 100%;}
.list_prob_bottom::before{height: 90%; width: 3px;left: calc(50% + 38px);top: 5%;right: auto;}
.lpb_b_under{display: none;}
.lpb_b_under_sp{display: block;}
.ttl_h2 span{display: block;}
.ttl_h2 .en{font-size: 50px;}
.list_case > li{width: 100%;padding: 0 16px 24px;}
.list_case{gap: 60px; margin-top: 40px;}
.sec_case{padding-bottom: 70px;}
.cta h2{font-size: 18px; margin-bottom: 25px;}
.cta h2 img{width: 100px;}
.cta{padding: 30px 0;}
.btn_area{margin-top: 25px;}
.btn a i{width: 26px;}
.btn a{font-size: 18px; gap:15px;height: 70px;}
.btn a .note{font-size: 10px;}
.list_point li{width: 100%;}
.list_point li:not(:last-child) .point_cnt::after{display: none;}
.list_point{gap:50px;}
.num_point{margin-left: 40px;}
.list_voice{margin-top: 60px;}
.num_voice{margin: -26px auto 19px;}
.list_voice li{padding: 1px 20px 20px;}
.list_voice li figure{width: 100%;}
.list_voice li .voice_cnt{width: 100%;}
.voice_wrap{gap:35px;}
.voice_disc{width: 100%;margin-top: 10px;}
.list_flow li{width: calc(100% - 75px);position: relative;padding: 10px 26px 10px 38px;}
.list_flow{justify-content: flex-end; gap:28px; margin-top: 60px;}
.list_flow li .num_flow{position: absolute;left: -75px; margin: auto;top: 0; bottom: 0;height: 88px;}
.list_flow::before{width: 0;height: 75%;border: none;    border-left: 5px dotted #ECFF21;right: auto; left: 39px; top: 0;bottom: 0;}
.flow_top{margin-bottom: 10px;display: flex;justify-content: center;align-items: center; gap:10px;}
.list_flow li h3{margin-bottom: 0;}
.wrap_faq{margin-top: 40px;}
.wrap_faq dl:not(:last-of-type){margin-bottom: 20px;}
.wrap_faq dl dt{padding: 3px 40px 3px 15px; font-size: 16px;}
.wrap_faq dl .i_q{font-size: 25px; margin-right: 16px;}
.wrap_faq dt p{width: calc(100% - 41px);}
.wrap_faq dl dt::after{width: 25px;height: 10px;right: 15px; background-size: cover;}
.wrap_faq dl dd{padding: 15px;}
.ft_ttl{padding: 0;border: none;}
footer{padding: 40px 0 90px;}
.copy{font-size: 12px;}
.main_sub{padding-top: 60px;}
.sub_h1{padding: 24px 0;}
.sub_body{padding-top: 40px;}
.main_sub_thanks{padding-bottom:100px;}
.main_sub_thanks h1{font-size: 20px;}
.logo_wrap{width: 100px; padding: 0 10px;}
.case_top{align-items: center;gap:18px;}
}