/*
Theme Name: gussuri yamada
Description:
Version: 0.0.0
*/
@charset "utf-8";

.serviceContents {
	/*background:#e7f5ff;*/
	/*padding-top:4em;*/
	/*padding-bottom:5em;*/
	/*margin-bottom:3em;*/
	color:#fff;
	letter-spacing:0.06em;
}
@media only screen and (max-width: 430px) {
	.serviceContents {
		font-size:4vw;
		padding-top:0;
	}
}

/********************************************************************
 *　//冒頭
********************************************************************/
.service_introduct {

}
.service_introduct_head {
	position:relative;
	background:url(../images/service_introduct_head_bg.webp) center top no-repeat;
	background-size:100% auto;
	width:100%;
	padding-bottom:3.4em;
	color:#fff;
}
.pageTitle_service {
	aspect-ratio:1200/580;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-bottom:1em;
}
.pageTitle_service .title {
	font-size:1.4em;
	background:url(../images/page_title_en_service.png) center bottom no-repeat;
	background-size:auto 1.3em;
	padding-bottom:1.2em;
	margin-bottom:0.5em;
	letter-spacing:0.1em;
}


.service_introduct_head_content {
	padding:0 6%;
}
.service_introduct_head_catch {
	/*width:73%;*/
	width:100%;
	margin-bottom:1.8em;
}
.service_introduct_head_text {
	font-size:0.7em;
	line-height:1.7;
	letter-spacing:0.1em;
}
.service_introduct_head_text .r_mark {
	font-size:0.8em;
	position:relative;
	display:inline-block;
	width:1.5em;
	height:100%;
	vertical-align:top;

}
.service_introduct_head_patent {
	position:absolute;
	right:3%;
	bottom:3%;
	width:14%;
}

/*========== 背景1 ==========*/
.service_introduct_scene1 {
	aspect-ratio:1200/1533;
	position:relative;
	display:flex;
	align-items:center;
	background:url(../images/service_introduct_scene1_bg.webp) center top no-repeat;
	background-size:cover;
}
.service_introduct_scene1 p {
	font-size:0.7em;
	line-height:1.8;
	background:rgba(60,117,210,0.81);
	padding:1.3em 1.6em;
	margin-top:3em;
	margin-left:6%;
	margin-right:6%;
}

/*========== 背景2 ==========*/
.service_introduct_scene2 {
	aspect-ratio:1200/1902;
	position:relative;
	display:flex;
	align-items:center;
	background:url(../images/service_introduct_scene2_bg.webp) center top no-repeat;
	background-size:cover;
}
.service_introduct_scene2_text1 {
	position:absolute;
	top:12.62%;
	right:13.33%;
	width:9%;
}
.service_introduct_scene2_batsu {
	position:absolute;
	top:31.91%;
	right:23.77%;
	width:17.2%;
}
.service_introduct_scene2_text2 {
	position:absolute;
	top:16.7%;
	right:45.33%;
	width:21.08%;
}
.service_introduct_scene2_text3 {
	position:absolute;
	top:25.92%;
	left:14.7%;
	width:11%;
}

/*========== 背景3 ==========*/
.service_introduct_scene3 {
	aspect-ratio:1200/930;
	position:relative;
	display:flex;
	flex-wrap:wrap;
	align-content:center;
	background:url(../images/service_introduct_scene3_bg.webp) center top no-repeat;
	background-size:cover;
	text-align:center;
}
.service_introduct_scene3 .text1 {
	font-size:0.78em;
	line-height:2.2;
	width:100%;
	margin-top:3.8em;
	margin-bottom:3em;
}

/*========== 背景4 ==========*/
.service_introduct_scene4 {
	/*aspect-ratio:1200/970;*/
	position:relative;
	/*display:flex;
	flex-direction:column;
	align-content:center;
	align-items:center;*/
	background:url(../images/service_introduct_scene4_bg.webp) center top no-repeat;
	background-color:#000008;
	background-size:100% auto;
	width:100%;
	padding:38% 0 14%;
	text-align:center;
}
.service_introduct_scene4 .text1 {
	font-size:1.26em;
	width:100%;
	margin-bottom:3em;
}
.introduct_scene4_play_thumb {
	border-radius:1.8em;
	padding:10px 10%;
	overflow:hidden;
}
.introduct_scene4_play_thumb a {
	display:block;
	/*border:solid 1px #7f7f7f;*/
	box-shadow:0 0 10px #241998;
	border-radius:1.5em;
	overflow:hidden;
}



/********************************************************************
 *　//さぁ、眠りの儀式をはじめよう(サービスの流れ)
********************************************************************/
.service_flow {
	padding-top:5em;
}
.service_flow_head {
	margin-bottom:4em;
	color:#000;
}
.service_flow_catch {
	font-size:1.9em;
	line-height:1.5;
	margin-bottom:2.5em;
	text-align:center;
}

.service_flow_title {
	display:flex;
	justify-content:center;

}
.service_flow_title .title {
	font-size:1.3em;
	background:url(../images/service_flow_title_en.png) center bottom no-repeat;
	background-size:auto 1.2em;
	padding-bottom:1.2em;
	margin-bottom:0.5em;
	letter-spacing:0.16em;
}

.service_flow_content {
	position:relative;
}

.service_flow_scene_name {
	display:flex;
	align-items:flex-end;
	padding-left:4%;
	padding-top:8em;
	color:#000;
	z-index:2;
}
.service_flow_scene_name.rev {
	justify-content:flex-end;
	padding-left:0;
	padding-right:4%;
}
.flow_scene_num {
	width:2.7em;
	margin-right:0.7em;
}
.flow_scene_title {
	font-size:1.1em;
}

.flow_scene_text {
	display:inline-block;
	/*background:rgba(31,91,188,0.81);*/
	/*padding:1em;*/
}
.flow_scene_text.dark {
	/*background:rgba(0,48,128,0.81);*/
}
.flow_scene_text.dark2 {
	/*background:rgba(0,27,89,0.81);*/
}
.flow_scene_text dt {
	font-size:0.8em;
	line-height:1.6;
	margin-bottom:0.6em;
}
.flow_scene_text dd {
	font-size:0.54em;
	line-height:1.7;
}

/*========== 1ハグカウンセリング ==========*/
.service_flow_scene_name.scene1 {
	padding-top:0;
}
/*ハグカウンセリング*/
.service_flow_scene1_1 {
	position:relative;
	margin-top:-3em;
}
.service_flow_scene1_1 .flow_scene_text {
	position:absolute;
	right:5%;
	top:30%;
	z-index:2;
}

/*全身オイル塗布*/
.service_flow_scene1_2 {
	position:relative;
	margin-top:-48%;
}
.service_flow_scene1_2 .flow_scene_text {
	position:absolute;
	left:5%;
	bottom:32%;
	z-index:2;
}

/*========== 2ストレッチマッサージ ==========*/
.service_flow_scene_name.scene2 {
	margin-top:-53%;
}
/*ハグストレッチ*/
.service_flow_scene2_1 {
	position:relative;
	margin-top:-18%;
}
.service_flow_scene2_1 .flow_scene_text {
	position:absolute;
	left:5%;
	top:38%;
	z-index:2;
}

/*ストレッチマッサージ*/
.service_flow_scene2_2 {
	position:relative;
	margin-top:-48%;
}
.service_flow_scene2_2 .flow_scene_text {
	position:absolute;
	right:5%;
	bottom:33%;
	z-index:2;
}


/*========== 3オイルマッサージ ==========*/

.service_flow_scene_name.scene3 {
	margin-top:-53%;
}
/*密着腕マッサージ背面ハグマッサージ*/
.service_flow_scene3_1 {
	position:relative;
	margin-top:-18%;
}
.service_flow_scene3_1 .flow_scene_text {
	position:absolute;
	right:5%;
	top:36%;
	z-index:2;
}

/*股関節リンパマッサージ*/
.service_flow_scene3_2 {
	position:relative;
	margin-top:-48%;
}
.service_flow_scene3_2 .flow_scene_text {
	position:absolute;
	left:5%;
	top:40%;
	z-index:2;
}


/*========== 4ヘッドマッサージ ==========*/
.service_flow_scene_name.scene4 {
	margin-top:-54%;
}

/*デコルテのエステ*/
.service_flow_scene4_1 {
	position:relative;
	margin-top:-18%;
}
.service_flow_scene4_1 .flow_scene_text {
	position:absolute;
	left:5%;
	top:40%;
	z-index:2;
}

/*側頭部血行改善*/
.service_flow_scene4_2 {
	position:relative;
	margin-top:-48%;
}
.service_flow_scene4_2 .flow_scene_text {
	position:absolute;
	right:5%;
	top:34%;
	z-index:2;
}

/*頭部全体ヘッドマッサージ*/
.service_flow_scene4_3 {
	position:relative;
	margin-top:-48%;
}
.service_flow_scene4_3 .flow_scene_text {
	position:absolute;
	left:5%;
	bottom:30%;
	z-index:2;
}

/*神庭(しんてい)、百会(ひゃくえ)への集中ツボマッサージ*/
.service_flow_scene4_4 {
	position:relative;
	margin-top:-48%;
}
.service_flow_scene4_4 .flow_scene_text {
	position:absolute;
	right:5%;
	bottom:35%;
	z-index:2;
}


/*========== 5機能回復マッサージ ==========*/
.service_flow_scene_name.scene5 {
	margin-top:-52%;
}

/*眼精疲労回復マッサージ*/
.service_flow_scene5_1 {
	position:relative;
	margin-top:-20%;
}
.service_flow_scene5_1 .flow_scene_text {
	position:absolute;
	right:5%;
	top:32%;
	z-index:2;
}

/*耳ツボマッサージ*/
.service_flow_scene5_2 {
	position:relative;
	margin-top:-48%;
}
.service_flow_scene5_2 .flow_scene_text {
	position:absolute;
	left:5%;
	top:26%;
	z-index:2;
}



/********************************************************************
 *　//究極の全身リフレッシュ充電
********************************************************************/
.service_refresh {
	background:#fff;

}
.service_refresh_title {
	font-size:1.9em;
	line-height:1.6;
	padding:1.8em 0 1.5em;
	text-align:center;
	color:#000;
	letter-spacing:0.08em;
}
.service_refresh_contents {
	position:relative;
	aspect-ratio:1200/1400;
	background:url(../images/service_refresh_bg_sp.webp) center top no-repeat;
	background-size:100% auto;
}

.service_refresh_text {
	font-size:1.9em;
	position:absolute;
	top:12%;
	left:0;
	width:100%;
	margin-top:1.5em;
	text-align:center;
}


/* 男性 */
.service_refresh_man {
	position:absolute;
	top:60%;
	left:0;
	right:0;
	transform:translateY(-60%);
	width:70%;
	margin:auto;
	z-index:2;
}

/* 浮遊ワード */
.service_refresh_contents .word {
	font-size:0.5em;
	position:absolute;
}
@media only screen and (max-width: 430px) {
	.service_refresh_contents .word {
		font-size:1.9vw;
	}
}

.service_refresh_contents .word span {
	line-height:1.6;
	writing-mode:vertical-rl;
	letter-spacing:0.24em;
}


.service_refresh_word1 {/*脳を癒す*/
	top:-21%;
	left:-10%;
}
.service_refresh_word2 {/*脳内浄化*/
	top:16%;
	left:-17%;
}
.service_refresh_word3 {/*心深層*/
	top:-25%;
	left:45%;
}
.service_refresh_word4 {/*熟睡*/
	top:-16%;
	left:58%;
}
.service_refresh_word5 {/*体内浄化*/
	top:-10%;
	left:70%;
}
.service_refresh_word6 {/*自律神経*/
	top:-36%;
	left:95%;
}
.service_refresh_word7 {/*ストレス解放*/
	top:-12%;
	left:104%;
}
.service_refresh_word8 {/*絶頂睡眠*/
	top:84%;
	left:2%;
}
.service_refresh_word9 {/*快楽の向こう側*/
	top:94%;
	left:14%;
}
.service_refresh_word10 {/*贅沢な眠りに落ちていく*/
	top:102%;
	left:57%;
}
.service_refresh_word11 {/*いまここにある最高*/
	top:76%;
	left:100%;
}
.service_refresh_word12 {/*非日常空間*/
	top:136%;
	left:82%;
}




/* 浮遊アニメーション */
.service_refresh_man > img {
	animation: 5.5s float .5s infinite;
}
.service_refresh_word1,
.service_refresh_word4,
.service_refresh_word7,
.service_refresh_word10 {
	animation: 5.1s float .1s infinite;
}
.service_refresh_word2,
.service_refresh_word5,
.service_refresh_word8,
.service_refresh_word11 {
	animation: 5.7s float .7s infinite;
}
.service_refresh_word3,
.service_refresh_word6,
.service_refresh_word9,
.service_refresh_word12 {
	animation: 5.4s float .4s infinite;
}



/********************************************************************
 *　//動画取材実績
********************************************************************/
.press_media {

}
.press_media_title {
	aspect-ratio:1200/384;
	display:flex;
	justify-content:center;
	align-items:center;

}
.press_media_title .title {
	font-size:1.2em;
	position:relative;
	background:url(../images/press_media_title_en.png) center bottom no-repeat;
	background-size:auto 1.6em;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-bottom:1.4em;
	margin-top:0.8em;
	letter-spacing:0.16em;
	color:#2d337a;
}
.press_media_title .title::after {
	content:"";
	position:absolute;
	top:-0.8em;
	left:-0.5em;
	width:1em;
	height:1.2em;
	background:url(../images/press_media_title_icon.png) center center no-repeat;
	background-size:100% auto;
}

/*===ラファエルさん（TOPと同じ画像を使用）===*/
.press_media_raphael {
	position:relative;
}
.serviceContents .press_media_raphael {
	background:#e1d9cd;
	padding:1.3em 0;
}
.press_media_raphael_text {
	position:absolute;
	bottom:26%;
	left:1%;
	width:25%;
}
.press_media_raphael_thumb {
	position:absolute;
	bottom:10%;
	left:26%;
	width:35.58%;
}
.press_media_raphael_thumb2 {
	position:absolute;
	bottom:10%;
	left:63%;
	width:35.58%;
}

/*===浅井さん対談（TOPと同じ画像を使用）===*/
.press_media_asai {
	display:flex;
	position:relative;
	background:#1d214e;
	min-height:200px;
}
.press_media_asai_icon {
	position:absolute;
	top:-4%;
	left:2%;
	width:10.66%;
}
.press_media_asai {
	aspect-ratio:1200/570;
	display:flex;
	justify-content:space-evenly;
	align-items:center;
	box-sizing:border-box;
	width:100%;
}
.press_media_asai_text {
	width:24.08%;
}
.press_media_asai_video {
	width:54.5%;
}