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

.main{background:url('../images/main_bg.jpg') no-repeat center 0}
.main .inner{height:900px; background:url('../images/main_img_pc.png') no-repeat center 0}
.main .btn-apply{width:415px;height:110px; text-indent:-9999px; background:url('../images/main_btn.png') no-repeat center 0;background-size:100%; position:absolute;top:580px;left:690px}

.form{padding-bottom:30px;background:url('../images/nav_bg.png') repeat-x 0 bottom}
.form form{background-color:#849eb1;}
.form .inner{width:975px;padding-top:20px;}
.form h2{margin-bottom:10px; font-size:26px;color:#fff}
.form .inner >div{padding-right:200px;position:relative}
.form .form-ele{margin-top:5px;display:block;position:relative}
.form .form-ele.text{background-color:#fff}
.form .form-ele input[type="tel"],
.form .form-ele input[type="text"],
.form .form-ele input[type="number"]{padding:0;width:100%;height:55px; font-size:20px;text-indent:20px; border:0}
.form .form-ele textarea{padding:16px 10px 14px;width:calc(100% - 20px);height:85px; font-size:20px;text-indent:10px; border:0}
.form .form-ele.agree{margin-top:12px;padding-right:100px; text-align:left}
.form .form-ele.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 .form-ele.agree input[type="checkbox"] + label{width:100%; font-size:20px;line-height:25px;color:#fff;text-indent:0; display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.form .form-ele.agree input[type="checkbox"] + label:before{content:'';display:inline-block; margin-right:5px;width:25px;height:25px;line-height:25px; text-align:center;vertical-align:middle; box-shadow:0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);background-color:#fff}
.form .form-ele.agree input[type="checkbox"]:checked + label:before{content:'\2714'; color:#102733;text-shadow:1px 1px #fff; border-color:#fff;box-shadow:0px 1px 2px 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 .form-ele.agree .btn-detail{padding:5px 15px 3px; font-size:18px; border-radius:18px;background-color:#fffa4e;position:absolute;top:-2px;right:0}
.form .inner >div .btn-apply{margin:0; position:absolute;top:0;right:0}
.form .inner >div button{width:190px;height:235px; font-size:28px;color:#fffa4e;font-weight:700; background-color:#703790;display:block}
.sticky{position:relative;z-index:1000}
.sticky.active{position:fixed;top:0;left:0;right:0}

.gift{margin-top:-30px; background:url('../images/gift_bg.png') repeat-x center 0;background-size:100%}
.gift .inner{height:1478px; background:url('../images/gift_img_pc.png') no-repeat center 0}
.gift .inner p{height:1478px; background:url('../images/gift_img02_pc.png') no-repeat center 0;animation:opacity .6s ease-in-out infinite alternate}
.gift-tab{background-color:#95b0c3}
.gift-tab .inner{height:366px; background:url('../images/gift_tab_pc.png') no-repeat center 0}

.info{background-color:#fff}
.info .inner{padding:77px 0 50px}
.info .info-img{height:742px; background:url('../images/info_img_pc.png') no-repeat center 0}
.info .policy{margin-top:25px;height:355px; background:url('../images/policy_tit_pc.png') no-repeat center 0}

.insurance{background-color:#b1c0ea}
.insurance .inner{padding:77px 0 0}
.insurance .insurance-img{height:551px; background:url('../images/insurance_img_pc.png') no-repeat center 0}

.comparison{margin-top:95px;padding:55px 0 100px;background-color:#b06bd6}
.comparison h2{margin:0 auto;width:525px;height:52px; text-indent:-9999px; background:url('../images/comparison_tit.png') no-repeat 0 0;background-size:100%}
.comparison .swiper-container{margin-top:45px}
.comparison .swiper-container .swiper-slide{width:258px}
.comparison .swiper-container .swiper-slide img{width:100%}

/* 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; 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}


@media (max-width:750px){
    #wrap section{min-width:auto}
    .inner{margin:0 auto;width:auto}
    .m-br{display:block}

    .main{background:url('../images/main_bg.jpg') no-repeat center 0}
    .main .inner{height:140.8vw; background:url('../images/main_img_m.png') no-repeat center 0;background-size:100%}
    .main .btn-apply{width:55.33vw;height:14.66vw; top:119.46vw;left:24.4vw}

    .form{background-size:contain;padding-bottom:5.33vw;}
    .form .inner{padding-top:5.33vw;width:92vw}
    .form h2{font-size:3.46vw}
    .form .inner >div{padding-right:26.66vw}
    .form .form-ele{margin-top:1.33vw}
    .form .form-ele input[type="tel"],
    .form .form-ele input[type="text"],
    .form .form-ele input[type="number"]{height:6.66vw; font-size:2.66vw;text-indent:2.66vw; border:0}
    .form .form-ele textarea{padding:2vw 1.33vw;width:calc(100% - 2.66vw);height:6.66vw; font-size:2.66vw;text-indent:1.33vw}
    .form .form-ele.agree{margin-top:1.6vw;padding-right:13.33vw}
    .form .form-ele.agree input[type="checkbox"] + label{width:100%; font-size:2.66vw;line-height:3.33vw}
    .form .form-ele.agree input[type="checkbox"] + label:before{margin-right:.66vw;width:3.33vw;height:3.33vw;line-height:3.33vw;box-shadow:none}
    .form .form-ele.agree .btn-detail{padding:.66vw 2vw .4vw; font-size:2.4vw; border-radius:2.4vw;top:-.27vw}
    .form .inner >div button{width:25.33vw;height:26.66vw;font-size:3.73vw}

    .gift{margin-top:-4vw}
    .gift .inner{height:201.6vw; background:url('../images/gift_img_m.png') no-repeat center 0;background-size:100%}
    .gift .inner p{height:201.6vw; background:url('../images/gift_img02_m.png') no-repeat center 0;background-size:100%}
    .gift-tab .inner{height:36vw; background:url('../images/gift_tab_m.png') no-repeat center 0;background-size:100%}

    .info .inner{padding:10vw 4vw 4vw}
    .info .info-img{height:160vw; background:url('../images/info_img_m.png') no-repeat center 0;background-size:100%}
    .info .policy{margin-top:0;height:63.06vw; background:url('../images/policy_tit_m.png') no-repeat center 0;background-size:100%}

    .insurance .inner{padding:10.66vw 0 0}
    .insurance .insurance-img{margin:0 auto;width:92vw;height:86.8vw; background:url('../images/insurance_img_m.png') no-repeat center 0;background-size:100%}

    .comparison{margin-top:8vw;padding:8vw 0 10.66vw}
    .comparison h2{width:70vw;height:6.93vw}
    .comparison .swiper-container{margin-top:6vw}
    .comparison .swiper-container .swiper-slide{width:34.4vw}

    /* layer popup */
    .pop-layer{padding:5.33vw 0 5.33vw 5.33vw;width:90%;height:90%;box-sizing:border-box}
    .pop-layer .head h1{font-size:5.06vw}
    .pop-layer .btn-close{width:5.33vw;height:5.33vw; top:5.33vw;right:5.33vw}
    .pop-layer .contents{margin-top:3.06vw;padding-right:5.33vw;height:calc(100% - 8.39vw); font-size:2.4vw}
    .pop-layer .contents div{margin-top:2vw}
    .pop-layer .contents li{margin-top:3.33vw}
    .pop-layer .contents li strong{margin-bottom:1.33vw; font-size:2.66vw}
    .pop-layer .contents li em{margin-top:2vw}
    .pop-layer .contents p{margin-left:2vw;padding:1.33vw 0 0 1.33vw;text-indent:-1.33vw}
    .pop-layer .contents .ex a{margin-left:2.66vw}

}
@-webkit-keyframes opacity{0%{opacity:0} 50%{opacity:1}100%{opacity:1}}