@charset "utf-8";

/* 
 * main CSS Document
 * KOWEB
 */

section[class^="area_"]{position:relative; height:937px;}
.scroll{position:absolute; bottom:0; width:420px; height:111px; padding-top:45px; background-repeat:no-repeat; background-position:50% 0; z-index:60; box-sizing:border-box;}
.scroll span{display:block; text-align:center; font-family:'Poppins'; font-size:14px; font-weight:300;}
.scroll i{display:block; width:14px; height:16px; margin:5px auto 0; background-repeat:no-repeat; background-position:50% 0; animation:scrollAni 3s infinite alternate;}
.area_visual.active .scroll i{transform:translateY(-50px);}

.estimate_popup{position:fixed; display:none; top:50px; width:500px; padding:40px; background:#25bb78; box-sizing:border-box; z-index:999; border-radius:25px;}
.estimate_popup .tit{margin-bottom:20px; color:#fff; font-family:'yg-jalnan'; font-size:30px; text-align:center;}
.estimate_popup > div{position:relative; padding:20px; background:#fff; text-align:center;}
.estimate_popup > div:before,
.estimate_popup > div:after{content:''; display:block; position:absolute; left:0; width:420px; height:10px; background-repeat:no-repeat; background-position:50% 50%; background-image:url(../images/main/img_pop_deco.png);}
.estimate_popup > div:after{top:-10px;}
.estimate_popup > div:before{bottom:-10px; transform:rotate(-180deg);}
.estimate_area .hidden{position:absolute;}
.estimate_area .cont_area .cont_tit{padding-bottom:10px; font-size:20px; font-weight:600; color:#25bb78;}
.estimate_area .cont_area .top_area{padding-bottom:20px; margin-bottom:20px; border-bottom:2px solid #25bb78;}
.estimate_area .cont_area .top_area ul{position:relative;}
.estimate_area .cont_area .top_area ul .selectoption{position:absolute !important; top:36px !important; height:150px; overflow-y:auto; -ms-overflow-style: none;  scrollbar-width: none;}
.estimate_area .cont_area .top_area ul .selectoption::-webkit-scrollbar{display: none; /* Chrome, Safari, Opera*/}
.estimate_area .cont_area .top_area ul:after{content:''; display:block; clear:both;}
.estimate_area .cont_area .top_area ul span{font-size:16px;}
.estimate_area .cont_area .top_area ul li{float:left; width:32%; margin-right:2%; border-bottom:1px solid #666;}
.estimate_area .cont_area .top_area ul li:first-child{border-bottom:none; margin-top:5px; font-weight:500;}
.estimate_area .cont_area .top_area ul li:last-child{margin-right:0;}
.estimate_area .cont_area .top_area ul li .select_type2 .select ul {top:-4px;}
.estimate_area .cont_area .top_area ul li .select_type2 .select ul > li{width:100%; float:none; margin-right:0;}
.estimate_area .cont_area .bottom_area ul{width:70%; margin:0 auto;}
.estimate_area .cont_area .bottom_area ul:after{content:''; display:block; clear:both;}
.estimate_area .cont_area .bottom_area ul li{width:43%; margin-right:2%; float:left; border-bottom:1px solid #666;}
.estimate_area .cont_area .bottom_area ul li .select_type2 .select ul{width:100%;}
.estimate_area .cont_area .bottom_area ul li .select_type2 .select ul > li{width:100%; margin-right:0;}
.estimate_area .cont_area .bottom_area ul li:last-child{margin-right:0;}
.estimate_area .cont_area .bottom_area ul li:nth-child(2){width:10%; border-bottom:none;}
.designSelect.select_type2 .select{color:#333; text-align:left;}
.designSelect.select_type2 .selectbox:after{background:url(../images/main/img_arrow2.png)no-repeat 50% 50%;}
.designSelect.select_type2 .selectbox.active{background-color:rgba(37, 187, 120, 0.78);}
.designSelect.select_type2 .selectbox.active:after{background:url(../images/main/img_arrow.png)no-repeat 50% 50%;}
.designSelect.select_type2 .selectoption{background-color:rgba(37, 187, 120, 0.78);}
.designRadio.Radio_type2{margin-bottom:10px; padding-bottom:10px; text-align:left; overflow:hidden; border-bottom:1px dashed #ccc;}
.designRadio.Radio_type2 input[type="radio"] + label{float:left; width:23%; margin-right:2%; margin-bottom:10px; background:url(../images/board/sp_radio_go2.png)no-repeat 0 -16px;}
.membership_area{display:none;}
.membership_area .member{margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #ccc;}
.membership_area .member p{font-size:20px; color:#222; font-weight:600;}
.membership_area .member p > span{color:#25bb78;}
.membership_area .member .or{display:inline-block; margin:5px 0; padding:5px 15px; background:#444; color:#fff; font-size:14px; border-radius:15px;}
.membership_area .vat_txt{font-size:14px; color:#999; font-weight:400;}
.membership_area h5{position:relative; margin-top:20px; font-size:24px; color:#222;}
.membership_area h5:after,
.membership_area h5:before{content:''; display:block; position:absolute; top:50%; width:41px; height:39px; background:url(../images/main/img_text_star.png)no-repeat 50% 50%; transform:translateY(-50%);}
.membership_area h5:before{right:0;}
.membership_area h5:after{left:0;}
.pop_btn{width:150px; margin-top:20px; background:#25bb78; color:#fff !important; border-radius:40px; border:none;}
.pop_btn:hover,
.pop_btn:focus{color:#25bb78 !important; border:1px solid #25bb78; box-shadow:0px 10px 15px rgba(0,0,0,0.15);}
.pop_btn.big{width:250px; height:58px; line-height:58px; font-size:26px; font-weight:600;}

@keyframes scrollAni{
0%{transform:translateY(0px);}
15%{transform:translateY(10px);}
30%{transform:translateY(0px);}
45%{transform:translateY(10px);}
60%{transform:translateY(0px);}
100%{transform:translateY(0px);}
}

@keyframes scrollAni01{
0%{transform:translateX(0px);}
100%{transform:translateX(-50px);}
}

@keyframes scrollAni02{
0%{transform:translateY(50px);}
100%{transform:translateY(0);}
}

/* section01 */
.area_visual{position:relative; height:100%; /*background:#e83249;*/ background:#3f6bb4;}
.area_visual:before{content:''; display:block; position:absolute; left:0; top:0; width:582px; height:505px; background:url(../images/main/bg_g.png) no-repeat; animation:scrollAni01 7s infinite alternate;}
.area_visual:after{content:''; display:block; position:absolute; left:400px; bottom:0; width:706px; height:391px; background:url(../images/main/bg_o.png) no-repeat; animation:scrollAni02 8s infinite alternate;}
.area_visual .list li{width:100% !important; height:100%; background-repeat:no-repeat; background-position:50%; background-size:cover;}
.area_visual .show{opacity:1 !important; transform:translateY(0px) !important;}
.area_visual .visual_txt{position:relative; float:left; top:29%; left:230px;}
.area_visual .visual_txt .tit{position:relative; width:203px; height:48px; border-radius:12px; text-align:center; background:#ffd834; box-shadow:5px 5px 10px 2px rgba(0, 0, 0, 0.2);}
.area_visual .visual_txt .tit:before{content:''; display:block; position:absolute; left:15px; bottom:-14px; border-top:8px solid #ffd834; border-bottom:8px solid transparent; border-left:8px solid #ffd834; border-right:8px solid transparent; border-radius:4px; z-index:1;}
.area_visual .visual_txt .tit:after{content:''; display:block; position:absolute; left:22px; bottom:-16px; border-top:8px solid rgba(0, 0, 0, 0.05); border-bottom:8px solid transparent; border-left:8px solid rgba(0, 0, 0, 0.05);; border-right:8px solid transparent; border-radius:4px;}
.area_visual .visual_txt .tit em{display:block; color:#402e30; font-size:24px; font-weight:400; letter-spacing:-0.5px; line-height:1.9em;}
.area_visual .visual_txt .tit em span{font-weight:700;}
.area_visual .visual_txt .tit em i{font-style:italic;}
.area_visual .visual_txt h2{margin-top:30px; color:#fff; font-size:40px; font-weight:100; letter-spacing:-1px; line-height:1.3em;}
.area_visual .visual_txt h2 span{display:block; color:#ffd834; font-family:'yg-jalnan'; font-size:68px; line-height:1.2em;}
.area_visual .visual_txt h2 span > em{display:block;}
.area_visual .visual_txt p{margin-top:25px; color:#fff; font-size:18px; font-weight:100; letter-spacing:-1px; line-height:1.6em;}
.area_visual .visual_txt .tit,
.area_visual .visual_txt h2,
.area_visual .visual_txt p{display:block; opacity:0; transform:translateY(50px); box-sizing:border-box;}
.area_visual #rolling_img{position:absolute; top:230px; left:50%; width:334px; height:616px; margin-left:-162px; z-index:10;}
.area_visual #rolling_img img{display:block; position:absolute; top:0; left:0; height:100%;}
.area_visual .counseling{position:relative; float:right; width:700px; height:100%; padding-top:120px; box-sizing:border-box; background:rgba(255, 255, 255, 0.06); border-radius:0 0 0 40%; z-index:10;}
.area_visual .counseling .txt{position:relative; width:calc(100% - 134px);}
.area_visual .counseling h3{color:#fff; font-family:'yg-jalnan'; font-size:30px; line-height:1.2em; text-align:center;}
.area_visual .counseling p{margin-top:30px; color:#fff; font-size:18px;; font-weight:100; line-height:1.2em; text-align:center;}
.area_visual .counseling .consult{position:relative; width:calc(100% - 134px);}
.area_visual .counseling .consult > ul{width:435px; margin:50px auto 0; background:#8eb6f8; border-radius:40px; overflow:hidden;}
.area_visual .counseling .consult > ul > li{float:left;}
.area_visual .counseling .consult > ul > li a{display:block; height:65px; padding:0 28px; text-align:center; border-radius:40px; box-sizing:border-box;}
.area_visual .counseling .consult > ul > li a span{display:block; position:relative; padding-top:18px; padding-left:30px; color:#254985; font-size:18px; font-weight:500; letter-spacing:-1px; box-sizing:border-box;}
.area_visual .counseling .consult > ul > li a span:before{content:''; display:block; position:absolute; top:50%; left:0; width:24px; height:20px; background-repeat:no-repeat; background-position:0;}
.area_visual .counseling .consult > ul > li.store a span:before{background-image:url(../images/main/ico_store2.png);}
.area_visual .counseling .consult > ul > li.company a span:before{background-image:url(../images/main/ico_company.png);}
.area_visual .counseling .consult > ul > li.rider a span:before{background-image:url(../images/main/ico_rider.png);}
.area_visual .counseling .consult > ul > li a.on{background:#fff;}
.area_visual .counseling .consult > ul > li a.on span{color:#463f40;}
.area_visual .counseling .consult > ul > li.store a.on span:before{background-image:url(../images/main/ico_store_on.png);}
.area_visual .counseling .consult > ul > li.company a.on span:before{background-image:url(../images/main/ico_company_on.png);}
.area_visual .counseling .consult > ul > li.rider a.on span:before{background-image:url(../images/main/ico_rider_on.png);}
.area_visual .counseling .consult > ul > li > div{position:absolute; left:50%; top:120px; width:347px; margin-left:-173.5px;}
/*.area_visual .counseling .consult > ul > li > div ul > li{position:relative; margin-bottom:20px; padding-bottom:5px; border-bottom:1px solid #fff; box-sizing:border-box; color:#fff;}*/
.area_visual .counseling .consult > ul > li > div ul > li{float:none; width:100%; margin-right:0; margin-bottom:20px; padding-bottom:5px; border-bottom:1px solid #fff; box-sizing:border-box; color:#fff;}
.area_visual .counseling .consult > ul > li > div ul > li:not(.city_list){position:relative; padding-left:90px;}
.area_visual .counseling .consult > ul > li > div ul > li.city_list{margin-bottom:0; border-bottom:0;}
.area_visual .counseling .consult > ul > li > div ul > li > ul > li{float:left; width:28%; margin-left:8%; padding-left:0 !important; border-bottom:1px solid #fff; box-sizing:border-box; line-height:0;}
.area_visual .counseling .consult > ul > li > div ul > li > ul > li:first-child{margin-left:0;}
.area_visual .counseling .consult > ul > li > div span{display:inline-block; position:absolute; left:0; top:5px; color:#fff; font-size:15px; font-weight:300; letter-spacing:-0.5px;}
.area_visual .counseling .consult > ul > li > div label{display:inline-block; color:#fff; font-size:15px; font-weight:300; letter-spacing:-0.5px;}
.area_visual .counseling .consult > ul > li > div label.hidden{width:0; height:0;}
.area_visual .counseling .consult > ul > li > div input{display:inline-block; color:#fff; font-size:15px; font-weight:300; border:0; background:none;}
.area_visual .counseling .consult > ul > li > div input::placeholder{color:#fff !important; opacity:0.8;}
.area_visual .counseling .consult > ul > li > div input::-webkit-placeholder{color:#fff !important;}
.area_visual .counseling .consult > ul > li > div input[type="text"]{width:100%;}
.area_visual .counseling .consult .designRadio{display:inline-block; height:33px;}
.area_01 .scroll{left:50%; margin-left:-210px; background-image:url(../images/main/bg_scroll01.png);}
.area_01 .scroll span{color:#e83249;}
.area_01 .scroll i{background-image:url(../images/main/scroll_arrow01.png);}
.area_visual .counseling .consult > ul:after,
.area_visual .counseling .consult > ul > li > div li ul:after{content:''; display:block; clear:both}
.area_visual .counseling .btn{width:193px; height:58px; margin:50px auto 0; border-radius:40px; border:1px solid #7ba8f2; text-align:center; box-sizing:border-box; transition:all 0.6s ease-out 0.1s;}
.area_visual .counseling .btn:hover{background:#276ce0; border:1px solid #276ce0;}
.area_visual .counseling .btn input[type="submit"]{min-width:100%; height:100%; margin:0; color:#fff; font-size:20px; font-weight:300;}
.area_visual .counseling .btn:hover input[type="submit"]{background:none;}
.button:hover{box-shadow:none;}
.area_visual:after{content:''; display:block; clear:both;}

/* select */
.designSelect{display:inline-block; width:100%; vertical-align:middle;}
.designSelect .select{position:relative; height:36px; color:#fff; font-size:14px; font-weight:300; background:none; box-sizing:border-box; vertical-align:middle; line-height:1.5em;}
.designSelect .select select{display:none;}
.designSelect .selectbox{position:relative; height:100%; padding:8px; box-sizing:border-box;}
.designSelect .selectbox:after{content:''; position:absolute; top:50%; right:8px; width:7px; height:4px; margin-top:-2px; background:url(../images/main/img_arrow.png) no-repeat 50% 50%; transition:all 0.8s ease 0s;}
.designSelect .selectbox:active,
.designSelect .selectbox.active{background-color:rgba(5, 41, 100, 0.78); color:#fff; border-color:rgba(255,255,255,0.1); transition:all 0.8s ease 0s;}
.designSelect .selectbox:active:after,
.designSelect .selectbox.active:after{transform:rotate(180deg); transition:all 0.8s ease 0s;}
/*.designSelect .selectoption{display:none; position:absolute; top:100%; right:0; left:0; z-index:99; margin:0; padding:0; list-style:none; background-color:rgba(5, 41, 100, 0.78); color:#fff;}*/
.designSelect .selectoption{display:none; position:absolute; top:36px; right:0; left:0; height:150px; z-index:99; margin:0; padding:0; list-style:none; background-color:rgba(5, 41, 100, 0.78); color:#fff; overflow-y:auto;}
.designSelect .selectoption li{float:left; width:50%; padding:8px !important; margin-bottom:0 !important; border-bottom:0 !important; box-sizing:border-box; color:#fff; font-size:15px; font-weight:200; letter-spacing:-0.5px; text-align:center;}
.designSelect .selectoption li:hover{color:#fff; background:#1f154a;}
.designSelect .selectoption li[rel="hide"]{display:none;}
.designRadio input[type="radio"]:checked + label{background-position:0px 0px;}
.designRadio input[type="radio"] + label{height:16px; padding-left:20px; padding-bottom:2px; margin-right:25px; cursor:pointer; background:url(../images/board/sp_radio_go.png) no-repeat 0 -16px; line-height:1em;}
.designSelect .selectoption:after{content:''; display:block; clear:both;}

/* section02 */
.area_02 .inr{position:relative; max-width:1600px; margin:0 auto; padding:0 50px; box-sizing:border-box; overflow:hidden;}
.area_02 h2{color:#e83249; font-size:30px; font-weight:100; letter-spacing:-1px; line-height:1.5em; text-align:center;}
.area_02 h2 span{display:block; font-size:55px; font-weight:700;}
.area_02 .list{margin-top:90px;}
.area_02 .list li{float:left; width:25%; margin-bottom:55px;}
.area_02 .list li.list02 .box{background:#d4e6e8;}
.area_02 .list li.list03 .box{background:#fccfcf;}
.area_02 .list li.list07 .box{background:#cfccdd;}
.area_02 .list li .box{position:relative; width:320px; height:263px; padding:25px 30px; border-radius:10px; box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.35); box-sizing:border-box;}
.area_02 .list li .box:before{content:''; display:block; position:absolute; top:-20px; right:40px; width:97px; height:86px; background-repeat:no-repeat; background-position:0;}
.area_02 .list li.list01 .box:before{background-image:url(../images/main/ico_list01.png);}
.area_02 .list li.list02 .box:before{background-image:url(../images/main/ico_list02.png);}
.area_02 .list li.list03 .box:before{background-image:url(../images/main/ico_list03.png);}
.area_02 .list li.list04 .box:before{background-image:url(../images/main/ico_list04.png);}
.area_02 .list li.list05 .box:before{background-image:url(../images/main/ico_list05.png);}
.area_02 .list li.list06 .box:before{background-image:url(../images/main/ico_list06.png);}
.area_02 .list li.list07 .box:before{background-image:url(../images/main/ico_list07.png);}
.area_02 .list li h3{min-height:64px; color:#111; font-size:24px; font-weight:400; letter-spacing:-1px; line-height:1.3em;}
.area_02 .list li p{margin-top:15px; color:#111; font-size:16px; font-weight:300; letter-spacing:-1px; line-height:1.9em; word-break:keep-all;}
.area_02 .list:after{content:''; display:block; clear:both;}
.area_02 .scroll{right:10%; background-image:url(../images/main/bg_scroll02.png);}
.area_02 .scroll span{color:#412e34;}
.area_02 .scroll i{background-image:url(../images/main/scroll_arrow02.png);}

/* section03 */
.area_03{position:relative; background:url(../images/main/bg_business.jpg) no-repeat 50%; background-size:cover; overflow:hidden;}
/*
.area_03:before{content:''; display:block; position:absolute; left:0; top:0; width:487px; height:323px; background:url(../images/main/bg_deco01.png)no-repeat;}
.area_03:after{content:''; display:block; position:absolute; right:0; bottom:0; width:622px; height:355px; background:url(../images/main/bg_deco02.png) no-repeat;}
*/
.area_03 .inr{position:relative; max-width:calc(100% - 134px); height:100%; left:0;}
.area_03 .img{display:block; position:absolute; left:212px; top:320px; width:624px; height:286px; background:url(../images/main/img_busines.svg) no-repeat; z-index:1;}
.area_03 .txt{position:relative; float:right; width:45%; padding-top:240px; padding-right:90px; z-index:1; overflow:hidden;}
.area_03 .txt h2{margin-bottom:20px; color:#fff; font-size:40px; font-weight:100; letter-spacing:-1.5px; line-height:1.8em; transition:all 0.5s ease 0.4s; text-align:center;}
.area_03 .txt h2 span{display:inline-block; color:#fff; font-family:'yg-jalnan'; font-size:50px;}
.area_03 .txt ul{overflow:hidden;}
.area_03 .txt ul li{width:49%; margin-right:2%; margin-bottom:2%; padding:20px; background:#fff; float:left; box-sizing:border-box; border:2px solid #fcbfb9; border-radius:15px;}
.area_03 .txt ul li:nth-child(2n){margin-right:0;}
.area_03 .txt ul li span{display:block; padding-bottom:5px; margin-bottom:5px; font-size:22px; font-weight:600; border-bottom:1px solid #46738a; color:#222;}
.area_03 .scroll{left:10%; background-image:url(../images/main/bg_scroll01.png);}
.area_03 .scroll span{color:#412e34;}
.area_03 .scroll i{background-image:url(../images/main/scroll_arrow02.png);}
.area_03 .inr:after{content:''; display:block; clear:both;}
.area_03 .show{opacity:1 !important; transform:translateY(0px) !important;}
.area_03 .txt h2,
.area_03 .txt p{display:block; opacity:0; transform:translateY(50px); box-sizing:border-box;}
.fp-viewing-yogo .txt h2,
.fp-viewing-yogo .txt p{opacity:1; transform:translateY(0px);}
.fp-viewing-yogo .img{opacity:1; transform:translateX(0px); animation:scrollAni03 2s infinite alternate;}

@keyframes scrollAni03{
0%{transform:translateY(0px);}
100%{transform:translateY(15px);}
}

/* sectiono4 */
.area_04{position:relative; background:#fff url(../images/main/bg_area04.png) no-repeat 0 -40%; overflow:hidden; background-size:cover;}
.area_04:before{content:''; display:block; position:absolute; top:-180px; right:0; width:528px; height:682px; background:url(../images/main/bg_area04_01.png) no-repeat; animation:scrollAni04 8s linear 0s infinite alternate;}
.area_04:after{content:''; display:block; position:absolute; top:-100px; right:0; width:844px; height:806px; background:url(../images/main/bg_area04_02.png) no-repeat; animation:scrollAni05 7s ease 0s infinite alternate;}
.area_04 .inr{position:relative; max-width:calc(100% - 134px); height:100%; left:0; z-index:1;}
.area_04 .txt{padding-top:190px; padding-left:212px; overflow:hidden;}
.area_04 .tit{position:relative; width:203px; height:48px; border-radius:12px; text-align:center; background:#5b71dc; box-shadow:5px 5px 10px 2px rgba(0, 0, 0, 0.2); transition:all 0.6s ease 0.6s;} 
.area_04 .tit:before{content:''; display:block; position:absolute; left:15px; bottom:-14px; border-top:8px solid #5b71dc; border-bottom:8px solid transparent; border-left:8px solid #5b71dc; border-right:8px solid transparent; border-radius:4px; z-index:1;}
.area_04 .tit:after{content:''; display:block; position:absolute; left:22px; bottom:-16px; border-top:8px solid rgba(0, 0, 0, 0.05); border-bottom:8px solid transparent; border-left:8px solid rgba(0, 0, 0, 0.05); border-right:8px solid transparent; border-radius:4px;}
.area_04 .tit em{display:block; color:#fff; font-size:24px; font-weight:400; letter-spacing:-0.5px; line-height:1.9em;}
.area_04 .tit em span{font-weight:700;}
.area_04 .tit em i{font-style:italic;}
.area_04 h2{margin-top:20px; color:#7088b4; font-size:40px; font-weight:100; letter-spacing:-1.5px; line-height:1.5em;}
.area_04 h2 span{display:block; color:#1e3560; font-family:'yg-jalnan'; font-size:80px; line-height:1.2em;}
.area_04 h2 span > em{display:block;}
.area_04 h2 span em.down{display:inline-block;;}
.area_04 p{margin-top:45px; color:#555; font-size:24px; font-weight:200; letter-spacing:-1.5px; line-height:1.8em;}
.area_04 .img{display:block; position:absolute; right:90px; top:92px; width:871px; height:655px; background:url(../images/main/bg_download.svg) no-repeat;}
.area_04 .link{margin-top:50px;}
.area_04 .link a{display:inline-block; width:300px; height:90px; border-radius:50px; text-align:center; background:#1e3560;}
.area_04 .link a > span{display:block; padding-top:25px; color:#fff; font-family:'yg-jalnan'; font-size:24px; letter-spacing:-1px; box-sizing:border-box;}
.area_04 .link a:nth-child(2){margin-left:20px;}
.area_04 .link a.mobile{margin-left:10px; background:#bcbcbc;}
.area_04 .tit{display:block; opacity:0; transform:translateY(-50px); box-sizing:border-box;}
.fp-viewing-downcenter .tit{opacity:1; transform:translateY(0); box-sizing:border-box;}

@keyframes scrollAni04{
0%{transform:translateY(30px);}
100%{transform:translateY(0);}
}

@keyframes scrollAni05{
0%{transform:translateY(-30px);}
100%{transform:translateY(0);}
}

/* ie */
.ie .area_visual .visual_txt h2 span{margin-top:25px;}
.ie .area_visual .visual_txt p{margin-top:0;}
.ie .area_visual .counseling p{margin-top:10px;}
.ie .area_visual .counseling .consult > ul > li a{padding:0 31.4px;}
.ie .area_visual .counseling h3{font-size:28px;}
.ie .area_visual #rolling_img{top:170px;}
.ie .area_03{z-index:1;}
.ie .area_03 .txt h2 span{margin-top:25px;}
.ie .area_03 .txt p{margin-top:25px;}
.ie .area_04 h2 span{margin-top:25px;}
.ie .area_04 p{margin-top:15px;}
.ie .area_04 .link a > span{padding-top:30px;}

@media all and (max-width:1900px){
	.area_03 .inr{padding:0 50px 0 0; box-sizing:border-box;}
	.area_03 .txt{padding-right:0;}
}

@media all and (max-width:1800px){
	.area_02 .inr{max-width:calc(100% - 134px); margin:0;}
	.area_02 .list li .box{margin:0 auto;}
    .area_03 .img{left:140px;}
	.area_04 .txt{padding-left:142px;}
}

@media all and (max-width:1700px){
	.area_visual .visual_txt{top:17%; left:143px;}
	.area_visual .visual_txt p{display:none;}
	.area_visual #rolling_img{top:530px; left:224px; height:336px; margin-left:0;}
	.area_visual .counseling{width:60%;}
	.area_03 .txt p br{display:none;}
	.area_04 .txt{padding-top:120px;}
	.area_04 h2 span em.down{display:block;}
	.ie .area_visual #rolling_img{top:500px; left:250px;}
}

@media all and (max-width:1600px){
	.area_02 .list li{width:23%; margin:0 1.33% 55px;}
	.area_02 .list li.list01,
	.area_02 .list li.list05{margin-left:0;}
	.area_02 .list li.list04{margin-right:0;}
	.area_02 .list li .box{width:100%;}
	.area_02 .list li p br{display:none;}
	.area_02 .list li h3{min-height:auto;}
	.area_02 .list li h3 span{display:block;}
}

@media all and (max-width:1500px){
	.area_03 .img{height:100%; background-size:80%;}
	.area_03 .txt{padding-top:140px;}
	.area_04 .img{right:50px; width:55%; height:100%; background-size:100%; background-position:100% 20%;}
}

@media all and (max-width:1400px){
	.area_02 .list li .box{padding:25px;}
	.area_02 .list li .box:before{right:20px;}
	.area_02 .list li h3{font-size:22px;}
	.area_02 .list li p{font-size:15px;}
}

@media all and (max-width:1350px){
    .area_03 .img{background-size:70%;}
	.area_03 .txt{width:50%; padding-top:180px;}
	.area_03 .txt h2 span{margin-top:10px;}
	.area_03 .txt h2 span > em{display:block; margin-top:15px;}
}

@media all and (max-width:1250px){
	.area_02 h2{padding-top:30px;}
	.area_02 .list{margin-top:60px;}
	.area_02 .list li{width:32%; margin:0 1% 35px;}
	.area_02 .list li.list01,
	.area_02 .list li.list02{width:49%;}
	.area_02 .list li.list02,
	.area_02 .list li.list05{margin-right:0;}
	.area_02 .list li.list03,
	.area_02 .list li.list06{margin-left:0;}
	.area_02 .list li.list05,
	.area_02 .list li.list07{margin-left:1%;}
	.area_02 .list li.list04{margin-right:1%;}
	.area_02 .list li .box{height:210px;}
	.area_visual{display:inline-block; width:100%; min-height:937px; overflow:hidden;}
	.area_visual .visual_txt{width:50%; left:20px;}
	.area_visual .counseling{width:50%; height:100vh;}
	.area_visual .counseling .txt{width:100%;}
	.area_visual .visual_txt .tit{margin-left:20%;}
	.area_visual .counseling .consult{width:100%;}
	.area_visual .visual_txt h2{text-align:center;}
	.area_visual #rolling_img{height:306px; top:510px; left:calc(50% / 2); margin-left:-85px;}
    .area_03 .inr{width:100%; max-width:inherit;}
    .area_03 .img{left:2%;}
    .area_03 .txt{width:55%;}
}

@media all and (max-width:1200px){
	.fp-section.fp-table,
	.fp-slide.fp-table{table-layout:auto; height:auto !important;}
	.fp-tableCell{vertical-align:initial; height:auto !important;}
	.area_02 .inr{max-width:100%; margin:0 auto; padding:0 20px; box-sizing:border-box;}
	.area_02 h2{padding-top:50px;}
	.area_02 .list{margin-top:80px;}
	.area_02 .list li.list01,
	.area_02 .list li.list02{width:32%;}
	.area_02 .list li.list04{margin-left:0;}
	.area_02 .list li.list02,
	.area_02 .list li.list05{margin-right:1%;}
	.area_02 .list li.list03,
	.area_02 .list li.list06{margin-right:0; margin-left:1%;}
	.area_03 .inr{max-width:100%; padding:100px 20px;}
	.area_03 .img{top:0; width:45%; background-position:0 70%;}
	.area_03 .txt{width:60%; padding-top:0;}
	.area_03 .txt h2 span > em{display:inline-block; margin-top:0;}
	.scroll{display:none;}
	.area_04 .inr{max-width:100%; padding:50px 20px;}
	.area_04 .txt{padding-left:0; padding-top:0;}
	.area_04 h2 span em.down{display:inline-block;}
	.area_04 .img{right:20px; width:50%; background-position:100% 50%;}
	.area_04 .link{margin-top:30px;}
}

@media all and (max-width:1100px){
	.area_04 .img{width:45%;}
	.area_visual{min-height:100%;}
	.area_visual .visual_txt{float:none; width:100%; left:0; top:0; padding-top:160px; padding-left:0; box-sizing:border-box;}
	.area_visual #rolling_img{display:none;}
	.area_visual .counseling{float:none; width:100%; min-height:800px; margin-top:50px; padding-top:80px; border-radius:200px 0 0 0;}
	.area_visual .visual_txt .tit{margin-left:calc(50% - 100px);}
	.area_visual .visual_txt h2 span br{display:none;}
	.area_visual .counseling .consult > ul > li > div{width:80%; margin-left:-40%;}
	.area_visual .counseling .consult > ul > li > div > ul > li{padding-bottom:15px;}
	.area_visual .counseling .consult > ul > li > div > ul > li:nth-of-type(4),
	.area_visual .counseling .consult > ul > li > div > ul > li:nth-of-type(5){width:45%}
	.area_visual .counseling .consult > ul > li > div > ul > li:nth-of-type(4){float:left;}
	.area_visual .counseling .consult > ul > li > div > ul > li:nth-of-type(5){float:right;}
	.area_visual .counseling .consult > ul > li > div > ul:after{content:''; display:block; clear:both;}
}

@media all and (max-width:1024px){
	.area_03 .txt h2{font-size:32px;}
	.area_03 .txt h2 span{font-size:65px;}
	.area_04 .txt h2{font-size:32px;}
	.area_04 .txt h2 span{font-size:65px;}
	.area_04 .txt p{margin-top:20px; font-size:20px;}
	.area_04 .link a{width:250px; height:70px;}
	.area_04 .link a > span{padding-top:17px; font-size:22px;}
	.ie .area_04 .link a > span{padding-top:20px;}
}

@media all and (max-width:950px){
	.area_visual #rolling_img{right:-70px;}
}

@media all and (max-width:910px){
	.area_02 .list li{width:49%; margin:0 1% 35px !important;}
	.area_02 .list li.list01,
	.area_02 .list li.list02{width:49%;}
	.area_02 .list li:nth-child(odd){margin-left:0 !important;}
	.area_02 .list li:nth-child(even){margin-right:0 !important;}
}

@media all and (max-width:900px){
	.area_02 .room h3{font-size:25px;}
	.area_02 .room h3 span{font-size:12px;}
	.area_02 .room_num a span{font-size:15px;}
	.area_02 .info h4{font-size:18px;}
	.area_02 .info li p{padding:8px 5px; font-size:14px;}
	.area_02 .info li span{padding:8px 5px 15px 5px; font-size:14px;}
	.area_02 .info{width:50%;}
	.area_02 .info .inr{padding:35px;}
	.area_02 .info .link{margin-top:25px;}
	.area_02 .info .link a{padding:13px;}
	.area_02 .info .link a span{font-size:13px;}
    .area_03 .img{position:static; width:50%; height:300px; margin:0 auto; background-size:80%; background-position:50% 50%;}
    .area_03 .txt{float:none; width:100%; margin-top:60px;}
	.area_04 h3 span{font-size:12px;}
	.area_04 h3{font-size:25px;}
	.area_04 .photo_list .date{font-size:13px;}
	.area_04 .photo_list .txt{font-size:15px;}
	.area_03 .txt h2{font-size:28px;}
	.area_03 .txt h2 span{margin-top:0; font-size:50px;}
	.area_03 .txt p{font-size:18px;}
	.area_04 .txt h2{font-size:28px;}
	.area_04 .txt h2 span{margin-top:0; font-size:50px;}
	.area_04 .txt p{font-size:18px; margin-top:20px;}
	.area_04 .link a{width:210px; height:60px;}
	.area_04 .link a > span{padding-top:15px; font-size:18px;}
	.area_visual .visual_txt h2{font-size:35px;}
	.area_visual .visual_txt h2 span{font-size:65px;}
	.area_visual #rolling_img{top:125px;}
	.area_visual .visual_txt .tit,
	.area_04 .tit{width:183px; height:46px;}
	.area_visual .visual_txt .tit em,
	.area_04 .tit em{font-size:22px;}
	.ie .area_04 .txt h2 span{margin-top:20px;}
}

@media all and (max-width:810px){
	.area_04 .photo_list a em{width:100%; padding-top:100%;}
}

@media all and (max-width:768px){
	.area_02 h2{font-size:28px;}
	.area_02 h2 span{font-size:50px;}
	.area_02 .list li h3{font-size:20px;}
	.area_03 .inr{padding:40px 20px 40px; overflow:hidden;}
    .area_03 .img{width:70%;}
    .area_03 .txt h2 span{font-size:40px;}
    .area_03 .txt ul li span{font-size:20px;}
    .area_03 .txt p{font-size:14px;}
	.area_04 .img{display:none;}
	.area_visual .visual_txt h2{font-size:28px;}
	.area_visual .visual_txt h2 span{font-size:55px;}
	.area_visual .counseling p{font-size:16px;}
	.area_visual .counseling .consult > ul{margin:30px auto 0;}
	.area_04 .txt{text-align:center;}
	.area_04 .tit{margin:0 auto;}
	.area_visual .counseling .consult > ul > li a span{display:inline-block; font-size:16px;}
}

@media all and (max-width:640px){
	.area_02 .room{width:100%; height:auto;}
	.area_02 .room_num{margin-top:15px !important;}
	.area_02 .room_num li{float:left; width:33.33333333333333%;}
	.area_02 .room_num:after{content:''; display:block; clear:both;}
	.area_02 .room .inr{padding:35px;}
	.area_02 .info{left:0; width:100%;}
	.area_02 .info .link{margin-top:10px;}
	.area_02 .info .link a{display:inline-block; width:49%;}
	.area_02 .info .btn_open{display:none;}
	.area_02 .list li p{font-size:14px;}
	.area_visual #rolling_img{display:none;}
	.area_visual .visual_txt{padding-left:0; padding-top:120px; text-align:center;}
	.area_visual .visual_txt .tit{margin:0 auto;}
	.area_visual .counseling{margin-top:30px; padding-top:60px;}
}

@media all and (max-width:615px){
}

@media all and (max-width:580px){
	.area_02 .list li{width:100% !important; margin:0 0 50px !important;}
	.area_02 .list li:first-child{margin-top:0 !important;}
	.area_02 .list li .box:before{top:-30px;}
	.area_02 .list li .box{height:100%;}
	.area_02 .list li h3 br{display:none;}
	.area_02 .list li h3 span{display:inline-block;}
    .area_03 .img{width:100%; background-size:65%;}
    .area_03 .txt{margin-top:30px;}
    .area_03 .txt ul li{width:100%; margin-right:0;}
    
    .area_visual .visual_txt h2 span{font-size:44px;}
}

@media all and (max-width:500px){
	.area_02 h2{font-size:25px;}
	.area_02 h2 span{font-size:45px;}
	.area_visual .counseling .consult > ul{width:95%;}
	.area_visual .counseling .consult > ul > li{width:33.33333333333333%;}
	.area_visual .counseling .consult > ul > li > div{width:90%; margin-left:-45%;}
	.area_visual .counseling .consult > ul > li a{padding:0;}
	.area_visual .counseling .consult > ul > li a span{font-size:15px;}
	.area_03 .txt h2,
	.area_04 .txt h2{font-size:24px;}
	.area_03 .txt h2 span,
	.area_04 .txt h2 span{font-size:40px;}
	.area_03 .txt p,
	.area_04 .txt p{font-size:16px;}
	.area_04 .link a{margin-bottom:10px;}
	.area_visual .visual_txt .tit,
	.area_04 .tit{width:163px; height:42px;}
	.area_visual .visual_txt .tit em,
	.area_04 .tit em{font-size:20px;}
	.area_04 .txt p br{display:none;}
	.area_04 .link a{width:190px; height:56px;}
	.area_04 .link a > span{font-size:16px;}
}

@media all and (max-width:440px){
	.area_04 .link a{width:170px;}
	.area_04 .link a > span{font-size:15px;}
    .area_03 .img{width:100%; height:140px; background-size:contain;}
}

@media all and (max-width:400px){
	.area_visual .counseling .consult > ul > li > div > ul > li:nth-of-type(4){float:none; width:100%;}
	.area_visual .counseling .consult > ul > li > div > ul > li:nth-of-type(5){float:none; width:100%;}
	.area_visual .counseling .consult > ul > li > div > ul > li > ul > li{float:none; width:100%; margin-left:0; margin-bottom:25px;}
	.area_visual .counseling .consult > ul > li > div > ul > li.city_list{padding-bottom:0;}
	.area_visual .counseling{height:930px;}
	.area_03 .inr{padding:50px 20px;}
    .area_04 .link a:nth-child(2){margin-left:0;}
    
}