@charset "UTF-8";
.wrap{}
.inner{}
.flex-row{}

.gnav{}
.gnav .flex-row{}
.gnav .flex-row figure{}
.gnav .flex-row figure a{}
.gnav .flex-row figure a img{}
.gnav .flex-row ul{}
.gnav .flex-row ul li{}
.gnav .flex-row ul li a{
    font-size: 13px;
}
.gnav .flex-row ul li.cta{}
.gnav .flex-row ul li.cta a{}
.flex-row .menu-btn{}
.flex-row .menu-btn span{}
.flex-row .menu-btn span:nth-of-type(1){}
.flex-row .menu-btn span:nth-of-type(2){}
.flex-row .menu-btn span:nth-of-type(3){}


.fv{}
.fv .row{
    position: relative;
}
.fv .row .left{
    position: absolute;
    width: 80%;
    bottom: 30px;
    padding: 0;
    background-color: rgba(255,255,255,0.5);
    padding: 3% 3%;
}
.fv .row .left h2{
    font-size: 8vw;
    text-align: left;
}
.fv .row .left h3{
    display: block;
    font-size: 4vw;
    color: #333;
    font-weight: bold;
}
.fv .row .right{
    height: 80vw;
    width: 100%;
}
.fv .row .right p{}

main{}
main .btn-box{}
main .btn-box a{
    font-size: 4.5vw;
    padding-right: 11vw;
    padding-bottom: 8%;
}
main .btn-box a::after{}
main .ttl{}
main .ttl h2{
    font-size: 7vw;
}
main .ttl h3{
    font-size: 3.5vw;
    margin-top: 2%;
}

.content01{}
.content01 .row{
    margin: 0;
    padding: 10% 0;
}
.content01 .row::after{
    transform: rotateZ(90deg);
    font-size: 15vw;
    left: 0;
    right: unset;
    transform-origin: left center;
    top: -5%;
    bottom: unset;
}
.content01 .row .left{
    width: 100%;
    padding-left: 10%;
}
.content01 .row .left h2{
    text-align: left;
    font-size: 9vw;
    margin-bottom: 5%;
}
.content01 .row .right{
    width: 100%;
    padding-left: 10%;
}
.content01 .row .right p{
    font-size: 4vw;
}

.content02{}
.content02 .row{}
.content02 .row .left{
    width: 90%;
    height: 60vw;
}
.content02 .row .right{
    width: 100%;
    padding: 10% 5%;
}
.content02 .row .right h2{
    font-size: 7vw;
}
.content02 .row .right h3{
    font-size: 3.5vw;
}

.content03{}
.content03 .service-area{
    padding-bottom: 10%;
}
.content03 .service-area .service-box{
    width: 100%;
}
.content03 .service-area .service-box figure{}
.content03 .service-area .service-box figure img{}
.content03 .service-area .service-box h4{
    font-size: 3.5vw;
}

.content04{}
.content04 .voice-area{}
.content04 .voice-area .voice-box{
    width: 100%;
    margin-bottom: 20%;
    padding: 10% 5% 5%;
    border: solid 2px #EC027D;
}
.content04 .voice-area .voice-box span{
    left: -3%;
    font-size: 7vw;
    top: -10%;
}
.content04 .voice-area .voice-box h2{
    font-size: 6vw;
}
.content04 .voice-area .voice-box p.main{
    font-size: 4.5vw;
}
.content04 .voice-area .voice-box p.name{}

.content05{}
.content05 .slick{
    padding-bottom: 20%;
}
.content05 .slick li{}
.content05 .slick li img{}

.content-cta{}
.content-cta .cta-box{}
.content-cta .cta-box p{
    font-size: 3vw;
}
.content-cta .cta-box div{}
.content-cta .cta-box div a{
    padding: 5% 20%;
}
.content-cta .ttl{}
.content-cta .ttl h2{}
.content-cta .ttl h3{}

footer{
    padding: 15% 0 10%;
}
footer h2{
    font-size: 6vw;
}
footer ul{
    margin: 10% 0;
}
footer ul li{
    width: auto;
    margin: 0 5% 5%;
    text-align: center;
}
footer ul li a{
    font-size: 4vw;
}
footer p{
    font-size: 3vw;
}

/* 下層ページ */

.sub-fv{
    margin-top: 80px;
}
.sub-fv .row{
    flex-wrap: wrap;
}
.sub-fv .row .left{
    order: 2;
    width: 100%;
    padding: 5% 5% 15%;
}
.sub-fv .row .left h2{
    font-size: 10vw;
}
.sub-fv .row .left h3{
    font-size: 5vw;
}

.sub-fv .row .right{
    order: 1;
    width: 100%;
    height: 80vw;
}
.sub-fv.company .row .right{
}
.sub-fv.business .row .right{}
.sub-fv.shop .row .right{}
.sub-fv.voice .row .right{}
.sub-fv.contact .row .right{}


.comapny-content01{
    margin-top: 0;
    padding: 10% 0;
}
.comapny-content01 h2{
    font-size: 12vw;
}
.comapny-content01 h3{
    font-size: 4vw;
}

.comapny-content02{
    padding: 20% 0;
}
.comapny-content02 h2{
    font-size: 6vw;
    margin-bottom: 10%;
}
.comapny-content02 dl{
    width: 100%;
    margin-bottom: 20%;
}
.comapny-content02 dl dt{
    font-size: 4vw;
}
.comapny-content02 dl dd{
    font-size: 4vw;
}
.comapny-content02 p{
    width: 90%;
    font-size: 4vw;
}
.comapny-content02 span{
    font-size: 4vw;
    width: 90%;
}

.business-content01{
    padding: 10% 0;
}
.business-content01 .business-area{}
.business-content01 .business-area .business-box{margin-bottom: 10%;padding-bottom: 10%;}
.business-content01 .business-area .business-box > figure{
    display: none;
}
.business-content01 .business-area .business-box figure img{}
.business-content01 .business-area .business-box .text{
    width: 100%;
}
.business-content01 .business-area .business-box .text h2{
    font-size: 4vw;
}
.business-content01 .business-area .business-box .text h3{
    font-size: 6vw;
    margin-bottom: 5%;
}
.business-content01 .business-area .business-box .text > figure{
    display: block;
    margin-bottom: 5%;
}
.business-content01 .business-area .business-box .text p{
    font-size: 4vw;
}

.shop-content01{
    padding: 10% 0;
}
.shop-content01 figure.ttl{
    margin: 10% 0 5%;
}
.shop-content01 figure.ttl img{
    width: 60%;
}
.shop-content01 .wonder-item{
    margin-top: 20%;
}
.shop-content01 .wonder-item .item-box{
    width: 100%;
    margin-bottom: 20%;
}
.shop-content01 .wonder-item .item-box > figure{
    display: none;
}
.shop-content01 .wonder-item .item-box figure img{
    width: 80%;
}
.shop-content01 .wonder-item .item-box .text{
    width: 100%;
}
.shop-content01 .wonder-item .item-box .text h2{
    font-size: 5vw;
}
.shop-content01 .wonder-item .item-box .text h3{
    font-size: 3.5vw;
}
.shop-content01 .wonder-item .item-box .text > figure{
    display: block;
    text-align: center;
}
.shop-content01 .wonder-item .item-box .text p{
    font-size: 4vw;
    width: 90%;
    margin: 0 auto 10%;
}
.shop-content01 .wonder-item .item-box .price{}
.shop-content01 .wonder-item .item-box .price h2{
    font-size: 4vw;
    margin: 5% 0 10%;
}
.shop-content01 .wonder-item .item-box .price a{
    font-size: 4vw;
}
.shop-content01 .spinahl-item{
    margin-top: 15%;
}
.shop-content01 .spinahl-item .item-box{
    width: 100%;
    margin-bottom: 20%;
}
.shop-content01 .spinahl-item .item-box h2{
    font-size: 5vw;
}
.shop-content01 .spinahl-item .item-box h3{
    font-size: 3.5vw;
}
.shop-content01 .spinahl-item .item-box figure{}
.shop-content01 .spinahl-item .item-box figure img{
    width: 80%;
}
.shop-content01 .spinahl-item .item-box h4{
    font-size: 4vw;
    margin: 5% 0 10%;
}
.shop-content01 .spinahl-item .item-box a{
    font-size: 4vw;
}

.voice-content01{}
.voice-content01 .voice-area{}
.voice-content01 .voice-area .voice-box{}
.voice-content01 .voice-area .voice-box span{}
.voice-content01 .voice-area .voice-box h2{}
.voice-content01 .voice-area .voice-box p.main{}
.voice-content01 .voice-area .voice-box p.name{}

.contact-content01{}
.contact-content01 .detail{}
.contact-content01 .detail{}
.contact-content01 .form{
    width: 100%;
}
.contact-content01 .form dl{
}
.contact-content01 .form dl dt{
    width: 100%;
    margin-bottom: 2%;
    font-size: 4vw;
}
.contact-content01 .form dl dd{
    width: 100%;
}
.contact-content01 .form dl dd > div{
    font-size: 4vw;
    width: 100%;
    display: flex;
    align-items: center;
}
.contact-content01 .form input,
.contact-content01 .form textarea{}
.contact-content01 .form dl dd input[type="text"],
.contact-content01 .form dl dd input[type="email"]{}
.contact-content01 .form dl dd input[type="checkbox"]{}
.contact-content01 .form dl dd input[type="checkbox"]:checked:before {}
.contact-content01 .form dl dd textarea{}
.contact-content01 .form .privacy input{}
.contact-content01 .form .privacy{}
.contact-content01 .form .privacy p{}
.contact-content01 .form input[type="submit"]{
    font-size: 6vw;
}