@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);
    background-position-y: top;
}
header .fv .fv-text{}
header .fv .fv-text h2{font-size: 7vw;}
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: 100%;}
main .content-02 .text .read{}
main .content-02 .text .read h2{
}
main .content-02 .text .read p{
}
main .content-02 .photo{width: 100%;margin-top: 5%;}
main .content-02 .photo img{
}


main .content-03{}
main .content-03 .read-area{
}
main .content-03 .read-area .drow{width: 5%;}
main .content-03 .read-area .text{width: calc(100% - 10%);}
main .content-03 .read-area .text h2{
}
main .content-03 .read-area .text p{
}

main .content-04{}
main .content-04 .row{
}
main .content-04 .row .col{width: 100%;margin-bottom: 20%;}
main .content-04 .row .col img{margin-bottom: 3%;}
main .content-04 .row .col h2{
}
main .content-04 .row .col p{
}
main .content-04 .row .col h3:before{
}
main .content-04 .row .col h3{
}
main .content-04 .row .col h3 span{
}

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{
}

.career-content-01{
}
.career-content-01 .photo{width: 100%;text-align: center;margin-bottom: 7%;}
.career-content-01 .photo img{
    width: 70%;
}
.career-content-01 .text{
    width: 100%;
}
.career-content-01 .text h2{font-size: 16px;}
.career-content-01 .text p{
}

.career-content-02{}
.career-content-02 .recommend-area{
}
.career-content-02 .recommend-area .col{width: 100%;margin-bottom: 20%;}
.career-content-02 .recommend-area .col img{}
.career-content-02 .recommend-area .col h2{
}
.career-content-02 .recommend-area .col p{
}


.career-content-03{}
.career-content-03 .text{width: 100%;}
.career-content-03 .text h2{text-align: le;}
.career-content-03 .text p{text-align: left;}


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

.voice-content-01 .voice-box h2{
}
.voice-content-01 .voice-box h3{
    font-size: 16px;
}
.voice-content-01 .voice-box p{
}
.voice-content-01 .voice-box p:last-of-type{
}



/*想いのコンテンツ追加*/
.content-greeding{}
.content-greeding .text{
    width: 100%;
}
.content-greeding .text > p{}
.content-greeding .info{
    width: 100%;
    margin-top: 10%;
}
.content-greeding .info h3{}
.content-greeding .info img{
    width: 70%;
    margin: 0 auto 10%;
    display: block;
}
.content-greeding .info p{}

.partner-content-01 {}
.partner-content-01 .text{}
.partner-content-01 .text p{}
.partner-content-01 .text p a{}

.partner-content-02 > p{}
.partner-content-02 .text{}
.partner-content-02 .text h3{
    font-size: 20px;
}
.partner-content-02 .text h4{
    font-size: 16px;
}
.partner-content-02 .text p{}
.partner-content-02 .recommend-area{}
.partner-content-02 .recommend-area .col{
    width: 100%;
}
.partner-content-02 .recommend-area .col h2{
    text-align: center;
}
.partner-content-02 .recommend-area .col h3{
    text-align: center;
}
.partner-content-02 .recommend-area .col p{
    text-align: center;
}

/*コンタクト フォーム*/
.contact-form .row label{
    width: 100%;
    margin-bottom: 10px;
}
.contact-form .row .form-area{
    width: 100%;
}

.career-ttl{}