@charset "UTF-8";
.wrap{
    min-width: 0;
}
.inner{
    width: 90%;
}

.gnav{}
.gnav .row{}
.gnav .row figure{}
.gnav .row figure img{}
.gnav .row ul{}
.gnav .row ul li{}
.gnav .row ul li a{}

.fv{}
.fv .inner{}

.content01{
    background-position-x: right;
    padding: 10% 0;
}
.content01 p{
    padding-right: 200px;
    text-align: left;
}

.content02{
    padding: 10% 0;
}
.content02 h2{}
.content02 p{}
.content02 .movie{}
.content02 .movie h3{}
.content02 .movie div{}
.content02 .movie div iframe{}

.content03{
    padding: 10% 0;
}
.content03 ul{}
.content03 ul li{}
.content03 ul li figure{
    width: 20%;
}
.content03 ul li figure img{}
.content03 ul li .text{
    width: 75%;
}
.content03 ul li .text .info{}
.content03 ul li .text .info span.date{}
.content03 ul li .text .info span.term{
    display: none;
}
.content03 ul li .text .read{}
.content03 ul li .text .read h3{
    background-color: #888;
    color: #fff;
    padding: 5px 10px;
}
.content03 ul li .text .read p{}

.content04{
    padding: 10% 0;
}
.content04 .ttl{
    padding: 80px 30px;
    background-position-x: 70px;
}
.content04 .ttl h2{}
.content04 .ttl h3{}
.content04 ul{
    margin-top: 50px;
}
.content04 ul li{}
.content04 ul li .text{
    width: 100%;
}
.content04 ul li .text span{}
.content04 ul li .text h2{}
.content04 ul li .text p{}
.content04 ul li figure{
    width: 100%;
    text-align: center;
    justify-content: flex-start;
    margin-top: 30px;
}
.content04 ul li figure img{}

.content05{
    padding: 10% 0 15%;
}
.content05 .row{
    position: relative;
}
.content05 .row .text{
    width: 100%;
}
.content05 .row .text h2{}
.content05 .row .text h3{
    flex-wrap: wrap;
}
.content05 .row .text h3 span{}
.content05 .row .text p{
    width: 50%;
}
.content05 .row figure{
    position: absolute;
    width: 100%;
    text-align: right;
    top: 50%;
}
.content05 .row figure img{
    width: 40%;
}

.content06{
    padding: 10% 0;
}
.content06 h2{}
.content06 ul{}
.content06 ul li{}
.content06 ul li figure{
    display: none;
}
.content06 ul li figure img{}
.content06 ul li .text{
    border-right: solid 1px #f98a25;
    border-left: solid 1px #f98a25;
}
.content06 ul li .text .up{}
.content06 ul li .text .up span.ttl{}
.content06 ul li .text .up span.ttl small{}
.content06 ul li .text .up span.price{}
.content06 ul li .text .down{}
.content06 ul li .text .down .sort{}
.content06 ul li .text .down .sort span{}
.content06 ul li .text .down .sort span:nth-of-type(1){}
.content06 ul li .text .down .sort span:nth-of-type(2){}
.content06 ul li .text .down p{}
.content06 ul li .cta{
    width: 19%;
}
.content06 ul li .cta p{
    width: 100%;
    text-align: center;
}
.content06 ul li .cta img{}

.content07{
    padding: 10% 0;
}
.content07 .inner{
    position: relative;
}
.content07 .text{
    width: 100%;
}
.content07 .text h2{}
.content07 .text h3{}
.content07 .text p{
    width: 50%;
}
.content07 .img{}
.content07 .img figure{
    position: absolute;
    width: 100%;
    text-align: right;
    top: 50%;
}
.content07 .img figure img{
    width: 30%;
}
.content07 .img a{
    display: none;
}
.content07 .img a img{}

.content08{
    padding: 10% 0;
}
.content08 h2{}
.content08 ul{}
.content08 ul li{}
.content08 ul li figure{
    display: none;
}
.content08 ul li figure img{}
.content08 ul li .text{
    border-right: solid 1px #5dcfd1;
    border-left: solid 1px #5dcfd1;
}
.content08 ul li .text .up{}
.content08 ul li .text .up span.ttl{}
.content08 ul li .text .up span.ttl small{}
.content08 ul li .text .up span.price{}
.content08 ul li .text .down{}
.content08 ul li .text .down .sort{}
.content08 ul li .text .down .sort span{}
.content08 ul li .text .down .sort span:nth-of-type(1){}
.content08 ul li .text .down .sort span:nth-of-type(2){}
.content08 ul li .text .down p{}
.content08 ul li .cta{
    width: 18%;
}
.content08 ul li .cta p{
    width: 100%;
    text-align: center;
}
.content08 ul li .cta img{}

.content08-2 .text p{

}

.content08-2 .img figure{
    top: auto;
    bottom: 0;
}

.content08-2 .text-p{
    width: 62%;
}

.content08-2 .text h3{
    margin-bottom: 10%;  
}


.content09{
    padding: 10% 0;
}
.content09 .row{}
.content09 .row .left{
    width: 100%;
}
.content09 .row .left h2{}
.content09 .row .left h3{}
.content09 .row .right{
    width: 100%;
    margin-bottom: 50px;
}
.content09 .row .right ul{}
.content09 .row .right ul li{
    text-align: left;
}
.content09 .row p{
    width: 62%;
}
.content09 .right figure{
    position: absolute;
    width: 100%;
    text-align: right;
    bottom: 0;
    top: auto;
}
.content09 .right figure img{
    width: 30%;
}


.content10{
    padding: 10% 0;
}
.content10 h2{}
.content10 ul{}
.content10 ul li{}
.content10 ul li figure{
    width: 25%;
}
.content10 ul li figure img{}
.content10 ul li .text{
    width: 70%;
}
.content10 ul li .text h3{}
.content10 ul li .text p{}
.content10 ul li .text span{}
.content10 ul li:nth-of-type(even){}
.content10 ul li:nth-of-type(even) figure{}
.content10 ul li:nth-of-type(even) .text{}
.content10 ul li:nth-of-type(even) .text h3{}
.content10 ul li:nth-of-type(even) .text p{}
.content10 ul li:nth-of-type(even) .text span{}

.content11{
    padding: 10% 0;
}
.content11 h2{}
.content11 ul.flow{}
.content11 ul.flow li{
    width: 18vw;
    font-size: 10px;
    height: 18vw;
    font-size: 2vw;
}
.content11 ul.flow li:after{
    right: -27%;
    width: 4vw;
    height: 4vw;
    content: "";
    background-image: url(../img/content-11-arrow.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.content11 ul.flow li:last-of-type::after{}
.content11 .info01{
    padding: 50px 10%;
}
.content11 .info01 h3{}
.content11 .info01 ul{}
.content11 .info01 ul li{margin-left: 2em;}
.content11 .info02{
    padding: 50px 10%;
    background-size: 30%;
}
.content11 .info02 h3{}
.content11 .info02 ul{
    width: 60%;
    margin: 0 0 0 auto;
}
.content11 .info02 ul li{
    margin-left: 2em;
}

.content12{
    padding: 10% 0 15%;
}
.content12 h2{}
.content12 h3{}
.content12 p:nth-of-type(1){}
.content12 p:nth-of-type(2){
    width: 100%;
}
.content12 .pict{}
.content12 .pict .map{
    width: 100%;
    order: 2;
}
.content12 .pict .map iframe{}
.content12 .pict figure{
    width: 100%;
    margin-bottom: 30px;
    order: 1;
}
.content12 .pict figure img{}

.cv-area{
    padding: 5% 0;
}
.cv-area figure{}
.cv-area figure a{
    width: 80%;
}
.cv-area figure a img{}

footer{
    padding: 10% 0 5%;
}
footer .inner{}
footer h2{
    font-size: 44px;
}
footer .detail-img{
    width: 100%;
    position: relative;
}
footer .detail-img img{
    right: 3%;
    width: 35%;
    top: -23vw;
}
footer .banner{}
footer .banner img.pc{}
footer .banner img.sp{}
footer .banner img{}
footer ul.sns{}
footer ul.sns li{}
footer ul.sns li a{}
footer ul.sns li a img{}
footer ul.fotter-link{}
footer ul.fotter-link li{
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}
footer ul.fotter-link li a{}
.content13 .row{}
.content13 .row:before{
    left: unset;
    width: 60%;
    right: -50px;
}
.content13 .row .photo{}
.content13 .row .photo figure{}
.content13 .row .photo figure img{
    width: 80%;
}
.content13 .row .text-pc{
}
.content13 .row .text-pc h2{
    left: 10%;
    font-size: 3.5vw;
}
.content13 .row .text-pc h3{}
.content13 .row .text-pc p.read{}
.content13 .row .text-pc p.license{}
.content13 .row .text-sp-01{
}
.content13 .row .text-sp-02{
}

.fv .inner{
  margin-top: 0;
}

.fv.wrap{
  padding-top: 0;
}


.vk-mobile-nav-menu-btn{
  display: block !important;
}

.btn_reserve{
    min-width: 45%;
    background: #1f56a2;
    margin: 30px auto 45px;
    padding: 15px 0;
  }
  
  .btn_reserve a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    color: #fff;
  }