@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:60px 0; background:url('/images/visual.jpg') no-repeat 0 0;}
.top h1{font-size:44px;font-weight:800;color:#fff; position:absolute;top:40px;left:40px;}
.top .main{display:flex;justify-content:end;}
.top .form1{width:500px;padding:32px 40px; background-color:#fff;border-radius:16px;}
.top .form1 strong{display:block; font-size:24px;text-align:center;}
.top .form1 >ul{margin-top:20px;}
.top .form1 >button{margin-top:24px;}
.top .insurer{margin-top:40px; padding:8px 50px; background-color:#fff;border-radius:16px;}
.top .insurer .swiper-slide img{max-height:60px;}

.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:90px;background-color:#054B7E;}
.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:#054B7E}
.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:#EFF1F5;}
.price .inner{text-align:center}
.price h3{font-size:36px;font-weight:800;color:#111;}
.price p{margin-top:4px; font-size:18px;color:#111;}
.price .swiper-container{margin-top:40px;}
.price .swiper-container .swiper-slide{padding:30px 16px 16px; border-radius:16px; background-color:#fff; overflow:hidden;box-sizing: border-box;}
.price .swiper-container .swiper-slide strong{font-size:22px;font-weight:800;color:#1384DF; display:block;}
.price .swiper-container .swiper-slide p{font-size:24px;font-weight:800;line-height:1.5;color:#888;}
.price .swiper-container .swiper-slide div:nth-child(2){margin-top:24px; padding:14px 0; font-size:16px;font-weight:700;color:#fff;text-align:center; border-radius:24px;background-color:#1384DF;}
.price .swiper-container .swiper-slide div:nth-child(2)::after{content:'';display:inline-block;margin:-5px 0 0 6px;width:18px;height:14px; background:url('/images/dot.png') no-repeat 0 0;vertical-align:middle;}
/* point */
.point-wrap{padding:60px 0;}
.point-wrap .inner{text-align:center;}
.point-wrap .inner >h3{font-size:40px;font-weight:800;color:#111;}
.point-wrap .inner >p{margin-top:16px; font-size:20px;color:#888;}
.point-wrap .inner >div >div p{margin-top:12px; font-size:18px;line-height:1.5;color:#888;}
.point-wrap .inner >div >div strong{display:block;margin-top:24px; font-size:28px;font-weight:800;}

.com{margin-top:60px;padding:40px 20px; border:1px solid #eee;border-radius:24px; display:flex;justify-content:space-between;}
.com >div{flex:1 1 0;}
.com >div:nth-child(n+2){border-left:1px solid #eee;}
.com >div em{display:inline-block; width:120px;height:120px;border-radius:100%;background-size:100% !important;}
.com >div:nth-child(1) em{background:url('../images/co_1.png') no-repeat 0 center;}
.com >div:nth-child(2) em{background:url('../images/co_2.png') no-repeat 0 center;}
.com >div:nth-child(3) em{background:url('../images/co_3.png') no-repeat 0 center;}
.com >div:nth-child(4) em{background:url('../images/co_4.png') no-repeat 0 center;}
.com >div strong{color:#1384DF;}

.point{margin-top:40px; display:flex;justify-content:space-between;gap:24px;}
.point >div{flex:1 1 0; padding:40px; border:1px solid #eee;border-radius:24px;}
.point >div em{display:inline-block; width:200px;height:175px; background-size:100% !important;}
.point >div:nth-child(1) em{background:url('../images/point1.png') no-repeat 0 center;}
.point >div:nth-child(2) em{background:url('../images/point2.png') no-repeat 0 center;}
.point >div:nth-child(3) em{background:url('../images/point3.png') no-repeat 0 center;}
.point >div:nth-child(4) em{background:url('../images/point4.png') no-repeat 0 center;}
.point >div strong{color:#111;}

.phone{display:flex;justify-content:space-between;align-items:center; margin-top:60px;padding:15px 60PX 15px 250px; position:relative;z-index:1;}
.phone:before{content:'';position:absolute;bottom:0;left:50px; width:170px;height:120px; background:url('/images/phone.png') no-repeat 0 0;background-size:170px auto;}
.phone:after{content:'';position:absolute;bottom:0;left:0;right:0;z-index:-1; height:80px; border-radius:24px;background:linear-gradient(to right,  #51b1ff 0%,#1384df 100%);}
.phone strong{font-size:22px;font-weight:800;color:#fff;}
.phone a{display:block;width:170px;height:50px; font-size:18px;font-weight:700;line-height:50px;color:#1887E1; border-radius:25px;background-color:#fff;}

/* 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;background:url('/images/visual.png') no-repeat 0 0;background-size:100% auto;}
    .top >.inner{padding:390px 4.2667vw 0;}
    .top h1{font-size:44px;font-weight:800;color:#fff; position:absolute;top:40px;left:40px;}
    .top .main{flex-direction:column;}
    .top .main .visual img{width:100%;}
    .top .insurer{margin:6.4vw -4.2667vw 0; padding:4.2667vw 0; border-radius:0;}
    .top .insurer .swiper-slide img{width:100%;}

    .top .form1{width:auto;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:8vw;}
    .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 0 10.6667vw 4.2667vw;}
    .price div >h3{font-size:8vw;text-align:center}
    .price div >p{margin-top:2.133vw; font-size:3.733vw;}
    .price .swiper-container{width:100%;margin-top:8.5334vw;}
    .price .swiper-container .swiper-slide{padding:6.4vw 4.2667vw 4.2667vw; border-radius:4.2667vw;}
    .price .swiper-container .swiper-slide strong{font-size:5.8667vw;}
    .price .swiper-container .swiper-slide p{margin-top:4.2667vw; font-size:6.4vw;}
    .price .swiper-container .swiper-slide div:nth-child(2){margin-top:6.4vw; padding:4.2667vw 0; font-size:4.2667vw;}
    .price .swiper-container .swiper-slide div:nth-child(2)::after{margin:-0.533vw 0 0 1.6vw;width:4.8vw;height:3.7333vw;}

    .point-wrap{padding:10.6667vw 4.2667vw;}
    .point-wrap .inner >h3{font-size:8vw;}
    .point-wrap .inner >p{margin-top:2.133vw; font-size:3.733vw;}
    .point-wrap .inner >div >div p{margin-top:1.0667vw; font-size:3.7333vw;}
    .point-wrap .inner >div >div strong{margin-top:6.4vw; font-size:5.333vw;}

    .com{margin-top:10.6667vw;padding:0; border:0.2667vw solid #eee;border-radius:6.4vw; flex-wrap:wrap;}
    .com >div{margin:6.4vw 0;padding:3.7333vw 0; flex:auto;}
    .com >div:nth-child(even){border-left:0.2667vw solid #eee;}
    .com >div:nth-child(3){border-left:0;}
    .com >div em{width:32vw;height:32vw;}

    .point{margin-top:10.6667vw; flex-wrap:wrap;gap:2.1334vw;}
    .point >div{flex:auto; width:33.0667vw; padding:6.4vw 5.333vw; border:0.2667vw solid #eee;border-radius:6.4vw;}
    .point >div em{width:34.133vw;height:30.333vw;}

    .phone{margin-top:10.6667vw;padding:4vw 5.333vw 4vw 41.333vw; flex-direction:column;}
    .phone:before{bottom:3.2vw;left:4.8vw; width:34.133vw;height:29.333vw; background-size:100%;}
    .phone:after{height:100%; border-radius:6.4vw;}
    .phone strong{font-size:5.333vw;}
    .phone a{margin-top:2.133vw;width:39.2vw;height:10.6667vw; font-size:4.2667vw;line-height:10.6667vw; border-radius:6.6667vw;}

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