@charset "utf-8";
/* common */
#wrap{position:relative;}
#wrap section{min-width:1200px}
.inner{margin:0 auto;width:1200px;position:relative}
.m-br{display:none}

/* Top */
.top{padding-bottom:80px; background:linear-gradient(to bottom,  #f3f4d8 0%,#dbe6a0 100%);}
.top .insurer{padding:32px 50px 25px; background-color:#fff;border-radius:0 0 16px 16px;}
.top .insurer .swiper-slide img{max-height:60px;}
.top .main{margin-top:40px; display:flex;justify-content:space-between;}
.top .form1{width:600px;padding:32px 40px; background-color:#fff;border-radius:16px;}
.top .form1 strong{display:block;padding:10px 0 ; font-size:24px;}
.top .form1 >button{margin-top:24px;}

.form li{display:flex;justify-content:space-between;align-items:center;}
.form li:nth-child(n + 2){margin-top:4px;}
.form li label{width:105px; font-size:20px;}
.form li input{flex:1 1 0;}
.form input[type="text"],
.form input[type="number"]{padding:0;width:100%;height:48px; font-size:16px;text-indent:20px; border:1px solid #ddd;border-radius:8px;background-color:#fff}
.form >button{width:100%;height:72px; font-size:20px;font-weight:700;color:#fff; border-radius:8px;background-color:#99B531;}
.form .agree{margin:14px 0 0 105px;}
.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 .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 .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:#99B531}
.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 .agree .btn-detail{display:inline-block;margin-left:16px; font-size:16px;color:#111; border-bottom:1px solid #111;}

/* price */
.price{padding:60px 0; background-color:#f5f5f5;}
.price .inner{display:flex;}
.price h3{font-size:40px;font-weight:800;color:#111;}
.price .swiper-container{width:900px;}
.price .swiper-container .swiper-slide{border-radius:16px; background-color:#fff; overflow:hidden;}
.price .swiper-container .swiper-slide div{padding:0 16px; font-size:14px;line-height:1.5;color:#888;}
.price .swiper-container .swiper-slide strong{margin-top:16px; font-size:22px;font-weight:800;color:#111; display:block;}
.price .swiper-container .swiper-slide div:nth-child(1){padding-top:24px;}
.price .swiper-container .swiper-slide div:nth-child(2){margin-top:24px; padding:10px 0; font-size:16px;font-weight:700;color:#fff;text-align:center; background-color:#7A7E88;}
.price .swiper-container .swiper-slide div:nth-child(2)::before{content:'';display:inline-block;margin-right:4px;width:15px;height:12px; background:url('/images/dot.png') no-repeat 0 0;}
/* point */
.point-wrap{padding:60px 0;}
.point{text-align:center;}
.point h3{font-size:40px;font-weight:800;color:#111;}
.point p{margin-top:16px; font-size:20px;color:#888;}
.point >div{margin-top:60px; display:flex;justify-content:space-between;}
.point >div div{width:283px;height:420px;}
.point >div div:nth-child(1){background:url('../images/point1.png') no-repeat 0 0;}
.point >div div:nth-child(2){background:url('../images/point2.png') no-repeat 0 0;}
.point >div div:nth-child(3){background:url('../images/point3.png') no-repeat 0 0;}
.point >div div:nth-child(4){background:url('../images/point4.png') no-repeat 0 0;}
.point-wrap .form2{margin-top:40px;padding:40px 198px 40px 40px; border:1px solid #ddd;border-radius:24px; position:relative;}
.point-wrap .form2 >button{width:134px;height:158px; position:absolute;top:40px;right:40px;}
/* 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;}
    .m-br{display:block}

    .top{padding:0 4.2667vw 10.6667vw;}
    .top .insurer{margin:0 -4.2667vw; padding:1.6vw 5vw; border-radius:0 0 4.2667vw 4.2667vw;}
    .top .insurer .swiper-slide img{width:100%;}
    .top .main{margin-top:10.6667vw; flex-direction:column;}
    .top .main .visual img{width:100%;}

    .top .form1{width:auto;margin-top:4.2667vw;padding:8.533vw 10.6667vw; border-radius:4.2667vw;}
    .top .form1 strong{padding:2.133vw 0; font-size:5.333vw;}
    .top .form1 >button{margin-top:6.9333vw;}
    
    .form li:nth-child(n + 2){margin-top:1.0667vw;}
    .form li label{text-indent:-9999px;display:none;}
    .form input[type="text"],
    .form input[type="number"]{height:12.8vw; font-size:4.2667vw;text-indent:5.333vw;border-radius:2.133vw;}
    .form >button{height:16vw; font-size:5.333vw; border-radius:2.133vw;}
    .form .agree{margin:3.733vw 0 0 0; display:flex;}
    .form .agree input[type="checkbox"] + label{font-size:4.2667vw;line-height:6.4vw;}
    .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 .agree .btn-detail{display:inline-block;margin-left:auto; font-size:4.2667vw;color:#111; border-bottom:1px solid #111;}

    .price{padding:10.6667vw 4.2667vw;}
    .price .inner{flex-direction:column;}
    .price h3{font-size:9.0667vw;text-align:center}
    .price .swiper-container{width:100%;margin-top:4.2667vw;}
    .price .swiper-container .swiper-slide{border-radius:4.2667vw;}
    .price .swiper-container .swiper-slide div{padding:0 4.2667vw; font-size:3.733vw;}
    .price .swiper-container .swiper-slide strong{margin-top:4.2667vw; font-size:5.8667vw;}
    .price .swiper-container .swiper-slide div:nth-child(1){padding-top:6.4vw;}
    .price .swiper-container .swiper-slide div:nth-child(2){margin-top:6.4vw; padding:2.667vw 0; font-size:4.2667vw;}
    .price .swiper-container .swiper-slide div:nth-child(2)::before{margin-right:1.0667vw;width:4vw;height:3.2vw;}

    .point-wrap{padding:10.6667vw 4.2667vw;}
    .point h3{font-size:9.0667vw;}
    .point p{margin-top:4.2667vw; font-size:5.33vw;}
    .point >div{margin-top:6.4vw; flex-wrap:wrap;gap:2.1333vw;}
    .point >div div{width:calc(50% - 1.0667vw);height:66.666vw; background-size:100% !important;}
    .point >div div:nth-child(1){order:1;}
    .point >div div:nth-child(2){order:2;}
    .point >div div:nth-child(3){order:4;}
    .point >div div:nth-child(4){order:3;}
    .point-wrap .form2{margin-top:10.6667vw;padding:10.6667vw; border-radius:4.2667vw;}
    .point-wrap .form2 >button{margin-top:6.9333vw;width:100%;height:16vw; position:relative;top:auto;right:auto;}

    .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}