@charset "UTF-8";
*{}
@font-face {}
.fork{}

.wrap{
    width: 100%;
    min-width: 0px;
}
.inner{
    width: 90%;
}

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

header .menu-btn span{display: block;height: 3px;width: 20px;background-color: #fff;position: absolute;left: 10px;}
header .menu-btn span:nth-of-type(1){
    top: 10px;
}
header .menu-btn span:nth-of-type(2){
    top: 18px;
}
header .menu-btn span:nth-of-type(3){
    top: 26px;
}
header .menu .menu__item{
    width: 100%;
    text-align: center;
    padding: 5%;
    color: #1e77d9;
    border-bottom: dotted 1px #1e77d9;
}


.headline{}
.headline .row{
    padding: 3% 0px;
}
.headline .row > a{
    text-align: center;
    font-size: 6vw;
    display: block;
    width: 100%;
}
.headline .row .cta-area{}
.headline .row .cta-area .line{
    width: 30%;
    align-self: stretch;
    margin-right: 0;
}
.headline .row .cta-area .line a{
    font-size: 3vw;
    padding:  0;
    width: 100%;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.headline .row .cta-area .line a:before {
    top: 4px;
    left: -5px;
}
.headline .row .cta-area .tel{
    margin-right: 0;
    width: 65%;
}
.headline .row .cta-area .tel p{
    font-size: 2.5vw;
}
.headline .row .cta-area .tel h2{
    font-size: 5.5vw;
    color: #fff;
}
.headline .row .cta-area .tel h2 a{
    color: #fff;
}
.headline .row .cta-area .tel h2 span{}
.headline .row .cta-area .time{
    width: 100%;
    margin-top: 3%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.headline .row .cta-area .time p{
    width: 48%;
    font-size: 3vw;
    margin-bottom: 0;
}
.headline .row .cta-area .time h2{
    width: 48%;
    font-size: 4vw;
}

.gnav{
    display: none;
}
.gnav ul{}
.gnav ul li{}
.gnav ul li a{}

.fv{
    background-image: url(../img/fv-back.png);
}
.fv .back{
    display: none;
}
.fv .back img{}
.fv .text{
    position: relative;
    top: unset;
    left: unset;
    padding: 20% 0;
    width: auto;
    background: none;
    margin: 0 auto;
    height: auto;
}
.fv .text p{
    margin: 0px auto;
    background: #1e77d9;
    background: -moz-linear-gradient(top, #1e77d9 0%, #7dcef4 100%);
    background: -webkit-linear-gradient(top, #1e77d9 0%,#7dcef4 100%);
    background: linear-gradient(to bottom, #1e77d9 0%,#7dcef4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e77d9', endColorstr='#7dcef4',GradientType=0 );
    padding: 10%;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 5vw;
    height: 100%;
    box-sizing: border-box;
}

.worries{
    margin: 10% 0 0;
}
.worries > h2{
    font-size: 8vw;
}
.worries .worries-area{
    width: 100%;
    margin: 0 auto 10%;
}
.worries .worries-area img{
    width: 80%;
    margin: 0 auto;
    display: block;
}
.worries .worries-area h2{
    font-size: 4vw;
}
.worries .worries-area p{
    font-size: 3vw;
}

.service-area{
    padding: 10% 0;
}
.service-area .row{}
.service-area .row .col2{
    width: 100%;
    margin-bottom: 5%;
}
.service-area .row .col2 img{}
.service-area .row .col2 h2{
    font-size: 5vw;
}
.service-area .row .col2 h3{
    font-size: 5vw;
}
.service-area .row .col2 p{
    font-size: 3vw;
}
.service-area .row .col2 a{
    font-size: 4vw;
    padding: 5% 0;
}

.service-area .deli{}
.service-area .deli .left{
    width: 100%;
    margin-bottom: 5%;
}
.service-area .deli .left h2{
    font-size: 5vw;
}
.service-area .deli .left h3{
    font-size: 3vw;
}
.service-area .deli .right{
    width: 100%;
}
.service-area .deli .right h2{
    font-size: 5vw;
}
.service-area .deli .right h2 span{
    font-size: 4vw;
    width: auto;
    padding: 3% 5%;
    margin-right: 5%;
}
.service-area .deli .right h3{
    font-size: 3vw;
}
.service-area .deli .right h3 span{
    width: auto;
    padding: 3% 5%;
    font-size: 3vw;
}
.service-area .deli p{}

.profile-area{
    padding: 10% 0;
}
.profile-area .profile{padding: 5%;}
.profile-area .profile .text{
    width: 100%;
}
.profile-area .profile .text > h2{
    text-align: center;
    font-size: 8vw;
}
.profile-area .profile .text > h3{
    font-size: 5vw;
}
.profile-area .profile .text dl.access{padding: 5%;}
.profile-area .profile .text dl.access dt{
    font-size: 4vw;
}
.profile-area .profile .text dl.access dd{
    font-size: 4vw;
}
.profile-area .profile .text div.career{
    padding: 5%;
}
.profile-area .profile .text div.career h2{
    font-size: 5vw;
}
.profile-area .profile .text div.career dl{}
.profile-area .profile .text div.career dl dt{
    font-size: 4vw;
    width: 100%;
}
.profile-area .profile .text div.career dl dd{
    font-size: 4vw;
    width: 100%;
    margin: 0 0 10%;
    padding: 0;
}
.profile-area .profile .text div.skill{
    padding: 5%;
}
.profile-area .profile .text div.skill h2{
    font-size: 5vw;
}
.profile-area .profile .text div.skill ul{}
.profile-area .profile .text div.skill ul li{
    font-size: 4vw;
}
.profile-area .profile .photo{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 10%;
}
.profile-area .profile .photo figure{
    width: 48%;
}
.profile-area .profile .photo figure img{}
.profile-area .cv{
    margin-top: 10%;
}
.profile-area .cv a{
    padding: 5% 0;
    width: 100%;
    font-size: 5vw;
}

.reserve-area{
    padding: 5% 0;
}
.reserve-area .container{
    padding: 5%;
}
.reserve-area .container .text{
    width: 100%;
}
.reserve-area .container .text .tel{
    width: 100%;
}
.reserve-area .container .text .tel p{
    font-size: 3vw;
}
.reserve-area .container .text .tel h2{
    font-size: 7vw;
    justify-content: space-between;
    font-family: fork;
}
.reserve-area .container .text .tel h2 span{margin-right: 0;padding: 3% 5%;}
.reserve-area .container .text .time{
    width: 100%;
}
.reserve-area .container .text .time p{
    font-size: 3vw;
}
.reserve-area .container .text .time h2{
    font-size: 4vw;
}
.reserve-area .container .text .cation{
    width: 100%;
    font-size: 3vw;
}
.reserve-area .container .text .cation p{}
.reserve-area .container .link{
    width: 100%;
    margin-top: 10%;
}
.reserve-area .container .link .form{}
.reserve-area .container .link .form a{
    font-size: 4vw;
    padding: 5% 0;
}
.reserve-area .container .link .line{
    margin-top: 0;
}
.reserve-area .container .link .line a{
    font-size: 4vw;
    padding: 5% 0;
}
.reserve-area .container .link .line a:before{
    content: url(../img/line-icon-02.png);
}
footer{}
footer ul{}
footer ul li{
    width: 100%;
    text-align: center;
    border-bottom: dotted 1px #fff;
}
footer ul li a{
    width: 100%;
    padding: 3% 0;
    font-size: 3vw;
}
footer p{}


/*下層ページ*/
.sub-fv{}
.sub-fv .back{
    width: 100vw;
    position: relative;
    left: -5vw;
}
.sub-fv .back img{
    width: 100%;
}
.sub-fv .text{width: 100%;text-align: center;}
.sub-fv .text p{
    font-size: 5vw;
}

/*メニューページ*/
.ttl{}
.ttl h2{
    font-size: 6vw;
}
.ttl img{}
.nomal-menu{}
.nomal-menu .menu-area{}
.nomal-menu .menu-area .menu-box{
    width: 100%;
    padding: 5%;
    margin-bottom: 20%;
}
.nomal-menu .menu-area .menu-box img.number{
    width: 110px;
}
.nomal-menu .menu-area .menu-box h2{
    font-size: 6vw;
    padding: 3% 0;
}
.nomal-menu .menu-area .menu-box p{
    font-size: 4vw;
}
.nomal-menu .menu-area .menu-box div.price{}
.nomal-menu .menu-area .menu-box div.price h3{
    font-size: 5vw;
}
.nomal-menu .menu-area .menu-box div.price p{
    font-size: 6vw;
}
.nomal-menu .menu-area .menu-box div.price h4{}
.nomal-menu .menu-area .menu-box img.photo{}

.personal-menu{}
.personal-menu .menu-box{
    padding: 5%;
}
.personal-menu .menu-box h2{
    font-size: 6vw;
    padding: 3% 0;
}
.personal-menu .menu-box .text{
    width: 100%;
}
.personal-menu .menu-box .text p{
    font-size: 4vw;
}
.personal-menu .menu-box .text .price{}
.personal-menu .menu-box .text .price h3{
    font-size: 5vw;
}
.personal-menu .menu-box .text .price p{
    font-size: 6vw;
}
.personal-menu .menu-box figure{
    width: 100%;
}
.personal-menu .menu-box figure img.photo{
    width: 100%;
}
.personal-menu .deli{
    padding: 5%;
}
.personal-menu .deli .left{
    width: 100%;
    margin-bottom: 5%;
}
.personal-menu .deli .left h2{
    font-size: 5vw;
}
.personal-menu .deli .left h3{
    font-size: 3vw;
}
.personal-menu .deli .right{
    width: 100%;
}
.personal-menu .deli .right h2{
    font-size: 4vw;
}
.personal-menu .deli .right h2 span{
    font-size: 3vw;
    width: 20%;
    margin-right: 3%;
}
.personal-menu .deli .right h3{
    font-size: 3vw;
}
.personal-menu .deli .right h3 span{
    width: 30%;
    font-size: 3vw;
}
.personal-menu .deli p{}

/*カウンセラーについて*/
.thought-area{
    padding: 10% 0;
}
.thought-area .ttl{
    padding: 10% 0;
}
.thought-area .ttl h2{}
.thought-area .thought-box{
    margin-bottom: 15%;
}
.thought-area .thought-box:nth-child(even) .text{}
.thought-area .thought-box:nth-child(even) .photo{
}
.thought-area .thought-box .text{
    width: 100%;
    order: 2;
}
.thought-area .thought-box .text h3{
    margin-bottom: 5%;
    font-size: 6vw;
}
.thought-area .thought-box .text p{
    font-size: 3.5vw;
}
.thought-area .thought-box .text p span{}
.thought-area .thought-box .photo{
    width: 100%;
    orphans: 1;
    margin-bottom: 5%;
}
.thought-area .thought-box .photo img{}

/*感想ページ*/
.photo-text{
    padding: 5% 0;
}
.photo-text h2{}
.voice-coun-area,
.voice-chiro-area{}
.voice-coun-area .voice-area,
.voice-chiro-area .voice-area{}
.voice-coun-area .voice-area .voice-box,
.voice-chiro-area .voice-area .voice-box{
    width: 100%;
    margin-bottom: 15%;
}
.voice-coun-area .voice-area .voice-box h2,
.voice-chiro-area .voice-area .voice-box h2{
    margin-bottom: 3%;
    font-size: 5vw;
    text-align: center;
}
.voice-coun-area .voice-area .voice-box h2 span,
.voice-chiro-area .voice-area .voice-box h2 span{}
.voice-coun-area .voice-area .voice-box p,
.voice-chiro-area .voice-area .voice-box p{}
.voice-coun-area .voice-area .voice-box.woman p,
.voice-chiro-area .voice-area .voice-box.woman p{
    padding: 5%;
    font-size: 3.5vw;
}
.voice-coun-area .voice-area .voice-box.man p,
.voice-chiro-area .voice-area .voice-box.man p{}
.voice-coun-area .voice-area .voice-box.woman p:after,
.voice-chiro-area .voice-area .voice-box.woman p:after{}
.voice-coun-area .voice-area .voice-box.man p:after,
.voice-chiro-area .voice-area .voice-box.man p:after{}

.voice-coun-area .voice-area .voice-box p span,
.voice-chiro-area .voice-area .voice-box p span{}
.voice-photo{}
.voice-photo img{}
.voice-coun-area a{
    width: 100%;
    margin-top: 10px;
    font-size: 3.5vw;
    margin-top: 0;
}
/*問合せページ*/
.contact{}
.contact p.text-right{}
.contact-container{}
.contact-container form{}
.contact-container form .row{}
.contact-container form .row label{}
.contact-container form .row label span{}
.contact-container form .row .input-area{}
.contact-container form .row .input-area textarea{}
.contact-container form .row .input-area input{}
.contact-container form .row .input-area div.alert{}
.contact-container form input[type="submit"]{}


.sns{width: 100%;margin-bottom: 10px;}
.sns a{font-size: 4vw;padding: 5% 0;}
.sns.youtube{}
.sns.instagram{}
.sns.tiktok{}
.sns.youtube a{}
.sns.instagram a{
}
.sns.tiktok a{
}