@charset "utf-8";
@media screen and (max-width:1200px){
    .header-right{
        width:60%;
        font-size:14px;
    }
    .concept-title h1, .point-title01 .small, .point-title02 .small, .number01 span, .ac-main h2 span, .section-point h2 span.small{
        font-size:30px;
    }
    .concept-title h1 span, .section-point h2, .point-title01, .point-title02, .ac-main h2{
        font-size:38px;
    }
    .section-point ul .cont{
        width:32%;
        height:190px;
    }
    .section-point ul li .wrap{
        width:100%;
        height:190px;
    }
    .section-point ul li .wrap .num{
        width:120px;
        height:120px;
    }
    .section-point ul li .wrap .num p{
        line-height: 2.3em;
    }
    .section-point ul li .wrap .num p span{
        font-size:52px;
    }
    .section-point01 .img01{
        height:50vh;
    }
    .section-concept .box01{
        padding-bottom:200px;
    }
    .section-point01 .box01 .cont02, .section-point03 .cont02, .section-point06 .box01 .cont02 .cont01{
        width:90%;
    }
    .section-point03 .box01 img{
        height:50vh;
        min-height:500px;
    }
    .section-point04 .box01 img{
        height:185px;
    }
    .section-point05 .box02 img{
        height:50vh;
    }
    .aside-top section ul{
        width:70%;
    }
    footer .wrapper{
        width:90%;
    }
    /*activity*/
    .ac-main .box01 .cont01{
        margin:0 5%;
    }
    .ac01 .box01 p{
        padding:0 2em;
    }
    .ac01 .box03 img{
        height:inherit;
        aspect-ratio:4/3;
    }
}
@media screen and (max-width:1024px){
    .header-right, .header-bottom{
        display: none;
    }
    .openbtn{
        display: block;
    }
    .f-rsv{
        bottom:55px;
    }
    .page-top{
        bottom:190px;
    }
    footer .box03 .cont02{
        margin-bottom:50px;
    }
    .bbq01 .box01{
        width:40%;
    }
    .bbq01 .box04{
        width:55%;
    }
}
@media screen and (max-width:1024px) and (min-height:1366px){
    .sp-none{
        display: none;
    }
    .pc-none{
        display: block;
    }
    .contain{
        width:90vw;
    }
    .concept-text{
        padding:0 0 50px;
    }
    .concept-top p{
        padding:0 2em;
    }
    .section-point01 .img01{
        height:35vh;
        min-height:300px;
    }
    .section-point01 .box01, .section-point05 .box01 .cont01{
        width:45%;
    }
    .section-point01 .box02 img, .section-point03 .box03 img, .section-point04 .box03 img, .section-point05 .box01 .cont02 img, .ac-main img, .ac-yoga02 img, .section-point06 .box01 .cont01, .other-service .box01 img, .bbq06 .box01 img{
        height:25vh;
        object-fit: cover;
    }
    .section-point03 .box01 img, .section-point05 .box02 img, .about-facility .box01 img, .about-facility .box02 img, .other-service .box02 .cont01, .slide-single .box01 img{
        height:35vh;
    }
    .sub-eyeCatch, .sub-eyeCatch img{
        height:50vh;
    }
    .ac-main h2{
        margin-left:5%;
    }
    .ac-yoga02 .box02{
        margin:0;
    }
    .outline .box01{
        width:auto;
    }
    .ac01 .box01{
        width:50%;
    }
    .about-facility .box02{
        height:auto;
    }
    .about-facility .box02 .cont02 p{
        width:80%;
    }
    section.f-root .box01 .cont03 a{
        margin:2em 0;
    }
    .section-about .wrapper{
        width:90vw;
    }
    .section-about .box01, .section-about .box01 img{
        height:480px;
    }
    .section-about .box02 .cont01{
        width:45%;
    }
    .slide-about{
        width:85vw;
    }
    .main-map{
        height:40vh;
    }
    footer{
        height:auto;
    }
    footer .box02 img{
        width:220px;
    }
    .news-mainimg{
        height:35vh;
    }
    .howto-spot .box01 .wrap{
        width:50%;
    }
}
@media screen and (max-width:1000px){
    .sp-none{
        display: none;
    }
    .pc-none{
        display: block;
    }
    .page-top{
        bottom:80px;
    }
    .contain{
        width:90vw;
    }
    .linkbtn-yellow{
        width:95%;
    }
    .header-top{
        height:100%;
        padding:0;
    }
    .header-left{
        width:100%;
        display: flex;
        align-items: center;
        text-align: right;
        line-height: 1.3em;
    }
    .header-left img{
        width:120px;
        margin-left:10px;
    }
    .header-bottom-sp .box01 a i{
        font-size:20px;
    }
    .slide p br.pc-none{
        display: none;
    }
    .slide-top img{
        height:80vh;
    }
    .concept-title{
        font-size:26px;
    }
    .concept-title h1{
        width:auto;
        padding:100px 5%;
    }
    .concept-top{
        flex-flow: column;
    }
    .concept-top .luxy-cont{
        height:auto;
    }
    .concept-top p{
        width:100%;
        max-width:600px;
        line-height: 2em;
    }
    .concept-text{
        margin:0;
    }
    .section-point01 .box01 .cont02, .section-point03 .cont02, .section-point06 .box01 .cont02 .cont01, .section-point05 .box01 .cont03{
        width:100%;
    }
    .section-point ul .cont{
        width:48%;
        height:inherit;
        aspect-ratio:4/3;
        margin:0 0 35px;
    }
    .section-point01 .wrapper02{
        flex-flow: column;
    }
    .section-point01 .box01{
        width:90%;
        margin:auto;
    }
    .section-concept .box01{
        padding-bottom:0;
    }
    .concept-bottom{
        position: inherit;
    }
    .concept-bottom img{
        object-position: 30% 50%;
    }
    .section-point01 .box01 .cont01{
        margin:70px 0 0;
    }
    .section-point01 .img01{
        height:35vh;
        min-height:300px;
    }
    .section-point01 .wrapper::before{
        height:160px;
    }
    .section-point01 .box01 .cont01, .section-point04 .box02 .cont01{
        justify-content: flex-start;
    }
    .section-point01 .box01 .cont02, .section-point04 .box02 .cont02{
        width:auto;
        padding-left:inherit;
    }
    .point01-img02{
        object-position: 65% 50%;
    }
    .section-point03 .cont02, .section-point04 .box02 .cont02, .section-point01 .box01 .cont02{
        margin:50px auto;
    }
    .section-point01 .box02{
        width:80%;
        margin:auto;
    }
    .section-point01 .box02 img{
        height:25vh;
    }
    .section-point03 .cont01, .section-point03 .box03, .section-point04 .box03{
        padding:70px 0 0;
    }
    .section-point03 .box01 .cont01{
        width:32%;
    }
    .section-point03 .cont02{
        width:auto;
    }
    .section-point03 .cont02 p, .section-point04 .box02 .cont02 p{
        margin-bottom:30px;
    }
    .section-point03 .box01 img{
        width:100%;
        min-width:inherit;
        height:45vh;
        min-height:300px;
    }
    .section-point03 .wrapper02, .section-point04 .wrapper02{
        flex-flow: column;
    }
    .section-point03 .box02, .section-point04 .box02, .section-point04 .box03{
        width:90%;
        margin:auto;
    }
    .section-point03 .box03{
        width:80%;
        margin:auto;
    }
    .section-point03 .box03 img{
        height:25vh;
        margin:auto;
    }
    .section-point04 .wrapper{
        margin:150px auto;
    }
    .section-point04 .box01{
        width:90vw;
    }
    .section-point04 .box03{
        margin:auto;
    }
    .section-point04 .box03 img{
        height:25vh;
    }
    .section-point05 .box01, .section-point05 .box02{
        flex-flow: column;
    }
    .section-point05 .box01 .cont01, .section-point05 .cont02, .section-point05 .box02 .cont01, .section-point05 .box02 .cont01 p{
        width:auto;
    }
    .section-point05 .box01{
        padding-bottom:0;
    }
    .section-point05 .box01 .cont02{
        width:100%;
    }
    .section-point05 .box02 .cont02{
        width:80%;
        margin:50px auto;
    }
    .section-point05 .box01 .cont02 img, .section-point05 .box02 img{
        width:100%;
        height:25vh;
        object-fit: cover;
    }
    .section-point05 .box02{
        padding:0 0 30px 0;
        background-position:right -30px top 200px;
    }
    .section-point05 .box01 .cont01{
        justify-content: flex-start;
        width:90vw;
        margin:30px auto;
    }
    .section-point05 img{
        height:30vh;
        min-height:200px;
    }
    .section-point05 .box02 .cont01{
        margin:30px;
    }
    .section-point06{
/*        margin:100px 0;*/
    }
    .section-point06 .box01, .section-point06 .box02{
        flex-flow: column;
    }
    .section-point06 .wrapper, .section-point06 .box01 .cont01, .section-point06 .box01 .cont02, .section-point06 .box02 .cont02, .section-point06 .box02 .cont01{
        width:auto;
    }
    .section-point06 .box01 .cont01{
        height:35vh;
    }
    .section-point06 .box01, .section-point06 .box02{
        height:auto;
    }
    .section-point06 .wrapper{
        justify-content: flex-start;
        align-items: center;
        width:90vw;
        margin:30px auto;
    }
    .section-point06 .box01 .cont02{
        border:none;
    }
    .section-point06 img{
        min-height:200px;
    }
    .section-point06 .box01{
        padding:0;
    }
    .section-point06 .box02 .cont01{
        width:90%;
        margin:auto;
    }
    .section-point06 .box02 .cont01 a{
        margin:30px 0;
    }
/*
    .section-offer{
        background-size:200%;
        background-position: -440px 0;
        padding:0px 0;
    }
    .section-offer .box01{
        width:auto;
    }
    .section-offer .box03{
        justify-content: flex-start;
        align-items: center;
    }
    .section-offer .box03 .cont01{
        width:auto;
    }
    .section-offer .box03 .cont01 img{
        width:100%;
    }
*/
    .linkbtn-rsv01{
        margin:50px 0;
    }
    .aside-top section, .aside-top section ul{
        width:90%;
        margin:50px auto;
    }
    .aside-top section ul li a{
        display: flex;
        flex-flow: column;
        word-break: break-all;
    }
    .section-news ul{
        width:100%;
    }
    .section-amap{
        flex-flow: column;
        padding-top:50px;
    }
    .section-amap .box01, .section-amap .box02{
        width:auto;
    }
    footer .wrapper{
        flex-flow: column;
    }
    footer .box01{
        height:auto;
    }
    footer .box02{
        width:auto;
        border-right:0;
    }
    footer .box03{
        width:auto;
    }
    footer .box03 .cont01{
        display: none;
    }
    footer .box03 .cont02{
        justify-content: center;
    }
    /*sub*/
    .sub-eyeCatch, .sub-eyeCatch img{
        height:60vh;
    }
    .sub-title01{
        width:auto;
    }
    .linkbtn-sub{
        margin:30px 0;
    }
    /*about*/
    section.concept{
        text-align: left;
    }
    .BirdsEyeView{
        margin:50px auto;
    }
    section.f-root .box01{
        flex-flow: column;
    }
    section.f-root .box01 .cont01{
        flex-flow: column;
        width:auto;
    }
    section.f-root .box01 .cont01 img{
        width:95vw;
        height:160px;
        object-fit: cover;
    }
    section.f-root .box01 .cont02{
        width:100%;
        margin:1em 0 0;
    }
    .img-main{
        width:800px;
    }
    .icon-A{
        top:200px;
        left:125px;
    }
    .icon-B{
        top:270px;
        left:585px;
    }
    .icon-P{
        bottom:90px;
        left:340px;
    }
    .outline{
        margin:50px auto;
    }
    div.floor{
        flex-flow: column;
        margin:30px auto;
    }
    div.floor .cont01{
        width:auto;
        margin:30px auto;
    }
    section.f-root .box01 .cont03 a{
        margin:1em 0;
    }
    .about-facility .box01 img{
        height:30vh;
        min-height:200px;
    }
    .about-facility .box02{
        height:auto;
    }
    .about-facility .box02 img{
        height:30vh;
    }
    .about-facility .box02, .about-facility .box02.reverse{
        flex-flow: column-reverse;
    }
    .about-facility .box02 .cont01{
        width:90%;
        margin:1em auto;
    }
    .about-facility .box02 .cont02{
        width:auto;
        margin:2em 0;
    }
    .about-facility .box02 .text01{
        text-align: center;
    }
    .about-facility .box02 .cont02 p{
        width:auto;
        padding:0 1em;
    }
    .slide-amenity .box01{
        margin:50px 0;
    }
    .slide-amenity .box01 ul{
        flex-flow: column;
    }
    .outline .box01{
        width:95%;
        word-break: break-all;
    }
    .outline .box02{
        width:95%;
    }
    .other-service{
        padding:70px 0;
    }
    .other-service h2{
        font-size:26px;
    }
    .other-service h2::after{
        display: none;
    }
    .other-service .box01{
        flex-flow: column;
    }
    .other-service .box01 img{
        margin-bottom:1em;
    }
    .other-service .box01 .cont01, .other-service .box01 .cont02{
        width:auto;
    }
    .other-service .box02 .cont01{
        height:35vh;
    }
    .other-service .box02 .cont02{
        width:50%;
        min-width:250px;
    }
    .section-about .box01{
        height:auto;
    }
    /*A-B*/
    .se-a{
        object-position: 60% 50%;
    }
    .se-b{
        object-position: 65% 50%;
    }
    .section-about{
        padding:50px 0;
    }
    .section-about .box01 img{
        height:30vh;
        min-height:200px;
    }
    .section-about .box02{
        flex-flow: column;
    }
    .section-about .box02 .cont01{
        width:100%;
        margin:30px 1em;
    }
    .section-about .box02 .cont02{
        flex-flow: row;
        width:auto;
    }
    .section-about .box02 img{
        width:50%;
        height:200px;
    }
    .slide-single .box01 img{
        height:35vh;
        min-height:200px;
    }
    .slide-single .box01 .cont01{
        width:160px;
        height:60px;
        font-size:12px;
    }
    /*bbq*/
    .column-right{
        display: none;
    }
    .body-bbq .header-bottom-sp .box01 a:nth-of-type(2), .body-bbq .header-bottom-sp .box01 a:nth-of-type(3), .body-bbq .openbtn{
        color:#1B1B1A;
    }
    .bbq01{
        flex-flow: column;
        margin:50px 0;
    }
    .bbq01 .box01{
        width:auto;
        align-items: center;
    }
    .bbq01 .box01 h2, .bbq02 h2{
        margin:0 0 1em;
        text-align: center;
        font-size:32px;
    }
    .bbq01 .box04{
        width:100%;
        margin:30px 0;
    }
    .bbq02{
        flex-flow: column-reverse;
    }
    .bbq02 img{
        width:100%;
        margin:10px 0;
    }
    .bbq02 .box01{
        width:auto;
        align-items: stretch;
    }
    .bbq03{
        margin:100px 0 50px;
    }
    .slider-for img{
        width:100%;
        height:30vh;
        min-height:200px;
    }
    .slider-nav li{
        height:auto;
    }
    section.ex01 .box01{
        width:90%;
    }
    .bbq04 .title-ba, .bbq05 .title-ba, .bbq06 .title-ba{
        margin:60px 0 20px;
    }
    .bbq04 p, .bbq05 .box01 p{
        text-align: left;
        line-height: 1.8em;
    }
    .bbq05 .wrapper{
        flex-flow: column;
    }
    .bbq05 .box01{
        width:auto;
        margin-bottom:50px;
    }
    .bbq06 .box01{
        margin:0 0 50px;
    }
/*
    .bbq06 .box01 p{
        width:90%;
    }
*/
    .bbq06 .box01 img{
        height:15vh;
    }
    .bbq06 .cont01, .bbq06 .box02.ex02 .wrapper .cont01{
        margin:15px 0 0;
    }
    .bbq06 .box02.ex02 .wrapper{
        flex-flow: column-reverse;
    }
    .bbq06 .box02 .wrapper{
        flex-flow: column-reverse;
        margin:30px 0;
    }
    .bbq06 .cont01, .bbq06 .cont02, .bbq06 .box02.ex02 .wrapper .cont01, .bbq06 .box02.ex02 .wrapper .cont02{
        width:100%;
    }
    .bbq07.bbq-text{
        text-align: left;
        text-indent: -1em;
        line-height: 1.8em;
        padding:0 1em;
    }
    .bbq07.bbq-text .title-ba{
        margin:80px 0 20px;
        text-indent: 0;
    }
    .bbq07 .linkbtn-rsv01{
        margin:30px 0;
    }
    /*activity*/
    .ac-main .wrap{
        width:90%;
    }
    .ac-main h2{
        margin-bottom:1em;
        margin-left:inherit;
    }
    .ac-main .box01{
        flex-flow: column;
    }
    .ac-main .box01 .cont01{
        width:90%;
    }
    .ac-main img{
/*        width:90%;*/
        height:280px;
        margin:auto;
    }
    .ac-main p{
/*        width:80%;*/
        margin-top:1em;
        padding:0;
    }
    .ac-nav ul{
        width:100%;
        justify-content: center;
    }
    .ac-nav ul li{
        margin-bottom:1em;
    }
    .ac-nav ul li a.linkbtn-yellow{
        width:90vw;
    }
    .ac-yoga02 img{
        height:25vh;
    }
    .ac-plan{
        margin:100px auto;
    }
    .ac-plan .wrapper, .ac01 .wrapper.reverse{
        flex-flow: column-reverse;
    }
    .ac01 .box01{
        width:auto;
        margin:1em 0;
    }
    .ac01 .box01 p{
        padding:0 1em;
    }
    .ac01 .box02{
        width:auto;
    }
    .ac01 .box02 img{
        width:100%;
        height:30vh;
        min-height:200px;
    }
    .ac-i{
        height:auto;
    }
    .ac-i .box01{
        flex-flow: column;
        padding:50px 0;
    }
    .ac-i img, .ac-i .cont01{
        width:auto;
    }
    .ac-i .cont01{
        padding:1em 2em;
    }
    .ac-yoga02 .box02{
        margin:50px 0;
        padding:2em;
    }
    .ac01 .box03.s-line img:nth-of-type(1){
        object-position:60% 50%;
    }
    .ac01 .box03.tp img:nth-of-type(2){
        object-position: 80% 50%;
    }
    .howto-spot .box01 .wrap{
        width:100%;
    }
    /*howto*/
    .sub-title02.title-ba{
        margin:40px 0 0;
    }
    .howto-nav ul{
        flex-flow: column;
    }
    .howto-nav ul li{
        margin:1em 0;
    }
    .howto-nav a{
        width:auto;
    }
    .howto-plan{
        margin:60px 0 0 0;
    }
    .howto-plan, .howto-plan.reverse{
        flex-flow: column;
    }
    .howto-plan .box01, .howto-plan .box02{
        width:100%;
    }
    .howto-plan .box01 img{
        min-height:200px;
    }
    .howto-plan .box02{
        margin:1em 0 0em 0;
    }
    .linkbtn-yellow.plan{
        width:100%;
    }
    .howto-spot .linkbtn-sub{
        font-size:18px;
    }
    .howto-spot h2{
        width:100%;
    }
    .howto-spot .box01 .cont01, .howto-spot .box01 .cont03{
        width:100%;
    }
    .howto-spot .box01{
        flex-flow: column;
    }
    .howto-spot .box01 .cont02{
        display: none;
    }
    .howto-spot .box01 .cont03{
        margin:1em 0 0;
    }
    /*faq*/
    .nav-faq{
        margin:50px 0;
    }
    .nav-faq ul .cont01{
        width:48%;
    }
    .nav-faq ul li{
        width:100%;
        height:80px;
        min-width:inherit;
        margin:5px 0; 
    }
    .nav-faq ul li a{
        font-size:16px;
        line-height: 1.3em;
    }
    .nav-faq ul li a.linkbtn-yellow{
        min-width:inherit;
        width:100%;
        height:100%;
    }
    .faq .box01{
        margin:0;
        padding:1em 1em;
    }
    .faq h2{
/*        text-indent: -1em;*/
        margin-left:1em;
        line-height: 1.4em;
    }
    .faq h3{
        text-indent: -1em;
        padding:0 1em;
    }
    .faq .cont01{
        margin:1em 0 3em;
    }
    /*access*/
    .access .box02{
        overflow-x: scroll;
    }
    .earth .box01{
        overflow-x: scroll;
    }
    .earth img{
        width:auto;
        height:380px;
        object-position: right;
    }
    /*contact*/
    form{
        width:90%;
        padding:2em 1em;
    }
    /*news*/
    .news-wrapper{
        flex-flow: column;
    }
    .news-wrapper article, .news-wrapper aside{
        width:100%;
    }
    .news-mainimg{
        min-height:200px;
    }
    /*rsv*/
    .box01.rsv-plan .box02 {
        flex-flow: column-reverse;
    }
    .box01.rsv-plan .box02 .cont02 div:nth-of-type(2){
        margin:1em;
    }
    .box01.rsv-plan .box02 .cont02 div:nth-of-type(2) div{
        flex-flow: column;
    }
    .box01.rsv-plan .box02 .linkbtn-sub, .box01.rsv-plan .box02 .nav-linkbtn-main{
        width:100%;
        margin:0.6em 0;
    }
    .box01.rsv-plan .slide-single{
        width:100%;
    }
}
@media screen and (max-width:500px){
    .page-top{
        right:15px;
        bottom:80px;
    }
    .linkbtn-sub{
        font-size:18px;
    }
    .linkbtn-yellow{
        width:90%;
    }
    .sub-title01{
        text-align: center;
        width:80%;
    }
    .header-right, .header-bottom{
        display: none;
    }
    .header-left img{
        margin:0 10px 0 0;
    }
    .header-bottom-sp{
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: fixed;
        bottom:0;
        left:0;
        width:100%;
        height:60px;
        z-index: 555;
        background-color:#F1F1EE;
        box-shadow: 0px 0px 10px;
    }
    .header-bottom-sp .box01{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width:75%;
        height:60px;
    }
    .header-bottom-sp .box01 a{
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
        align-items: center;
        width:33%;
        height:60px;
/*        padding-top:7px;*/
        font-size:12px;
    }
    .header-bottom-sp .box01 a:nth-of-type(1){
        color:#DEBA18;
        background-color:#1B1B1A;
    }
    .slide p{
        font-size:22px;
    }
    .slide p br.pc-none{
        display: block;
    }
    .sub-eyeCatch h1{
        top:60%;
        font-size:22px;
    }
    .sub-eyeCatch, .sub-eyeCatch img{
        height:35vh;
    }
    .sub-eyeCatch.h-half, .sub-eyeCatch.h-half img{
        height:35vh;
    }
    .concept-title{
        height:150px;
    }
    .concept-title h1 span, .point-title01, .point-title02, .ac-main h2, .bbq01 .box01 h2, .bbq02 h2, .sub-title01, .section-about h2{
        font-size:26px;
    }
    .concept-title h1, .section-point h2, .point-title01 .small, .point-title02 .small, .number01 span, .ac-main h2 span, .section-point h2 span.small{
        font-size:18px;
    }
    .concept-title h1{
        top:0;
        padding:50px 5%;
    }
    .concept-text{
        padding:50px 0;
        margin:0;
    }
    .concept-top p{
        width:90%;
    }
    .concept-bottom img{
        height:250px;
    }
    .section-point03 .cont02, .section-point04 .box02 .cont02, .section-point01 .box01 .cont02{
        margin:25px 0;
    }
    .section-point{
        padding:0;
    }
    .section-point h2 span.num{
        font-size:32px;
    }
    .section-point .box01 p{
        width:100%;
        text-align: left;
    }
    .section-point ul .cont{
        width:100%;
        margin:0 0 25px 0;
        aspect-ratio:inherit;
    }
    .section-point01, .section-point04 .wrapper, .aside-top, .other-service .box01{
        margin:50px 0;
    }
    .section-point01 .img01{
        height:25vh;
        min-height:250px;
    }
    .section-point01 .box01 .cont01, .section-point04 .wrapper02, .section-point05 .box01 .cont03, .section-point06 .box01 .cont02 .cont01{
        margin:25px 0 0;
    }
    .section-point03 .cont01, .section-point03 .box03, .section-point04 .box03{
        padding:25px 0 0;
    }
    .section-point03, .other-service{
        padding:50px 0;
    }
    .section-point03 .box01 img, .section-point04 .box01 img{
        height:35vh;
        min-height:250px;
    }
    .section-point05 .box01{
        padding:50px 0 0;
    }
    .section-point06 .wrapper{
        margin:0 auto 25px;
    }
    iframe.information-nav{
        height:350px;
    }
    .aside-top{
        width:100%;
    }
    .section-news ul{
        width:90%;
    }
    .aside-top section, .aside-top section ul{
        margin:50px auto;
    }
    footer{
        height:700px;
    }
    footer .box02 .cont01, footer .box02 .cont02{
        justify-content: center;
        text-align: center;
    }
    footer .box03 .cont02{
        margin-bottom:0;
    }
    section.concept, section.f-root, .slide-amenity, .bbq-text{
        margin:50px auto;
    }
    section.f-root .box01 .cont02 h2{
        font-size:20px;
    }
    .about-facility .wrapper{
        margin:0 0 50px;
    }
    .slide-amenity .box01 {
        font-size: 16px;
        word-break:normal;
        overflow-wrap:inherit;
    }
    div.floor{
        margin:0 auto;
    }
    .multiple-items img{
        height:250px;
    }
    .outline .box01{
        margin:0 auto 50px;
    }
    .other-service .box02{
        margin:50px 0 0;
    }
    .other-service .box02 .cont02{
        padding:1em;
    }
    .section-about .box01 img{
        height:35vh;
    }
    .section-about .wrapper{
        width:90vw;
    }
    .section-about .box02 img{
        height:120px;
    }
    .slide-about{
        margin:50px auto 100px;
    }
    .bbq01 .box01{
        align-items: center
    }
    .bbq02 img{
        margin:30px 0;
    }
    .bbq04 .title-ba, .bbq05 .title-ba, .bbq06 .title-ba{
        margin:50px 0 20px;
    }
    .bbq04 p{
        width:100%;
    }
    .bbq06 .box02 .wrapper{
        width:100%;
    }
    .bbq06 .box01 p{
        width:100%;
    }
    .bbq06 .cont01, .bbq06 .box02.ex02 .wrapper .cont01{
        margin-top:15px;
    }
    .ac-main{
        margin:50px 0;
    }
    .ac-main p{
        margin:0 0 25px;
    }
    .ac-main .wrap{
        width:90%;
        min-height:inherit;
    }
    .ac-main img{
        width:100%;
        height:25vh;
        min-height:200px;
    }
    .ac-main .box01{
        flex-flow: column-reverse;
        margin:0;
    }
    .ac-main .box01 .cont01{
        width:90%;
    }
    .ac-main p{
        width:100%;
    }
    .ac-main h2{
        margin:25px 0;
        text-align: center;
    }
    .map-box{
        margin:50px auto;
        flex-flow: column-reverse;
    }
    .main-map{
        width:100%;
        height:45vh;
    }
    .map-access{
        width:100%;
        margin:25px 0 0;
    }
    .earth{
        margin:0 0 100px;
    }
    section.access .sub-title01{
        margin: 0 auto 25px;
    }
    .access{
        margin:0 0 100px;
    }
    .article-form{
        margin:100px auto;
    }
    .faq{
        margin:100px 0;
    }
    .faq h2{
        margin-bottom:15px;
    }
    .howto-nav{
        width:95%;
        margin:50px auto;
    }
    .howto-nav a.linkbtn-yellow{
        width:98%;
    }
    .howto.wrapper, .howto-spot{
        margin:100px 0;
    }
    .sub-title02.title-ba{
        margin:20px 0 0;
    }
    .howto-plan h3{
        font-size:20px;
    }
    .article-rsv{
        margin:50px auto;
    }
    .box01.rsv-plan .box02{
        margin:0;
    }
    .w-break{
        white-space: pre-wrap;
        word-break: keep-all;
    }
    .howto-plan .box01 img{
        height:30vh;
    }
    .news-mainimg{
        height:25vh;
    }
    .box01.rsv-plan .cont01 h3{
        margin:15px 0 0;
    }
    .box01.rsv-plan .box02 .linkbtn-yellow{
        width:99%;
    }
    .news-wrapper article h2{
        display: flex;
        flex-flow: column;
    }
    .news-wrapper article h2 span{
        margin-left:inherit;
        line-height: 1.3em;
    }
    .news-wrapper article h2 span:nth-of-type(1){
        margin-top:8px;
    }
}