@charset "utf-8";

* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-print-color-adjust:exact}
#wrap{margin:0 auto;height:100%;min-width:1200px;min-height:784px; background:url('../images/bg_pc.jpg') no-repeat center;background-size:cover; position:relative}
#wrap .container{width:100%;height:100%;}
#wrap .container >.swiper-container{width:100%;height:100%}
#wrap .container .swiper-slide{height:100%;}
#wrap .container .swiper-slide .inner{padding:60px 0 0;width:1200px;height:784px; text-align:center; border-radius:40px;background-color:#fff;box-shadow:0 0 30px rgba(0,0,0,.5); position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
#wrap .container .swiper-pagination-bullet{margin:5px; width:12px;height:12px;background-color:#fff}
#wrap .container .swiper-pagination-bullet-active{background-color:#e17e3c}
.swiper-button-next:after{display:none}
.swiper-button-next{width:69px;height:36px;background:url('../images/arrow_down.png') no-repeat center;left:calc(50% - 35px);top:calc(100% - 40px);z-index:10000;}

#wrap .container .slide01 .inner{padding:165px 0 0; background-color:transparent;box-shadow:none;}
.slide01 .inner >h1{margin:0 auto;width:798px;height:202px; text-indent:-9999px; background:url('../images/slide01_1_pc.png') no-repeat 0 0;background-size:100%;}
.slide01 .inner >p{margin:100px auto 0;width:458px;height:108px; text-indent:-9999px; background:url('../images/slide01_2_pc.png') no-repeat 0 0;background-size:100%;}
.slide02 .inner >h2{margin:0 auto;width:842px;height:126px; text-indent:-9999px; background:url('../images/slide02_1_pc.png') no-repeat 0 0;background-size:100%;}
.slide02 .inner >div{margin:40px auto 0;width:670px;height:455px; text-indent:-9999px; background:url('../images/slide02_2_pc.png') no-repeat 0 0;background-size:100%;}
.slide03 .inner >h2{margin:0 auto;width:808px;height:212px; text-indent:-9999px; background:url('../images/slide03_1_pc.png') no-repeat 0 0;background-size:100%;}
.slide03 .inner >.noti{margin:0 auto;width:1080px;height:77px; text-indent:-9999px; background:url('../images/slide03_2_pc.png') no-repeat 0 0;background-size:100%;}
.slide03 .swiper-slide03{margin:20px auto 0;width:1080px;height:355px;}
.slide03 .swiper-slide03 .swiper-slide{width:230px;}
.slide03 .swiper-slide03 .swiper-slide img{box-shadow:0 20px 20px rgba(0,0,0,.3);}
.slide04 .inner >h2{margin:0 auto;width:580px;height:91px; text-indent:-9999px; background:url('../images/slide04_1_pc.png') no-repeat 0 0;background-size:100%;}
.slide04 .swiper-slide04{margin:40px auto 0;height:532px;}
.slide04 .swiper-slide04 .swiper-slide{width:1080px;height:532px; text-indent:-9999px; background-size:1080px 532px !important;}
.slide04 .swiper-slide04 .swiper-slide:nth-child(1){background:url('../images/info01_pc.png') no-repeat center 0;}
.slide04 .swiper-slide04 .swiper-slide:nth-child(2){background:url('../images/info02_pc.png') no-repeat center 0;}
.slide04 .swiper-slide04 .swiper-slide:nth-child(3){background:url('../images/info03_pc.png') no-repeat center 0;}
.slide04 .swiper-slide04 .swiper-slide:nth-child(4){background:url('../images/info04_pc.png') no-repeat center 0;}
.slide05 .inner >h2{margin:0 auto;width:762px;height:125px; text-indent:-9999px; background:url('../images/slide05_1_pc.png') no-repeat 0 0;background-size:100%;}
.slide05 .inner >.step{margin:37px auto 0;width:810px;height:375px; text-indent:-9999px; background:url('../images/slide05_2_pc.png') no-repeat 0 0;background-size:100%;}
.slide05 .inner >.noti{margin:0 auto;width:1080px;height:127px; text-indent:-9999px; background:url('../images/slide05_3_pc.png') no-repeat 0 0;background-size:100%;}
.slide06 .inner >h2{margin:0 auto;width:424px;height:37px; text-indent:-9999px; background:url('../images/slide06_1_pc.png') no-repeat 0 0;background-size:100%;}
.slide06 .inner >div{margin:70px auto 0;width:1080px;height:500px; text-indent:-9999px; background:url('../images/slide06_2_pc.png') no-repeat 0 0;background-size:100%;}

#wrap .container >.btn-advice{width:100px;height:100px; text-indent:-9999px; border-radius:100%;background:url('../images/btn_advice.png') no-repeat 0 0;background-size:100%;box-shadow:-10px 10px 10px rgba(6,6,6,.4); position:fixed;bottom:30px;right:30px;z-index:900}

#wrap .form{padding:40px 30px;width:310px;height:440px;min-width:auto; border-radius:50px 50px 0 50px;background-color:#f8da62;box-shadow:-10px 10px 10px rgba(6,6,6,.4); position:fixed;bottom:140px;right:30px;z-index:1000;}
.form:after{content:'';display:block; width:55px;height:30px;background:url('../images/apply_bg.png') no-repeat 0 0;background-size:100%; position:absolute;bottom:-30px;right:0}
.form .form-ele{display:block;position:relative}
.form .form-ele.text{margin-top:5px; background-color:#fff}
.form .form-ele.text:first-child{margin-top:0}
.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:15px 10px;width:100%;height:120px; font-size:20px;text-indent:10px; border:0}
.form .form-ele.agree{margin-top:12px;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:15px;line-height:25px;color:#666;text-indent:0;text-decoration:underline; 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:'\2B9F'; color:#fff;text-shadow:1px 1px #fff; background:#0e376d;border-color:#0e376d;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:14px;color:#fff; border-radius:18px;background-color:#888;position:absolute;top:-2px;right:0}
.form >button{margin-top:22px;width:100%;height:60px; font-size:24px;color:#fff; border-radius:30px;background-color:#49429a}

/* layer popup */
.wrap-layer-popup{display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:15000; 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{min-width:auto;min-height:auto; background:url('../images/bg_m.jpg') no-repeat center;}
    #wrap .container .swiper-slide .inner{padding:7.733vw 0 0;width:84vw;height:146.8vw; border-radius:5.066vw;transform:translate(-50%, -58%);}
    #wrap .container .swiper-pagination-bullet{margin:1vw; width:2vw;height:2vw;}
    .swiper-button-next{width:9.33vw;height:4.8vw; background-size:100%; left:calc(50% - 2.4vw);top:calc(100% - 4.66vw)}

    #wrap .container .slide01 .inner{padding:20.4vw 0 0;}
    .slide01 .inner >h1{width:50.133vw;height:56vw; background:url('../images/slide01_1_m.png') no-repeat 0 0;background-size:100%;}
    .slide01 .inner >p{margin:8.66vw auto 0;width:60.933vw;height:14.266vw; background:url('../images/slide01_2_m.png') no-repeat 0 0;background-size:100%;}
    .slide02 .inner >h2{margin:0 auto;width:61.33vw;height:25.86vw; background:url('../images/slide02_1_m.png') no-repeat 0 0;background-size:100%;}
    .slide02 .inner >div{margin:10.66vw auto 0;width:64vw;height:79.33vw; background:url('../images/slide02_2_m.png') no-repeat 0 0;background-size:100%;}
    .slide03 .inner >h2{margin:0 auto;width:66.133vw;height:38.8vw; background:url('../images/slide03_1_m.png') no-repeat 0 0;background-size:100%;}
    .slide03 .inner >.noti{margin:0 auto;width:73.066vw;height:6.133vw; background:url('../images/slide03_2_m.png') no-repeat 0 0;background-size:100%;}
    .slide03 .swiper-slide03{margin:4vw auto 0;padding-bottom:2.66vw;width:73.33vw;height:auto;}
    .slide03 .swiper-slide03 .swiper-slide{width:30.66vw;height:42vw;}
    .slide03 .swiper-slide03 .swiper-slide img{width:100%;box-shadow:0 2vw 2vw rgba(0,0,0,.3);}
    .slide04 .inner >h2{margin:0 auto;width:56.8vw;height:16.8vw; background:url('../images/slide04_1_m.png') no-repeat 0 0;background-size:100%;}
    .slide04 .swiper-slide04{margin:5.33vw auto 0;height:102vw;}
    .slide04 .swiper-slide04 .swiper-slide{width:73.2vw;height:102vw; background-size:73.2vw 102vw !important;}
    .slide04 .swiper-slide04 .swiper-slide:nth-child(1){background:url('../images/info01_m.png') no-repeat center 0;}
    .slide04 .swiper-slide04 .swiper-slide:nth-child(2){background:url('../images/info02_m.png') no-repeat center 0;}
    .slide04 .swiper-slide04 .swiper-slide:nth-child(3){background:url('../images/info03_m.png') no-repeat center 0;}
    .slide04 .swiper-slide04 .swiper-slide:nth-child(4){background:url('../images/info04_m.png') no-repeat center 0;}
    .slide05 .inner >h2{margin:0 auto;width:56.26vw;height:25.866vw; background:url('../images/slide05_1_m.png') no-repeat 0 0;background-size:100%;}
    .slide05 .inner >.step{margin:2.93vw auto 0;width:73.06vw;height:80.26vw; background:url('../images/slide05_2_m.png') no-repeat 0 0;background-size:100%;}
    .slide05 .inner >.noti{margin:0 auto;width:73.06vw;height:22.13vw; background:url('../images/slide05_3_m.png') no-repeat 0 0;background-size:100%;}
    .slide06 .inner >h2{margin:0 auto;width:56.266vw;height:5.066vw; background:url('../images/slide06_1_m.png') no-repeat 0 0;background-size:100%;}
    .slide06 .inner >div{margin:5.33vw auto 0;width:72vw;height:121.06vw; background:url('../images/slide06_2_m.png') no-repeat 0 0;background-size:100%;}

    #wrap .container >.btn-advice{display:none}
    #wrap .form{padding:3vw;width:92vw;height:auto;min-width:auto; border-radius:6.66vw;bottom:4vw;right:4vw;}
    .form:after{display:none}
    .form .form-ele.text{margin-top:0;}
    .form .form-ele.text:nth-child(2){margin-top:.66vw;}
    .form .form-ele.text:nth-child(3){margin-top:.66vw;}
    .form .form-ele input[type="tel"],
    .form .form-ele input[type="text"],
    .form .form-ele input[type="number"]{padding:0;width:100%;height:7.33vw; font-size:2.66vw;text-indent:2.66vw;}
    .form .form-ele textarea{padding:2.13vw 1.33vw 1.86vw;width:86vw;height:7.33vw; font-size:2.66vw;text-indent:1.33vw;}
    .form .form-ele.agree{margin-top:1.6vw;padding-right:10vw;}
    .form .form-ele.agree input[type="checkbox"] + label{font-size:2.93vw;line-height:3.33vw;}
    .form .form-ele.agree input[type="checkbox"] + label:before{margin-right:.66vw;width:2.53vw;height:2.53vw;line-height:2.53vw; border:solid .4vw #fff;}
    .form .form-ele.agree input[type="checkbox"]:checked + label:before{content:'\2714'; font-size:2.4vw;}
    .form .form-ele.agree .btn-detail{padding:.66vw 2vw .4vw; font-size:1.86vw; border-radius:2.4vw;}
    .form >button{margin-top:2vw;width:100%;height:6.66vw; font-size:3.2vw; border-radius:4vw; float:right;}
    /* 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 rotate{0%{transform:rotate(0deg)} 100%{transform:rotate(360deg)}}
@-webkit-keyframes opacity{20%{opacity:0} 80%{opacity:1}100%{opacity:1}}
@-webkit-keyframes aniTop{0%{opacity:0;top:-50px} 100%{opacity:1;top:0}}