@charset "utf-8";@media screen and (max-width:1319px){html.fixed,body.fixed{overflow:hidden;width:100%}.wrap{position:relative;width:clamp(630px,84.8vw,1120px);margin:0 auto;overflow:visible;z-index:1}header{width:clamp(630px,84.8vw,1120px);height:clamp(65px,6.4vw,85px);border-radius:clamp(80px,4.6vw,90px);top:clamp(35px,2.3vw,35px);margin-left:clamp(-560px,-42.4vw,-315px);padding:0 clamp(20px,1.9vw,25px)}header #header_left{width:21%}header #header_right{width:79%}header #header_right ul{column-gap:clamp(20px,2.2vw,30px)}header #header_right ul li a{font-size:clamp(14px,1.5vw,20px);padding-left:clamp(14px,1.36vw,18px)}header #header_right ul li .btn_book{width:clamp(150px,15.1vw,200px);height:clamp(40px,4.1vw,55px);border-radius:clamp(52px,3.1vw,60px)}header #header_right ul li .btn_book::after{position:absolute;content:"";top:0;left:-120%;width:100%;height:100%;transform:skewX(-45deg);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 100%);opacity:.8}header #header_right ul li .btn_book:hover:after{animation:btn_shine .5s linear}footer #footer_top{flex-direction:column;align-items:center;justify-content:center;padding:clamp(55px,6vw,80px) 0;row-gap:clamp(35px,3.4vw,45px)}footer #footer_top .left_box{width:100%;text-align:center}footer #footer_top .left_box .logo img{max-width:300px}footer #footer_top .right_box{width:100%;padding-top:0}footer #footer_top .right_box ul{display:flex;justify-content:center;flex-wrap:wrap;column-gap:clamp(45px,7.1vw,85px);row-gap:clamp(35px,3.4vw,45px);padding:0 clamp(55px,3.1vw,60px)}footer #footer_top .right_box ul li:nth-child(1),footer #footer_top .right_box ul li:nth-child(4){width:clamp(140px,15.1vw,200px)}footer #footer_top .right_box ul li:nth-child(2),footer #footer_top .right_box ul li:nth-child(5){width:clamp(110px,12.8vw,170px)}footer #footer_top .right_box ul li:nth-child(3),footer #footer_top .right_box ul li:nth-child(6){width:clamp(160px,16.6vw,220px)}footer #footer_top .right_box ul li a{padding-left:clamp(15px,1.6vw,22px)}footer #footer_bottom{font-size:clamp(13px,1.1vw,15px);padding:clamp(35px,3.4vw,45px) 0}footer #footer_bottom ul{column-gap:clamp(35px,3.4vw,45px)}footer #footer_bottom ul li a{padding-right:clamp(17px,1.6vw,22px)}}@media screen and (max-width:999px){header{position:fixed;width:calc(100% - 10.5vw);height:clamp(70px,8vw,80px);border-radius:clamp(70px,8vw,80px);padding:0 15px 0 25px;margin-left:0;left:clamp(40px,5.2vw,52px);top:clamp(25px,3.5vw,35px);z-index:9990;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .3s ease,border .3s ease}header #header_left{width:30%;min-width:225px}header.scroll{background:none;border:1px solid transparent}header.scroll #header_left{opacity:0;visibility:hidden}header #header_right{position:fixed;background:rgba(255,255,255,.85);flex-direction:column;top:0;margin-top:0;right:-120%;opacity:0;z-index:-1;width:calc(100% + 10.6vw + 2px);height:100vh;height:-webkit-fill-available;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow-y:auto;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;padding:clamp(100px,14vw,140px) 0 clamp(60px,7.5vw,75px);transition:right 0s linear .2s,opacity .2s ease-out 0s!important}header #header_right.active{display:flex;opacity:1;z-index:9991;right:calc(-5.3vw - 1px);transition:right 0s linear 0s,opacity .2s ease-out 0s!important}header #header_right ul{flex-direction:column;column-gap:0;row-gap:clamp(35px,4vw,40px)}header #header_right ul li a{width:clamp(165px,19vw,190px);font-size:clamp(24px,2.8vw,28px);padding-left:clamp(24px,2.8vw,28px)}header #header_right ul li .btn_book{font-size:clamp(24px,2.8vw,28px);width:clamp(300px,36vw,360px);height:clamp(75px,8.5vw,85px);border-radius:6.4vw;margin:clamp(8px,1.2vw,12px) auto 0}header #btn_nav_wrapper{display:block;position:absolute;top:50%;margin-top:clamp(-30px,-3vw,-25px);right:0;width:clamp(50px,6vw,60px);height:clamp(50px,6vw,60px);border-radius:clamp(50px,6vw,65px);background:#fff;padding-top:0;z-index:9990;cursor:pointer;transition:box-shadow .3s ease}header.scroll #btn_nav_wrapper{box-shadow:0 0 1.8vw rgba(0,0,0,.05)}header #btn_nav_wrapper.active{background:var(--co_paleblue_1);z-index:9992;box-shadow:none}header.scroll #btn_nav_wrapper.active{box-shadow:none}header #btn_nav_wrapper .btn_nav{position:relative;width:clamp(20px,2.5vw,25px);height:clamp(30px,5vw,50px);height:2px;top:50%;margin-top:-1px;left:50%;margin-left:clamp(-12.5px,-1.25vw,-10px);background:var(--co_navy_1)}header #btn_nav_wrapper.active .btn_nav{background:transparent}header #btn_nav_wrapper .btn_nav::after,header #btn_nav_wrapper .btn_nav::before{content:"";width:clamp(20px,2.5vw,25px);height:2px;background:var(--co_navy_1);position:absolute;left:0;transition:transform .3s ease}header #btn_nav_wrapper .btn_nav::before{bottom:clamp(7px,.8vw,8px)}header #btn_nav_wrapper .btn_nav::after{top:clamp(7px,.8vw,8px)}header #btn_nav_wrapper.active .btn_nav::before{transform:rotate(30deg);bottom:0;width:clamp(22px,2.7vw,27px);margin-left:clamp(-1px,-.1vw,-1vw)}header #btn_nav_wrapper.active .btn_nav::after{transform:rotate(-30deg);top:0;width:clamp(22px,2.7vw,27px);margin-left:clamp(-1px,-.1vw,-1vw)}}