@charset "UTF-8";
.wrap{
    padding: 10% 0;
    width: 100%;
}
.inner{
    width: 87%;
}

.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-size: 43%;
    background-position: right 0px bottom 18%;
    padding: 7% 0;
}
.content01 p{
    padding-right: 0%;
    font-size: 2.6vw;
    line-height: 1.8;
    font-weight: normal;
    text-align: justify;
    letter-spacing: 0.05em;
}

.content01 .inner{
  background-size: 38%;
  background-position: right -16px bottom;
}

.content02{
    padding: 7% 0;
}
.content02 h2{
    font-size: 4.5vw;
    margin: 2% 0 5%;
}
.content02 p{
    font-size: 2.6vw;
}
.content02 .movie{}
.content02 .movie h3{
    font-size: 3vw;
    padding: 4% 0;
}
.content02 .movie div{
    padding: 2% 5% 3%;
    text-align: center;
}
.content02 .movie div iframe{
    height: 35vw;
    width: 75%;
}

.content03{
    padding: 7% 0;
}
.content03 ul{}
.content03 ul li{
    margin-bottom: 5%;
    padding-bottom: 0;
    border-bottom: none;
}
.content03 ul li figure{
    width: 25%;
}
.content03 ul li figure img{}
.content03 ul li .text{
    width: 70%;
}
.content03 ul li .text .info{
    font-size: 2vw;
}
.content03 ul li .text .info span.date{}
.content03 ul li .text .info span.term{}
.content03 ul li .text .read{}
.content03 ul li .text .read h3{
    font-size: 3vw;
    padding: 2% 2%;
    font-weight: normal;
}
.content03 ul li .text .read p{
    font-size: 2.5vw;
}

.content04{
    padding: 7% 0;
}
.content04 .ttl{
    padding: 15% 0;
    background-size: 50%;
    background-position: left;
}
.content04 .ttl h2{
    font-size: 4.3vw;
}
.content04 .ttl h3{
    font-size: 7vw;
}
.content04 ul{
    margin-top: 0;
}
.content04 ul li{
    position: relative;
    margin-bottom: 13%;
}
.content04 ul li .text{}
.content04 ul li .text span{
    font-size: 3.5vw;
    font-weight: normal;
}
.content04 ul li .text h2{
    font-size: 7vw;
    font-weight: normal;
    line-height: 1.6em;
    margin-top: 2%;
}
.content04 ul li .text p{
    width: 60%;
    font-size: 3vw;
    text-align: justify;
    margin-top: 3%;
}
.content04 ul li figure{
    justify-content: flex-end;
    position: absolute;
    top: 55%;
    margin-top: 3%;
}
.content04 ul li figure img{
    width: 33%;
}

.content05{}
.content05 .row{}
.content05 .row .text{}
.content05 .row .text h2{
    font-size: 4.5vw;
}
.content05 .row .text h3{
    font-size: 9vw;
}
.content05 .row .text h3 span{
    margin-bottom: 3%;
}
.content05 .row .text p{
    font-size: 3vw;
    width: 50%;
    text-align: justify;
}
.content05 .row figure{}
.content05 .row figure img{}

.content06{
    padding: 10% 0;
}
.content06 h2{
    font-size: 4.5vw;
    margin-bottom: 13%;
}
.content06 ul{}
.content06 ul li{}
.content06 ul li figure{}
.content06 ul li figure img{}
.content06 ul li .text{}
.content06 ul li .text .up{
    padding: 3%;
}
.content06 ul li .text .up span.ttl{
    font-size: 4vw;
    display: block;
    line-height: 1.2em;
}
.content06 ul li .text .up span.ttl small{}
.content06 ul li .text .up span.price{display: block;font-size: 3.7vw;line-height: 1.2em;font-weight: normal;}
.content06 ul li .text .up span.price span{font-size: 12px;font-weight: normal;}
.content06 ul li .text .down{}
.content06 ul li .text .down .sort{
    display: none;
}
.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{
    width: 100%;
    font-size: 2.4vw;
    margin-bottom: 0;
}
.content06 ul li .cta{}
.content06 ul li .cta p{
    font-size: 2.8vw;
}
.content06 ul li .cta img{
    display: none;
}

.content07{
    padding: 7% 0;
}
.content07 .inner{}
.content07 .text{
    background-size: 45%;
    background-position: left top;
}
.content07 .text h2{
    font-size: 4.3vw;
}
.content07 .text h3{
    font-size: 7vw;
    margin-top: 3%;
}
.content07 .text p{
    font-size: 3vw;
    margin-top: 10%;
    line-height: 2em;
}
.content07 .img{}
.content07 .img figure{
    margin-bottom: 0;
    top: 56%;
}
.content07 .img figure img{
    width: 37%;
}
.content07 .img a{}
.content07 .img a img{}

.content08{
    padding: 15% 0;
}
.content08 h2{
    font-size: 4.5vw;
    margin-bottom: 10%;
}
.content08 ul{}
.content08 ul li{
    margin-bottom: 10%;
}
.content08 ul li figure{}
.content08 ul li figure img{}
.content08 ul li .text{}
.content08 ul li .text .up{
    padding: 3%;
}
.content08 ul li .text .up span.ttl{
    font-size: 4vw;
    line-height: 1.2em;
    display: block;
    width: 70%;
}
.content08 ul li .text .up span.ttl small{}
.content08 ul li .text .up span.price{display: block;font-size: 3.8vw;width: 30%;line-height: 1.2em;}
.content08 ul li .text .up span.price span{font-size: 14px;font-weight: normal;}
.content08 ul li .text .down{
    background-color: #fff;
}
.content08 ul li .text .down .sort{
    display: none;
}
.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{
    width: 100%;
    font-size: 2.4vw;
    margin-bottom: 0;
}
.content08 ul li .cta{}
.content08 ul li .cta p{
    font-size: 2.8vw;
}
.content08 ul li .cta img{
    display: none;
}

.content08-2 .text p{

}

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

.content08-2 .text-p{
    width: 62%;
    font-size: 3vw;   
}

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


.content09{}
.content09 .row{}
.content09 .row .left{
    background-size: 35%;
    padding-top: 5%;
    padding-bottom: 13%;
}
.content09 .row .left h2{
    font-size: 3.5vw;
}
.content09 .row .left h3{
    font-size: 6vw;
    margin-top: 5%;
}
.content09 .row .right{
    margin-bottom: 10%;
}
.content09 .row .right ul{
    font-size: 3vw;
}
.content09 .row .right ul li{
    font-size: 3.7vw;
}
.content09 .row p{
    width: 62%;
    font-size: 3vw;   
}
.content09 .right figure{
    margin-bottom: 0;
}
.content09 .right figure img{
    width: 37%;
}


.content10{
    padding: 10% 0 5%;
}
.content10 h2{
    font-size: 4vw;
    margin-bottom: 10%;
}
.content10 ul{}
.content10 ul li{
    margin-bottom: 14%;
}
.content10 ul li figure{}
.content10 ul li figure img{}
.content10 ul li .text{
    position: relative;
}
.content10 ul li .text h3{
    font-size: 4.5vw;
    font-weight: normal;
    width: 70%;
}
.content10 ul li .text p{
    font-size: 3vw;
}
.content10 ul li .text span{
    font-size: 2.5vw;
    position: absolute;
    top: 37px;
    right: 0;
    margin-top: 0;
}
.content10 ul li:nth-of-type(even){}
.content10 ul li:nth-of-type(even) figure{
    order: 1;
}
.content10 ul li:nth-of-type(even) .text{
    order: 2;
}
.content10 ul li:nth-of-type(even) .text h3{
    color: #1f56a2;
}
.content10 ul li:nth-of-type(even) .text p{
    color: #1f56a2;
}
.content10 ul li:nth-of-type(even) .text span{
    color: #1f56a2;
}

.content11{
    padding-bottom: 0;
}
.content11 h2{
    font-size: 4.5vw;
    margin-bottom: 5%;
}
.content11 ul.flow{}
.content11 ul.flow li{
    font-size: 2vw;
}
.content11 ul.flow li:after{
    right: -4.5vw;
}
.content11 ul.flow li:last-of-type::after{}
.content11 .info01{
    padding: 10%;
    margin-top: 10%;
    background-color: transparent;
}
.content11 .info01 h3{
    font-size: 4.5vw;
    font-weight: normal;
}
.content11 .info01 ul{}
.content11 .info01 ul li{
    font-size: 2.8vw;
    line-height: 1.7em;
    margin-bottom: 8%;
}
.content11 .info02{
    width: 100vw;
    position: relative;
    left: -7.5%;
    margin-top: 0;
    padding: 10%;
}
.content11 .info02 h3{
    font-size: 4.5vw;
    font-weight: normal;
}
.content11 .info02 ul{}
.content11 .info02 ul li{
    font-size: 2.8vw;
    line-height: 1.7em;
    margin-bottom: 8%;
}

.content12{
    padding-bottom: 25%;
}
.content12 h2{
    font-size: 4.5vw;
    margin-bottom: 5%;
}
.content12 h3{
    font-size: 3vw;
    margin-bottom: 5%;
}
.content12 p:nth-of-type(1){
    font-size: 2.7vw;
    line-height: 2em;
}
.content12 p:nth-of-type(2){
    font-size: 2vw;
    padding: 3%;
    margin: 5% 0;
}
.content12 .pict{}
.content12 .pict .map{}
.content12 .pict .map iframe{}
.content12 .pict figure{}
.content12 .pict figure img{}

.cv-area{}
.cv-area figure{}
.cv-area figure a{
    width: 100%;
}
.cv-area figure a img{
}

footer{
    padding: 13% 0 5%;
}
footer .inner{}
footer h2{
    font-size: 8.5vw;
    margin-bottom: 7%;
    letter-spacing: 0;
}
footer .detail-img{}
footer .detail-img img{
    width: 53%;
    right: -5vw;
    top: -33vw;
}
footer .banner{
    margin-top: 10%;
}
footer .banner img.pc{
    display: none;
}
footer .banner img.sp{
    display: block;
    width: 100%;
}
footer .banner img{}
footer ul.sns{}
footer ul.sns li{
    margin: 0 6%;
    width: 6%;
}
footer ul.sns li a{}
footer ul.sns li a img{width: 100%;}
footer ul.fotter-link{
    margin-top: 10%;
}
footer ul.fotter-link li{
    font-size: 2.2vw;
    margin-bottom: 6%;
}
footer ul.fotter-link li a{}

br.sp{
    display: inline;
}
.content06 .cta .sp-sort,
.content08 .cta .sp-sort{
    display: block;
    padding: 7px;
}
.content06 .cta .sp-sort span,
.content08 .cta .sp-sort span{
    width: 100%;
    background-color: #fff;
    color: #f98a25;
    text-align: center;
    display: inline-block;
    font-size: 2.2vw;
    padding: 3px 0;
    margin-bottom: 3px;
}
.content06 li:nth-of-type(1) .cta .sp-sort span:nth-of-type(1){
    visibility: hidden;
}
.content13{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcf1a2+58,fcf1a2+58,fcf6c3+58 */
    background: #fcf1a2; /* Old browsers */
    background: -moz-linear-gradient(top,  #fcf1a2 58%, #fcf1a2 58%, #fcf6c3 58%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #fcf1a2 58%,#fcf1a2 58%,#fcf6c3 58%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #fcf1a2 58%,#fcf1a2 58%,#fcf6c3 58%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf1a2', endColorstr='#fcf6c3',GradientType=0 ); /* IE6-9 */
}
.content13 .row{
    padding-top: 0;
}
.content13 .row:before{
    display: none;
}
.content13 .row .photo{
    width: 45%;
}
.content13 .row .photo figure{}
.content13 .row .photo figure img{
    width: 100%;
}
.content13 .row .text-pc{
    display: none;
}
.content13 .row .text-pc h2{}
.content13 .row .text-pc h3{}
.content13 .row .text-pc p.read{}
.content13 .row .text-pc p.license{}
.content13 .row .text-sp-01{
    display: block;
    align-self: flex-end;
    width: 50%;
}
.content13 .row .text-sp-01 h2{
    color: #666;
    margin-bottom: 20%;
    font-size: 4.5vw;
    letter-spacing: 0.1em;
    font-family: 'Shippori Mincho', serif !important;
}
.content13 .row .text-sp-01 h3{
    font-size: 4.5vw;
    line-height: 1.8em;
}
.content13 .row .text-sp-02{
    display: block;
}
.content13 .row .text-sp-02 p.read{
    margin-top: 10%;
    line-height: 1.7em;
    font-size: 3.2vw;
    letter-spacing: 0.05em;
    text-align: justify;
}
.content13 .row .text-sp-02 p.license{
    margin-top: 10%;
    line-height: 1.7em;
    font-size: 3vw;
}

.content01 .inner{
  padding-top:30px;
  padding-bottom:30px;
}

.slick-track{
  width: 100%;
}

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

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

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

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