@charset "UTF-8";
/* =====================================
	画面幅1280pxのための微調整
===================================== */
@media screen and (min-width: 769px) and (max-width: 1366px)  {
.visual h1 img {min-width:1280px;}
}


@media screen and (min-width: 769px) {
.visual h1 img {min-width:1280px;}
}


/* =====================================
    タブレット表示をカスタマイズ
===================================== */
@media screen and (min-width: 431px) and (max-width: 768px)  {

#wrapper {max-width:100%;}

header {height:60px; padding:0 15px;}
header .logo {gap:15px;}
header .logo li:nth-child(1) img,
header .logo li:nth-child(2) img {width:auto; height:34px;}
header .cv-btn {gap:10px;}
header .cv-btn li a {font-size:16px; line-height:30px; height:40px; padding:4px 45px 6px 15px; border-radius:50px;}
header .cv-btn li:nth-child(2) a {padding:4px 45px 6px 15px;}
header .cv-btn li a::before {width:20px; height:20px; right:15px;}

.visual p {width:44.5%; bottom:25px; left:15px; font-size:22px; line-height:1.5; letter-spacing:1px;}

.nayami {background-position:left 50% bottom -5px;}
.nayami .box {max-width:450px;}
.nayami .box h2 br.sp {display:none !important;}
.nayami .box ul {margin:20px auto 0 auto;}
.nayami p {margin:15px auto 0 auto; padding-left:0;}
.nayami p strong {display:block;}
.nayami p br.sp {display:none !important;}

.comparison .wrap {padding:40px 20px 80px 20px;}

.comparison .wrap h2 span {padding:0 49px;}
.comparison .wrap h2 span br.sp {display:none !important;}
.comparison .wrap h2 + p {font-size:1.4rem; line-height:1.6;}

.comparison .wrap .beforeBox ul {flex-direction:row; gap:0;}
.comparison .wrap .beforeBox ul li {width:25%;}
.comparison .wrap .beforeBox ul li::before {border-top:min(1.10294vw, 15px) solid transparent; border-bottom:min(1.10294vw, 15px) solid transparent; border-left:min(1.9117647vw, 26px) solid #3e3a39; border-right:0; top:min(5.367647vw, 73px); right:max(-1.0294vw, -14px); bottom:auto; left:auto; transform:translateX(0);}

.comparison .wrap .afterBox ul {row-gap:20px;}
.comparison .wrap .afterBox ul li {width:calc((100% - 20px) / 2);}

.comparison .wrap .balloon {padding:0 0 40px 0;}
.comparison .wrap .balloon::before {width:249px; height:196px; top:0; right:0px;}
.comparison .wrap .balloon p {width:60%; padding:20px 20px; font-size:1.8rem; text-align:left;}
.comparison .wrap .balloon p::before {width:40px; height:20px; clip-path:polygon(0 0, 0% 100%, 100% 1px); top:auto; bottom:25px; right:-38px;}
.comparison .wrap .balloon p br,
.comparison .wrap .balloon p br.sp {display:none !important;}

.features h2::before {top:-60px; right:0;}
.features h3 + p {margin:10px auto 0; font-size:1.4rem; line-height:1.6;}
.features h3 + p br.sp {display:none !important;}

.features ul li {min-height:130px;}
.features ul li h4 br {display:none !important;}
.features ul li p {width:calc(100% - 180px); font-size:1.4rem; line-height:1.6;}

.results::after {height:100%;}
.results .before-after {flex-direction:row; justify-content:center; gap:0 20px;}
.results .before-after > li {margin:0 0; width:calc((100% - 60px) / 2);}
.results .before-after > li ul {font-size:1.3rem;}
.results .before-after + h2 br.sp {display:none !important;}

.closing {height:auto; padding:50px 20px;}
.closing .wrap {padding-right:240px;}
.closing .wrap::before {width:275.5px; height:261.5px; bottom:-55px; right:-10px;}
.closing p {margin-top:15px;}
.closing p br.sp {display:none !important;}
.closing a {margin-left:18px;}

}