@charset "utf-8";

/*@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 100;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 200;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 300;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}
@font-face {
	font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
	font-weight: bold;
}
@font-face {
	font-family: "Helvetica Neue";
	src: local("Helvetica Neue Regular");
	font-weight: 100;
}
@font-face {
	font-family: "Helvetica Neue";
	src: local("Helvetica Neue Regular");
	font-weight: 200;
}
body {
	letter-spacing: .2px;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}
IE10以上
@media all and (-ms-high-contrast: none) {
  body {
    font-family: Verdana, Meiryo, sans-serif;
  }
}
*/


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/*paddingによる幅を無くします*/
*{
	-webkit-box-sizing:border-box;
	-mos-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
html{
	overflow-x: hidden;
}
body {
	width: 100%;
	min-width: 320px;
	min-height: 800px;
	background: #000;
	color: #fff;
	font-size: 12px;/* 変更 */
	font-family: Garamond , "Times New Roman", "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-weight: normal;
	line-height: 1.8;/* 変更 */
	-webkit-text-size-adjust: 100%;
	overflow: hidden;
	text-align: center;
}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section,main {
	display: block;
}
h1, h2, h3, h4, h5, h6, strong, th{
	font-weight: normal;
}
ol,ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none;
}
a{
	margin: 0;
	padding: 0;
	font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none;
}
/*android版クローム　フォントサイズが大きくなる不具合対策*/
p {
	max-height: 999999px;
}
ins {
	background-color: #ff9;/* 変更 */
	color: #000;/* 変更 */
	text-decoration: none;
}
mark {
	background-color: #ff9;/* 変更 */
	color: #000;/* 変更 */
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
img {
	vertical-align: bottom;
	height: auto;
}
/* form */
input, select {
	vertical-align: middle;
}
/* float解除 */
header:after,footer:after,section:after,article:after,aside:after,main:after,div:after,dl:after,ul:after,ol:after,li:after {
	display: block;
	clear: both;
	height: 0;
	content: "";
}
/****************************************
 common (共通スタイル)
 ****************************************/
 /*ページ全体ふわっと表示*/
 body {
 	animation: fadeIn 1s ease 0s 1 normal;
 	-webkit-animation: fadeIn 1s ease 0s 1 normal;
 }
 @keyframes fadeIn {
 	0% {opacity: 0}
 	100% {opacity: 1}
 }
 @-webkit-keyframes fadeIn {
 	0% {opacity: 0}
 	100% {opacity: 1}
 }

 /*PC版769pxまでSP版786px〜*/
 @media screen and (min-width: 769px) {
 	.sp{
 		display: none !important;
 	}
 }
 @media screen and (max-width: 768px) {
 	/*共通*/
 	.pc{
 		display: none !important;
 	}
 }

 main {
 	margin: 0 auto;
 	max-width: 1920px;
 	width: 100%;
 }

 .inner {
 	width: 100%;
 	max-width: 1000px;
 	margin: 0 auto;
 }
 a, a:hover{
 	color: #fff;
 }
 /* 文字色 */
 .atten_01, .atten_01 a{
 	color: #ff007e;
 }
 .atten_02, .atten_02 a{
 	color: #ffff00;
 }
 .atten_03, .atten_03 a{
 	color: #0000ff;
 }
 .atten_04, .atten_04 a{
 	color: #ff0000;
 }
 .color_05 {
 	color: #ccc;
 }
 .color_06{
 	color: #44a8e5;
 }
 /* マージン */
 .mb_10{
 	margin-bottom: 10px;
 }
 .mb_20{
 	margin-bottom: 20px;
 }
 .mb_30{
 	margin-bottom: 30px;
 }
 .mt_20{
 	margin-top: 20px;
 }
 /*フォントサイズ*/
 .fs_05em{
 	font-size: 0.5em;
 }
 .fs_08em{
 	font-size: 0.8em;
 }
 .fs_13em{
 	font-size: 1.3em;
 }
 .fs_15em{
 	font-size: 1.5em;
 }
 .fs_18em{
 	font-size: 1.8em;
 }
 .fs_20em{
 	font-size: 2em;
 }
 /* センタリング */
 .center{
 	text-align: center;
 }
 /* リンクアクション */
 .link_act_01{
 	opacity: 1;
 	-webkit-transition: 0.3s ease;
 	-moz-transition: 0.3s ease;
 	-o-transition: 0.3s ease;
 	transition: 0.3s ease;
 }
 .link_act_01:hover{
 	opacity: 0.5;
 }

 /* テーブル01 アクセスページ使用 */
 .table01{
 	width: 100%;
 	max-width: 800px;
 	margin: 30px auto;
 }
 .table01 th{
 	color: #fff;
 	font-size: 18px;
 	width: 49%;
 }
 .table01 td{
 	font-size: 30px;
 	letter-spacing: 2px;
 	width: 49%;
 }
 .table01 .title {
 	overflow: hidden;
 	text-align: center;
 	line-height: 60px;
 }
 .table01 .title span {
 	position: relative;
 	display: inline-block;
 	margin: 0 2.5em;
 	padding: 0 1em;
 	text-align: left;
 	font-size: 1.5em;
 	letter-spacing:3px;
 	color: #b7a678;
 }
 .table01 .title span::before,
 .table01 .title span::after {
 	position: absolute;
 	top: 50%;
 	content: '';
 	width: 400%;
 	height: 1px;
 	background-color: #ccc;
 }
 .table01 .title span::before {
 	right: 100%;
 }
 .table01 .title span::after {
 	left: 100%;
 }

 /* テーブル02 リンクページページ使用 */
 .table02{
 	width: 100%;
 	max-width: 700px;
 	margin: 0 auto 50px;
 }
 .table02 tr{
 	border-bottom: 1px solid #e5efef;
 }
 .table02 tr th{
 	background: #fff;
 	color: #6d4614;
 	font-size: 18px;
 }
 .table02 tr td{
 	font-size: 1.3em;
 }
 .table02 tr th,
 .table02 tr td{
 	padding: 15px;
 	text-align: left;
 	vertical-align: top;
 }
 .table02 #table_title{
 	text-align: center;
 	font-size: 1.5em;
 }

 @media screen and (max-width: 768px){
 	.table02 tr th{
 		padding: 15px 5px;
 	}
 }

 /* テーブル03 お問い合わせページページ使用 */
 .table03{
 	width: 100%;
 	max-width: 800px;
 	margin: 50px auto;
 }
 .table03 tr:nth-child(2n + 1){
 	background: #fcf5ff;
 }
 .table03 tr th,
 .table03 tr td{
 	padding: 15px;
 	text-align: left;
 	vertical-align: top;
 }
 .table03 tr th{
 	color: #927c9c;
 	font-size: 1.3em;
 }
 .table03 input{
 	border: 1px solid #eee;
 	padding: 5px 5px 8px 10px;
 	border-radius: 20px;
 	background: #fff;
 	width: 100%;
 }
 .table03 select{
 	border: 1px solid #eee;
 	padding: 5px 5px 8px 10px;
 	border-radius: 20px;
 	background: #fff;
 }
 .table03 textarea{
 	width: 100%;
 	border: 1px solid #eee;
 	padding: 5px 5px 8px 10px;
 }
 .table03 input[type="text"],
 .table03 input[type="email"],
 .table03 select,
 .table03 textarea{
 	outline: none;
 	border: 1px solid #eee;
 	-webkit-transition: all .3s;
 	transition: all .3s;
 }
 .table03 input[type="text"]:focus,
 .table03 input[type="email"]:focus,
 .table03 select:focus,
 .table03 textarea:focus {
 	box-shadow: 0 0 7px #D3C0DB;
 	border: 1px solid #D3C0DB;
 }
 @media screen and (max-width: 768px){
 	.table03 tr th,
 	.table03 tr td{
 		width: 100%;
 		display: block;
 	}
 	.table03 tr th{
 		padding-bottom: 5px;
 	}
 	.table03 tr td{
 		padding-top: 5px;
 	}
 }


 /* テキストボックス01 問い合わせページで使用 */
 .txt_box_01{
 	margin-bottom: 20px;
 	color: #545454;
 	text-align: center;
 }
 .txt_box_01 h2{
 	margin-bottom: 10px;
 	border-bottom: 1px dotted #eee;
 	color: #ff007e;
 	font-size: 16px;
 }
 /* テキストボックス 2 */
 .txt_box_02{
 	padding: 10px;
 	text-align: left;
 	color: #fff;
 }


 /* テキストボックス プロフィールページ使用 */
 .txt_box01{
 	padding: 10px;
 	background-color: #b7a678;
 	border: 1px solid #fff;
 	margin-bottom: 10px;
 	color: #000000;
 	text-align: left;
 }


/****************************************
ボタン各種設定
****************************************/
.btn_more {
	margin: 5% auto;
	position: relative;
	display: inline-block;
	width: 300px;
	height: 66px;
	font-size: 1em;
	line-height: 71px;
	text-align: center;
	text-transform: uppercase;
	background-color: transparent;
	font-size:15px;
}
.btn_more svg {
	position: absolute;
	top: 0;
	right: 0;
}
.btn_more svg rect {
	stroke-width: 4;
	stroke-dasharray: 353, 0;
	stroke-dashoffset: 0;
	-webkit-transition: all 600ms ease;
	transition: all 600ms ease;
}
.btn_more span{
	color: #b7a678;
}
.btn_more:hover svg rect {
	stroke-width: 4;
	stroke-dasharray: 196, 543;
	stroke-dashoffset: 437;
}

/*トップページ求人部分のボタン*/
button.btn_more02 {
	background: transparent;
	outline: none;
	position: relative;
	border: 2px solid #fff;
	padding: 15px 50px;
	overflow: hidden;
	color: #fff;
	border-radius: 30px;
	cursor : pointer;
	width: 280px;
	font-family: Garamond , "Times New Roman", "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
button.btn_more02:hover:before{
	opacity: 1;
	transform: translate(0,0);
	padding: 0 10px;
}
button.btn_more02:before{
	content: attr(data-hover);
	position: absolute;
	top: 2em;
	left: 0;
	width: 100%;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 800;
	font-size: .8em;
	opacity: 0;
	transform: translate(-100%,0);
	transition: all .3s ease-in-out;
}
button.btn_more02:hover div{
	opacity: 0;
	transform: translate(100%,0);
}
button.btn_more02 div{
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 800;
	font-size: .8em;
	transition: all .3s ease-in-out;
}

/*求人ページボタン各種*/
/*TELボタン*/
button.btn_more02.btn_tel{
	color: #fff;
	border: 2px solid #fff;
	margin: 2%;
}
/*MAILボタン*/
button.btn_more02.btn_mail{
	color: #e25e16;
	border: 2px solid #e25e16;
	margin: 2%;
}
/*LINEボタン*/
button.btn_more02.btn_line{
	color: #07b53a;
	border: 2px solid #07b53a;
	margin: 2%;
}
/*上記3種共通*/
button.btn_more02.btn_tel,
button.btn_more02.btn_mail,
button.btn_more02.btn_line{
	padding: 15px;
	width: 250px;
}
button.btn_more02.btn_tel:before,
button.btn_more02.btn_mail:before,
button.btn_more02.btn_line:before {
	top: 20px;
}
button.btn_more02.btn_tel div,
button.btn_more02.btn_mail div,
button.btn_more02.btn_line div{
	text-transform: unset;
	letter-spacing: 1px;
	font-size: 15px;
}

/****************************************
セラピスト共通設定
****************************************/
/*PC版横、SP版縦のレイアウト*/
.cast_box01{
	display: flex;
	justify-content: center;
	align-content:stretch;
	flex-wrap: wrap;
}
.cast_box01 li {
  vertical-align: top;
  width: 48%;
  margin: 0 1% 2%;
  height: auto;
  font-size: 1.4rem;
  color: #f7f7f7;
  letter-spacing: 0.8px;
  /*background: rgba(247, 247, 247, 0.8);*/
  position: relative;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
}

@media (min-width: 768px) {
  .cast_box01 li{
    width: calc(100%/3.35);
    margin: 5px;
}
}

.cast_box01 li .img_box{
	width: 100%;
	/*max-width: 330px;*/
	overflow: hidden;
	position: relative;
	
}
.cast_box01 li .img_box .thum {
	overflow: hidden;
	position: relative;
	width: 100%;
	padding-top: calc(3 / 2 * 100%);
}
.cast_box01 li .img_box .img_staff{
	object-fit: cover;
	object-position: 50%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
.therapist_box .txt_box {
  width: 100%;
  margin-bottom: 10px;
}

.therapist_box .txt_box dl {
  margin-top: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.therapist_box .txt_box dl dd {
  color: #fff;
  font-size: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.therapist_box .txt_box dl dd.name img{
  width: 55px;
}


.cast_box01 li .txt_box .time{
	color: #ffff00;
}
.cast_box01 li .txt_box .icon{
	height: 20px;
}
.cast_box01 li .txt_box .time{
	/*	width: 100%;*/
	padding: 4px;
	border: 1px solid #333;
	background: url(../images/bg_contents_01.png) 0 0 repeat;
}
@media screen and (max-width: 768px) {
	.cast_box01 li .img_box,
	.cast_box01 li .txt_box{
		width: 100%;
		display: block;
		float: unset;
	}
	.cast_box01 li .txt_box{
		margin: 10px auto;
	}
}
/*アイコンチェック プロフィール用*/
.icon_check {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 20px;
}
.icon_check img{
	max-width: 90px;
	margin: 5px;
}

/*アイコンチェック プロフィール用*/
.icon_check_profile {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 20px;
}
.icon_check_profile img{
	max-width: 90px;
	margin: 5px;
}

/*トップページpickupセラピスト並び設定*/
.cast_box02{
	width: 100%;
	display: block;
}
.cast_box02 li .img_box{
	float: left;
	max-width: 420px;
	width: 100%;
	max-height: 675px;
	overflow: hidden;
	background-color: #fff;
}
.cast_box02 li .img_box img{
	width: 100%;
	height: auto;
}
.cast_box02 li .txt_box{
	/*float: left;*/
	width: 40%;
	margin: 10% 0 0 5%;
}
.cast_box02 li .txt_box .table_prof th{
	width: 30%;
	font-size: 18px;
	line-height: 45px;
}
.cast_box02 li .txt_box .table_prof td{
	font-size: 20px;
}
.cast_box02 li .txt_box .table_prof td img{
	max-width: 100px;
	vertical-align: sub;
}
.cast_box02 .sns{
	width: 80%;
	margin: 10px;
	text-align: left;
}
.cast_box02 .sns p{
	max-width: 110px;
}

/*セラピスト一覧プロフ部分*/
.table_prof{
	width: 90%;
	margin: 0 auto;
}
.table_prof th{
	width: 30%;
	text-align: left;
	line-height: 28px;
	font-size: 16px;
	color: #9b9f9f;
}
.table_prof td{
	width: 70%;
	text-align: left;
	color: #000;
	font-size: 20px;
}
.table_prof .icon_shop{
	width: 90%;
}
.table_prof .icon_shop img,
.table_prof img.icon_new{
	width: 100%;
	max-width: 70px;
	margin: 0 auto;
}

/*セラピスト画像hover時のアニメーション設定*/
.staff .img_box{
	position: relative;
	overflow: hidden;
	color: #ffffff;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
	width: 100%;
}
.staff .img_box .img_staff{
	opacity: 1;
	width: 100%;
}
.staff .img_box:after,
.staff .img_box:before {
	background: #000000;
	width: 200%;
	height: 200%;
	position: absolute;
	content: '';
	opacity: 0.3;
	-webkit-transition: all 0.55s ease-in-out;
	transition: all 0.55s ease-in-out;
	z-index: 1;
}
.staff .img_box:after {
	top: 0;
	left: 0;
	-webkit-transform: skew(-45deg) translateX(-200%);
	transform: skew(-45deg) translateX(-200%);
}
.staff .img_box:before {
	right: 0;
	bottom: 0;
	-webkit-transform: skew(-45deg) translateX(200%);
	transform: skew(-45deg) translateX(200%);
}
.staff .img_box .staff_txt {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
}
.staff .img_box .staff_txt h3,
.staff .img_box .staff_txt p {
	margin: 0;
	width: 100%;
	opacity: 0;
}
.staff .img_box .staff_txt h3 {
	padding: 0 30px;
	font-weight: 400;
	text-transform: uppercase;
}
.staff .img_box .staff_txt p {
	font-size: 0.8em;
	font-weight: 500;
}
.staff .img_box a {
	color: #ffffff;
}
.staff .img_box:hover:after {
	-webkit-transform: skew(-45deg) translateX(-50%);
	transform: skew(-45deg) translateX(-50%);
}
.staff .img_box:hover:before {
	-webkit-transform: skew(-45deg) translateX(50%);
	transform: skew(-45deg) translateX(50%);
}
.staff .img_box:hover .staff_txt h3,
.staff .img_box:hover .staff_txt p {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.staff .img_box:hover .staff_txt h3 {
	opacity: 1;
}
.staff .img_box:hover .staff_txt p {
	opacity: 0.7;
}
/*snsアイコン設定*/
.sns{
	margin: 10px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.sns p{
	max-width: 75px;
	margin: 3px 0px;
}
.sns p img{
	width: 95%;
	margin: 0 auto;
}

/* リンクボックス */
.list_link_box{
	margin-right: -30px;
	font-size: 10px;
}
.list_link_box li{
	float: left;
	margin: 0 30px 20px 0;
}

/******************************
header ヘッダー
******************************/
header {
	width: 100%;
	height: 55px;
	background: linear-gradient(180deg, #f3e5b5, #b7a678);
	z-index: 99999;
	position: fixed;
	top: 0;
	left: 0;
}
header .logo{
	/*width: 100px;*/
	/*margin: 0 auto;*/
	/*position: absolute;*/
	/*top: 4px;*/
	/*left: 0;*/
	/*right: 0px;*/
	display: none;
}
header .logo img{
	width: 100%;
}

/*PC版グローバルメニュー*/
header .nav{
	padding-top: 20px;
}
header .nav li{
	display: inline-block;
	vertical-align: top;
}
header .nav li:nth-child(3){
	/*margin-right: 180px;*/
}
header .nav li a{
	width: 95px;
	letter-spacing: 1px;
	line-height: 1.4;
	display: inline-block;
	font-size: 13px;
	color: #fff;
	text-align: center;
	-webkit-transition:0.3s ease;
	-moz-transition:0.3s ease;
	-o-transition:0.3s ease;
	transition:0.3s ease;
}
header .nav li a:hover{
	color: #926d1a;
}
header .nav li a.active{
	color: #926d1a;
}
header .nav li a span.en{
	display: inline;
}
header .nav li a:hover span.en{
	display: none;
}
header .nav li a span.jp{
	display: none;
}
header .nav li a:hover span.jp {
	display: inline;
	font-size: 11px;
}

/* transition */
.nav li a{
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}


/*スマホ版ドロワーメニュー設定*/
.drawer-list {
	position: fixed;
	right: 0;
	top: 0;
	height: 100vh;
	width: 100vw;
	transform: translate(100vw, 0);
	/* ie workaround */
	-ms-transform: translatex(-100vw);
	box-sizing: border-box;
	pointer-events: none;
	padding-top: 45px;
	transition: width 475ms ease-out, transform 450ms ease, border-radius .8s .1s ease;
	border-bottom-left-radius: 100vw;
	background-color: #b7a678;
}
@media (min-width: 768px) {
	.drawer-list {
		width: 40vw;
	}
}
.drawer-list ul {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: auto;
	overflow-x: hidden;
	pointer-events: auto;
}
.drawer-list li {
	list-style: none;
	text-transform: uppercase;
	pointer-events: auto;
	white-space: nowrap;
	box-sizing: border-box;
	transform: translatex(100vw);
	/* ie workaround */
	-ms-transform: translatex(-100vw);
}
.drawer-list li:last-child {
	margin-bottom: 2em;
}
.drawer-list li a {
	text-decoration: none;
	color: #fff;
	text-align: center;
	display: block;
	padding: 12px 1rem 12px 2rem;
	font-size: 15px;
}
.drawer-list li a .jp{
	font-size: 0.5em;
}
/* .drawer-list li a:before {
	content: "";
	display: block;
	width: 25px;
	height: 1px;
	background-color: #2c2c52;
	position: absolute;
	left: 0;
	top: 49%;
} */
.drawer-list li a:hover {
	cursor: pointer;
	background-color: #503f2d;
	background-color: rgb(172 141 85 / 60%);
}
.drawer-list .btn_contact a{
	display: block;
	width: 80%;
	margin: 10px auto;
	padding: 10px;
	text-align: center;
	border: 1px solid #fff;
	color: #fff;
}
.drawer-list .open_time p{
	display: inline-block;
	width: 45%;
	margin: 0 auto;
	color: #fff;
}
.drawer-list .open_time p:first-child{
	border-right: 1px solid #fff;
}
.drawer-list .open_time a{
	color: #fff;
}
.drawer-list .open_time p,
.drawer-list .open_time a{
	font-size: 18px;
}

input.hamburger {
	display: none;
}
input.hamburger:checked ~ .drawer-list {
	transform: translatex(0);
	border-bottom-left-radius: 0;
}
input.hamburger:checked ~ .drawer-list li {
	transform: translatex(0);
	transition: transform 1s 0.08s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}
input.hamburger:checked ~ .drawer-list li a {
	padding-right: 15px;
}
input.hamburger:checked ~ label > i {
	background-color: transparent;
	transform: rotate(90deg);
}
input.hamburger:checked ~ label > i:before {
	transform: translate(-50%, -50%) rotate(315deg);
}
input.hamburger:checked ~ label > i:after {
	transform: translate(-50%, -50%) rotate(-315deg);
}
input.hamburger:checked ~ label close {
	color: #fff;
	width: 100%;
}
input.hamburger:checked ~ label open {
	color: rgba(0, 0, 0, 0);
	width: 0;
}

/*ハンバーガーボタン*/
.header_nav{
	height: 55px;
	width: 55px;
	position: fixed;
	top: 0;
	right: 0;
}
label.hamburger {
	z-index: 9999;
	position: absolute;
	display: block;
	height: 30px;
	width: 35px;
	top: 5px;
	right: 10px;
}
label.hamburger > i {
	position: absolute;
	width: 100%;
	height: 2px;
	top: 50%;
	right: 0;
	background-color: #fff;
	pointer-events: auto;
	transition-duration: .35s;
	transition-delay: .35s;
}
label.hamburger > i:before,
label.hamburger > i:after {
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	left: 50%;
	background-color: #fff;
	content: "";
	transition: transform 0.35s;
	transform-origin: 50% 50%;
}
label.hamburger > i:before {
	transform: translate(-50%, -14px);
}
label.hamburger > i:after {
	transform: translate(-50%, 14px);
}
label.hamburger text close,
label.hamburger text open {
	text-transform: uppercase;
	font-size: .8em;
	bottom: 30px;
	right: 0;
	position: absolute;
	transform: translateY(50px);
	text-align: center;
	overflow: hidden;
	transition: width .25s .35s, color .45s .35s;
}
label.hamburger text close {
	color: rgba(0, 0, 0, 0);
	right: 0;
	width: 0;
}
label.hamburger text open {
	color: #fff;
	width: 100%;
}





/******************************
mainvisual メインビジュアル
******************************/
h1{
	width: 100%;
	background: #b7a678;
	color: #fff;
	font-size: 10px;
	text-align: center;
	font-feature-settings: "palt";
}
#section_top{
	padding: 0;
	margin: 0;
	height: 98vh;
}

#mainvisual .logo{
	width: 80%;
	max-width: 650px;
	margin: 0 auto;
	position: absolute;
	top: 30%;
	left: 0;
	right: 0;
}
#mainvisual .logo img{
	width: 100%;
}

/*電話番号・営業時間*/
#mainvisual .top_info{
	width: 100%;
	padding: 15px 0;
	background: #000;
	position: absolute;
	bottom: 0;
}
#mainvisual .top_info ul{
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
#mainvisual .top_info ul li{
	width: 45%;
	border-right: 1px solid #D3C0DB;
	font-size: 24px;
	text-align: center;
	line-height: 20px;
	letter-spacing: 1.5px;
}
#mainvisual .top_info ul li:last-child{
	border-right: none;
}
#mainvisual .top_info ul li a{
	display: block;
}

/* ヘッドライン */
.headline{
	width: 100%;
	background: #b7a678;
	height: 35px;
	position: relative;
	clear: both;
	padding: 3px 0 2px;
	margin-bottom: 10px;
}
.headline .inner{
	width: 95%;
	margin: 0 auto;
	background: #fff;
	padding: 0 0 0 10px;
}
.headline ul{
	height: 29px;
	position: relative;
	overflow: hidden;
}
.headline ul li {
	width: 95%;
	max-width: 670px;
	height: 32px;
	line-height: 30px;
	text-align: left;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	background: #fff;
	font-size: 12px;
	letter-spacing: 0;
}


/******************************
footer フッター
******************************/
footer {
	background: url(../images/bg_footer.jpg) 0 bottom no-repeat;
	background-size: cover;
}
footer .inner {
	color: #ffffff;
	padding-bottom: 40px;
}

/* パンくずリスト */
.breadcrumbs {
	width: 95%;
	margin: 0 auto 20px;
	padding: 8px;
	border-bottom: 1px solid #9ba7a6;
	font-size: 10px;
}
.breadcrumbs ul li {
	font-size: 10px;
	display: inline-block;
}
.breadcrumbs ul li:before {
	content: "\f105";
	font-family: FontAwesome;
	display: inline;
	margin: 0 8px 0;
}
.breadcrumbs ul li:first-child:before {
	margin: 0;
	content: "\f015";
}
.breadcrumbs ul li a {
	color: #fff;
}

/* テキストメニュー */
footer .inner .nav{
	margin: 0 auto;
	padding: 10px 0;
}
footer .inner .nav li {
	display: inline-block;
	color: #ffffff;
}
footer .inner .nav li a {
	color: #ffffff;
}
footer .inner .nav li:after {
	content: "　|　";
	display: inline;
	margin: 0 3px;
}
footer .inner .nav li:last-child:after {
	display: none;
}


footer .logo{
	margin: 30px auto 10px;
}

/* 電話番号&営業時間 */
footer .info_box li{
	display: inline-block;
	width: 50%;
	max-width: 150px;
	text-align: center;
}
footer .info_box li,
footer .info_box li a{
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
.footer_link {
	padding: 5px 0;
	background: #000;
	text-align: center;
	font-size: 12px;
	font-family: sans-serif;
	color: #fff;
}
.footer_link a {
	color: #fff;
	text-decoration: underline;
	text-decoration-color: #d0d0d0;
}
.footer_txt{
	margin: 10px;
	color: #fff;
}

/******************************
トップページ
******************************/
/*TOPページローディングアニメーション*/
#top_shutter {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	z-index: 9999999;
	animation: bgAnime linear 4s forwards;
}
#top_shutter .bg{
	position: fixed;
	top: 18px;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	z-index: 9999999;
	animation: bgAnime linear 4s forwards;
}
#top_shutter img{
	width: 70%;
	max-width: 350px;
	margin: 0 auto;
	position: absolute;
	top: 30%;
	left: 0;
	right: 0;
	-webkit-animation: text-focus-in 1s ease-in 0.5s both;
	animation: text-focus-in 1s ease-in 0.5s both;
}
/*keyframe*/
@keyframes bgAnime {
	70%{
		opacity: 1;
	}
	100%{
		opacity: 0;
		display: none;
		z-index: -99999;
	}
}
@-webkit-keyframes text-focus-in {
	0% {
		-webkit-filter: blur(12px);
		filter: blur(12px);
		opacity: 0;
	}
	100% {
		-webkit-filter: blur(0px);
		filter: blur(0px);
		opacity: 1;
	}
}
@keyframes text-focus-in {
	0% {
		-webkit-filter: blur(12px);
		filter: blur(12px);
		opacity: 0;
	}
	100% {
		-webkit-filter: blur(0px);
		filter: blur(0px);
		opacity: 1;
	}
}



/*トップページ共通スタイル設定*/
#section_today{
	padding: 50px 0;
}

/*トップページh2設定*/
.top_title{
	max-width: 320px;
	margin: 0 auto;
	background: url("../images/bg_h2.png") center 0 no-repeat;
	background-size: 50%;
	background-position: center;
	color: #fff;
	font-size: 28px;
	letter-spacing: 4px;
	margin-bottom: 50px;
	text-shadow: #ece1af 2px 2px 5px, #9d850d -2px 2px 5px, #916b03 2px -2px 5px, #7f5d00 -2px -2px 5px;
}
.h2_title{
	text-align: center;
	line-height: 46px;
}
.h2_sub{
	font-size: 0.5em;
	text-align: center;
}

/*本日の出勤*/
#section_today{
	width: 95%;
	margin: 0 auto;
}
#section_today .inner{
	max-width: 1200px;
}

/*新着情報*/
#section_topics{
	width: 100%;
}
#section_topics .top_title{
	margin-bottom: 20px;
}
/*右画像部分設定*/
#section_topics .img_box{
	width: 50%;
	overflow: hidden;
	float: left;
}
#section_topics .img_box img{
	object-fit: cover;
	width: 100%;
	height: 600px;
	/*object-position: 75% 0;*/
}
/*左テキスト部分設定*/
#section_topics .topics_box{
	width: 50%;
	/*background-color: #000;*/
	float: left;
	padding: 30px 50px;
}
#section_topics .info_frame{
	border-top: 2px solid #494f4f;
	border-bottom: 2px solid #494f4f;
	padding: 6px 0;
}
#section_topics .info_box {
	height: 420px;
	padding: 10px 0;
	text-align: left;
	overflow-y: auto;
	border-top: 1px solid #494f4f;
	border-bottom: 1px solid #494f4f;
}
#section_topics .info_box tbody tr td{
	border: 1px solid #000;
}
#section_topics .info_box article{
	padding-bottom: 30px;
	text-align: left;
	border-bottom: 1px solid #e3e8e8;
}
#section_topics .info_box article time{
	background-color: #b7a678;
	color: #fff;
	padding: 3px 5px;
}
#section_topics .info_box article h3{
	text-align: left;
	font-size: 20px;
	color: #b7a678;
}
#section_topics .info_box article img{
	max-width: 100% !important;
	height: auto !important;
}
#section_topics .info_box strong {
	font-weight: bold;
}
#section_topics .info_box p{
	margin: 20px auto;
	text-align: left;
}
#section_topics .info_box p.arrow{
	text-align: center;
}
#section_topics .info_box p.arrow a{
	display: inline-block;
	background-color: #333333;
	padding: 5px 10px;
	border-radius: 30px;
	text-align: center;
	color: #fff;
	margin: 0 auto;
}

/*アプリでいつでも簡単予約バナー*/
.app_reserve_box{
	width: 95%;
	max-width: 1150px;
	margin: auto;
	padding: 50px 30px 0;
}
.app_reserve_box > img{
	max-width: 100%;
	height: auto;
}
.app_reserve_box ul{
	display: flex;
	justify-content: center;
	background: #F3F3F3;
	align-items: center;
	padding: 10px;
}
.app_reserve_box ul li{
	margin-right: 10%;
}
.app_reserve_box ul li:last-of-type{
	margin-right: 0;
}
.app_reserve_box ul li img{
	width: 100%;
	max-width: 200px;
}
.app_reserve_box ul li:nth-of-type(2) img{
	max-width: 80px;
}
/*クリッカブルマップ*/
area {
  border:none;
  outline:none;
}

/*2カラム*/
.collum2{
	width: 100%;
	padding: 0 0 50px 0;
	display: flex;
	flex-direction: row-reverse;
}
/*イベント*/
#section_event{
	width: 50%;
	float: left;
	padding: 50px 0;
}
#section_event .event_box{
	width: 95%;
	max-width: 500px;
	margin: 0 auto;
}
#section_event .event_box img{
	width: 100%;
}
/*twitter ツイッター*/
#section_twitter{
	width: 50%;
	background: url("../images/bg_twitter.jpg") center 0 repeat;
	padding: 50px 0;
	float: left;
}
#section_twitter .txt_box{
	width: 90%;
	margin: 0 auto;
	height: 400px;
	overflow-y: scroll;
}

/*イメージ設定*/
#wide_img{
	margin: 5% auto;
	width: 100%;
	height: 400px;
	background: url(../images/wide_img.gif) top center no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

/*ピックアップガール*/
#section_pickup{
	width: 100%;
	margin: 0 auto 20%;
	display: block;
	position: relative;
}
#section_pickup .top_title.pc{
	margin: 0 0 50px 0;
}
#section_pickup .pickup_img{
	position: absolute;
	right: 0;
	bottom: -200px;
	width: 59%;
	max-width: 700px;
}
#section_pickup .pickup_img img{
	width: 100%;
}
/*pickupのScrollMeの設定*/
#section_pickup .scrollme{
	position: absolute;
	bottom: -55px;
	left: 200px;
	z-index: 99;
}
#section_pickup .scrollme img{
	max-width: 300px;
}
@media screen and (max-width: 762px) {
	#section_pickup{
		margin-bottom: 25%;
	}
	#section_pickup .scrollme{
		right: 0;
		left: unset;
		bottom: 250px;
	}
	#section_pickup .pickup_img{
		bottom: -100px;
	}
}


/*求人情報*/
#section_recruit{
	width: 100%;
	padding: 50px 0;
	display: flex;
}
#section_recruit .img_box{
	flex: 0 0 calc((100% - 450px) / 2);
}
#section_recruit .img_box li{
	width: calc(50% - 9px);
	float: left;
	margin: 0 9px 9px 0;
	box-shadow: 0 0 10px #dcdcdc;
}
#section_recruit .img_box.right li {
	margin-left: 9px;
	margin-right: 0;
}
#section_recruit .img_box li:last-child,
#section_recruit .img_box li:nth-last-child(2) {
	margin-bottom: 0;
}
#section_recruit .img_box li img{
	width: 100%;
	display: block;
}
#section_recruit .center{
	flex: 0 0 450px;
	/*background: #211c1c;*/
	display: flex;
	align-items: center;
	justify-content: center;
}
#section_recruit .txt_box .top_title{
	text-shadow: none;
	color: #fff;
	background: none;
	margin-bottom: 20px;
}
#section_recruit .btn_more span {
	color: #fff;
}

@media screen and (max-width: 768px) {
	#section_recruit{
		display: block;
		width: 95%;
		margin: 0 auto;
	}
	#section_recruit .img_box li{
		width: calc( 50% - 4px);
		margin: 0 0 8px 0;
	}
	#section_recruit .img_box li:nth-child(2n) {
		float: right;
	}
	#section_recruit .img_box li:last-child,
	#section_recruit .img_box li:nth-last-child(2) {
		margin-bottom: 0;
	}
	#section_recruit .img_box.left li:last-child,
	#section_recruit .img_box.left li:nth-last-child(2) {
		margin-bottom: 8px;
	}
	#section_recruit .img_box.right li{
		padding-left: 0;
		margin: 0 0 8px 0;
	}
	#section_recruit .center{
		display: block;
		margin-bottom: 8px;
	}
	#section_recruit .center .txt_box{
		padding: 40px 10px 38px;
		display: inherit;
	}
}


/*ラインバナーとアロパンバナー*/
#section_bottom{
	width: 95%;
	margin: 0 auto 10%;
}
#section_bottom .line_frame{
	width: 100%;
	height: 150px;
	max-width: 500px;
	border: 2px solid #494f4f;
	padding: 5px;
	margin: 0 auto 20px;
}
#section_bottom .line_frame .line_box{
	width: 100%;
	height: 100%;
	border: 1px solid #494f4f;
	display: flex;
	align-items: center;
}
#section_bottom .line_frame .line_box .img_box{
	width: 26%;
	margin-left: 5%;
	display: inline-block;
}
#section_bottom .line_frame .line_box .img_box img{
	width: 100%;
}
#section_bottom .line_frame .line_box .txt_box{
	width: 60%;
	display: inline-block;
	margin: 0 5%;
	font-size: 26px;
}
#section_bottom .line_frame .line_box .txt_box p{
	border-top: 1px solid #9b9f9f;
	border-bottom: 1px solid #9b9f9f;
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	padding:5px 0;
}

/* enquete_box */
#section_bottom .enquete_box {
	width: 100%;
	max-width: 500px;
	margin: 0 auto 20px;
}

/*****************************************
******************************************
ここから下層ページなのだよ。
******************************************
*****************************************/
.subvisual{
	height: 60vh;
	position: relative;
	margin-bottom: 5%;
}
.subvisual .bg{
	width: 100%;
	height: 54vh;
	overflow: hidden;
}
.subvisual .bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.contents_h2{
	width: 70%;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 100px;
	background: linear-gradient(to right, #b7a678 0%, #b7a678 100%);
	display: flex;
	align-items: center;
}
.contents_title{
	margin-left: 50px;
	color: #fff;
	font-size: 28px;
	line-height: 25px;
	letter-spacing: 3px;
	text-align: left;
}

.content_inner,
.profile_box_schedule {
	margin-bottom: 100px;
	width: 95%;
	max-width: 1150px;
	margin: 0 auto 5%;
}

/*下層ページh3設定*/
.content_inner h3:not(.top_system_h3){
	position: relative;
	padding: 0.5em 0;
	font-size: 2em;
	margin: 0 auto 30px;
	width: 100%;
	font-feature-settings: "palt";
}
.content_inner h3:not(.top_system_h3)::before,
.content_inner h3:not(.top_system_h3)::after{
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 6px;
	box-sizing: border-box;
}
.content_inner h3:not(.top_system_h3)::before{
	top: 0;
	border-top: 2px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.content_inner h3:not(.top_system_h3)::after{
	bottom: 0;
	border-top: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
}
/*セラピスト画像hover時のh3スタイルの除去*/
.content_inner .staff .img_box h3{
	position: unset;
	font-size: unset;
	letter-spacing: unset;
}
.content_inner .staff .img_box h3::before {
	top: unset;
	border-top: unset;
	border-bottom: unset;
}
.content_inner .staff .img_box h3::before,
.content_inner .staff .img_box h3::after {
	position: unset;
	left: unset;
	content: unset;
	width: unset;
	height: unset;
	box-sizing: unset;
}


/*下層ページh4設定*/
#contents_system .top_system_h3,
.content_inner h4{
	border-bottom: 2px solid #eee;
	position: relative;
	margin-bottom: 30px;
	text-align: left;
	font-size: 20px;
}
#contents_system .top_system_h3:after,
.content_inner h4:after{
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 2px #333;
	bottom: -2px;
	width: 20%;
}

/****************************************
女の子一覧ページ & スケジュールページ
****************************************/
/*スケジュールページ日付選択*/
#contents_schedule .schedule_nav{
	margin: 30px auto;
	display: flex;
	justify-content: center;
}
#contents_schedule .schedule_nav li{
	width: calc( 100%/ 7 );
	margin-bottom: 10px;
	margin: 0 4px 20px;
}
#contents_schedule .schedule_nav li a {
	padding: 10px;
	font-size: 13px;
	display: block;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	border: 1px solid #ccc;
	position: relative;
	box-sizing: border-box;
}
#contents_schedule .schedule_nav li a:hover {
	border: 1px solid #b7a678;
	color: #b7a678;
}
#contents_schedule .schedule_nav li.active a {
	background: #b7a678;
	color: #fff;
}
#contents_schedule .system_txt{
	text-align: left;
	padding: 10px 20px;
	border: 1px solid #eee;
	margin: 0px auto 50px;
}
#contents_schedule .collum03{
	width: 100%;
	margin: 0 auto;
	display: flex;
}
#contents_schedule .collum03 .txt{
	width: 100%;
	float: left;
	align-self: stretch;
}
@media screen and (max-width: 768px) {
	#contents_schedule .schedule_nav li:first-child {
		width: 100%;
	}
	#contents_schedule .schedule_nav {
		flex-wrap: wrap;
	}
	#contents_schedule .schedule_nav li{
		width: calc( 96%/ 2 );
		margin: 0 1% 8px;
	}
}

/* 女の子のボックス */
#contents_cast .cast_box li, #contents_schedule .cast_box li {
	margin: 0 53px 30px 0;
	float: left;
}
/****************************************
プロフィールページ
****************************************/
#contents_profile .title{
	background: url(../images/title_profile.png) 0 0 no-repeat;
}
/*右プロフィール*/
#contents_profile .profile_box_right{
	width: 100%;
	max-width: 480px;
	display: inline-block;
	vertical-align: top;
	padding: 0 30px;
}
#contents_profile .profile_box_right h4{
	margin-bottom: 5px;
	color: #fff;
}
#contents_profile .profile_box_right h4:after{
	border-bottom: solid 2px #fff;
}
#contents_profile .profile_box_right .txt{
	margin-bottom: 30px;
	font-size: 18px;
}
#contents_profile .profile_box_right .txt img.icon_new{
	width: 100%;
	max-width: 80px;
	vertical-align: sub;
}
#contents_profile .profile_box_right .txt img.icon_shop{
	max-width: 100px;
	width: 100%;
}
#contents_profile .profile_box_right .sns{
	display: inline-block;
	width: 100%;
	margin: 20px auto;
}
#contents_profile .profile_box_right .sns a{
	display: inline-block;
	width: 49%;
	max-width: 150px;
}
#contents_profile .profile_box_right .sns a img{
	width: 100%;
}
#contents_profile .table02{
	margin: 0 auto 10px;
}

/*左写真*/
#contents_profile .profile_box_left{
	width: 100%;
	max-width: 330px;
	display: inline-block;
}
#contents_profile .profile_box_left .img_box{
	width: 100%;
	max-width: 330px;
	max-height: 495px;
	overflow: hidden;
	margin: 0 auto 20px;
	position: relative;
	text-align: center;
}
#contents_profile .img_box > img{
	width: 100%;
}

/*出勤スケジュール*/
.profile_box_schedule .profile_sch_box {
	width: 100%;
	display: flex;
	box-sizing: border-box;
	border: 1px solid #eee;
}
.profile_box_schedule .profile_sch_box .profile_sch_variable {
	flex-grow: 1;
}
.profile_box_schedule .profile_sch_box div:nth-of-type(1).profile_sch_variable .profile_sch_date,
.profile_box_schedule .profile_sch_box div:nth-of-type(1).profile_sch_variable .profile_sch_check{
	border-left: none;
}
.profile_box_schedule .profile_sch_box .profile_sch_variable .profile_sch_date {
	padding: .5em 1em;
	text-align: center;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.profile_box_schedule .profile_sch_box .profile_sch_variable .profile_sch_check {
	padding: .8em 1em;
	color: #999;
	text-align: center;
	border-left: 1px solid #eee;
}
.profile_box_schedule .profile_sch_box .profile_sch_variable .profile_sch_check img {
	width: 62px;
}

@media (max-width: 767px) {
	.profile_box_schedule .profile_sch_box {
		display: block;
	}
	.profile_box_schedule .profile_sch_box div:nth-of-type(1).profile_sch_variable .profile_sch_check {
		border-left: 1px solid #eee;
	}
	.profile_box_schedule .profile_sch_box .profile_sch_variable {
		flex-grow: unset;
		display: flex;
		border-bottom: 1px solid #eee;
	}
	.profile_box_schedule .profile_sch_box .profile_sch_variable:last-child{
		border-bottom: none;
	}
	.profile_box_schedule .profile_sch_box .profile_sch_variable .profile_sch_date {
		flex-basis: 50%;
		border-bottom: none;
		border-left: none;
	}
	.profile_box_schedule .profile_sch_box .profile_sch_variable .profile_sch_check {
		flex-basis: 50%;
	}
}


/****************************************
システムページ
****************************************/
#contents_system .collum{
	width: 100%;
	margin: 0 auto;
	display: flex;
}
#contents_system .collum02{
	flex-direction: row-reverse;
}
#contents_system .collum .img,
#contents_system .collum .txt{
	width: 50%;
	float: left;
	align-self: stretch;
}
#contents_system .collum:nth-of-type(1) .img{
	background-image: url(../images/system_01.jpg);
	background-size: cover;
	background-position-y: 45%;
}
#contents_system .collum:nth-of-type(2) .img{
	background-image: url(../images/system_02.jpg);
	background-size: cover;
	background-position-y: 65%;
}
#contents_system .collum:nth-of-type(3) .img{
	background-image: url(../images/system_03.jpg);
	background-size: cover;
	background-position-y: 65%;
}
#contents_system .top .collum .txt{
	padding: 50px 30px;
	/*display: flex;
	align-items: center;*/
}
#contents_system .collum .txt{
	padding: 50px 30px;
}

#contents_system .system_txt{
	text-align: left;
	padding: 10px 20px;
	border: 1px solid #eee;
	margin: 20px auto;
}
#contents_system .system_txt .system_txt_emp {
    display: inline-block;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.4em;
    padding: 4px;
    background: #dddddd;
}
#contents_system .collum03{
	width: 100%;
	margin: 0 auto;
	display: flex;
}
#contents_system .collum03 .txt{
	width: 100%;
	float: left;
	align-self: stretch;
}
#contents_system.top_system .collum {
	width: 100%;
	margin: 0 auto;
}
#contents_system.top_system .collum .txt {
	width: 100%;
	padding: 50px 30px 0;
}

#contents_system .table_02.healingcourse{
	margin-bottom: 20px;
}


/*テーブル設定*/
.table_02{
	width: 95%;
	margin: 0 auto;
	font-size: 11px;
}
.table_02 tr th:nth-child(2),
.table_02 tr td:nth-child(2){
	width: 20%;
}
.table_02 td{
	width: 48%;
	font-size: 1.5em;
	text-align: center;
}
.s_sp_br{
	display: none;
}
.s_tab_br{
	display: none;
}
@media (max-width: 1024px) {
	.s_tab_br{
		display: block;
	}
}
@media (max-width: 768px) {
	#contents_system .collum .txt {
		padding: 50px 10px;
	}
	.table_02 td {
		width: 45%;
	}
	.s_sp_br{
		display: block;
	}
	#contents_schedule .system_txt{
		margin: 10px auto 50px;
	}
}
@media (max-width: 767px) {
	#contents_system .collum .img,
	#contents_system .collum .txt{
		width: 100%;
	}
	#contents_system .collum .img{
		height: 250px;
	}
	#contents_system .collum .txt{
		padding: 20px 0;
	}
	#contents_system .collum{
		display: unset;
	}
	.table_02 tr th:nth-child(2),
	.table_02 tr td:nth-child(2){
		display: none;
	}
	#contents_system .collum .txt {
		padding: 50px 10px;
	}
	.table_02 td {
		width: 65%;
	}
	.s_tab_br{
		display: none;
	}
}
@media screen and (max-width: 480px) {
	.app_reserve_box{
		padding: 50px 10px 0;
	}
	#contents_system.top_system .collum .txt {
		padding: 50px 10px 0;
	}
	#contents_system .table_02 td {
		width: 66%;
	}
}
/****************************************
求人情報ページ
****************************************/
#contents_recruit .content_inner .img_box{
	width: 100%;
	margin-bottom: 50px;
}
#contents_recruit .content_inner .img_box ul{
	display: flex;
}
#contents_recruit .content_inner .img_box ul li{
	display: inline-block;
	width: 100%;
	max-width: 350px;
	padding: 2%;
	margin: 0 auto;
}
#contents_recruit .content_inner .img_box ul li img{
	width: 100%;
	box-shadow: 0px 2px 4px 0.15px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 2px 4px 0.15px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 2px 4px 0.15px rgba(0, 0, 0, 0.15);
}
#contents_recruit .content_inner .img{
	width: 100%;
	max-width: 800px;
	box-shadow: 0px 2px 4px 0.15px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 2px 4px 0.15px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 2px 4px 0.15px rgba(0, 0, 0, 0.15);
	padding-bottom: 20px;
	margin: 50px auto;
}
#contents_recruit .content_inner .img img{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#contents_recruit .content_inner .img p{
	padding: 20px;
	text-align: left;
	font-size: 1.3em;
	font-feature-settings: "palt";
}

/****************************************
アクセスページ
****************************************/
/*タブ切り替え全体のスタイル*/
.maps {
	margin-top: 50px;
	padding-bottom: 40px;
	/*background-color: #fff;*/
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
/*タブのスタイル*/
.map_item {
	width: calc(100%/4);
	height: 50px;
	border-bottom: 3px solid #D3C0DB;
	border-right: 1px solid #ececec;
	background-color: #d9d9d9;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	color: #565656;
	display: block;
	float: left;
	text-align: center;
	transition: all 0.2s ease;
}
.map_item:hover {
	opacity: 0.75;
}
.map_item:last-child{
	border-right: none;
}
/*ラジオボタンを全て消す*/
input[name="map_item"] {
	display: none;
}
/*タブ切り替えの中身のスタイル*/
.map_content {
	display: none;
	padding: 40px 20px 0;
	clear: both;
	overflow: hidden;
}
/*選択されているタブのコンテンツのみを表示*/
#shop_01:checked ~ #shop_01_content,
#shop_02:checked ~ #shop_02_content,
#shop_03:checked ~ #shop_03_content,
#shop_04:checked ~ #shop_04_content{
	display: block;
}
/*選択されているタブのスタイルを変える*/
.maps input:checked + .map_item {
	background-color: #D3C0DB;
	color: #fff;
}
#contents_access .shop_box
{
	margin-top: 60px;
}

/****************************************
404ページ
****************************************/
#section_err {
	margin: 0 auto;
	color: #242424;
	font-size: 15px;
	line-height: 1.3;
	text-align: left;
	padding: 80px 70px;
	border: 1px solid #B6B6B6;
	background-image: none;
	background-color: #ffffff;
}
#section_err #err_title {
	font-size: 56px;
	font-weight: bold;
	line-height: 1.4;
	padding: 0;
	margin: 0;
}
#section_err #err_subtitle {
	font-size: 26px;
	font-weight: bold;
	margin: 0 0 40px 0;
}
#section_err #err_toplink a {
	position: relative;
	color: #E72D34;
	text-decoration: underline;
}
#section_err #err_toplink a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -25px;
	margin: -8px 0 0 0;
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-left: 7px solid #E72D34;
}



/****************************************
****************************************

メディアクエリ設定！！！

****************************************
****************************************/
@media screen and (min-width: 769px){
	#bottom_nav {
		display: none !important;
	}
}
@media screen and (max-width: 768px) {
	/*SP版追従TELボタン*/
	#bottom_nav{
		position: fixed;
		right: 0;
		bottom: 0;
		display: block;
		width: 100%;
		margin: auto;
		z-index: 50000;
		margin-bottom: 15px;
	}
	#bottom_nav.fade {
		position: fixed;
		right: 0;
		left: 0;
		bottom: 2.5%;
		padding: 0 1%;
		margin-bottom: 0;
		z-index: 50000;
		display: block !important;
		animation-duration: 2.6s;
		-webkit-animation-duration: 2.6s;
		animation-name: fade;
	}
	@keyframes fade {
		0% {
			opacity: 0;
			transform: translateY(-100px);
		}
		100% {
			opacity: 1;
			transform: translateY(0);
		}
	}
	@-webkit-keyframes fade {
		0% {
			opacity: 0;
			transform: translateY(-100px);
		}
		100% {
			opacity: 1;
			transform: translateY(0);
		}
	}
	#bottom_nav ul {
		width: 100%;
		display: table;
		margin: auto;
	}
	#bottom_nav ul li {
		width: calc(100% / 3);
		display: table-cell;
		background: linear-gradient(180deg, #f3e5b5, #b7a678);
		border-radius: 40px;
	}
	#bottom_nav ul li.nav_tel{
		border-left: 1px solid #486e9d;
	}
	#bottom_nav ul li a {
		line-height: 50px;
		display: block;
		color: #fff;
		font-size: 20px;
	}
	#bottom_nav ul li a i{
		
		color: #fff;
		font-size: 20px;
	}
	#bottom_nav ul li.nav_line a {
		background: #48b831;
	}
	/*ヘッダー*/
	header .logo{
	    display: block;
		width: 100px;
    	margin: 0 auto;
    	position: absolute;
    	top: 4px;
    	left: 0;
    	right: 0px;
	}
	/*フッター*/
	footer{
		margin-bottom: 70px;
	}
	/*トップページ*/
	#section_top{
		height: 100vh;
	}
	#mainvisual{
		background-attachment: unset;
		height: 100vh
	}
	#mainvisual .top_info{
		padding: 8px;
	}
	/*新着情報*/
	#section_topics .img_box{
		width: 100%;
		float: unset;
	}
	#section_topics .topics_box{
		width: 90%;
		float: unset;
		padding: 30px 0;
		margin: 0 auto;
	}
	#section_topics .img_box img{
		height: unset;
	}
	/*2カラム*/
	.collum2{
		flex-direction: unset;
		display: unset;
	}
	#section_twitter,
	#section_event{
		display: block;
		width: 100%;
		float: unset;
	}
	#wide_img{
		height: 250px;
		background-attachment: unset;
		background-size: 100%;
	}
	/*ピックアップ*/
	.cast_box02 li .img_box{
		width: 80%;
	}
	.cast_box02 li .txt_box{
		width: 80%;
		margin: 10% auto;
	}
}
@media screen and (max-width: 536px) {
	.table01 .title span {
		display: block;
		margin: 0 auto;
		text-align: center;
		letter-spacing: 2px;
	}
	.table01 .title span::before, .table01 .title span::after {
		position: absolute;
		top: 55px;
    right: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #ccc;
	}
	.table01 .title span::before {
    top: 0;
  }
  .table01 .title span::after {
    bottom: 0;
  }
}