@charset "utf-8";
@media(min-width:1920px){
.sub-txt.white~.pc-img img{width:100%}
.sub-txt.white~.pc-img{max-height:344px;overflow:hidden}

.sub-txt.black~.pc-img img{width:100%}
.sub-txt.black~.pc-img{max-height:344px;overflow:hidden}


}
@media(max-width:1360px){



.arrow-prev{left:20px}
.arrow-next{right:20px}

}
@media(max-width:1200px){



.menu-bt-wrapper{display:block}
#gnb{display:none}
body{font-size:16px}
#header{height:80px}
.s1-2process li{font-size:18px}
.s1-2process li>div{padding-top:25px}
.s1-2process li>div:before{font-size:32px}
.care>li{padding:40px;font-size:18px}
.care>li>div>span, .r-process>li>div>span{font-size:32px}
.s1-3>ul>li div{font-size:22px}
.w100 h2.tit{padding-left:20px}
.r-process{margin:0 -5px}
.r-process>li{padding:5px}
.deliver>p{margin-left:50px}
.info-agree>ul>li:before{top:9px}
.paging a img{width:13px}
.sel-box select{height:46px}
.main-thum{margin:70px -10px 0}
.main-thum li{padding:0 10px}
.main-bnr li{width: calc(50% - 10px);}
.sub-txt{left:20px;transform:translate(0, -50%)}
}
@media(max-width:1120px){
	.info-top>div p{font-size:30px}
	.info-top, .star, .info-tit{font-size:24px}
	.info-box dl{font-size:20px}
}
@media(max-width:1000px){
	.v-area{padding-right:0 !important}
	/* .arrow-prev, .arrow-next{display:none !important} */
	.m-copy{position:relative;top:0;transform:translate(-50%, 0);left:50%;min-width:700px}
	.slick-slide img.mo{display:block;max-height:280px;}
	.m-copy a span{display:none}
	.m-copy a{padding:0;border-radius:0}
	.m-copy>p{display:none}
	.v-img{display:none}
	.payment-info-img{padding-left:0}
	.col6>div{padding-right:10px}
	.s1-2process{margin:0 -5px}
	.s1-2process li{font-size:16px;width:calc(33.33333% - 10px);margin:5px;padding:20px 7px}
	.s1-2process li>div{padding-top:20px}
	.s1-2process li>div:before{font-size:24px;top:6px}
	.s1-2process li>div:after, .r-process>li>div:after{width:23px;height:9px}
	.care>li>div{padding:20px}
	.s1-3>ul>li{padding:0 10px}
	.info-top{padding-left:0}
	.i-con{width:23%}
	.info-top>div{width:77%}
	.r-process>li>div>strong{font-size:18px}
	.f-box input[type=text], .f-box input[type=password]{font-size:14px;padding:10px 5px}
	.f-tit, h3.agree{font-size:1em}
	input[id="agr"]+label{padding-left:30px}
	input[id="agr"]+label:before{width:24px;height:24px}
	.account, .acc-info{width:100%;padding:1em 1.5em}
	a.mag{width:180px;position:static;margin-top:10px}
	.sel-box select{height:36px}
	.slick-dots{bottom:4px;}
	.pc-img{display:none}
	.sub-img .mo{display:block;position:relative;left:50%;transform:translateX(-50%);min-width:500px}
	.sub-txt.register{position:relative;left:0;transform:translate(0,0);text-align:center;padding:0 10px 20px}
	.sub-txt{text-align:center;left:0;padding:0 20px}
	.sub-banner img.mo{min-width:0;max-width:280px;object-fit:cover;}
}
@media(max-width:900px){
.info>li{width:100%;margin-bottom:20px;}

}
@media(max-width:800px){
.main-visual .mo-wrapper{height: 280px;}
.main-visual .bn-sub-txt{min-height: 200px;}
.m-copy>p>span, .sub-txt p{font-size:35px;}
.m-copy>p, .m-copy>p>span>strong>b, .m-copy>p>span>strong>i, .main-thum li a h3, .main-bnr li a h3{font-size:24px}
.m-copy>p>i{font-size:14px;}
body{font-size:14px}
.m-tit{font-size:28px}
.m-tit img{width:240px}
.m-scopy, h2.tit{font-size:22px}
.main-thum{margin:70px -5px 0}
.main-thum li{padding:0 5px}
.main-bnr li{width: calc(50% - 5px);}
.sub-txt span{font-size:16px}
.sub-img img{min-width:1200px}
h3.tit{font-size:20px}
.s1-2process li>div img{width:60%}
.care>li{padding:20px;font-size:14px}
.care>li>div>span{font-size:26px}
.s1-3>ul>li div{font-size:18px}
.care>li:after{width:23px;height:9px;right:-12px;margin-top:-9px}
.care>li:nth-child(4):after, .care>li:nth-child(5):after{left:-12px}
.care>li:nth-child(3):after{margin-top:-5px;margin-left:-4px}
.benefit>li>span{font-size:18px}
.r-process>li>div{padding:10px}
.r-process>li>div:after{top:20px}
.day-search{padding:5px}
.s-bt{padding-left:5px}
.day{width:calc(35% - 10px)}
.day-search span{width:20px}
.day-search .tit{width:100%;justify-content:flex-start;padding:5px 0;padding:5px 0;background:#fff;position:absolute;bottom:100%;left:0;width:100%}
.s-bt{width:20%}
.day{width:calc(40% - 10px);background-size:20px}
}
@media(max-width:767px){
.col4>div{width:100%}
.box9, .box3{width:100%}
}
@media(max-width:640px){


#header{height:60px}
.head{padding:15px 10px}
.wrap{padding-top:60px}
.logo{width:180px;margin-top:5px}
.menu-bt-wrapper{top:10px;right:15px}
.main-block{margin-top:30px}
.main-thum{margin-top:30px}
.main-thum li{width:100%;align-items:center;padding-bottom:10px}
.main-thum li a{max-width:360px;margin:0 auto}
.main-bnr li{width:100%;margin-bottom:20px}
.main-bnr{margin-bottom:60px}
.v-img{height:250px}
.m-copy>p>span, .sub-txt p{font-size:28px;}
.m-copy>p, .m-copy>p>span>strong>b, .m-copy>p>span>strong>i, .main-thum li a h3, .main-bnr li a h3{font-size:20px}
.sub-txt span{font-size:14px}
.m-copy>p>i{font-size:12px;}
/* .slick-dots{display:none !important} */
.s1-2img{margin-top:20px}

.col6>div{width:100%;padding-right:0}
.s1-2process li>div p{font-size:10px}
.sub-txt.register>strong{font-size:22px}
.sub-txt.register>span{font-size:1em}
.sub-txt.register a{padding:10px 0;max-width:140px}
.deliver{padding:10px 15px}
.deliver>div{min-width:121px}
.deliver>p b{display:none}
.deliver>p{margin-left:20px}
.deliver>div img{width:60px;margin-right:2px}
.r-process>li{width:33.3333%}
.deliver>p span{margin:2px 0}
.pro-view>ul>li{width:50%}
.pro-view h3, .guar-view h3{padding-left:10px}
.pro-view>ul>li{padding:0 1em}
.f-box .col6>div:nth-child(2n){padding-left:0}
.f-box .col6>div:nth-child(2n+1){padding-right:0}
.faq-search{margin:50px auto}
a.mag{width:100%}
.anchor{top:59px}
}



@media(width > 480px){
	.containerImgPC{display:block;}
	.containerImgMobile{display:none;}
	
	.payment-info-img .pc{display:block;}
	.payment-info-img .mobile{display:none;}
}

@media(width <= 480px){
	.containerImgPC{display:none;}
	.containerImgMobile{display:block;}
	
	.payment-info-img .pc{display:none;}
	.payment-info-img .mobile{display:block;}
	.main-visual .mo-wrapper{height: 280px;}
	.main-visual .bn-sub-txt{min-height: 230px !important;}
}



@media(max-width:480px){



.m-copy>p>span, .sub-txt p{font-size:24px;}
.m-copy>p, .m-copy>p>span>strong>b, .m-copy>p>span>strong>i, .main-thum li a h3, .main-bnr li a h3{font-size:18px}
.sub-txt span{font-size:12px;display:block;line-height:1.2}
.m-copy>p>i{font-size:11px;}

.m-tit{font-size:22px}
.m-scopy{font-size:20px}
.m-tit img{width:200px}
.sub-img img{min-width:800px}
.tab{margin-bottom:50px}
.payment-info-img{padding:20px 0 40px}
.payment-info-img br:nth-of-type(2n){display:none}
.s1-2img>p, .s1-2img>div{width:100%}
.s1-2img{margin-top:0}
.s1-3>ul>li div{font-size:16px}
.care>li{width:50%}
.care>li:nth-child(3){float:right}
.care>li:nth-child(5), .care>li:nth-child(6){float:left}
.care>li:nth-child(3n+1){clear:inherit}
.care>li:nth-child(2n+1){clear:both}
.care>li:nth-child(2n):after{top:100%;right:inherit;left:50%;margin-left:-9px;margin-top:-5px;transform:rotate(90deg);}
.care>li:nth-child(4n-1):after{transform:rotateY(180deg);right:inherit;left:-7px;top:50%}
.care>li:nth-child(4n+1):after{left:inherit;right:-12px;transform:rotateY(0)}
.i-con, .info-top>div{width:100%}
.i-con{padding-top:0;margin-bottom:10px}
.info-box dl{font-size:14px}
.benefit>li>span{font-size:16px}
.benefit>li>span:after{width:9px;height:6px}
.i-con{max-width:100%;text-align:center}
.sub-txt.register>strong{font-size:20px;margin-top:10px}
.form-ok input[type=submit]{padding:10px;width:150px}
.f-top{margin-bottom:20px;word-break:keep-all}
.f-top a{padding:5px 20px}
.pro-list>li>p{padding:10px 1px;font-size:10px}
.pro-list>li:first-child>p{font-size:11px}
.s-bt input{padding:.5em 0}
.dot>li{padding-left:13px}
.faq-search p{font-size:18px}
.faq-search{margin:30px auto}
.s-input button{height:40px;width:40px}
.s-input input[type=text]{width:calc(100% - 40px)}
.main-bnr li a{padding:15px 20px}
}



@media(max-width:400px){
.v-img{margin-right:-60px}
.info-top>div p{font-size:26px}
.info-top, .star, .info-tit{font-size:20px}
.r-process>li{width:50%}
dl.guide dd{margin-left:10px;width:calc(80% - 12px)}
.deliver>p{margin-left:0}
/* .f-top{padding-right:90px} */
.question .f-top{padding-right:0}
}