@charset "utf-8";
/* CSS Document */

/*===================================================================
//  基本設定
//=================================================================*/
.pc-non {display:none!important;}
.tb {display: none !important;}
.sp {display: none !important;}
a:focus{outline: none;}

.flex {display:flex; flex-wrap: wrap; width: 100%;}


.contents-wrapper {padding-left: 80px; padding-right: 80px; box-sizing: border-box; margin: 0 auto;}
.margin-b {margin-bottom: 2em!important;}

.scroll_box > ul::-webkit-scrollbar:hover{cursor: pointer;}

.more_btn_inner:hover {background: #000 !important; color: #fff; border-color: #fff; box-shadow: 5px 5px 20px rgba(201, 52, 84, 0.5);}
.more_btn_inner:hover:before,
.more_btn_inner:hover:after {border-color: #fff;}



/*.wave_01 {
    top: auto;
    bottom: -7em;
}
.wave_02 {
    top: -3em;
    bottom: auto;
}
.wave_03 {
    top: auto;
    bottom: -5em;
}
.wave_04 {
    top: auto;
    bottom: -3em;
}
.wave_06 {
    top: auto;
    bottom: 0em;
}*/


.wave_05 {
    top: -6em;
    bottom: auto;
}






/*===================================================================
//  ヘッダー
//=================================================================*/


.header_contents .header_logo {
    padding: 0.2em 0.2em 0.2em 0.2em;
    box-sizing: border-box;
    font-size: 2em;
    font-weight: bold;
    color: #000;
    letter-spacing: 0.02em;
    display: flex;
    flex-direction: row-reverse;
    width: 316px;
}
.header_contents .header_logo .logo {
    width: 100%;
}
.header_contents .nav_wrap {
    width: calc(100% - 320px); 
    max-width: 900px;
    margin-left: 0;
    display: table-cell;
    vertical-align: middle;
}
#g-nav {
    display: table!important; 
    width: 100%;
}
.nav_item {
    display: table-cell; 
    vertical-align: middle; 
    text-align: center; 
    width: 16%; 
    padding: 0;
}
.nav_item_inner {
    display: block; 
    font-size: 13px; 
    line-height: 1.2; 
    color: #222; 
    padding: 2em 0; 
    margin: 0 0.3em; 
    transition:all .3s;
    position: relative;
    display: inline-block; 
    text-decoration: none;
}
.nav_item_inner::after {
    position: absolute; 
    bottom: 1.3em; 
    left: 0; 
    content: ''; 
    width: 100%; 
    height: 1px; 
    background: #562E00; 
    transform: scale(0, 1); 
    transform-origin: center top; 
    transition: transform .3s;
}
.nav_item_inner:hover::after {
    transform: scale(1, 1);
}


/*===================================================================
//  メイン
//=================================================================*/

/** TOP - メイン予約バナー **/
.fv{
}
.main_catch {
    position: relative;
    height: 100%;
}
.main_inner_catch {
    padding-bottom: 4em;
    max-width: 780px !important;
    /*height: 100vh;*/
    min-height: 770px;
}
.main_catch_txt {
    min-width: 590px;
    top: 55%;
    left: auto;
    right: -2%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
}
.main_catch_txt img {
}

.main_inner_catch:before {
    /*background-image: url(../img/index/main_img_front_left_pc.png);*/
    height: 80vh;
    min-height: 770px;
}
.main_inner_catch::after {
    /*background-image: url(../img/index/main_img_front_right_pc.png);*/
    height: 80vh;
    min-height: 770px;
}

/** お悩み **/
.case_wrap .contents-wrapper{
    max-width: 1080px !important;
    
}
.case_wrap_inner {
    display: flex;
    width: 100%;
    padding-bottom: 0;
}
.case_img_box {
    width: 50%;
}
.case_txt_box {
    width: 50%;
    padding-top: 5%;
}
.case_wrap_inner:nth-child(even) {
    flex-direction: row-reverse;
}
.case_wrap_inner:nth-child(even) .case_txt_box {
    padding-top: 0%;
}
.case_wrap_inner p {
    padding: 0.8rem 1rem;
    font-size: 17px;
}

.case_btm_box {
    height: 90vh;
    min-height: 900px;
}
.case_btm_icon {
    top: 36vh;
}
.case_btm_txt {
    font-size: 36px;
    padding: 17em 5% 24vh;
}

/** 氣導法とは **/



/** クーポン **/



/** セッションの流れ **/


/** 声 **/
.voice_wrap {
    padding-bottom: 10em;
}
.voice_wrap .contents-wrapper {
    max-width: unset!important;
    padding: 0;
}
.voice_item {
}
/** セラピスト紹介 **/

.therapist_wrap {
    padding-bottom: 3em;
}
.therapist_wrap .contents-wrapper {
    
    max-width: 1080px !important;
    margin: 0 auto;
}
.therapist_wrap .section_ttl {
    padding-bottom: 0em;
}
.therapist_box {
    position: relative;
    width: 50%;
    margin-bottom: -2em;
    margin-left: auto;
    margin-right: auto;
}
.form_wrap_inner {
    clear: both;
}
.therapist_box_02 .threapist_img {
    width: 85%;
    margin: 0em 0 0 auto;
}

.summary_wrap {
    padding-top: 10em;
    padding-bottom: 0em;
}

.summary_main_bg_img {
}



/** TOP - よくあるご質問 **/
.faq_a {
    display: block!important;
}


/** TOP - フォーム **/



#coupon_btm {
    padding-bottom: 12em;
}




/** セラピスト紹介 **/

.page_therapist_box {
    position: relative;
    display: flex;
}
.page_therapist_img_box {
    width: 50%;
}
.page_therapist_comment_box {
    width: 50%;
    padding: 1rem 5%;

}
.page_therapist_img {
    width: 17vw;
    height: 17vw;
}

.page_therapist_name {
    display: inline-block;
    font-size: 22px;
}
.page_therapist_birthday {
    display: inline-block;
    margin-right: 0.5rem;
}






/*===================================================================
//  フォーム
//=================================================================*/








/*===================================================================
//  フッター
//=================================================================*/

footer .footer_inner {
    text-align: center;
}
footer .foot_left {float: left; padding: 0 1em 0 0; width: 100%; line-height: 1.8; box-sizing: border-box;}
footer .foot_right {float: right; padding: 1em 0 7em 1em; width: 50%; box-sizing: border-box; line-height: 1.8;}

footer .foot_link {padding: 1em 0 1em;}
footer .foot_link a .text {color: #aaa;  padding: 0 3em 2rem 0; display: inline-block; letter-spacing: 0.1em;}
footer .add .tel {margin-right: 1rem;}































/*===================================================================
//  メディアクエリ
//=================================================================*/
@media screen and (max-width: 1079px) {
	
	
}


/*/*===================================================================
//  IEとedgeのみ
//=================================================================*/
/*.mainimage:not(:target) {background-image: url(../img/mainimage1.jpg)\9;}*/

/* IE10以上 */
@media all and (-ms-high-contrast: none){

}

/* edge */
@supports (-ms-ime-align:auto) {

}