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


header{
}
header .gnav{
}
header .gnav .logo{
}
header .gnav .logo a{
}
header .gnav .logo a img{}
header .gnav ul{
}
header .gnav ul li{color: #666;}
header .gnav ul li a{
}
header .gnav ul li.btn{}
header .gnav ul li.btn a{
}

header .gnav ul li.reserve{}
header .gnav ul li.reserve a{
}

header .gnav ul li.trans{}
header .gnav ul li.trans a{
}

header .fv {background-image: url(../img/fv-back-sp.png);}
header .fv .fv-text{}
header .fv .fv-text h2{font-size: 6vw;}
header .fv .fv-text h2 span{font-size: 0.4em;}
header .fv .fv-text p{width: 70%;}
header .fv .fv-text a{width: 70%;text-align: center;font-size: 3vw;}

main .ttl{
}
main .ttl h2{
}
main .ttl p{
}
main .ttl p::after{
}

main .ttl.left{
}
main .ttl.center{margin-bottom: 15%;}
main .ttl.left p::after{}
main .ttl.center p::after{
}

main section{padding: 15% 0px;}

main{}
main .content-01{
}
main .content-01 .text{width: 100%;}
main .content-01 .list{width: 100%;}
main .content-01 .list dl{
}
main .content-01 .list dl dt{width: 100%;border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
main .content-01 .list dl dd{width: 100%;}
main .content-01 .list dl dt:last-of-type{
}
main .content-01 .list dl dd:last-of-type{
}


main .content-02{
}
main .content-02 .text{width: 90%;}
main .content-02 .text .read{}
main .content-02 .text .read h2{
}
main .content-02 .text .read p{
}
main .content-02 .text .read p span{
    font-size: 3.5vw;
    padding: 1em;
    letter-spacing: 0;
    border: none;
    border-top: solid 1px #b7b16e;
    border-bottom: solid 1px #b7b16e;
    display: block;
}
main .content-02 .photo{width: 5%;margin-top: 0;background-image: url(../img/index-concept-img.png);}
main .content-02 .photo img{display: none;}


main .content-03{}
main .content-03 .row{
}
main .content-03 .row .col{
    width: 100%;
    margin-bottom: 10%;
}
main .content-03 .row .col:last-of-type{
    margin-bottom: 0;
}
main .content-03 .row .col img{
}
main .content-03 .row .col h2{
}
main .content-03 .row .col p{
}
main .content-03 .row .col h3:before{
}
main .content-03 a{
}

main .content-04{
}
main .content-04 .row{
}
main .content-04 .row .col{
    width: 100%;
    margin-bottom: 10%;
}
main .content-04 .row .col:last-of-type{
    margin-bottom: 0;
}
main .content-04 .row .col h2{
}
main .content-04 .row .col p{
}
main .content-04 a{
}

main .content-05{}
main .content-05 .access-area{
}
main .content-05 .access-area .logo{width: 100%;}
main .content-05 .access-area .logo img{
}
main .content-05 .access-area .text{width: 100%;}
main .content-05 .access-area .text h2{
}
main .content-05 .access-area .text p.info{
}
main .content-05 .access-area .text p.cation{
}

main .content-cta{}
main .content-cta .contact-read{font-size: 3vw;}
main .content-cta .cta{
}
main .content-cta .cta a{width: 100%;}
main .content-cta .cta a:nth-of-type(1){
    margin-bottom: 5%;
}
main .content-cta .cta a:nth-of-type(2){}
main .content-cta .cta a figure{
}
main .content-cta .cta a figure img{}
main .content-cta .cta a div{}
main .content-cta .cta a div p{font-size: 3vw;}
main .content-cta .cta a div h2{font-size: 5vw;}

footer{
}
footer ul{
}
footer ul li{}
footer ul li a{
}
footer ul li a:last-of-type{
}

header .gnav ul.pc-nav{
    display: none;
}
.menu-btn{display: block;width: 40px;height: 40px;background-color: #000000;z-index: 10;right: 0;position: relative;}
.gnav .menu{display: flex;position: fixed;width: 100%;left: -100vw;top: 0;flex-wrap: wrap;z-index: 5;background-color: #eee;}
.gnav .menu.is-active{
    left: 0;
    top: 60px;
}

.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;
}
.gnav .menu .menu__item{
    width: 100%;
    text-align: center;
    padding: 5%;
    color: #faac5e;
    border-bottom: dotted 1px #fff;
}



/*下層ページ*/
header .sub-fv{
}
header .sub-fv h2{
}
header .sub-fv p{
}

.content-greeding .text{
    width: 100%;
    margin-bottom: 10%;
}
.content-greeding .info{
    width: 100%;
}

.service-content-01{
}
.service-content-01 .photo{
    width: 100%;
    text-align: center;
}
.service-content-01 .photo img{}
.service-content-01 .text{
    width: 100%;
}
.service-content-01 .text h2{text-align: center;font-size: 4vw;margin-top: 5%;}
.service-content-01 .text p{
}

.service-content-02{
}
.service-content-02 .photo{
    width: 100%;
    text-align: center;
}
.service-content-02 .photo img{
}
.service-content-02 .text{
    width: 100%;
}
.service-content-02 .text h2{text-align: center;font-size: 6vw;}
.service-content-02 .text a{
}
.service-content-02 .text p{
}
.service-content-02 .text dl{
}
.service-content-02 .text dl dt{width: 100%;padding-bottom: 0;}
.service-content-02 .text dl dd{width: 100%;border-top: none;text-align: left;padding-top: 0;}

.service-content-03{
}
.service-content-03 .photo{width: 100%;text-align: center;margin-bottom: 10%;}
.service-content-03 .photo img{}
.service-content-03 .text{width: 100%;}
.service-content-03 .text h2{text-align: center;font-size: 5vw;}.service-content-03 .text p{
}


.voice-content-01{
}
.voice-content-01 .voice-box{width: 100%;}
.voice-content-01 .voice-box:last-of-type{
}

.voice-content-01 .voice-box h2{
}
.voice-content-01 .voice-box h3{
}
.voice-content-01 .voice-box p{
}
.voice-content-01 .voice-box p:last-of-type{
}

.access-content-00{}
.access-content-00 .row{
}
.access-content-00 .row .photo{width: 100%;text-align: center;}
.access-content-00 .row .photo img{width: 50%;}
.access-content-00 .row .text{width: 100%;margin-top: 10%;}
.access-content-00 .row .text p{
}
.access-content-00 .row .text p span{
}

.access-content-01{}
.access-content-01 .read{}
.access-content-01 .read h2{font-size: 20px;}
.access-content-01 .read p{
}

.access-content-02{}
.access-content-02 .access-area{
}
.access-content-02 .access-area .logo{width: 100%;}
.access-content-02 .access-area .logo img{
}
.access-content-02 .access-area .text{width: 100%;}
}
.access-content-02 .access-area .text p.info{
}
.access-content-02 .access-area .text p.cation{
}
.access-content-03 .snap li {width: 28%;margin: 0 2% 5%;}
.access-content-03 video{
    width: 100%;
}
/*コンタクト フォーム*/
.contact-form .row label{
    width: 100%;
    margin-bottom: 10px;
}
.contact-form .row .form-area{
    width: 100%;
}


/*追加*/
.service-content-00 .text{
    width:100%
}
.service-content-00 .photo{
    width:100%
}

.exuviance-content-01 .read{
    width:100%
}
.exuviance-content-01 .photo{
    width:100%
}