@charset "utf-8";
/* common */
#wrap{position:relative;}
#wrap section{min-width:1200px}
.inner{margin:0 auto;width:1200px;position:relative}
.pc-br{display:block}
.m-br{display:none}

/* top */
.visual{background:url('/images/visual.jpg') no-repeat 0 0;}
.visual .inner{height:528px;}

.insurer .inner{padding:16px 0;}
.insurer .swiper-slide img{max-height:60px;}

.form-wrap{background-color:#F5F5F5;}
.form-wrap .inner{padding:40px 0; display:flex;gap:40px;}
.form-wrap .tit{width:260px; border-right:1px solid #d9d9d9;}
.form-wrap .tit strong{font-size:28px;font-weight:800;color:#111;}
.form-wrap .tit p{font-size:16px;color:#888;}
.form-wrap form{flex:1 1 calc(100% - 301px); position:relative;}
.form-wrap .form ul{padding-right:166px;}
.form-wrap .form li{display:flex;justify-content:space-between;align-items:center;}
.form-wrap .form li:nth-child(n + 2){margin-top:4px;}
.form-wrap .form li label{width:105px; font-size:20px;}
.form-wrap .form li input{flex:1 1 0;}
.form-wrap .form input[type="text"],
.form-wrap .form input[type="number"]{padding:0;width:100%;height:46px; font-size:16px;text-indent:20px; border:1px solid #ddd;border-radius:8px;background-color:#fff}
.form-wrap .form .agree{margin:14px 0 0 105px;}
.form-wrap .form .agree input[type="checkbox"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.form-wrap .form .agree input[type="checkbox"] + label{font-size:16px;line-height:24px;color:#111;text-indent:0; display:inline-block;vertical-align:middle; position:relative;cursor:pointer; -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.form-wrap .form .agree input[type="checkbox"] + label:before{content:'';display:inline-block; margin-right:5px;width:24px;height:24px;line-height:24px; text-align:center;vertical-align:middle; border-radius:4px;box-shadow:0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);background-color:#09AEAE}
.form-wrap .form .agree input[type="checkbox"]:checked + label:before{content:'\2714'; color:#fff;text-shadow:0 0 #fff; border-color:#fff;box-shadow:0px 1px 1px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1)}
.form-wrap .form .agree .btn-detail{display:inline-block;margin-left:16px; font-size:16px;color:#111; border-bottom:1px solid #111;}
.form-wrap .form >button{width:150px;height:150px; font-size:20px;font-weight:700;color:#fff; border-radius:8px;background-color:#09AEAE; position:absolute;top:0;right:0;}

.price{margin-top:80px;text-align:center;}
.price h3{font-size:40px;font-weight:800;color:#111;}
.price .inner{border-bottom:1px solid #ccc;}
.price .inner::before,.price .inner::after{content:'';position:absolute;bottom:-3px; width:6px;height:6px;border-radius:100%;background-color:#ccc;}
.price .inner::before{left:0;}
.price .inner::after{right:0;}
.price .swiper-container{margin-top:40px;}
.price .swiper-container .swiper-slide{padding-bottom:50px;}
.price .swiper-container .item{border:2px solid #09AEAE;border-radius:16px;background-color:#09AEAE; position:relative}
.price .swiper-container .item::before{content:'';position:absolute;top:100%;left:50%;width:1px;height:50px; background-color:#ccc;}
.price .swiper-container .item::after{content:'';position:absolute;bottom:-12px;left:calc(50% - 8px); width:0;height:0;border-top: 12px solid #09AEAE;border-left:8px solid transparent;border-right:8px solid transparent;}
.price .swiper-container .item >p{background-color:#E9F3ED;border-radius:16px 16px 0 0; font-size:16px;font-weight:800;line-height:42px;color:#09AEAE;}
.price .swiper-container .item >div{height:140px; display:flex;flex-direction:column;justify-content:center; font-size:16px;line-height:1.5;color:#fff;}
.price .swiper-container .item >div strong{font-weight:800;}
.price .swiper-container .item >div em{font-size:24px;}

.point-wrap{padding-bottom:100px;}
.point{margin-top:80px;height:537px; background:url('/images/point.jpg') no-repeat 0 0;}

.step{margin-top:80px;text-align:center;}
.step h3{font-size:38px;font-weight:800;color:#111;}
.step p{margin-top:16px; font-size:16px;color:#888;}
.step .stepimg{margin-top:40px;height:219px; background:url('/images/step.jpg') no-repeat 0 0;}

/* notice */
.notice{padding:40px 0; background-color:#f5f5f5;}
.notice strong{font-size:22px;font-weight:800;color:#111;}
.notice ul{margin-top:20px;}
.notice li{margin-top:8px;padding-left:10px; font-size:16px;color:#888;word-break: keep-all; position:relative}
.notice li::before{content:"";display:inline-block;width:3px;height:3px; background-color:#888;border-radius:100%; position:absolute;top:8px;left:0;}

/* footer */
.footer{padding:40px 0; background-color:#383838; color:#afafaf;}
.footer p{line-height:1.6;}
.footer span{margin:0 8px; display:inline-block;}
.footer span:first-child{margin-left:0;}
.footer em{display:block; margin-top:10px;}


@media (max-width: 750px) {
    #wrap section{min-width:auto}
    .inner{width:auto;}
    .pc-br{display:none}
    .m-br{display:block}

    .visual{background:url('/images/visual.png') no-repeat 0 0;background-size:100%;}
    .visual .inner{height:133.334vw;}

    .insurer .inner{padding:4.2667vw 0;}
    .insurer .swiper-slide img{width:100%;}

    .form-wrap .inner{padding:10.667vw 8.533vw 16vw; display:block;}
    .form-wrap .tit{width:auto; border-right:0;}
    .form-wrap .tit strong{font-size:8vw;}
    .form-wrap .tit p{margin-top:1.0667vw;font-size:3.733vw;}
    .form-wrap .form{margin-top:8vw;}
    .form-wrap .form ul{padding-right:0;}
    .form-wrap .form li:nth-child(n + 2){margin-top:1.0667vw;}
    .form-wrap .form li label{text-indent:-9999px;display:none;}
    .form-wrap .form input[type="text"],
    .form-wrap .form input[type="number"]{height:12.8vw; font-size:4.2667vw;text-indent:5.333vw;border-radius:2.133vw;}
    .form-wrap .form .agree{margin:3.733vw 0 0 0; display:flex;}
    .form-wrap .form .agree input[type="checkbox"] + label{font-size:4.2667vw;line-height:6.4vw;}
    .form-wrap .form .agree input[type="checkbox"] + label:before{margin-right:1.6vw;width:6.4vw;height:6.4vw;line-height:6.4vw; border-radius:1.0667vw;}
    .form-wrap .form .agree .btn-detail{display:inline-block;margin-left:auto; font-size:4.2667vw;color:#111; border-bottom:0.2667vw solid #111;}
    .form-wrap .form >button{margin-top:8.5333vw;width:100%;height:16vw; font-size:5.333vw; border-radius:2.133vw; position:relative;}

    .price{margin-top:16vw;padding:0 4.2667vw;}
    .price h3{font-size:8vw;}
    .price .inner{border-bottom:0.2667vw solid #ccc;}
    .price .inner::before,.price .inner::after{bottom:-0.8vw; width:1.6vw;height:1.6vw;}
    .price .swiper-container{margin-top:10.6667vw;}
    .price .swiper-container .swiper-slide{padding-bottom:13.3334vw;}
    .price .swiper-container .item{border:0.533vw solid #09AEAE;border-radius:4.2667vw}
    .price .swiper-container .item::before{width:0.2667vw;height:13.333vw;}
    .price .swiper-container .item::after{bottom:-3.2vw;left:calc(50% - 1.933vw); border-top:3.2vw solid #09AEAE;border-left:2.133vw solid transparent;border-right:2.133vw solid transparent;}
    .price .swiper-container .item >p{border-radius:4.2667vw 4.2667vw 0 0; font-size:4.2667vw;line-height:11.2vw;}
    .price .swiper-container .item >div{height:37.333vw; font-size:4.2667vw;}
    .price .swiper-container .item >div em{font-size:6.4vw;}

    .point-wrap{padding:0 4.2667vw 16vw;}
    .point{margin-top:16vw;height:236.266vw; background:url('/images/point.png') no-repeat 0 0;background-size:100%;}

    .step{margin-top:16vw;}
    .step h3{font-size:8vw;}
    .step p{margin-top:2.667vw; font-size:3.7334vw;}
    .step .stepimg{margin-top:10.667vw;height:179.4667vw; background:url('/images/step.png') no-repeat 0 0;background-size:100%;}

    .notice{padding:10.6667vw 4.2667vw;}
    .notice strong{font-size:5.33vw;}
    .notice ul{margin-top:4.2667vw;}
    .notice li{margin-top:2.133vw;padding-left:2.666vw; font-size:3.733vw;}
    .notice li::before{width:0.8vw;height:0.8vw; top:1.8667vw;}

    .footer{padding:10.6667vw 4.2667vw;}
    .footer span{margin:0 1.0667vw;}
    .footer em{margin-top:2.6667vw;}
}

/* layer popup */
.wrap-layer-popup{display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:1500; overflow:auto}
.wrap-layer-popup .dimmed{width:100%;height:100%; background:#000;opacity:.5;filter:alpha(opacity=50); position:absolute;top:0;left:0}
.wrap-layer-popup .loop{height:0;width:0;position:absolute;overflow:hidden;clip:rect(1px 1px 1px 1px)}
.pop-layer{padding:50px 0 50px 50px;width:1000px;height:auto; border-radius:24px;background-color:#fff; display:block;position:absolute;top:50%;left:50%;z-index:10}
.pop-layer .head h1{font-size:38px;line-height:1;font-weight:800}
.pop-layer .btn-close{width:40px;height:40px; text-indent:-9999px; background:url('../images/btn_close.png') no-repeat center;background-size:100%; position:absolute;top:50px;right:50px}
.pop-layer .contents{margin-top:40px;padding-right:50px;height:600px;overflow-y:scroll;  font-size:18px;word-break:keep-all}
.pop-layer .contents div{margin-top:15px}
.pop-layer .contents li{margin-top:25px}
.pop-layer .contents li strong{margin-bottom:10px; font-size:20px;font-weight:700; display:block}
.pop-layer .contents li em{margin-top:15px;font-weight:700; display:block}
.pop-layer .contents p{margin-left:15px;padding:10px 0 0 10px;text-indent:-10px}
.pop-layer .contents .ex a{margin-left:20px}

/* layer popup */
.mobile .pop-layer{padding:5.33vw 0 5.33vw 5.33vw;width:90%;height:90%;box-sizing:border-box}
.mobile .pop-layer .head h1{font-size:5.06vw}
.mobile .pop-layer .btn-close{width:5.33vw;height:5.33vw; top:5.33vw;right:5.33vw}
.mobile .pop-layer .contents{margin-top:3.06vw;padding-right:5.33vw;height:calc(100% - 8.39vw); font-size:2.4vw}
.mobile .pop-layer .contents div{margin-top:2vw}
.mobile .pop-layer .contents li{margin-top:3.33vw}
.mobile .pop-layer .contents li strong{margin-bottom:1.33vw; font-size:2.66vw}
.mobile .pop-layer .contents li em{margin-top:2vw}
.mobile .pop-layer .contents p{margin-left:2vw;padding:1.33vw 0 0 1.33vw;text-indent:-1.33vw}
.mobile .pop-layer .contents .ex a{margin-left:2.66vw}
