.wrap{ max-width:86%;padding-left:13%; }
.bg_c1{ background-color:#0081e1; }
.bg_c2{ background-color:#f2efe7; }
.bg_img{ position:fixed;top:0;height:100vh;z-index:0;object-fit:cover;background:#000;opacity:0.8; }
.bg_img.img1{ left:0; }
.bg_img.img2{ right:0; }
.main_col{ max-width:575px;margin:0 auto;background-color:#fff;box-shadow:0px 0px 50px 5px rgba(0, 0, 0, 0.1);position:relative;z-index:500;overflow-x:clip; }
.header{ background-color:transparent;position:fixed;top:0.5vh;left:50%;transform:translateX(-50%);transition:-webkit-box;max-width:575px;z-index:700;z-index:700;width:88.4%;max-width:515px;padding-left:1%;overflow-x:visible;box-sizing:border-box; }
.header *, .header.active *{ transition:all .4s; }
.header .inner, .hamburger .bt_wrap{ position:relative;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;align-items:center;height:min(100px, 34vw); }
.hamburger .bt_wrap{ -webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;top:0.5vh;width:88.4%;max-width:515px;margin:0 auto; }
.header svg{ fill:#fff;vertical-align:top; }
.header .cls-1{ fill:#fff; }
.header .cls-2{ fill:none;stroke:#0081e1;stroke-miterlimit:10;stroke-width:2px; }
.header.active .svg, .header.active .cls-1{ fill:#3B4043; }
.header.active .cls-2{ stroke:#fff; }
.mask{ position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgb(0 0 0 / 60%);z-index:700;display:none; }
.icon_tel{ position:absolute;left:1%;top:min(96px, 25vw);width:8.7%; }
.icon_instagram{ width:9.9%; }
.header .logo{ width:47.2%;transform:translateX(-1%);padding-bottom:2%; }
.header .hamburger-btn{ padding-right:1px;box-sizing:border-box; }

.hamburger{ display:block;position:fixed;z-index:800;top:0;left:50%;width:100vw;max-width:575px;height:100vh;transform:translateX(-50%);background-color:#fff;box-sizing:border-box;display:none; }
.hamburger .inner{ min-height:600px;width:90%;max-width:350px;margin-left:auto;margin-right:auto;margin-top:3vh;padding:0 5.5% 5.2% 5.5%; }
.hamburger *{ color:#0081e1; }
.hamburger .logo{ width:14vh;max-width:124px;display:block;margin-left:auto;margin-right:auto;margin-bottom:8vh; }
.hamburger .menu_wrap{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:80%;margin-left:auto;margin-right:auto; }
.hamburger_lists{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%;padding-top:2vh; }
.hamburger_list{ border-bottom:1px solid #4d4d4d54;text-align:center;width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; }
.hamburger_list.icon_wrap{ -ms-flex-pack:distribute;border-bottom:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; }
.hamburger_list .icon_instagram{ width:12%;display:block; }
.hamburger_list .icon_list_tel{ width:11%;display:block;margin-left:20%; }
.hamburger_list .icon_instagram svg, .hamburger_list .icon_list_tel svg{ fill:#0081e1; }
.hamburger_list a{ font-size:190%;letter-spacing:4px;font-weight:300;display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;padding:4.2vh 0;font-weight:bold; }
.hamburger .nav_note{ width:auto;max-width:90px;height:44vh;margin-top:5vh;margin-right:2%; }
.bg_mask{ background-color:#000;opacity:0;position:fixed;width:100vw;height:100vh;top:0;right:0;transition:opacity 0.8s; }
.bg_mask.active{ opacity:0.8;transition:opacity 0.8s;z-index:700; }
.hamburger-btn{ position:relative;z-index:600;cursor:pointer;width:9.8%;height:40px;margin-bottom:0%; }
.hamburger-btn img{ width:92%;display:block;margin-left:auto; }

.sec_wave{ position:relative; }
.s_face{ position:absolute;left:48%;top:2px;width:106%;transform:translate(-50%, -100%);z-index:100; }
.gradation{ position:absolute;top:-25px;left:50%;transform:translateX(-50%);height:50px;width:100%;z-index:200; }
.gradation.c1{ background:rgb(255,255,255);background:linear-gradient(0deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); }
.carousel_wrap .gradation.c1{ top:-24px;height:35px; }
.gradation.c2{ background:rgb(0,129,225);background:linear-gradient(0deg, rgba(0,129,225,1) 50%, rgba(0,129,225,0) 100%); }
.gradation.c3{ background:rgb(242,239,231);background:linear-gradient(0deg, rgba(242,239,231,1) 50%, rgba(242,239,231,0) 100%); }
.gradation.c4{ background:rgb(240,230,50);background:linear-gradient(0deg, rgba(240,230,50,1) 50%, rgba(240,230,50,0) 100%); }
.sec_th{ position:absolute;width:11.8%; }
.pt1{ animation:wave1 6s infinite forwards cubic-bezier(.43,.08,.62,.97); }
.pt2{ animation:wave2 6s infinite forwards cubic-bezier(.43,.08,.62,.97); }
@keyframes wave1{    
    0%{ opacity:1;left:48%; }
    50%{ opacity:0;left:50%; }
    100%{ opacity:1;left:48%; }
}
@keyframes wave2{    
    0%{ opacity:0;left:50%; }
    50%{ opacity:1;left:48%; }
    100%{ opacity:0;left:50%; }
}

.full_h{ height:calc(85vh + 50px);max-height:1040px; }
.sec_top{ position:relative;overflow-x:clip;z-index:200;padding-bottom:8%; }
.sec_top .top_img{ height:60vh;position:absolute;transform:translate(-50%, -50%);top:44vh;left:50%;border-radius:20px;z-index:60;max-height:590px; }
.sec_top .top_img .inner{ position:relative;height:100%; }
.sec_top .top_img .img{ width:100%;height:100%;object-fit:cover;border-radius:20px;position:absolute;top:0; }
.sec_top .top_img .wave{ position:absolute;bottom:-2.7%;left:50%;transform:translateX(-50%); }
.top_img .slide_wrap{ height:100%; }
.sec_top .obj1, .sec_top .obj2{ position:absolute;min-width:100%;height:84vh;top:0;left:0;object-fit:cover;object-position:bottom center; }
.sec_top .obj1{ z-index:70; }
.sec_top .obj2{ z-index:50; }
.sec_top .w_time{ position:absolute;bottom:min(100px, 8vh);left:50%;transform:translateX(-50%);width:86%;z-index:70; }

.sec_intro{ z-index:300;overflow-x:clip; }
.sec_intro .inner{ background:url(../img/bg_intro.jpg) no-repeat center bottom/cover;position:relative; }
.sec_intro .intro_note{ width:66.5%;margin:0 auto;display:block;margin-bottom:15.5%; }
.sec_intro .obj{ top:-6%;position:absolute;width:17%;right:5%;z-index:-1; }
.sec_intro .w_wrap{ z-index:100;position:relative;padding-top:17%; }
.sec_intro .note{ font-size:clamp(14px, 3.5vw, 144%);text-align:center;line-height:210.3%;font-weight:700;margin-bottom:10.4%;white-space:nowrap; }
.sec_intro .note .strong{ color:#0081e1; }
.sec_intro .note .caution{ font-size:63%; }

.owl-carousel .owl-item img{ width:90%;border-radius:999px;aspect-ratio:1;object-fit:cover;margin:0 auto; }

.sec_instagram{ padding-top:17.3%;padding-bottom:17.5%;z-index:350; }
.sec_instagram .sec_th{ width:17.6%;top:4.9%;left:0; }
.instagram h2{ margin-bottom:6%; }
.instagram .comment{ width:75%;margin:0 auto;display:block;margin-bottom:8%; }
.instagram .post{ width:100%;display:block;padding-bottom:5%; }
.instagram .post:nth-of-type(3n){ margin-right:0; } 
.instagram .post:last-of-type{ margin-bottom:9%; }
.img_insta{ aspect-ratio:1; }
.post_wrap a{ width:49%; }
.post_wrap a img{ width:100%;object-fit:cover;border-radius:25px;padding-bottom:1%; }
.post_wrap .post_date{ text-align:right;display:block;font-family:"noto-sans-cjk-jp", sans-serif;font-weight:400;font-style:normal;font-size:130%;letter-spacing:0px; }
.post_wrap .post_date .num{ font-size:120%;letter-spacing:2px;padding-right:1%; }
.caption{ display:none; }
#cboxLoadedContent{ position:relative; }
#cboxLoadedContent .caption{ display:block;opacity:0;position:absolute;bottom:0;width:100%;background-color:rgba(225, 225, 225, 0.9);transition:opacity .5s;padding:10px;box-sizing:border-box;line-height:120%; }
#cboxLoadedContent .caption.show{ opacity:1;transition:opacity .5s; }

.sec_youtube{ padding-top:21%;padding-bottom:18.2%; }
.sec_youtube .th{ display:block;width:31%;margin:0 auto 5.9% auto;transform:translateX(-3.9%); }
.video_wrap{ width:100%;margin:0 auto 10% auto;position:relative; }
.video_wrap .video{ width:100%;border:none; }
.video_wrap .bt_play{ position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:25%;z-index:120; }
.video_wrap .bt_play.current{ opacity:0; }
.video_wrap .video_img{ position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;z-index:100; }
.video_wrap .caution{ position:absolute;right:2%;bottom:-8%; }
.sec_youtube .bt{ width:70%;margin:0 auto;display:block; }

.sec_price{ padding-top:17.2%;padding-bottom:19%;position:relative;z-index:400;overflow-x:clip; }
.sec_price *{ color:#fff; }
.sec_price .sec_th{ top:3.8%; }
.sec_price .strong{ color:#f0e632; }
.sec_price .note_wrap{ font-size:140%;letter-spacing:4.7px;line-height:180%; }
.sec_price .note_wrap .limit.strong{ font-size:130%;font-weight:500;letter-spacing:5.8px; }
.sec_price .note_wrap .time{ font-size:72%;letter-spacing:1.2px;line-height:165%; }
.sec_price .note_wrap span{ display:block;text-align:center; }
.sec_price .price_wrap{ margin-bottom:8.4%; }
.sec_price .price_wrap .caution{ text-align:left;position:relative;padding-left:5px;padding-left:17px;display:block;font-size:100%; }
.sec_price .price_wrap .caution:before{ position:absolute;left:0;top:11px;transform:translateY(-50%);content:'※'; }
.sec_price .th{ display:block;margin-bottom:8%; }
.sec_price table{ width:100%;margin-top:8%;border-collapse:collapse; }
.sec_price table th, .sec_price table td{ border:1px solid #fff;height:90px; }
.sec_price table tr th.day{ border-left:none; }
.normal table tr td:last-of-type, .monthly table tr td:last-of-type{ border-right:none; }
.sec_price table th, .sec_price table td{ text-align:center; }
.sec_price table .corner{ border-left:none;border-top:none; }
.sec_price table .num, .sec_price table .day, .sec_price .price_wrap.rent tr th{ background-color:#2694e5; }
.sec_price table .num{ border-top:none;font-size:260%;font-weight:400;line-height:71%;width:calc((100% - 14.7%)/4);padding-top:2%;font-weight:bold; }
.sec_price table .num span{ font-size:50%;font-weight:normal; }
.sec_price table .day{ width:14.8%;font-size:137%;font-weight:bold; }
.sec_price table .amount{ font-size:160%;font-weight:bold; }
.sec_price table .unit{ font-size:70%; }
.sec_price .price_wrap.rent tr th{ border-left:none;padding-top:2%; }
.sec_price .price_wrap.rent tr td{ border-right:none; }
.sec_price .rent table th, .sec_price .rent table td{ height:100px; }
.sec_price .b_note{ display:block;text-align:right;margin-top:2%;font-size:90%; }
.sec_price .monthly{ margin-bottom:11%; }
.sec_price .monthly .b_note{ margin-bottom:1.7%; }
.sec_price .monthly table .num{ width:calc((100% - 14.7%)/2); }
.sec_price .rent table th, .sec_price .rent table td{ width:50%;font-weight:bold;border-top:none; }
.sec_price .rent table th{ font-size:217%;letter-spacing:5px;line-height:100%; }
.sec_price .rent table td{ font-size:142%;letter-spacing:1.7px;line-height:100%;padding-top:2%; }
.sec_price .rent table .time{ font-size:60%;letter-spacing:0; }
.sec_price .rent table .amount_th{ padding-left:5.2%; }
.sec_price .rent table .amount{ font-size:135%;letter-spacing:0;padding-left:4%; }
.sec_price .rent table .note{ font-size:110%;line-height:185%;letter-spacing:4px; }

.sec_access{ position:relative;padding-top:18%;overflow-x:clip;z-index:500; }
.sec_access .sec_th{ top:2.3%; }
.sec_access .logo{ width:78.5%;margin-bottom:5.9%; }
.sec_access .wrap span{ display:block;font-size:167%;font-weight:600;line-height:186.3%; }
.gmap{ height:0;overflow:hidden;padding-bottom:104%;position:relative;margin-top:6%;margin-bottom:21.9%; }
.gmap iframe{ position:absolute;left:0;right:0;height:100%;width:100%; }
.detail_map_wrap{ height:min(730px, 127vw); }
.detail_map{ position:absolute;left:0;width:110%; }
.facility{ background-color:#f0e632;padding-top:2%; }
.facility .w_wrap{ position:relative; }
.facility .note{ display:block;text-align:center;color:#0081e1;font-size:230%;letter-spacing:2px;font-weight:bold;padding-bottom:7.1%;position:relative;z-index:220; }
.facility .obj{ position:absolute;bottom:-20.6%;right:1.6%;width:19%; }
.facility .inside{ object-fit:cover;aspect-ratio:1.35; }
.facility .carousel_wrap{ background-color:#fff;padding-top:9.4%; }
.facility .carousel_wrap .s_face{ top:0px; }
.facility .owl-carousel.owl-loaded{ padding-bottom:10%; }

.sec_note{ padding-bottom:16.5%; }
.sec_note .strong{ color:#ff0064;display:block;text-align:center;font-size:175%;font-weight:600;line-height:148%;margin-bottom:6%; }
.sec_note .detail{ position:relative;padding-left:3.6%;font-size:129%;line-height:170.7%;font-weight:bold; }
.sec_note .detail:before{ position:absolute;content:"●";left:0%;top:1px;font-size:101%; }
.sec_note .bt_rules{ width:76.5%;margin:0 auto;display:block;margin-top:8.4%; }

.copy_wrap{ padding:3.5% 0; }
.copyright{ width:39%;display:block;margin:0 auto; }

#kiyaku{ background:linear-gradient(to bottom, #f8f8f8, #ffffff);border-top:1px solid #eeeeee;padding:200px 8% 10% 8%;position:relative;color:#111; }
#kiyaku h2{ display:block;margin-bottom:4%;  }
#kiyaku .inbox { width:100%;margin:0 auto; }
#kiyaku p { font-size:180%;line-height:1.85;text-align:center; }
#kiyaku ul { margin-top:2em;padding-left:20px; }
#kiyaku li { color:#555;list-style:decimal;line-height:1.85;margin-top:1.2em;font-size: 150%; }
#kiyaku p.date { color:#7e7e7e;text-align:right;font-size:15px;line-height:1.85;margin-top:2em;margin-bottom:3em; }

@media screen and (min-width:576px){ 
    .full_h{ height:100vh; }
    .sec_top .top_img{ top:min(475px, 48vh);max-height:690px;height:71vh; }
    .hamburger-btn.bt_nav{ margin-top:-1%; }
    #kiyaku li{ font-size: 120%; }
}

@media screen and (max-width:575px){ 
    .instagram .post{ width:100%;margin-right:4%; }
    .instagram .post:nth-of-type(3n){ margin-right:4%; }
    .instagram .post:nth-of-type(2n){ margin-right:0; }
    .instagram .post:nth-of-type(n+7){ display:none; }
    .video_wrap .caution{ bottom:-11%;font-size:140%; }
    .sec_price .price_wrap .caution{ font-size:13px;padding-left:14px;line-height:16px;margin-bottom:1%; }
    .sec_price .price_wrap .caution:before{ top:8px; }
}