@charset "UTF-8";
.pc{ display: none;}
.sp{ display: block;}
.wrap{min-width: 0;}
.inner{width: 90%;}
body{
}
*{
}
.menu-btn{display: block;width: 40px;height: 40px;background-color: #000000;position: fixed;z-index: 10;right: 10px;}
.menu{display: flex;position: fixed;width: 100%;left: -100vw;top: 0;flex-wrap: wrap;z-index: 5;background-color: #fff;}
.menu.is-active{
    left: 0;
}

.menu-btn span{display: block;height: 3px;width: 20px;background-color: #fff;position: absolute;left: 10px;}
.menu-btn span:nth-of-type(1){
    top: 10px;
}
.menu-btn span:nth-of-type(2){
    top: 18px;
}
.menu-btn span:nth-of-type(3){
    top: 26px;
}
.menu .menu__item{
    width: 100%;
    text-align: center;
    padding: 20px 0;
    color: #81d8d0;
    border-bottom: dotted 1px #CCC;
}
header{}
header {}
header .gnav{
}
header .gnav nav{
    display: none;
}
header .gnav ul{display: flex !important;}
header .gnav ul li{
    color: #000;
}
header .gnav ul li a{
}
header .gnav ul li.rogo{}
header .gnav ul li.rogo img{width: 100px;}


header .slide-ttl{font-size: 7vw;}
header .slide-ttl.ttl01{}
header .slide-ttl.ttl02{
}

header img.slide-rogo{
    bottom: 15%;
    width: 50%;
    right: unset;
    left: 10%;
}

.slick-prev,.slick-next{width: 20px;height: 20px;}

.slick-prev{left: 5%;}
.slick-next{right: 5%;}

/*MAIN*/
.bg-col-1{
}
.bg-col-2{
}
.bg-col-3{}

.content-01{
}

.main-ttl{
}
.main-ttl h1{font-size: 9vw;}
.main-ttl h1:after{
}
.main-ttl p{font-size: 4.5vw;}

.content-01 .text{}
.content-01 .text h2{font-size: 5vw;}
.content-01 .text p{font-size: 12px;}
.content-01 .text a{font-size: 14px;}
.content-01 .text a:after{
}

.content-02{
}
.content-02 .sand-box{padding: 15% 5%;}
.content-02 .sand-box:nth-of-type(1){}
.content-02 .sand-box:nth-of-type(2){
}
.content-02 .sand-box:nth-of-type(3){
}
}
.content-02 .sand-box:nth-of-type(even){
}
.content-02 .sand-box h2{
    font-size: 5vw;
}
.content-02 .sand-box p{width: 100%;font-size: 12px;}
.content-02 .sand-box:nth-of-type(even) p{
}
.content-02 .sand-box a{font-size: 14px;}
.content-02 .sand-box a:after{
}

.content-03{
}
.content-03 .access-area{
}
.content-03 .access-area .text{width: 100%;}
.content-03 .access-area .text h2{
}
.content-03 .access-area .text dl{
}
.content-03 .access-area .text dl dt{
}
.content-03 .access-area .text dl dd{
}
.googlemaps{width: 100%;}


footer .foot-rogo {
    width: 100%;
}

.sub main {
    padding-top: 0px;
}

.sub .menu-area{margin-top: 0px;}
.sub .menu-area.rev .text{order: 1;}
.sub .menu-area.rev .photo{order: 2;}
.sub .menu-area .text{width: 100%;}
.sub .menu-area .text dl{
}
.sub .menu-area .text dl dt{
}
.sub .menu-area .text dl dd{
}
.sub .menu-area .photo{width: 100%;margin-top: 5%;}
.sub .menu-area .photo img{
}

.sub .menu-area.center{
}

.sub .news-area .news-box{
    width: 46%;
}
.sub .news-area .news-box p{}

.row{
}
.row .photo{
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.row .photo img{
    width: 60%;
}
.row .text{width: 100%;}
.row .text p{}