@font-face {
	font-family: "YuGothic M";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}

@font-face {
	font-family: 'MistralAV';
	src: url('../font/MISTRAL.woff') format('truetype');
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}

/********* reset *********/
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-size: 100%;
	vertical-align:baseline;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

article, header, footer, aside, figure, figcaption, nav, section {display:block;}

body {
	line-height: 1;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

ol, ul {
	list-style: none;
	list-style-type: none;
}

a {text-decoration: none;}

.clear {clear: both;}

/********* reset *********/

/********* common *********/
* {box-sizing: border-box;}

body {
	font-family: "Yu Mincho", "YuMincho", serif;
	font-size: 16px;
	margin: 0 auto;
	padding: 0;
	overflow-x: hidden;
}

/* header */
header {
    padding: 0 0 15px;
    overflow: hidden;
    width: 100%;
    max-width: 945px;
    margin: 0 auto;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		header {
			padding: 15px 0 20px;
			position: relative;
		}
	}

	@media screen and (max-width: 480px) {
		header {
			padding: 15px 0 5px;
			position: relative;
		}
	}

header::after {
	content: '';
	clear: both;
}
/*
header #nav-drawer {
	padding: 15px 15px 15px 0;
	text-align: right;
}
*/
header #nav-drawer {
    padding: 15px 15px 15px 0;
    text-align: right;
    position: fixed;
    top: 0px;
    right: 0;
    z-index: 10;
}

header .nav-unshown { display:none;}

header #nav-open {
    font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
    display: inline-block;
    padding: 7px 10px;
    border: #000 2px solid;
    border-radius: 4px;
    vertical-align: middle;
    cursor: pointer;
    background: rgba(255,255,255,.8);
}

	@media screen and (min-width: 769px) {
		header #nav-open {display:none;}
	}

header #nav-open span:before {bottom: -8px;}

header #nav-open span:after {bottom: -16px;}

header #nav-close {
	display: none;
	position: fixed;
	z-index: 999998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	transition: .3s ease-in-out;
}

header #nav-content {
	background-color: #fafaf0;
	top: 0;
	left: 0;
	z-index: 999999;
	width: 50%;
	max-width: 383px;
	height: 100%;
	text-align: center;
	overflow: auto;
	position: fixed;
	transition: .3s ease-in-out;
	-webkit-transform: translateX(-105%);
	transform: translateX(-105%);
}

header #nav-close .close {
	position: relative;
	right: 41%;
	top: 10px;
}

header #nav-close .close img {
	width: 7.292vw;
	max-width: 56px;
	cursor: pointer;
}

header #nav-content div:first-of-type {background-color: #847841;}

header #nav-content a {
	color: #847841;
	width: 100%;
	padding: 10px 0;
	text-decoration: none;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	box-shadow: 0 1px 0 rgba(255,255,255,1);
	display: block;
}

header #nav-content div:first-of-type a {color: #fff;}

header #nav-input:checked ~ #nav-close {
	display: block;
	opacity: .5;
}

header #nav-input:checked ~ #nav-content {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

header ul li {display: inline-block;}

	@media screen and (max-width: 600px) {
		header ul li {
			text-align: center;
			display: block;	
		}
	}	

header ul li:first-child {
    margin-left: 1%;
    padding-top: 3%;
    float: left;
    max-width: 200px;
}

	@media screen and (max-width: 940px){
		header ul li:first-child {
			max-width: 200px;
			margin-left: 14%;
			margin-top: 4%;
		}
	}

	@media screen and (max-width: 800px){
		header ul li:first-child {
			max-width: 100%;
			margin-left: 0;
			margin-top: 0;
			float: none;
			margin: 0;
			display: block;
			width: 100%;
			text-align: center;
			padding-top: 0;
			padding-bottom: 3%;
			-ms-flex-order: 1;
			-webkit-order: 1;
			order: 1;
		}
	}

	@media screen and (max-width: 600px) {
		header ul li:first-child {
			float: none;
			margin-left: 0;
			padding-top: 10px;
		}
	}

header ul li:first-child img {width:100%}

	@media screen and (max-width: 800px){
		header ul li:first-child img {width: 200px;}
	}

	@media screen and (max-width: 375px){
		header ul li:first-child img {width: 50%;}
	}

header ul li:nth-child(2) {
	float: none;
	margin-top: 5%;
	margin-left: 2.3%;
	max-width: 350px;
}

	@media screen and (max-width: 940px){
		header ul li:nth-child(2) {
			margin-top: 8%;
			margin-left: 15.3%;
			margin-right: 0;
		}
	}

	@media screen and (max-width: 900px) {
		header ul li:nth-child(2) {
			float: none;
			margin-top: 11px;
			margin-left: 0px;
			margin-right: 5%;
		}
	}

	@media screen and (max-width: 800px){
		header ul li:nth-child(2) {
			display: block;
			margin: 0 auto;
			max-width: 800px;
			padding-top: 0;
			-ms-flex-order: 5;
			-webkit-order: 5;
			order: 5;
		}
	}

	@media screen and (max-width: 600px) {
		header ul li:nth-child(2) {
			float: none;
			margin-left: 0;
			margin-right: 0;
			padding-top: 10px;
			width: 94%;
		}
	}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		header ul li:nth-child(2) {
		  margin-left: 11%;
			margin-top: 0;
			margin-right: 8%;	
		}
	}

	@media screen and (max-width: 800px){
		header ul li:nth-child(2) img {
			padding-left: 2px;
		}
	}

header ul li:nth-child(3) {
	float: none;
	margin-left: 0.5%;
	max-width: 350px;
}

	@media screen and (max-width: 940px){
		header ul li:nth-child(3) {margin-left: 15.3%;}
	}

	@media screen and (max-width: 800px){
		header ul li:nth-child(3) {
			display: block;
			margin: 0 auto;
			max-width: 800px;
			-ms-flex-order: 4;
			-webkit-order: 4;
			order: 4;
		}
	}

	@media screen and (max-width: 600px) {
		header ul li:nth-child(3) {width: 94%;}
	}

header ul li:nth-child(4) {
	float: none;
	margin-left: 2.3%;
	max-width: 350px;
}
	@media screen and (max-width: 940px){
		header ul li:nth-child(4) {margin-left: 15.3%;}
	}

	@media screen and (max-width: 800px){
		header ul li:nth-child(4) {
			display: block;
			margin: 0;
			max-width: 800px;
			-ms-flex-order: 2;
			-webkit-order: 2;
			order: 2;
		}
	}

header ul li:nth-child(5) {
	float: none;
	margin-left: 1%;
	max-width: 350px;
}

	@media screen and (max-width: 940px){
		header ul li:nth-child(5) {margin-left: 15.8%;}
	}

	@media screen and (max-width: 800px){
		header ul li:nth-child(5) {
			display: block;
			margin: 0 auto 10px;
			max-width: 800px;
			text-align: center;
			width: 100%;
			-ms-flex-order: 3;
			-webkit-order: 3;
			order: 3;
			margin-left: 0%!important;
		}
	}
		
header ul li:last-child {
	float: none;
	margin-right: 0px;
	margin-top: 0;
	max-width: 350px;
	margin-left: 0.6%;
}

	@media screen and (max-width: 900px) {
		header ul li:last-child {margin-top: 0%;}
	}

	@media screen and (max-width: 800px){
		header ul li:last-child {
			-ms-flex-order:6; /*for IE10*/
			-webkit-order:6; /* for old webkit browser */
			order: 6;
		}
	}

	@media screen and (max-width: 600px) {
		header ul li:last-child {
			float: none;
			margin-right: 0;
			margin-top: 10px;
			max-width: 600px;
		}
	}

header ul li:last-child div:nth-child(2) {margin-top: 5px;}

/*header ul li:last-child div:last-child {margin-top: 5px;}*/

header ul li #tel {
	font-family: 'Lora', serif;
	font-size: 2.65em;
	margin-top: 10px;
}	

	@media screen and (max-width: 600px) {
		header ul li #tel {display: none;}
	}

header ul li #tel a {
	color: #000;
	text-decoration: none;
	cursor: text;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		header ul li #tel a {cursor: pointer;}
	}

header ul li #tel span {font-size: 24px;}

header ul li #sp-tel {display: none;}

	@media screen and (max-width: 600px) {
		header ul li #sp-tel {
			width: 240px;
			margin: 10px auto 10px;
			background-color: #6e5a2d;
			display: block;
		}
	}

header ul li #time {
	font-size: 18px;
	vertical-align: bottom;
	padding-top: 7px;
}

	@media screen and (max-width: 600px) {
		header ul li #time {display: none;}
	}

header ul li #time span {
	font-size: 11px;
	font-weight: bold;
	display: inline-block;
	border: #000 1px solid;
	margin-right: 5px;
	padding: 3px 5px;
	vertical-align: bottom;
}

header ul li #time2 {
	font-size: 18px;
	vertical-align: bottom;
	padding-top: 3px;
}

	@media screen and (max-width: 600px) {
		header ul li #time2 {display: none;}
	}

header ul li #time2 span {
	font-size: 11px;
	font-weight: bold;
	display: inline-block;
	border: #000 1px solid;
	margin-right: 5px;
	padding: 3px 5px;
	vertical-align: bottom;
}

header ul li #area {margin: 5px 0 0 0;}

header ul li #area span {
    font-size: 14px;
    color: #fff;
    background-color: #847841;
    width: 60px;
    margin-right: 10px;
    padding: 5px 0;
    display: inline-block;
    text-align: center;
}

	@media screen and (max-width: 600px) {
		header ul li #area span:last-child {margin-right: 0;}
	}

	@media screen and (max-width: 800px){
		header ul {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}
	}
/* /header */

/* nav */
nav {
	font-family: 'Lora', serif;
	background-color: #6e5a2d;
}

nav ul {
	font-size: 0;
	width: 95%;
	max-width: 945px;
	margin: 0 auto;
	text-align: center;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		nav ul {display: none;}
	}

	@media screen and (max-width: 480px) {
		nav ul {display: none;}
	}

nav ul li {
	width: 12.5%;
	display: inline-block;
	text-align: center;
}

nav ul li:nth-child(1),
nav ul li:nth-child(7) {
	width: 10.5%;
}

nav ul li:nth-child(4),
nav ul li:nth-child(5) {
	width: 14.5%;
}

nav ul li a {
	font-size: 16px;
	color: #fff;
	width: 100%;
	padding: 15px 0;
	text-decoration: none;
	display: block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}

nav ul li a:hover {background-color: #c9aa57;}

nav ul li a span {
	font-family: "Yu Mincho", "YuMincho", serif;
	font-size: 11px;
}
/* /nav */

main {
	background-color: #fafaf0;
	color: #696354;
}

section {
	width: 100%;
	margin: 0 auto;
	padding-top: 60px;
	overflow: hidden;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		section {padding-top: 6vw;}
	}

	@media screen and (max-width: 480px) {
		section {padding-top: 6vw;}
	}

h2 {
	font-family: 'Lora', serif;
	font-size: 32px;
	color: #8d7231;
	background: url(../images/bg_title.png) no-repeat top center;
	height: 134px;
	margin: 0 auto 30px;
	padding-top: 36px;
	line-height: 0.7em;
	letter-spacing: 0.1em;
	text-align: center;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		h2 {
		  font-size: 30px;
		  margin: 0 auto 2vw;
		}
	}

	@media screen and (max-width: 480px) {
		h2 {
		  font-size: 26px;
		  margin: 0 auto 2vw;
		}
	}

h2 span {
	font-family: "Yu Mincho", "YuMincho", serif;
	font-size: 16px;
	color: #252525;
	letter-spacing: 0;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		h2 span {font-size: 14px;}
	}

	@media screen and (max-width: 480px) {
		h2 span {font-size: 12px;}
	}

/* footer */
#spfooter{display: none}	
	
footer {
	border-top: #b9aa65 3px solid;
	padding: 25px 0 20px;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		footer {padding: 0;}
	}

	@media screen and (max-width: 480px) {
		footer {
			padding: 0 0 70px;	
			margin-bottom: 25px;
		}
	}

footer ul {
	font-size: 0;
	width: 95%;
	max-width: 890px;
	margin: 0 auto;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		footer ul {width: 100%;	;
}
	}

	@media screen and (max-width: 480px) {
		footer ul {width: 100%;}
	}

footer ul li {display: inline-block;
	margin-bottom: 10px;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		footer ul li {
			width: 100% !important;
			border-bottom: #b9aa65 1px solid;
			display: block;
			margin: 0;
		}
	}

	@media screen and (max-width: 480px) {
		footer ul li {
			width: 100% !important;
			border-bottom: #b9aa65 1px solid;
			display: block;
			margin: 0;
		}
	}

footer ul li:first-child {width: 7%;}
footer ul li:nth-child(2) {width: 7.75%;}
footer ul li:nth-child(3) {width: 9%;}
footer ul li:nth-child(4) {width: 10.5%;}
footer ul li:nth-child(5) {width: 12%;}
footer ul li:nth-child(6) {width: 7.75%;}
footer ul li:nth-child(7) {width: 5.5%;}
footer ul li:nth-child(8) {width: 4.5%;}
footer ul li:nth-child(9) {width: 6%;}
footer ul li:nth-child(10) {width: 10%;}
footer ul li:nth-child(11) {width: 7%;}
footer ul li:nth-child(12) {width: 10%;}

footer ul li a {
	font-size: 12px;
	color: #847841;
	text-decoration: none;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		footer ul li a {
			width: 100%;
			padding: 15px 0 15px 10px;
			display: block;
		}
	}

	@media screen and (max-width: 480px) {
		footer ul li a {
			width: 100%;
			padding: 15px 0 15px 10px;
			display: block;
		}
	}

footer ul li a:hover {text-decoration: underline;}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		footer ul li a:hover {text-decoration: none;}
	}

	@media screen and (max-width: 480px) {
		footer ul li a:hover {text-decoration: none;}
	}

footer p {
	font-size: 12px;
	color: #847841;
	margin-top: 70px;
	text-align: center;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		footer p {margin: 20px 0 15px;}
	}

	@media screen and (max-width: 480px) {
		footer p {margin: 20px 0 15px;}
	}

	@media screen and (max-width: 480px) {
		/*  spfooter menu  */	
		#spfooter {	
			background: url(../images/sp-footer-bg.jpg) repeat-x left top;
			bottom: 0;
			left: 0;
			position: fixed;
			width: 100%;
			height: auto;
			background-size: contain;
			display: block;
			z-index: 500;
		}	

		#spfooter ul {}	

		#spfooter li {		
			display: inline-block;
			width: 23.5%;
			height: auto;
			padding: 3px 0;
			text-align: center;
		}	

		#spfooter li img {
			width:100%;
			max-width:100%;
			height:auto;
		}
		/*  spfooter menu */	
	}	
/* /footer */

.entry-header,
.entry-footer { display: none;}

.pc {display: inline;}
.sp {display: none;}

	@media screen and (max-width: 480px) {
		.pc {display: none;}
		.sp {display: inline;}
	}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.marquee-sp	{display: none;}

	@media screen and (max-width: 600px) {
		Marquee	{
			padding:5px 0;
			margin-top: 10px;
			width: 100%
		}

		.marquee-sp	{display: block !important;}
	}

	@media screen and (max-width: 480px) {
		Marquee	{
			padding:5px 0;
			margin-top: 10px;
			width: 100%
		}

		.marquee-sp	{display: block !important;}
	}

/********* common *********/

/* blog */
#blog {padding-bottom: 20px;}

#blog ul {
	font-size: 0;
	width: 100%;
	max-width: 1025px;
	margin: 0 auto;
}

#blog ul li {
	font-size: 12px;
	color: #8d7231;
	width: calc(25% - 0.804%);
	margin: 0.4%;
	padding: 3px;
	border: #8d7231 1px solid;
	display: inline-block;
	text-align: center;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#blog ul li {width: calc(33% - 0.465%);}
	}

	@media screen and (max-width: 480px) {
		#blog ul li {width: calc(50% - 0.8%);}
	}

#blog ul li .image {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}

#blog ul li .image:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#blog ul li .image img {max-width: 100%;}

#blog ul li .name {
	font-size: 16px;
	float: left;
	padding: 8px 0 0 5%;
}

#blog ul li .data {
	float: right;
	padding: 10px 4% 10px 0;
}

#blog ul li .btn-blog {clear: both;}

#blog ul li .btn-blog a {
	color: #fff;
	background-color: #8d7231;
	width: 100%;
	padding: 10px 0;
	text-decoration: none;
	display: block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}

#blog ul li .btn-blog a:hover {background-color: #c9aa57;}

#comments {display: none;}
/* /blog */

/* therapistblog */
#therapistblog {
	padding: 0 10px 40px;
	font-family: 'Lora', serif;		
}

#therapistblog ul {font-size: 0;}

#therapistblog ul li {
	font-size: 14px;
	width: 45%;
	display: inline-block;
	vertical-align: top;
	padding: 0 10px 0 10px;
}

#therapistblog ul li .image {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
	padding: 15px 0 0 0px;
}

#therapistblog ul li .image img {
	max-width: 90%;
	margin-top: 30px;	
}

#therapistblog ul#inner {
    max-width: 1000px;
    margin: 0 auto;
    background-color: #fff;
    border: solid 1px;
    padding: 35px 0px 40px 0px;
	position: relative;
}

#therapistblog ul#inner a {text-decoration: none;}

#therapistblog .btn-blog {
	color: #8d7231;
	background-color: #fff;
	width: 300px;
	margin-top: 15px;
	padding: 15px 0;
	border: #bab188 3px solid;
	text-align: center;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#therapistblog .btn-blog {
			width: 100%;
			max-width: 360px;
			margin: 15px auto 0;
		}
	}

	@media screen and (max-width: 480px) {
		#therapistblog .btn-blog {
			width: 100%;
			max-width: 360px;
			margin: 15px auto 0;
		}
	}

#therapistblog .btn-blog:hover {
	color: #fff;
	background-color: #8d7231;
}

#therapistblog .btn-back {
	color: #8d7231;
	background-color: #fff;
	width: 300px;
	margin-top: 15px;
	padding: 15px 0;
	border: #bab188 3px solid;
	text-align: center;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#therapistblog .btn-back {
			width: 100%;
			max-width: 360px;
			margin: 15px auto 0;
		}
	}

	@media screen and (max-width: 480px) {
		#therapistblog .btn-back {
			width: 100%;
			max-width: 360px;
			margin: 15px auto 0;
		}
	}

#therapistblog .btn-back:hover {
	color: #fff;
	background-color: #8d7231;
}

#therapistblog .btn-box {
    width: 300px;
    margin: 0 auto;
}

#therapistblog .btn-box a {text-decoration: none;}

#therapistblog .btn-next ul li {
	font-size: 14px;
	display: inline-block;
}

#therapistblog .btn-next {
    width: 250px;
	text-align: center;
    margin: 0 auto;
	padding: 15px 0 0 0px;
}

#therapistblog .btn-next a {
	font-size: 14px;
	width: 50%;
	display: inline-block;
	color: #8d7231;
}

#therapistblog .icon {
	color: #fff;
	background-color: #8d7231;
	width: 100px;
	padding: 7px 0;
	text-align: center;
}

#therapistblog .prof {
	margin-top: 30px;
	padding-bottom: 15px;
	overflow: hidden;
}

#therapistblog .prof::after {
	content: '';
	clear: both;
}

#therapistblog .b-title {
	font-size: 28px;
	color: #8d7231;
	float: left;
	text-align: left;
}

#therapistblog .data {float: right;}

#therapistblog .b-name {
	font-size: 28px;
	margin: 14px 0 0 0px;
	text-align: left;
}

#therapistblog .text1 {
	margin-top: 20px;
	line-height: 1.6;
	text-align: left;
}

#therapistblog .qa {
	color: #8d7231;
	margin-top: 30px;
}

#therapistblog .text2 {margin-top: 10px;}

#therapistblog ul.schedule {margin-top: 15px;}

#therapistblog ul.schedule li {
	padding: 7px 0;
	border: #8d7231 1px solid;
	text-align: center;
}

#therapistblog ul.schedule li:nth-child(odd) {
	color: #fff;
	background-color: #8d7231;
}

#therapistblog ul.schedule li:nth-child(even) {color: #8d7231;}

#therapistblog ul.schedule li:nth-child(n+3) {margin-top: 5px;}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#therapistblog ul#inner li {
			width: 100%;
			display: block;
			text-align: center;
			padding: 0 5px 0 5px;
		}
	}

	@media screen and (max-width: 480px) {
		#therapistblog ul#inner li {
			width: 100%;
			display: block;
			text-align: center;
		}
	}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#therapistblog ul#inner li:last-child {margin-top: 30px;}
	}

	@media screen and (max-width: 480px) {
		#therapistblog ul#inner li:last-child {
			margin-top: 30px;
			padding: 0 10px;
		}
	}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#therapistblog ul#inner li ul.schedule li {
			width: 50%;
			display: inline-block;
		}
	}

	@media screen and (max-width: 480px) {
		#therapistblog ul#inner li ul.schedule li {
			width: 50%;
			display: inline-block;
		}
	}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#therapistblog ul#inner li ul.schedule li:last-child {margin: 5px 0 0 0;}
	}

	@media screen and (max-width: 480px) {
		#therapistblog ul#inner li ul.schedule li:last-child {
			margin: 5px 0 0 0;
			padding: 7px 0;
		}
	}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#therapistblog .s-title,
		#therapistblog .qa,
		#therapistblog .text1,
		#therapistblog .text2 {
			text-align: left;
		}
	}

	@media screen and (max-width: 480px) {
		#therapistblog .s-title,
		#therapistblog .qa,
		#therapistblog .text1,
		#therapistblog .text2 {
			text-align: left;
		}
	}

	@media screen and (max-width: 480px) {
		#therapistblog ul#inner .image img { max-width: 90%;}
	}
/* /therapistblog */

/* bloglist */
#bloglist {
	padding: 0 10px 40px;
	font-family: 'Lora', serif;		
}

#bloglist ul {font-size: 0;}

#bloglist ul li {
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
}

.r-area{
	width:77%;	
    padding-left: 50px;
}

.l-area{width:23%;	}

#bloglist ul li .image {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 100%;
}

	@media screen and (max-width: 768px) {
		#bloglist ul li .image {
			height: 100%;
			width: 100%;
		}
	}	


#bloglist ul li .image img {
	max-width: 100%;
	margin-top: 30px;
	max-height: 240px;
}

	@media screen and (max-width: 768px) {
		#bloglist ul li .image img {
			width: 100%;
			height: 100%;
			max-height: 100%;
		}
	}

#bloglist ul#inner {
    max-width: 1000px;
    margin: 20px auto;
    background-color: #fff;
    border: solid 1px;
    padding: 13px 50px 40px 45px;
	position: relative;
}

#bloglist ul#inner a {text-decoration: none;}

#bloglist .btn-blog {
	color: #8d7231;
	background-color: #fff;
	width: 300px;
	margin-top: 15px;
	padding: 15px 0;
	border: #bab188 3px solid;
	text-align: center;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#bloglist .btn-blog {
			width: 100%;
			max-width: 360px;
			margin: 15px auto 0;
		}
	}

	@media screen and (max-width: 480px) {
		#bloglist .btn-blog {
			width: 100%;
			max-width: 350px;
			margin: 15px auto 0;
		}
	}	

#bloglist .btn-blog:hover {
	color: #fff;
	background-color: #8d7231;
}

#bloglist .btn-box {
    width: 300px;
    margin: 0 auto;
}

#bloglist .btn-blistbox {width: 250px;}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#bloglist .btn-blistbox {
			width: 250px;
			margin: 0 auto;
		}
	}

	@media screen and (max-width: 480px) {
		#bloglist .btn-blistbox {
			width: 200px;
			margin: 0 auto; 
		}
	}

#bloglist .btn-blist {
	color: #8d7231;
	background-color: #fff;
	width: 165px;
	margin-top: 15px;
	padding: 15px 15px;
	border: #bab188 3px solid;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#bloglist .btn-blist {
			width: 100%;
			max-width: 250px;
			margin: 15px auto 0;
		}
	}

	@media screen and (max-width: 480px) {
		#bloglist .btn-blist {
			width: 100%;
			max-width: 250px;
			margin: 15px auto 0;
		}
	}	

#bloglist .btn-blist:hover {
	color: #fff;
	background-color: #8d7231;
}

#bloglist .btn-box a {text-decoration: none;}

#bloglist .btn-bnext {padding-top: 10px;}
#bloglist .btn-bnext a {color: #8d7231;}
#bloglist .btn-bnext a:hover{text-decoration:underline;}

#bloglist .btn-next ul li {
	font-size: 14px;
	width: 50%;
	display: inline-block;
}

#bloglist .btn-next {
    width: 250px;
	text-align: center;
    margin: 0 auto;
	padding: 15px 0 0 0px;
}

#bloglist .btn-next a {
	font-size: 14px;
	width: 50%;
	display: inline-block;
	color: #8d7231;
}

#bloglist .btn-back ul li {
	font-size: 14px;
	width: 50%;
	display: inline-block;
}

#bloglist .btn-back {
    width: 250px;
	text-align: center;
    margin: 0 auto;
	padding: 15px 0 0 0px;
}

#bloglist .btn-back a {
	font-size: 14px;
	width: 50%;
	display: inline-block;
	color: #8d7231;
}

#bloglist .icon {
	color: #fff;
	background-color: #8d7231;
	width: 100px;
	padding: 7px 0;
	text-align: center;
}

#bloglist .prof {
	margin-top: 30px;
	padding-bottom: 15px;
	overflow: hidden;
}

#bloglist .prof::after {
	content: '';
	clear: both;
}

#bloglist .b-title {
	font-size: 28px;
	color: #8d7231;
	float: left;
	text-align: left;
}

#bloglist .data {
	padding-top: 10px;
	float: right;
}

#bloglist .b-name {
	font-size: 28px;
	margin: 14px 0 0 0px;
	text-align: left;
}

#bloglist .text1 {
	margin-top: 20px;
	line-height: 2;
	text-align: left;
}

#bloglist .qa {
	color: #8d7231;
	margin-top: 30px;
}

#bloglist ul.schedule {margin-top: 15px;}

#bloglist ul.schedule li {
	padding: 7px 0;
	border: #8d7231 1px solid;
	text-align: center;
}

#bloglist ul.schedule li:nth-child(odd) {
	color: #fff;
	background-color: #8d7231;
}

#bloglist ul.schedule li:nth-child(even) {color: #8d7231;}

#bloglist ul.schedule li:nth-child(n+3) {margin-top: 5px;}


	@media screen and (min-width: 481px) and (max-width: 768px) {
		.r-area {
			width: 80%;
			padding-left: 15px;
		}	
	}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#bloglist ul#inner li {
			width: 100%;
			display: block;
			text-align: center;
		}
	}

	@media screen and (max-width: 480px) {
		#bloglist ul#inner li {
			width: 100%;
			display: block;
			text-align: center;
		}
	}	

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#bloglist ul#inner li:last-child {
			margin-top: 30px;
		}
	}

	@media screen and (max-width: 480px) {
		#bloglist ul#inner li:last-child {
			margin-top: 30px;
			padding: 0 10px;
		}
	}	

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#bloglist ul#inner li ul.schedule li {
			width: 50%;
			display: inline-block;
		}
	}
		
	@media screen and (max-width: 480px) {
		#bloglist ul#inner li ul.schedule li {
			width: 50%;
			display: inline-block;
		}
	}	
	
	@media screen and (min-width: 481px) and (max-width: 768px) {
		#bloglist ul#inner li ul.schedule li:last-child {
			margin: 5px 0 0 0;
		}
	}

	@media screen and (max-width: 480px) {
		#bloglist ul#inner li ul.schedule li:last-child {
			margin: 5px 0 0 0;
			padding: 7px 0;
		}
	}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#bloglist .s-title,
		#bloglist .qa,
		#bloglist .text1,
		#bloglist .text2 {
			text-align: left;
		}
	}

	@media screen and (max-width: 480px) {
		#bloglist .s-title,
		#bloglist .qa,
		#bloglist .text1,
		#bloglist .text2 {
			text-align: left;
		}
	}

	@media screen and (max-width: 480px) {
		#bloglist ul#inner .image img {max-width: 100%;}
	}
		
	@media screen and (max-width: 480px) {
		element.style {}
	}	
/* /bloglist */

/* reviewlist */
#reviewlist {
	padding: 0 10px 40px;
	font-family: 'Lora', serif;		
}

#reviewlist ul {font-size: 0;}

#reviewlist ul#inner {
    max-width: 1000px;
    margin: 30px auto;
    background-color: #fff;
    border: solid 1px;
	padding: 15px;
}

#reviewlist ul#inner a {text-decoration: none;}

#reviewlist ul li {
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
}

#reviewlist .r-area {
    width: 71%;
    padding-left: 15px;
    vertical-align: top;
    padding-top: 15px;
}

	@media screen and (min-width: 940px)and (max-width: 950px){
		#reviewlist .r-area {width: 69%;}	
	}

	@media screen and (min-width: 801px)and (max-width: 939px){
		#reviewlist .r-area {width: 64%;}
	}

	@media screen and (max-width: 800px){
		#reviewlist .r-area {
			width: 100%;
			padding-left: 0;
		}	
	}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		reviewlist .r-area {
			width: 80%;
			padding-left: 15px;
		}
	}

#reviewlist .r-area .r-box {width: 595px;}

	@media screen and (max-width: 920px) {
		#reviewlist .r-area .r-box {width: 100%;}
	}

	@media screen and (max-width: 800px) {
		#reviewlist .r-area .r-box {
			width: 100%;
			margin-top: 30px;
			text-align: left;
		}	
	}

#reviewlist .l-area {width:260px;}

	@media screen and (max-width: 800px){
		#reviewlist .l-area {width: 100%;}
	}

#reviewlist ul li .image {
    margin:10px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#reviewlist ul li .image img {}

#reviewlist .btn-blog {
	color: #8d7231;
	background-color: #fff;
	width: 300px;
	margin-top: 15px;
	padding: 15px 0;
	border: #bab188 3px solid;
	text-align: center;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#reviewlist .btn-blog {
			width: 100%;
			max-width: 360px;
			margin: 15px auto 0;
		}
	}

	@media screen and (max-width: 480px) {
		#reviewlist .btn-blog {
			width: 100%;
			max-width: 350px;
			margin: 15px auto 0;
		}
	}

#reviewlist .btn-blog:hover {
	color: #fff;
	background-color: #8d7231;
}

#reviewlist .btn-box {
    width: 300px;
    margin: 0 auto;
}

#reviewlist .btn-blistbox {width: 250px;}

	@media screen and (max-width: 800px){
		#reviewlist .btn-blistbox {
			width: 100%;
			max-width: 400px;
			margin: 0 auto;
		}
	}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#reviewlist .btn-blistbox {
			width: 350px;
			margin: 0 auto;
		}
	}

	@media screen and (max-width: 480px) {
		#reviewlist .btn-blistbox {margin: 0 auto; }
	}

#reviewlist .btn-blist {
    color: #8d7231;
    background-color: #fff;
    width: 400px;
    margin-top: 15px;
    padding: 15px 15px;
    border: #bab188 3px solid;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-size: 18px;
    text-align: center;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#reviewlist .btn-blist {
			width: 100%;
			max-width: 350px;
			margin: 15px auto 0;
		}
	}

	@media screen and (max-width: 480px) {
		#reviewlist .btn-blist {
			width: 100%;
			max-width: 370px;
			margin: 15px auto 0;
		}
	}

#reviewlist .btn-blist:hover {
	color: #fff;
	background-color: #8d7231;
}

#reviewlist .btn-box a {text-decoration: none;}

#reviewlist .btn-bnext {padding-top: 10px;}

#reviewlist .btn-bnext a {color: #8d7231;}
#reviewlist .btn-bnext a:hover{text-decoration:underline;}

#reviewlist .btn-next ul li {
	font-size: 14px;
	width: 50%;
	display: inline-block;
}

#reviewlist .btn-next {
    width: 250px;
	text-align: center;
    margin: 0 auto;
	padding: 15px 0 0 0px;
}

#reviewlist .btn-next a {
	font-size: 14px;
	width: 50%;
	display: inline-block;
	color: #8d7231;
}

#reviewlist .btn-back ul li {
	font-size: 14px;
	width: 50%;
	display: inline-block;
}

#reviewlist .btn-back {
    width: 250px;
	text-align: center;
    margin: 0 auto;
	padding: 15px 0 0 0px;
}

#reviewlist .btn-back a {
	font-size: 14px;
	width: 50%;
	display: inline-block;
	color: #8d7231;
}

#reviewlist .data {
    padding: 10px 0 0px 0;
    float: right;
}

	@media screen and (max-width: 800px){
		#reviewlist .data {
			float: none;
			text-align: right;
		}
	}

#reviewlist .r-title {
    font-size: 18px;
    color: #8d7231;
	display: inline-block;
    width: 150px;
}

	@media screen and (max-width: 480px) {
		#reviewlist .r-title {width: 130px;}
	}

#reviewlist .text1 {
    line-height: 1.2;
    text-align: left;
    font-size: 18px;
    letter-spacing: 0;
    margin-top: 5px;
    padding-bottom: 25px;
	display: inline-block;
	width: 305px;
}
	
	@media screen and (max-width: 800px) {
		#reviewlist .text1 {width: 58vw;}
	}

	@media screen and (max-width: 768px) and (min-width: 481px){
		#reviewlist .text1 {width: 55vw;}
	}

	@media screen and (max-width: 480px) {
		#reviewlist .text1 {width: 161px;}
	}

#reviewlist .btn-more {
    font-family: 'Lora', serif;
    font-size: 18px;
    margin: 15px auto;
}

#reviewlist .btn-more a {
    color: #8d7231;
    background-color: #fff;
    width: 320px;
    margin: 0 auto;
    padding: 10px 0;
    border: #bab188 3px solid;
    text-align: center;
    text-decoration: none;
    display: block;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}	

#reviewlist .btn-more a:hover {
	color: #fff;
	background-color: #8d7231;
}

#reviewlist .text2 {
    line-height: 1.3;
    text-align: left;
    font-size: 18px;
    letter-spacing: 0;
    margin-top: 10px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    height: 95px;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#reviewlist .text1,
		#reviewlist .text2 {
			text-align: left;
		}
	}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#reviewlist ul#inner li {
			width: 100%;
			display: block;
		}
	}

	@media screen and (max-width: 480px) {
		#reviewlist ul#inner li {
			width: 100%;
			display: block;
			text-align: center;
		}
	}

	@media screen and (max-width: 480px) {
		#reviewlist ul#inner .image img {max-width: 100%;}
	}


	@media screen and (max-width: 480px) {
		#reviewlist .r-title,
		#reviewlist .qa,
		#reviewlist .text1,
		#reviewlist .text2 {
			text-align: left;
		}
	}

	@media screen and (max-width: 480px) {
		#reviewlist .r-title {font-size: 16px;}
	}

	@media screen and (max-width: 480px) {
		#reviewlist .text1 {font-size: 16px;}
		#reviewlist .text2 {font-size: 16px;}
	}
/* /reviewlist */

/* concept */
#concept ul {font-size: 0;}

#concept ul li {display: inline-block;}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#concept ul li {display: block;}
	}

	@media screen and (max-width: 480px) {
		#concept ul li {display: block;}
	}	

#concept ul#layer-1 {
	width: 100%;
	max-width: 1450px;
	margin: 0 auto 70px;
	padding-left: 5%;
	text-align: center;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#concept ul#layer-1 {
			margin-bottom: 5vw;
			padding: 0 5%;
		}
	}

	@media screen and (max-width: 480px) {
		#concept ul#layer-1 {
			margin-bottom: 5vw;
			padding: 0 5%;
		}
	}

#concept ul#layer-1 li {
	font-size: 16px;
	width: 50%;
	line-height: 2;
	text-align: left;
	vertical-align: middle;
	overflow: hidden;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#concept ul#layer-1 li {width: 100%;}
	}

	@media screen and (max-width: 480px) {
		#concept ul#layer-1 li {
			font-size: 14px;
			width: 100%;
		}
	}	

#concept ul#layer-1 li:last-child {
	width: 46.35vw;
	max-width: 593px;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#concept ul#layer-1 li:last-child {
			width: 77.215vw;
			margin: 5vw auto 0;
		}
	}

	@media screen and (max-width: 480px) {
		#concept ul#layer-1 li:last-child {
			width: 77.215vw;
			margin: 5vw auto 0;
		}
	}	

#concept ul#layer-1 li:last-child img {max-width: 100%;}

#concept ul#layer-1 li h3 {font-size: 24px;}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#concept ul#layer-1 li h3 {text-align: center;}
	}

	@media screen and (max-width: 480px) {
		#concept ul#layer-1 li h3 {font-size: 20px;}
	}	

#concept ul#layer-1 li div {margin-top: 40px;}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#concept ul#layer-1 li div {
			margin-top: 4vw;
			text-align: center;
		}
	}

	@media screen and (max-width: 480px) {
		#concept ul#layer-1 li div {margin-top: 4vw;}
	}	

#concept ul.layer-2 {
	background: url(../images/bg_concept.png) repeat-x top center;
	width: 100%;
	margin: 0 auto;
	padding: 30px 0 40px;
	text-align: center;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#concept ul.layer-2 {
			background-size: contain;
			margin-top: 5vw;
			padding: 4vw 5% 0;
		}
	}

	@media screen and (max-width: 480px) {
		#concept ul.layer-2 {
			background-size: contain;
			margin-top: 5vw;
			padding: 4vw 5% 0;
		}
	}

#concept ul.layer-2 li {
	font-size: 12px;
	width: 50%;
	max-width: 610px;
	line-height: 2;
	vertical-align: middle;
}

#concept ul.layer-2 li:first-child {max-width: 500px;}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#concept ul.layer-2 li:first-child {
			width: 100%;
			margin: 0 auto;
		}
	}	

#concept ul.layer-2 li:first-child img {max-width: 100%;}

	@media screen and (max-width: 480px) {
		#concept ul.layer-2 li:first-child {
			width: 100%;
			margin: 0 auto;
		}
	}

#concept ul.layer-2 li:last-child {
	border: #000 2px solid;
	background-color: rgba(255,255,255,0.7);
	margin-left: -45px;
	padding: 50px;
	text-align: left;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#concept ul.layer-2 li:last-child {
			width: 100%;
			max-width: 500px;
			margin: 2vw auto 0;
			padding: 2vw 3vw;
		}
	}

	@media screen and (max-width: 480px) {
		#concept ul.layer-2 li:last-child {
			width: 100%;
			max-width: 500px;
			margin: 2vw auto 0;
			padding: 2vw 3vw;
		}
	}	

#concept ul.layer-2 li h4 {
	font-size: 18px;
	margin-bottom: 20px;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#concept ul.layer-2 li h4 {margin-bottom: 2.5vw;}
	}

	@media screen and (max-width: 480px) {
		#concept ul.layer-2 li h4 {margin-bottom: 2.5vw;}
	}	

#concept ul.layer-2 li div {margin-top: 20px;}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#concept ul.layer-2 li div {margin-top: 3vw;}
	}

	@media screen and (max-width: 480px) {
		#concept ul.layer-2 li div {margin-top: 3vw;}
	}	

#concept ul#layer-3 {
	background: url(../images/bg_concept.png) repeat-x top center;
	width: 100%;
	margin: 0 auto;
	padding: 40px 0;
	text-align: center;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#concept ul#layer-3 {
			background-size: contain;
			margin-top: 8vw;
			padding: 4vw 5% 0;
		}
	}

	@media screen and (max-width: 480px) {
		#concept ul#layer-3 {
			background-size: contain;
			margin-top: 8vw;
			padding: 4vw 5% 0;
		}
	}	

#concept ul#layer-3 li {
	font-size: 12px;
	width: 50%;
	max-width: 610px;
	line-height: 2;
	vertical-align: middle;
}

#concept ul#layer-3 li:first-child {
	border: #000 2px solid;
	background-color: rgba(255,255,255,0.7);
	padding: 30px 50px;
	text-align: left;
	position: relative;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#concept ul#layer-3 li:first-child {
			width: 100%;
			max-width: 500px;
			margin: 0 auto;
			padding: 2vw 3vw;
		}
	}

	@media screen and (max-width: 480px) {
		#concept ul#layer-3 li:first-child {
			width: 100%;
			max-width: 500px;
			margin: 0 auto;
			padding: 2vw 3vw;
		}
	}

#concept ul#layer-3 li:last-child {
	max-width: 500px;
	margin-left: -45px;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#concept ul#layer-3 li:last-child {
			width: 100%;
			max-width: 500px;
			margin: 3vw auto 0;
		}
	}

	@media screen and (max-width: 480px) {
		#concept ul#layer-3 li:last-child {
			width: 100%;
			max-width: 500px;
			margin: 4vw auto 0;
		}
	}

#concept ul#layer-3 li:last-child img {max-width: 100%;}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#concept ul#layer-3 li:last-child img {
			width: 100%;
			max-width: 500px;
		}
	}

	@media screen and (max-width: 480px) {
		#concept ul#layer-3 li:last-child img {
			width: 100%;
			max-width: 500px;
		}
	}

#concept ul#layer-3 li h4 {
	font-size: 18px;
	margin-bottom: 20px;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#concept ul#layer-3 li h4 {margin-bottom: 2.5vw;}
	}

	@media screen and (max-width: 480px) {
		#concept ul#layer-3 li h4 {margin-bottom: 2.5vw;}
	}	

#concept ul#layer-3 li div {margin-top: 20px;}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#concept ul#layer-3 li div {margin-top: 3vw;}
	}

	@media screen and (max-width: 480px) {
		#concept ul#layer-3 li div {margin-top: 3vw;}
	}	

#concept hr {
	background-color: #000;
	width: 110px;
	height: 5px;
	margin-left: 0;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#concept {padding-bottom: 5vw;}
	}

	@media screen and (max-width: 480px) {
		#concept {padding-bottom: 5vw;}
	}
/* /concept */

/* how */
#howto {padding-bottom: 40px;}

#howto .box {
	width: 1600px;
	margin: 50px 0 0 -800px;
	padding-top: 230px;
	position: relative;
	left: 50%;
	text-align: center;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#howto .box {
			background-size: contain;
			width: 200%;
			margin: 5vw 0 0 -150%;
			padding-top: 28vw;
			left: 100%;
		}
	}

	@media screen and (max-width: 480px) {
		#howto .box {
			background-size: contain;
			width: 200%;
			margin: 5vw 0 0 -150%;
			padding-top: 28vw;
			left: 100%;
		}
	}

#howto .box h3 {
	font-family: 'Lora', serif;
	font-size: 30px;
	font-style: italic;
	color: #fff;
	background: url(../images/bg_step.png) no-repeat;
	width: 169px;
	height: 170px;
	margin: 0 auto;
	padding-top: 41px;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#howto .box h3 {
			font-size: 4vw;
			background-size: contain;
			width: 22.136vw;
			height: 22.136vw;
			padding-top: 5.5vw;
		}
	}

	@media screen and (max-width: 480px) {
		#howto .box h3 {
			font-size: 20px;
			background-size: contain;
			width: 105px;
			height: 105px;
			padding-top: 25px;
		}
	}

#howto .box h3 span {font-size: 64px;}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#howto .box h3 span {font-size: 8vw;}
	}

	@media screen and (max-width: 480px) {
		#howto .box h3 span {font-size: 40px;}
	}

#howto .s-title {
	font-size: 24px;
	margin-top: 50px;
	padding: 0 10px;
	line-height: 1.8;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#howto .s-title {margin-top: 5vw;}
	}

	@media screen and (max-width: 480px) {
		#howto .s-title {margin-top: 5vw;}
	}

#howto hr {
	background-color: #000;
	width: 65px;
	height: 6px;
	margin: 25px auto 30px;
}

#howto .text {
	width: 50%;
	max-width: 950px;
	margin: 0 auto;
	padding: 0 10px;
	line-height: 1.6;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#howto .text {
		  width: 50%;
		  margin: 0 auto;
		}
	}

	@media screen and (max-width: 480px) {
		#howto .text {
			width: 50%;
			margin: 0 auto;
			text-align: justify;
		}
	}

#howto .text a {
	color: #696354;
	text-decoration: none;
	cursor: text;
}
	@media screen and (min-width: 481px) and (max-width: 768px) {
		#howto .text a {cursor: pointer;}
	}

	@media screen and (max-width: 480px) {
		#howto .text a {cursor: pointer;}	
	}

#howto .step1 {background: url(../images/how_01.jpg) no-repeat top center;}
#howto .step2 {background: url(../images/how_02.jpg) no-repeat top center;}
#howto .step3 {background: url(../images/how_03.jpg) no-repeat top center;}
#howto .step4 {background: url(../images/how_04.jpg) no-repeat top center;}
/* /how */

/* news */
#news #inner {
	font-family:"游ゴシック体", YuGothic, "YuGothic M", sans-serif;
	width: 100%;
	max-width: 950px;
	margin: 0 auto 30px;
	padding: 0 15px;
}

	@media screen and (max-width: 480px) {
		#news #inner {padding: 0 10px;}
	}

#news .title {
	font-size: 28px;
	color: #8d7231;
	line-height: 1.6;
}

#news .date {margin: 20px 0;}

#news .text {line-height: 1.6;}

#news .text img {max-width: 950px;}

#news ul {
	font-size: 0;
	margin-bottom: 30px;
	text-align: center;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#news ul {padding: 0 10px;}
	}

	@media screen and (max-width: 480px) {
		#news ul {padding: 0 10px;}
	}

#news ul li {
	font-size: 14px;
	display: inline-block;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#news ul li {
		  width: calc(50% - 10px);
		  max-width: 320px;
		}
	}

	@media screen and (max-width: 480px) {
		#news ul li {
			width: 100%;
			max-width: 320px;
		}
	}

#news ul li:last-child {margin-left: 20px;}

	@media screen and (max-width: 480px) {
		#news ul li:last-child {margin: 10px 0 0;}
	}	

#news ul li a {
	color: #8d7231;
	background-color: #fff;
	width: 340px;
	padding: 13px 0;
	border: #bab188 3px solid;
	text-align: center;
	text-decoration: none;
	display: block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#news ul li a {width: 100%;}
	}

	@media screen and (max-width: 480px) {
		#news ul li a {
			width: 100%;
			margin-top: 0;
		}
	}		

#news ul li a:hover {
	color: #fff;
	background-color: #8d7231;
}
/* /news */

/* newslist */
#newslist #inner {
	font-family:"游ゴシック体", YuGothic, "YuGothic M", sans-serif;
	width: 100%;
	max-width: 950px;
	margin: 0 auto;
}

#newslist ul {
  font-size: 0;
  margin: 0 15px;
}

	@media screen and (max-width: 480px) {
		#newslist ul {margin: 0 10px;}
	}	

#newslist ul:first-of-type {padding-bottom: 20px;}

#newslist ul:nth-of-type(n+2) {
	padding: 20px 0;
	border-top: #999 1px dotted;
}

#newslist ul:last-of-type {margin-bottom: 20px;}

#newslist ul li {
	font-size: 14px;
	vertical-align: middle;
	line-height: 1.6;
	display: inline-block;
}

#newslist ul li:first-child {
	width: 9%;
	padding-left: 10px;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#newslist ul li:first-child {width: 15%;}
	}

	@media screen and (max-width: 480px) {
		#newslist ul li:first-child {width: 23%;}
	}	

#newslist ul li:nth-child(2) {
	width: 67%;
	margin-left: 5%;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#newslist ul li:nth-child(2) {
			width: 80%;
			margin-left: 5%;
		}
	}

	@media screen and (max-width: 480px) {
		#newslist ul li:nth-child(2) {
			width: 72%;
			margin-left: 5%;
		}
	}	

#newslist ul li:last-child {
	width: 14%;
	margin-left: 5%;
}

#newslist ul li a {text-decoration: none;}

#newslist ul li.title a {color: #8d7231;}

#newslist ul li.title a:hover {text-decoration: underline;}

#newslist ul li.more a {color: #847841;}

#newslist ul li.more a:hover {text-decoration: underline;}

#newslist .btn-top a {
	color: #8d7231;
	background-color: #fff;
	width: 320px;
	margin: 0 auto 30px;
	padding: 10px 0;
	border: #bab188 3px solid;
	text-align: center;
	text-decoration: none;
	display: block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#newslist .btn-top a {
			width: 100%;
			max-width: 320px;
		}
	}

	@media screen and (max-width: 480px) {
		#newslist .btn-top a {
			width: 100%;
			max-width: 320px;
		}
	}

#newslist .btn-top a:hover {
	color: #fff;
	background-color: #8d7231;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#newslist ul li.more {display: none;}
	}

	@media screen and (max-width: 480px) {
		#newslist ul li.more {display: none;}
	}	
/* /newslist */

/* profile */
#profile {padding: 0 10px 40px;}

#profile ul {font-size: 0;}

#profile ul li {
	font-size: 14px;
	width: 45%;
	display: inline-block;
	vertical-align: top;
}

#profile ul li:last-child {
    font-size: 14px;
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin-left: 4.5%;
}

#profile ul#inner {
	max-width: 850px;
	margin: 0 auto;
}

#profile ul#inner a {text-decoration: none;}

#profile .btn-blog {
	color: #8d7231;
	background-color: #fff;
	width: 360px;
	margin-top: 15px;
	padding: 15px 0;
	border: #bab188 3px solid;
	text-align: center;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#profile .btn-blog {
			width: 100%;
			max-width: 360px;
			margin: 15px auto 0;
		}
	}

	@media screen and (max-width: 480px) {
		#profile .btn-blog {
			width: 100%;
			max-width: 360px;
			margin: 15px auto 0;
		}
	}

#profile .btn-blog:hover {
	color: #fff;
	background-color: #8d7231;
}

#profile .icon {
	color: #fff;
	background-color: #8d7231;
	width: 100px;
	padding: 7px 0;
	text-align: center;
}

#profile .prof {
	margin-top: 30px;
	padding-bottom: 15px;
	border-bottom: #000 2px solid;
	overflow: hidden;
}

#profile .prof::after {
	content: '';
	clear: both;
}

#profile .name {
	font-size: 24px;
	color: #8d7231;
	letter-spacing: 0.6em;
	float: left;
}

	@media screen and (max-width: 414px) {
		#profile .name {
			font-size: 18px;
		}
	}

#profile .data {
	margin-left: 30px;
	padding-top: 10px;
	float: left;
}

#profile ul.option {margin-top: 15px;}

#profile ul.option li {
	padding: 7px 0;
	border: #8d7231 1px solid;
	text-align: center;
	margin-top: 5px;
}

#profile ul.option li:nth-child(even) {
	margin-left: 3px;
}

#profile ul.option li:nth-child(odd) {
	margin-right: 3px;
}

#profile ul.option li:last-child {
    font-size: 14px;
    width: 45%;
    display: inline-block;
    vertical-align: top;
    margin-left: 3px;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	#profile ul#inner ul.option li {
		width: 48%;
		display: inline-block;
	}
}

@media screen and (max-width: 480px) {
	#profile ul#inner ul.option li {
		width: 48%;
		display: inline-block;
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	#profile ul#inner ul.option li:last-child {margin: 5px 0 0 3px;}
}

@media screen and (max-width: 480px) {
	#profile ul#inner ul.option li:last-child {
		margin: 5px 0 0 3px;
		padding: 7px 0;
	}
}

#profile .s-title {
	font-size: 18px;
	margin: 30px 0 0 -10px;
}

#profile .text1 {
	margin-top: 20px;
	line-height: 1.6;
}

#profile .qa {
	color: #8d7231;
	margin-top: 30px;
}

#profile .review {
	color: #8d7231;
	margin-top: 30px;
	letter-spacing: -1px;
	display: inline-block;
    width: 100px;
}

	@media screen and (max-width: 480px) {
		#profile .review {
			width: 100px;
		}
	}

#profile .text2 {
	margin-top: 10px;
	line-height: 1.4em;
	letter-spacing: -1px;
}

#profile .text3 {
	margin-top: 10px;
	line-height: 1.4em;
	letter-spacing: -1px;
	display: inline-block;
    width: 71%;
}

	@media screen and (max-width: 768px) and (min-width: 481px){
		#profile .text3 {width: 75%;}
	}

#profile .text3:last-of-type {width: 100%;}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#profile .text3:last-of-type {width: 75%;}
	}

	@media screen and (max-width: 480px) {
		#profile .text3:last-of-type {
			width: 65%;
			vertical-align: middle;
		}

	}

#profile ul.schedule {margin-top: 15px;}

#profile ul.schedule li {
	padding: 7px 0;
	border: #8d7231 1px solid;
	text-align: center;
}

#profile ul.schedule li:nth-child(odd) {
	color: #fff;
	background-color: #8d7231;
}

#profile ul.schedule li:nth-child(even) {color: #8d7231;}

#profile ul.schedule li:nth-child(n+3) {margin-top: 5px;width: 45%;}

#profile ul.schedule li:last-child {margin-left: 0;}

#profile .r-data {
	float: right;
	font-size: 14px;
	line-height: 1.5em;
}
	
	@media screen and (max-width: 480px) {
		#profile .r-data {padding-right: 0px;}
	}

#profile .btn-blog2 {
	color: #fff;
	background-color: #000;
	width: 360px;
	margin-top: 15px;
	padding: 15px 0;
	border: #bab188 3px solid;
	text-align: center;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#profile .btn-blog2 {
			width: 100%;
			max-width: 360px;
			margin: 15px auto 0;
		}	
	}

	@media screen and (max-width: 480px) {
		#profile .btn-blog2 {
			width: 100%;
			max-width: 360px;
			margin: 15px auto 0;
		}
	}

#profile .btn-blog2:hover {
	color: #fff;
	background-color: #8d7231;
}	

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#profile ul#inner li {
			width: 100%;
			display: block;
			text-align: center;
		}
	}

	@media screen and (max-width: 480px) {
		#profile ul#inner li {
			width: 100%;
			display: block;
			text-align: center;
		}
	}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#profile ul#inner li:last-child {margin-top: 30px;margin-left: 0;}
	}

	@media screen and (max-width: 480px) {
		#profile ul#inner li:last-child {
			margin-top: 30px;
			padding: 0 10px;
			margin-left: 0;
		}
	}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#profile ul#inner li ul.schedule li {
			width: 50%;
			display: inline-block;
		}
	}

	@media screen and (max-width: 480px) {
		#profile ul#inner li ul.schedule li {
			width: 50%;
			display: inline-block;
		}
	}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#profile ul#inner li ul.schedule li:last-child {margin: 5px 0 0 0;}
	}

	@media screen and (max-width: 480px) {
		#profile ul#inner li ul.schedule li:last-child {
			margin: 5px 0 0 0;
			padding: 7px 0;
		}
	}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#profile .s-title,
		#profile .qa,
		#profile .review,
		#profile .text1,
		#profile .text2,
		#profile .text3 {
			text-align: left;
		}
	}

	@media screen and (max-width: 480px) {
		#profile .s-title,
		#profile .qa,
		#profile .review,
		#profile .text1,
		#profile .text2,
		#profile .text3 {
			text-align: left;
		}
	}

	@media screen and (max-width: 480px) {
		#profile .text3 {
			width: 65%;
		}
	}

	@media screen and (max-width: 480px) {
		#profile ul#inner .image img {max-width: 100%;}
	}


#profile .rev-pc {
    display: block;
    padding: 0;
}

#profile .rev-sp{display: none;}

	@media screen and (max-width: 768px) {
		/*#profile .rev-pc{display: none;}
		#profile .rev-sp{display: block;}*/
	}


/* 下部レビュー */
#profile .rev-under {
	max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

#profile .rev-under .rev-pc {
    display: block;
    padding: 15px;
    border: 1px solid #8d7231;
}

#profile .rev-under h3 {
  margin-bottom: 20px;
  color: #8d7231;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: .1em;
  text-align: center;
}

#profile .rev-under h3 span {
  font-family: "Lora", serif;
  font-size: 24px;
}

#profile .rev-under .s-title {
    font-size: 18px;
    margin: 10px auto;
}

#profile .rev-under .r-data {
    float: none;
	text-align: left;
    font-size: 14px;
    line-height: 1.5em;
}

#profile .rev-under .text1 {
	margin-top: 20px;
	line-height: 1.6;
}

#profile .rev-under .qa {
	color: #8d7231;
	margin-top: 30px;
}

#profile .rev-under .review {
    color: #8d7231;
    margin-top: 0;
    letter-spacing: -1px;
    display: inline-block;
    width: 20%;
    vertical-align: top;
    line-height: 2.8;
}

	@media screen and (max-width: 768px) and (min-width: 481px){
		#profile .rev-under .review {
			width: 30%;
		}
	}

	@media screen and (max-width: 480px) {
		#profile .rev-under .review {
			width: 120px;
		}
	}


#profile .rev-under .text2 {
	margin-top: 10px;
	line-height: 1.4em;
	letter-spacing: -1px;
}

#profile .rev-under .text3 {
	margin-top: 10px;
	line-height: 1.4em;
	letter-spacing: -1px;
	display: inline-block;
    width: 71%;
}

	@media screen and (max-width: 768px) and (min-width: 481px){
		#profile .rev-under .text3 {width: 68%;}
	}

	@media screen and (max-width: 480px) {
		#profile .rev-under .text3 {width: 58%;}
	}

#profile .rev-under .text3:last-of-type {width: 75%;}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#profile .rev-under .text3:last-of-type {width: 100%;}
	}

	@media screen and (max-width: 480px) {
		#profile .rev-under .text3:last-of-type {
			vertical-align: middle;
		}
	}

#profile .rev-under .btn-blog2 {
    color: #fff;
    background-color: #000;
    width: 360px;
    margin-top: 15px;
    padding: 15px 0;
    border: #bab188 3px solid;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	margin: 30px auto;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#profile .rev-under .btn-blog2 {
			width: 100%;
			max-width: 360px;
			margin: 15px auto 0;
		}	
	}

	@media screen and (max-width: 480px) {
		#profile .rev-under .btn-blog2 {
			width: 100%;
			max-width: 360px;
			margin: 15px auto 0;
		}
	}

#profile .rev-under .btn-blog2:hover {
	color: #fff;
	background-color: #8d7231;
}	

/* レビュー★評価 */
#profile .rev-under .star-rating {
	position: relative;
	/*width: 5em;*/
	height: 1em;
	font-size: 18px;
	margin-top: 10px;
	line-height: 1.6;
	display: inline-block;
    width: 71%;
}
		
	@media screen and (max-width: 768px) and (min-width: 481px){
		#profile .rev-under .star-rating {
			width: 65%;
		}   
	}   

	@media screen and (max-width: 480px){
		#profile .rev-under .star-rating {
			width: 58%;
		}   
	}		

#profile .rev-under .count {
    position: absolute;
    top: 2px;
    left: 135px;
}		
#profile .rev-under .star-rating::after {
	content: "";
	clear: both;	
}
		
#profile .rev-under .star-rating-front {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	color: #FFC107;
}
		
#profile .rev-under .star-rating-back {color: #ccc;text-align: left;}			
		
/* /レビュー★評価 */

/* /下部レビュー */



/*★ランク*/
.star05 {width:9px}/*0.5*/
.star1 {width:17px}/*1*/
.star15 {width:27px}/*1.5*/
.star2 {width:35px}/*2*/
.star25 {width:45px}/*2.5*/
.star3 {width:54px}/*3*/
.star35 {width:63px}/*3.5*/
.star4 {width:71px}/*4*/
.star45 {width:81px}/*4.5*/
.star5 {width:90px}/*5*/
/*★ランク*/

/* /profile */

/* recruit */
 .recruit-tel {
  width: 240px;
  margin: 0 auto 10px;
  background-color: #6e5a2d;
  display: block;
}

	@media screen and (max-width: 600px) {
		.recruit-tel {
			width: 240px;
			margin: 0 auto 10px;
			background-color: #6e5a2d;
			display: block;
		}
	}

#recruit h3 {
	font-family: 'MistralAV';
	font-size: 70px;
	color: #8d7231;
	text-align: center;
}

#recruit .s-title {
	font-family: 'Lora', serif;
	font-size: 18px;
	color: #8d7231;
	margin-top: 20px;
	text-align: center;
	letter-spacing: 0.1em;
}

#recruit .layer-1 {
	width: 100%;
	max-width: 1559px;
	height: 361px;
	margin: 0 auto;
	position: relative;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .layer-1 {height: 300px;}
	}

	@media screen and (max-width: 480px) {
		#recruit .layer-1 {height: 300px;}
	}

#recruit .layer-1 .bg {
	width: 1559px;
	height: 361px;
	margin-left: -779.5px;
	text-align: left;
	position: absolute;
	left: 50%;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .layer-1 .bg {
		  width: 100%;
		  margin-left: 0;
		  left: 0;
		}
	}	

	@media screen and (max-width: 480px) {
		#recruit .layer-1 .bg {
		  width: 100%;
		  margin-left: 0;
		  left: 0;
		}
	}

#recruit .layer-1 .inner {
	text-align: left;
	position: absolute;
	top: 90px;
	left: 12.5%;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .layer-1 .inner {
			width: 100%;
			padding: 0 10px;
			position: relative;
			top: 8vw;
			left: 0;
		}
	}

	@media screen and (max-width: 480px) {
		#recruit .layer-1 .inner {
			width: 100%;
			padding: 0 10px;
			position: relative;
			top: 8vw;
			left: 0;
		}
	}

#recruit .layer-1 h3 {
	font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
	font-size: 60px;
	font-weight: bold;
	color: #8d7231;
	text-align: left;
	letter-spacing: -0.1em;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .layer-1 h3 {font-size: 8vw;}
	}

	@media screen and (max-width: 480px) {
		#recruit .layer-1 h3 {font-size: 8vw;}
	}

#recruit .layer-1 .s-title {
	font-family:"游ゴシック体", YuGothic, "YuGothic M", sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #696354;
	margin-top: 20px;
	text-align: left;
	letter-spacing: 0.1em;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .layer-1 .s-title {
			margin-top: 10vw;
			line-height: 1.6;
		}
	}

	@media screen and (max-width: 480px) {
		#recruit .layer-1 .s-title {
			margin-top: 10vw;
			line-height: 1.6;
		}
	}

#recruit .layer-1 .text {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 12px;
	margin-top: 20px;
	line-height: 2;
}

#recruit .layer-2 {margin-top: 120px;}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .layer-2 {margin-top: 7vw;}
	}

	@media screen and (max-width: 480px) {
		#recruit .layer-2 {margin-top: 7vw;}
	}

#recruit hr {
	background-color: #8d7231;
	width: 20px;
	height: 3px;
	margin-top: 20px;
	border: 0;
}

#recruit .layer-2 .text {
	font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
	font-size: 18px;
	color: #8d7231;
	margin: 40px 0 80px;
	line-height: 2.5;
	text-align: center;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .layer-2 .text {margin: 20px 0 30px;}
	}

	@media screen and (max-width: 480px) {
		#recruit .layer-2 .text {margin: 20px 0 30px;}
	}

#recruit ul.layer-3 {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	overflow: hidden;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit ul.layer-3 {max-width: 650px;}
	}

	@media screen and (max-width: 480px) {
		#recruit ul.layer-3 {
			width: 100%;
			max-width: 320px;
			margin: 0 auto;
		}
	}

#recruit ul.layer-3::after {
	content: '';
	clear: both;
}

#recruit ul.layer-3 li {
	width: calc(33.3% - 20px);
	max-width: 320px;
	height: 100%;
	padding: 157px 40px 40px;
	float: left;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit ul.layer-3 li {width: calc(50% - 5px);}
	}

	@media screen and (max-width: 480px) {
		#recruit ul.layer-3 li {width: 100%;}
	}

#recruit ul.layer-3 li:nth-child(n+2) {margin-left: 20px;}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit ul.layer-3 li:nth-child(n+2) {margin-left: 0;}
	}

	@media screen and (max-width: 480px) {
		#recruit ul.layer-3 li:nth-child(n+2) {margin: 3vw 0 0 0;}
	}

#recruit ul.layer-3 li:nth-child(n+4) {margin-top: 20px;}

#recruit ul.layer-3 li:first-child {
	background: url(../images/recruit_01.jpg) no-repeat top center #e9e9e9;
}

#recruit ul.layer-3 li:nth-child(2) {
	background: url(../images/recruit_02.jpg) no-repeat top center #e9e9e9;
}

#recruit ul.layer-3 li:nth-child(3) {
	background: url(../images/recruit_03.jpg) no-repeat top center #e9e9e9;
}

#recruit ul.layer-3 li:nth-child(4) {
	background: url(../images/recruit_04.jpg) no-repeat top center #e9e9e9;
	margin-left: 0;
}

#recruit ul.layer-3 li:nth-child(5) {
	background: url(../images/recruit_05.jpg) no-repeat top center #e9e9e9;
}

#recruit ul.layer-3 li:last-child{
	background: url(../images/recruit_06.jpg) no-repeat top center #e9e9e9;
}

#recruit ul.layer-3 .number {
	font-family: 'Lora', serif;
	font-size: 48px;
	font-style: italic;
	color: #fff;
	background-color: rgba(141,114,49,0.6);
	width: 72px;
	height: 72px;
	margin: 0 auto;
	padding: 10px 0 0 5px;
}

#recruit ul.layer-3 .tit {
	font-size: 18px;
	color: #696354;
	margin-top: 50px;
	text-align: center;
}

#recruit ul.layer-3 .text {
	font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
	font-size: 12px;
	color: #696354;
	margin-top: 20px;
	line-height: 2.2;
}

#recruit .layer-4 {
	color: #fff;
	background-color: #8d7231;
	margin-top: 70px;
	padding: 30px 0 40px;
	text-align: center;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .layer-4 {margin-top: 8vw;}
	}

	@media screen and (max-width: 480px) {
		#recruit .layer-4 {
			margin-top: 8vw;
			padding: 30px 10px 40px;
		}
	}

#recruit .layer-4 .inner {
	width: 700px;
	margin: 0 auto;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .layer-4 .inner { width: 100%;}
	}

	@media screen and (max-width: 480px) {
		#recruit .layer-4 .inner {width: 100%;}
	}

#recruit .layer-4 h3 {color: #fff;}

#recruit .layer-4 .s-title {color: #fff;}

#recruit .layer-4 hr {background-color: #fff;}

#recruit .layer-4 .text {
	font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
	font-size: 24px;
	margin-top: 25px;
	letter-spacing: 0.2em;
}

#recruit .layer-4 .desc1 {
	font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
	font-size: 78px;
	font-weight: bold;
	margin-top: 70px;
	line-height: 0.7em;
	letter-spacing: -3px;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .layer-4 .desc1 {
			font-size: 10vw;
			margin-top: 10vw;
		}
	}

	@media screen and (max-width: 480px) {
		#recruit .layer-4 .desc1 {
			font-size: 11vw;
			margin-top: 10vw;
		}
	}

#recruit .layer-4 .desc1 span {
	font-size: 36px;
	font-weight: bold;
	letter-spacing: -2px;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .layer-4 .desc1 span {font-size: 4.5vw;}
	}

	@media screen and (max-width: 480px) {
		#recruit .layer-4 .desc1 span {
			font-size: 5.3vw;
			margin-top: 10vw;
		}
	}

#recruit .layer-4 .desc2 {
	font-size: 24px;
	margin-top: 30px;
	text-align: left;
	line-height: 1.6;
	letter-spacing: 0.1em;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .layer-4 .desc2 {
			font-size: 3vw;
			margin-top: 4vw;
			text-align: center;
		}
	}

	@media screen and (max-width: 480px) {
		#recruit .layer-4 .desc2 {
			font-size: 4.3vw;
			margin-top: 4vw;
			text-align: center;
		}
	}

#recruit .layer-4 .desc3 {
	font-size: 0;
	margin-top: 25px;
	text-align: left;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .layer-4 .desc3 {
			width: 100%;
			margin: 3vw auto 0;
			padding: 0 10px;
			text-align: center;
		}
	}

	@media screen and (max-width: 480px) {
		#recruit .layer-4 .desc3 {
			width: 100%;
			margin: 3vw auto 0;
			padding: 0 10px;
			text-align: center;
		}
	}

#recruit .layer-4 .desc3 li {
	display: inline-block;
	vertical-align: top;
}

	@media screen and (max-width: 480px) {
		#recruit .layer-4 .desc3 li {display: block;}
	}

#recruit .layer-4 .desc3 li:first-child {
	font-family: 'Lora', serif;
	font-size: 14px;
	background-color: #bab188;
	padding: 15px 18px 20px 18px;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 0.2em;
}

	@media screen and (max-width: 480px) {
		#recruit .layer-4 .desc3 li:first-child {
			width: 164px;
			height: 139px;
			margin: 0 auto;
		}
	}

#recruit .layer-4 .desc3 li:first-child span {
	font-family: 'MistralAV';
	font-size: 30px;
}

#recruit .layer-4 .desc3 li:last-child {
	font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	margin-left: 30px;
	text-align: left;
	line-height: 2.2;
	letter-spacing: 0.2em;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .layer-4 .desc3 li:last-child {
			font-size: 15px;
			line-height: 2.35;
		}
	}

	@media screen and (max-width: 480px) {
		#recruit .layer-4 .desc3 li:last-child {
			font-size: 15px;
			margin: 2vw 0 0 0;
			line-height: 2.35;
			text-align: center;
		}
	}

#recruit .layer-4 .desc4 {
	font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
	font-size: 14px;
	margin-top: 25px;
	text-align: left;
	line-height: 2;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .layer-4 .desc4 {
			margin-top: 3vw;
			text-align: center;
		}
	}

	@media screen and (max-width: 480px) {
		#recruit .layer-4 .desc4 {
			margin-top: 3vw;
			text-align: center;
		}
	}

#recruit .btn-recruit {
	font-size: 18px;
	color: #454545;
	padding: 50px 0;
	text-align: center;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .btn-recruit {padding: 6vw 0;}
	}

	@media screen and (max-width: 480px) {
		#recruit .btn-recruit {padding: 6vw 0;}
	}

#recruit .btn-recruit p {margin-bottom: 30px;}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .btn-recruit p {margin-bottom: 4vw;}
	}

	@media screen and (max-width: 480px) {
		#recruit .btn-recruit p {margin-bottom: 4vw;}
	}

#recruit .btn-recruit ul {font-size: 0;}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .btn-recruit ul {padding: 0 10px;}
	}

	@media screen and (max-width: 480px) {
		#recruit .btn-recruit ul {padding: 0 10px;}
	}

#recruit .btn-recruit ul li {
	font-size: 14px;
	display: inline-block;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .btn-recruit ul li {
			width: calc(50% - 10px);
			max-width: 320px;
		}
	}

	@media screen and (max-width: 480px) {
		#recruit .btn-recruit ul li {
			width: 100%;
			max-width: 320px;
		}
	}

#recruit .btn-recruit ul li:last-child {margin-left: 20px;}

	@media screen and (max-width: 480px) {
		#recruit .btn-recruit ul li:last-child {margin: 10px 0 0;}
	}

#recruit .btn-recruit ul li span {
	font-family: 'Lora', serif;
	font-size: 18px;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .btn-recruit ul li span {font-size: 15px;}
	}

	@media screen and (max-width: 480px) {
		#recruit .btn-recruit ul li span {font-size: 15px;}
	}

#recruit .btn-recruit ul li a {
	color: #8d7231;
	background-color: #fff;
	width: 340px;
	padding: 13px 0;
	border: #bab188 3px solid;
	text-align: center;
	text-decoration: none;
	display: block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .btn-recruit ul li a {
			font-size: 11px;
			width: 100%;
		}
	}

	@media screen and (max-width: 480px) {
		#recruit .btn-recruit ul li a {
			width: 100%;
			margin-top: 0;
		}
	}

#recruit .btn-recruit ul li a:hover {
	color: #fff;
	background-color: #8d7231;
}

#recruit .btn-recruit-tel {
	font-size: 18px;
	color: #454545;
	text-align: center;
	margin-bottom: 30px;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .btn-recruit-tel {
			font-size: 18px;
			color: #454545;
			text-align: center;
			margin-bottom: 30px;
		}
	}

	@media screen and (max-width: 480px) {
		#recruit .btn-recruit-tel {padding: 0;}
	}

#recruit .btn-recruit-tel p {margin-bottom: 30px;}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .btn-recruit-tel p {margin-bottom: 30px;}
	}

	@media screen and (max-width: 480px) {
		#recruit .btn-recruit-tel p {margin-bottom: 4vw;}
	}

#recruit .btn-recruit-tel ul {font-size: 0;}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .btn-recruit-tel ul {font-size: 0;}
	}

	@media screen and (max-width: 480px) {
		#recruit .btn-recruit-tel ul {padding: 0 10px;}
	}

#recruit .btn-recruit-tel ul li {
	font-size: 14px;
	display: inline-block;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .btn-recruit-tel ul li {
			font-size: 14px;
			display: inline-block;
		}
	}

	@media screen and (max-width: 480px) {
		#recruit .btn-recruit-tel ul li {
			width: 100%;
			max-width: 320px;
		}
	}

#recruit .btn-recruit-tel ul li:last-child {margin-left: 20px;}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .btn-recruit-tel ul li:last-child {margin-left: 20px;}
	}

	@media screen and (max-width: 480px) {
		#recruit .btn-recruit-tel ul li:last-child {margin: 10px 0 0;}
	}

#recruit .btn-recruit-tel ul li span {
	font-family: 'Lora', serif;
	font-size: 18px;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .btn-recruit-tel ul li span {
			font-family: 'Lora', serif;
			font-size: 18px;
		}
	}

	@media screen and (max-width: 480px) {
		#recruit .btn-recruit-tel ul li span {font-size: 15px;}
	}

#recruit .btn-recruit-tel ul li a {
	color: #8d7231;
	background-color: #fff;
	width: 340px;
	padding: 13px 0;
	border: #bab188 3px solid;
	text-align: center;
	text-decoration: none;
	display: block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
	margin-bottom: 20px;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .btn-recruit-tel ul li a {
			color: #8d7231;
			background-color: #fff;
			width: 340px;
			padding: 13px 0;
			border: #bab188 3px solid;
			text-align: center;
			text-decoration: none;
			display: block;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all  0.5s ease;
		}
	}

	@media screen and (max-width: 480px) {
		#recruit .btn-recruit-tel ul li a {
			width: 100%;
			margin-top: 0;
		}
	}

#recruit .btn-recruit-tel ul li a:hover {
	color: #fff;
	background-color: #8d7231;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .btn-recruit-tel ul li a:hover {
			color: #fff;
			background-color: #8d7231;
		}
	}

#recruit .layer-5 {
	color: #fff;
	background-color: #8d7231;
	margin-top: 70px;
	padding: 40px 0;
	text-align: center;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .layer-5 {
			margin-top: 8vw;
			padding: 5vw 0;
		}
	}

	@media screen and (max-width: 480px) {
		#recruit .layer-5 {
			margin-top: 8vw;
			padding: 5vw 10px;
		}
	}

#recruit .layer-5 h4 {
	font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
	font-size: 36px;
	font-weight: bold;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .layer-5 h4 {font-size: 30px;}
	}

	@media screen and (max-width: 480px) {
		#recruit .layer-5 h4 {line-height: 1.4;}
	}

#recruit .layer-5 ul {
	font-size: 0;
	margin-top: 30px;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .layer-5 ul {
			width: 100%;
			max-width: 500px;
			margin: 4vw auto 0;
			padding: 0 10px;
		}
	}

	@media screen and (max-width: 480px) {
		#recruit .layer-5 ul {
			width: 100%;
			max-width: 500px;
			margin: 4vw auto 0;
			padding: 0 10px;
		}
	}

#recruit .layer-5 ul li {
	padding: 25px 0;
	display: inline-block;
	text-align: center;
	vertical-align: top;
}

	@media screen and (min-width: 769px) and (max-width: 1018px) {
		#recruit .layer-5 ul li {padding: 2.5vw 0;}
	}

#recruit .layer-5 ul li .number {
	font-family: 'Lora', serif;
	font-size: 24px;
	color: #8d7231;
	background-color: #fff;
	width: 35px;
	height: 35px;
	margin: 0 auto;
	padding-top: 6px;
	border-radius: 100%;
}

	@media screen and (min-width: 769px) and (max-width: 1018px) {
		#recruit .layer-5 ul li .number {
			font-size: 2.5vw;
			width: 3.5vw;
			height: 3.5vw;
			padding-top: 0.5vw;
		}
	}

#recruit .layer-5 ul li .title {
	font-size: 16px;
	margin-top: 15px;
	letter-spacing: 0.1em;
}

	@media screen and (min-width: 769px) and (max-width: 1018px) {
		#recruit .layer-5 ul li .title {
			font-size: 1.5vw;
			margin-top: 1.5vw;
		}
	}

#recruit .layer-5 ul li .text {
	font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
	padding-left: 40px;
	text-align: left;
	line-height: 1.8;
}

	@media screen and (min-width: 769px) and (max-width: 1018px) {
		#recruit .layer-5 ul li .text {
			font-size: 1.4vw;
			margin-top: 1.8vw;
			padding-left: 4vw;
		}
	}

#recruit .layer-5 ul li:first-child {
	background: url(../images/bg_recruit_debut_01.jpg) no-repeat;
	background-size: contain;
	width: 24.36vw;
	max-width: 247px;
	height: 19.725vw;
	max-height: 200px;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .layer-5 ul li:first-child {
			background: #bab188;
			width: calc(50% - 5px);
			height: 100%;
		}
	}

	@media screen and (max-width: 480px) {
		#recruit .layer-5 ul li:first-child {
			background: #bab188;
			width: 100%;
			height: 100%;
		}
	}

#recruit .layer-5 ul li:nth-child(2) {
	background: url(../images/bg_recruit_debut_02.jpg) no-repeat;
	background-size: contain;
	width: 24.36vw;
	max-width: 247px;
	height: 19.725vw;
	max-height: 200px;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .layer-5 ul li:nth-child(2) {
			background: #bab188;
			width: calc(50% - 5px);
			height: 100%;
			margin-left: 5px;
		}
	}

	@media screen and (max-width: 480px) {
		#recruit .layer-5 ul li:nth-child(2) {
			background: #bab188;
			width: 100%;
			height: 100%;
			margin-left: 0;
		}
	}

#recruit .layer-5 ul li:nth-child(3) {
	background: url(../images/bg_recruit_debut_03.jpg) no-repeat;
	background-size: contain;
	width: 24.36vw;
	max-width: 247px;
	height: 19.725vw;
	max-height: 200px;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .layer-5 ul li:nth-child(3) {
			background: #bab188;
			width: calc(50% - 5px);
			height: 100%;
			padding-bottom: 40px;
		}
	}

	@media screen and (max-width: 480px) {
		#recruit .layer-5 ul li:nth-child(3) {
			background: #bab188;
			width: 100%;
			height: 100%;
		}
	}

#recruit .layer-5 ul li:last-child {
	background: url(../images/bg_recruit_debut_04.jpg) no-repeat;
	background-size: contain;
	width: 24.36vw;
	max-width: 247px;
	height: 19.725vw;
	max-height: 200px;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .layer-5 ul li:last-child {
			background: #bab188;
			width: calc(50% - 5px);
			height: 100%;
			margin-left: 5px;
		}
	}

	@media screen and (max-width: 480px) {
		#recruit .layer-5 ul li:last-child {
			background: #bab188;
			width: 100%;
			height: 100%;
			margin-left: 0;
		}
	}

#recruit .layer-5 .text2 {
	font-size: 14px;
	margin-top: 30px;
	line-height: 2.2;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .layer-5 .text2 {margin-top: 4vw;}
	}

	@media screen and (max-width: 480px) {
		#recruit .layer-5 .text2 {margin-top: 4vw;}
	}





#recruit .layer-6 {padding-top: 70px;}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .layer-6 {padding-top: 9vw;}
	}
	@media screen and (max-width: 480px) {
		#recruit .layer-6 {padding-top: 9vw;}
	}

#recruit .layer-6 .text {
	font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
	font-size: 18px;
	color: #8d7231;
	margin-top: 30px;
	text-align: center;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .layer-6 .text {margin-top: 4vw;}
	}

	@media screen and (max-width: 480px) {
		#recruit .layer-6 .text {margin-top: 4vw;}
	}

#recruit .layer-6 ul {
	font-size: 0;
	width: 760px;
	margin: 15px auto 0;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .layer-6 ul {
			width: 100%;
			margin-top: 3vw;
			padding: 0 10px;
		}
	}

	@media screen and (max-width: 480px) {
		#recruit .layer-6 ul {
			width: 100%;
			margin-top: 3vw;
			padding: 0 10px;
		}
	}

#recruit .layer-6 ul li {
	font-size: 16px;
	vertical-align: top;
	display: inline-block;
}

#recruit .layer-6 ul li:first-child {
	font-family: 'Lora', serif;
	width: 4.5%;
	padding: 8px 0;
	text-align: center;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .layer-6 ul li:first-child {width: 33px;}
	}

	@media screen and (max-width: 480px) {
		#recruit .layer-6 ul li:first-child {width: 33px;}
	}

#recruit .layer-6 ul li:last-child {
	font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
	width: 93.5%;
	margin-left: 2%;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .layer-6 ul li:last-child {width: calc(100% - (33px + 2%));}
	}

	@media screen and (max-width: 480px) {
		#recruit .layer-6 ul li:last-child {width: calc(100% - (33px + 2%));}
	}

#recruit .layer-6 ul.question li {color: #8d7231;}

#recruit .layer-6 ul.question li:first-child {border: #8d7231 3px solid;}

#recruit .layer-6 ul.question li:last-child {
	font-weight: bold;
	padding-top: 8px;
}

#recruit .layer-6 ul.answer li:first-child {border: #000 3px solid;}

#recruit .layer-6 ul.answer li:last-child {
	font-size: 14px;
	padding-top: 5px;
	line-height: 1.8;
}

#recruit .layer-6 .text2 {
	font-size: 14px;
	margin-top: 50px;
	text-align: center;
	line-height: 2.4;
	letter-spacing: 0.15em;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .layer-6 .text2 {
			margin-top: 7vw;
			padding: 0 10px;
		}
	}

	@media screen and (max-width: 480px) {
		#recruit .layer-6 .text2 {
			margin-top: 7vw;
			padding: 0 10px;
			line-height: 2;
		}
	}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .layer-1 .bg img {width: 100%;}
	}

	@media screen and (max-width: 480px) {
		#recruit .layer-1 .bg img {width: 100%;}
	}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit ul.layer-3 li:nth-child(even) {margin-left: 10px;}
	}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit ul.layer-3 li:nth-child(n+3) {margin-top: 10px;}
	}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit .layer-5 ul li:nth-child(n+3) {margin-top: 6px;}
	}

	@media screen and (max-width: 480px) {
		#recruit .layer-5 ul li:nth-child(n+2) {margin-top: 10px;}
	}
/* /recruit */

/* questionnaire */
#questionnaire .attention {
    text-align: center;
    margin: 0 0 45px 0px;
    font-size: 16px;
    color: #ff0000;
}

	@media screen and (max-width: 480px) {
		#questionnaire .attention {
			font-size: 14px;
			line-height: 2;
		}
	}

/*
#questionnaire label {
    position: relative;
    display: block;
}

#questionnaire label:before {
    content: "";
    position: absolute;
    top: 38%;
    right: 10px;
    display: block;
    width: 0;
    height: 0;
    margin: 0 0 0 0;
    border: 8px solid transparent;
    border-top: 13px solid #000;
}
*/
#questionnaire .check {
    text-align: center;
    margin: 0 0 45px 0px;
    font-size: 20px;
}

	@media screen and (max-width: 480px) {
		#questionnaire .check {
			font-size: 16px;
			top: 12px!important;
		}
	}

#questionnaire .check-txt {
    margin: 0 0 45px 0px;
    font-size: 16px;
    background: #fff;
    padding: 15px;
    line-height: 1.5em;
    border: solid 2px #8d7231;
}

#questionnaire .check-txt span{color:#8d7231;}

#questionnaire .note {
    text-align: center;
    margin: 0 0 45px 0px;
    font-size: 20px;
}

	@media screen and (max-width: 480px) {
		#questionnaire .note {font-size: 16px;}	
	}

#questionnaire .q-txtarea{padding: 0 0 15px 0px;}

#questionnaire input[type=text]{
	width: 84%;
    height: 50px;
	font-size: 18px;
}

	@media screen and (max-width: 480px) {
		#questionnaire input[type=text] {
			width: 90%;
			height: 40px;
			font-size: 13px;
		}	
	}

#questionnaire select.day-select {
    width: 10%;
    height: 50px;
    font-size: 20px;
	background: #fff;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#questionnaire select.day-select {
			margin: 5px 0px;
			width: 25%;
			height: 40px;
			font-size: 18px;
		}
	}

	@media screen and (max-width: 480px) {
		#questionnaire select.day-select {
			margin: 5px 0px;
			width: 15%;
			height: 35px;
			font-size: 13px;
		}
	}

#questionnaire select.girl-select {
    width: 84%;
    height: 50px;
    font-size: 20px;
	background: #fff;
}

#questionnaire .q-text{
	font-size: 20px;
    margin: 20px 5px;
}

	@media screen and (max-width: 480px) {
		#questionnaire .q-text {
			font-size: 13px;
			margin: 0px 3px;
		}	
	}

#questionnaire .q-title{
	font-size: 20px;
	margin: 20px 5px;
}

	@media screen and (max-width: 480px) {
		#questionnaire .q-title {
			font-size: 16px;
			margin: 10px 3px;
		}	
	}

#questionnaire ul {
    border-bottom: 1px dotted #000;
    height: auto;
    margin: 0 0 10px;
}

#questionnaire ul li {
    color: #000;
    display: inline-block;
    position: relative;
    height: 100px;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#questionnaire ul li {width: 49%;}	
	}

	@media screen and (max-width: 480px) {
		#questionnaire ul li {
			width: 100%;
			height: auto;
		}	
	}

#questionnaire input[type=submit]{
	font-family: "Yu Mincho", "YuMincho", serif;
	color: #8d7231;
	font-size: 20px;
	margin: 20px auto;
	background-color: #fff;
    width: 340px;
    padding: 13px 0;
    border: #bab188 3px solid;
    text-align: center;
    text-decoration: none;
    display: block;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

	@media screen and (max-width: 480px) {
		#questionnaire input[type=submit] {
			font-size: 16px;
			width: 90%;
			margin: 30px auto;
		}	
	}

#questionnaire input[type=submit]:hover {
	color: #fff;
	background-color: #8d7231;
}

#questionnaire textarea{
	width: 100%;
    height: 150px;
	font-size: 16px;
}

	@media screen and (max-width: 480px) {
		#questionnaire textarea {font-size: 13px;}	
	}

#questionnaire ul li input[type=radio]{
	position: absolute;
	visibility: hidden;
	top:36px;
}

#questionnaire ul li label {
    display: block;
    position: relative;
    font-weight: 300;
    font-size: 1.2em;
    padding: 25px 25px 25px 60px;
    margin: 10px auto;
    height: 30px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
}

	@media screen and (max-width: 480px) {
		#questionnaire ul li label {
			padding: 7px 25px 23px 55px;
			font-size: 0.9em;
		}	
	}

#questionnaire ul li:hover label{color: #8d7231;}

#questionnaire ul li .check {
    display: block;
    position: absolute;
    border: 5px solid #AAAAAA;
    border-radius: 100%;
    height: 32px;
    width: 32px;
    top: 27px;
    left: 20px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

	@media screen and (max-width: 480px) {
		#questionnaire ul li .check {
			border: 3px solid #AAAAAA;
			height: 25px;
			width: 25px;
			top: 27px;
			left: 20px;
		}
	}

#questionnaire ul li:hover .check {border: 5px solid #8d7231;}

#questionnaire ul li .check::before {
	display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 18px;
    width: 16px;
    top: 2px;
    left: 3px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

	@media screen and (max-width: 480px) {
		#questionnaire ul li .check::before {
			height: 15px;
			width: 15px;
			top: 2px;
			left: 2px;
		}	
	}

#questionnaire input[type=radio]:checked ~ .check {
  border: 5px solid #8d7231;
}

	@media screen and (max-width: 480px) {
		#questionnaire input[type=radio]:checked ~ .check {border: 3px solid #8d7231;}
	}

#questionnaire input[type=radio]:checked ~ .check::before{
  background: #8d7231;
}

#questionnaire input[type=radio]:checked ~ label{
  color: #8d7231;
}

.alert {
    box-sizing: border-box;
    background-color: #8d7231;
    width: 100%;
    position: relative; 
    top: 0;
    left: 0;
    z-index: 300;
    padding: 20px 40px;
    color: #333;
}

.alert h2 {
    font-size: 22px;
    color: #232323;
    margin-top: 0;
}

.alert p {
    line-height: 1.6em;
    font-size:18px;
}

.alert a {
    color: #232323;
    font-weight: bold;
}

#questionnaire .s-title {
	font-family: 'Lora', serif;
	font-size: 18px;
	color: #8d7231;
	margin-top: 20px;
	text-align: center;
	letter-spacing: 0.1em;
}

#questionnaire .layer {
    color: #000;
    margin-top: 70px;
    padding: 30px 0 40px;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#questionnaire .layer {margin-top: 8vw;}
	}

	@media screen and (max-width: 480px) {
		#questionnaire .layer {
		  margin-top: 8vw;
		  padding: 30px 10px 40px;
		}
	}

#questionnaire .layer .inner {
	max-width: 1000px;
	margin: 0 auto;
	padding: 10px;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#questionnaire .layer .inner {width: 100%;}
	}

	@media screen and (max-width: 480px) {
		#questionnaire .layer .inner {width: 100%;}
	}

#questionnaire .layer h3 {color: #fff;}

#questionnaire .layer .s-title {color: #fff;}

#questionnaire .layer hr {background-color: #fff;}

#questionnaire .layer .text {
	font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
	font-size: 24px;
	margin-top: 25px;
	letter-spacing: 0.2em;
}

#questionnaire .btn-questionnaire {
	font-size: 18px;
	color: #454545;
	padding: 50px 0;
	text-align: center;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#questionnaire .btn-questionnaire {padding: 6vw 0;}
	}

	@media screen and (max-width: 480px) {
		#questionnaire .btn-questionnaire {padding: 6vw 0;}
	}

#questionnaire .btn-questionnaire p {margin-bottom: 30px;}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#questionnaire .btn-questionnaire p {margin-bottom: 4vw;}
	}

	@media screen and (max-width: 480px) {
		#questionnaire .btn-questionnaire p {margin-bottom: 4vw;}
	}

#questionnaire .btn-questionnaire ul {font-size: 0;}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#questionnaire .btn-questionnaire ul {padding: 0 10px;}
	}

	@media screen and (max-width: 480px) {
		#questionnaire .btn-questionnaire ul {padding: 0 10px;}
	}

#questionnaire .btn-questionnaire ul li {
	font-size: 14px;
	display: inline-block;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#questionnaire .btn-questionnaire ul li {
			width: calc(50% - 10px);
			max-width: 320px;
		}
	}

	@media screen and (max-width: 480px) {
		#questionnaire .btn-questionnaire ul li {
			width: 100%;
			max-width: 320px;
		}
	}

#questionnaire .btn-questionnaire ul li:last-child {margin-left: 20px;}

#questionnaire .btn-questionnaire ul li span {
	font-family: 'Lora', serif;
	font-size: 18px;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#questionnaire .btn-questionnaire ul li span {font-size: 15px;}
	}

	@media screen and (max-width: 480px) {
		#questionnaire .btn-questionnaire ul li span {font-size: 15px;}
	}

#questionnaire .btn-questionnaire ul li a {
	color: #8d7231;
	background-color: #fff;
	width: 340px;
	padding: 13px 0;
	border: #bab188 3px solid;
	text-align: center;
	text-decoration: none;
	display: block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#questionnaire .btn-questionnaire ul li a {
			font-size: 11px;
			width: 100%;
		}
	}

	@media screen and (max-width: 480px) {
		#questionnaire .btn-questionnaire ul li a {
			width: 100%;
			margin-top: 0;
		}
	}

#questionnaire .btn-questionnaire ul li a:hover {
	color: #fff;
	background-color: #8d7231;
}

#questionnaire br.sp{display:none}

	@media screen and (max-width: 480px) {
		#questionnaire br.sp{display:block}
	}

.req{color:red;}
/* /questionnaire */

/* schedule */
#schedule { padding-bottom: 40px;}

#schedule ul {
	font-size: 0;
	width: 100%;
	max-width: 1025px;
	margin: 0 auto;
}

#schedule ul#date li {
	font-size: 14px;
	width: 12.5%;
	text-align: center;
	vertical-align: top;
	display: inline-block;
	background-color: #8d7231;
}

#schedule ul#date li a {
	margin: 0 auto;
	color: #fff;
	background-color: #8d7231;
	width: 65%;
	height: 45px;
	padding-top: 15px;
	text-decoration: none;
	display: block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}

#schedule ul#date li a:hover {
	color: #000;
	background-color: #c9aa57;
}

#schedule ul#date li br {display: none;}

#schedule ul#date li.target a {
	background-color: #c9aa57;
	width: 100%;
}

#schedule ul#date li:nth-child(n+2) {border-left: #fff 1px solid;}

#schedule #today {
	font-size: 18px;
	color: #313131;
	margin: 50px 0;
	text-align: center;
}

#schedule ul#list li {
	font-size: 12px;
	color: #8d7231;
	width: calc(25% - 0.804%);
	margin: 0.4%;
	padding: 3px;
	border: #8d7231 1px solid;
	display: inline-block;
	text-align: center;
}

#schedule ul#list li .image {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}

#schedule ul#list li .image:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#schedule ul#list li .image img {max-width: 100%;}

#schedule ul#list li .name {
	font-size: 16px;
	float: left;
	padding: 8px 0 0 5%;
}

#schedule ul#list li .data {
	float: right;
	padding: 10px 4% 10px 0;
}

#schedule ul#list li .time {
	font-size: 16px;
	width: 100%;
	padding-bottom: 5px;
	text-align: center;
	clear: both;
}

#schedule ul#list li .btn-profile {clear: both;}

#schedule ul#list li .btn-profile a {
	color: #fff;
	background-color: #8d7231;
	width: 100%;
	padding: 10px 0;
	text-decoration: none;
	display: block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}

#schedule ul#list li .btn-profile a:hover {background-color: #c9aa57;}


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

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#schedule ul#date li:nth-child(n+2) a {padding: 7px 0 0 0;}
	}
		
	@media screen and (min-width: 481px) and (max-width: 768px) {
		#schedule ul#date li br {display: block;}
	}
		
	@media screen and (min-width: 481px) and (max-width: 768px) {
		#schedule ul#list {margin: 5vw 0;}
	}
		
	@media screen and (min-width: 481px) and (max-width: 768px) {
		#schedule ul#list li {width: calc(33% - 0.465%);}
	}



	@media screen and (max-width: 480px) {
		#schedule ul#date li {font-size: 13px;}

		#schedule ul#date li:nth-child(n+2) a {padding-top: 11px;}

		#schedule ul#date li a {padding-left: 0;}

		#schedule ul#date li br {display: block;}

		#schedule #today {margin: 5vw 0;}

		#schedule ul#list li {width: calc(50% - 0.8%);}
	}
/* /schedule */

/* system */
#system .s-tytle {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
	font-size: 16px;
	padding: 0 20px;
	line-height: 1.8;
	text-align: center;
}

#system h3 {
	font-size: 14px;
	color: #8d7231;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 0.1em;
}

#system h3 span {
	font-size: 24px;
	font-family: 'Lora', serif;
}

#system .sysban {
    text-align: center;
    margin: 40px auto;
    width: 100%;
    max-width: 944px;
}


#system .sysban img {
width: 100%;
}

@media screen and (max-width: 944px){
#system .sysban img {
width: 98%;
}
}

@media screen and (max-width: 480px){
#system .sysban img {
width: 96%;
}
}


#system .menu {
	width: 944px;
	margin: 40px auto 0;
	padding: 30px 0 30px;
	border: #000 1px solid;
}

#system .menu a {
    color: #000;
    width: 100%;
    padding: 15px 0;
    text-decoration: none;
    display: block;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#system .menu a:hover {
	background-color: #c9aa57;
}

#system .menu ul {
    font-size: 0;
    padding-left: 75px;
}

#system .menu ul.price li img{
    width: 50px;
}

#system .menu .tax{
    font-size: 20px;
}

#system .menu ul li {
	display: inline-block;
	vertical-align: middle;
}

#system .menu ul.price { margin-top: 20px;}

#system .menu ul.price li:first-child {
	font-size: 24px;
	color: #8d7231;
	width: 15%;
	padding: 5px 0;
	border: #8d7231 1px solid;
	text-align: center;
}

#system .menu ul.price li:first-child span {font-size: 16px;}

#system .menu ul.price li:nth-child(2) {
	font-size: 30px;
	margin-left: 10px;
}

#system .menu ul.price li:nth-child(2) span {font-size: 16px;}

#system .menu ul.price li:nth-child(3) {margin-left: 20px;}

#system .menu ul.price li:last-child {
	font-size: 14px;
	color: #8d7231;
	margin-left: 20px;
	line-height: 1.4;
	letter-spacing: -0.1em;
}

#system .menu ul.price li:last-child span {
	font-size: 12px;
	color: #000;
}

#system .menu ul.other {margin-top: 40px;}

#system .menu ul.other li:first-child,
#system .menu ul.other li:nth-child(3) {
	font-size: 24px;
	color: #8d7231;
	width: 15%;
	padding: 5px 0;
	border: #8d7231 1px solid;
	text-align: center;
}

#system .menu ul.other li:first-child span,
#system .menu ul.other li:nth-child(3) span {
	font-size: 16px;
}

#system .menu ul.other li:nth-child(2), #system .menu ul.other li:last-child {
    font-size: 30px;
    margin: 0 25px 0 10px;
}

#system .menu ul.other li:nth-child(2) span,
#system .menu ul.other li:last-child span {
	font-size: 16px;
}

#system .menu .text {
	font-size: 12px;
	margin-top: 30px;
	padding-left: 130px;
	line-height: 2;
}

#system .menu .text span {
	width: fit-content;
	margin: 0 auto;
	padding-right: 130px;
	display: block;
}

#policy {
	margin-top: 70px;
	background: #f5f5f5;
	padding: 30px 15px
}

#policy p {
    line-height: 1.8;
    margin-top: 20px;
    text-align: center;
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
}


/*credit*/
#system .menu .text2 {
    font-size: 19px;
    padding-left: 8px;
}

#system .menu ul.credit {
	/*margin-top: 20px; */
    padding-left: 2px;
	width: 98%;
}

#system .menu ul.credit li:nth-child(2) {
	font-size: 23px;
    background-color: #6e5a2d;
    color: #fff;
    width: 26%;
    padding: 7px 0;
    border: #6e5a2d 1px solid;
    text-align: center;
}

#system .menu ul.credit li:nth-child(3) {
	font-size: 14px;
	vertical-align: top;
	margin-left: 15px;
	line-height: 1.8;
	letter-spacing: -0.1em;
}

#system .menu ul.credit li:first-child span {font-size: 16px;}

#system .menu ul.credit li:first-child {
	font-size: 28px;
	margin-left: 10px;
}

#system .menu ul.credit li:first-child span {font-size: 16px;}

#system .menu ul.credit li:first-child {
	margin-left: 10px;
	color: #6e5a2d;
}

#system .menu ul.credit li:last-child {
	font-size: 19px;
	margin-left: 15px;
	letter-spacing: 0em;
	margin-top: -28px;
}

#system .menu ul.credit li:last-child span {
	font-size: 12px;
	color: #000;
}
/* /credit */

/*payp*/
#system .menu ul.payp {
	/*margin-top: 20px; */
    padding-left: 2px;
	width: 98%;
}

#system .menu ul.payp li:nth-child(2) {
	font-size: 23px;
    background-color: #6e5a2d;
    color: #fff;
    width: 26%;
    padding: 7px 0;
    border: #6e5a2d 1px solid;
    text-align: center;
}

#system .menu ul.payp li:first-child span {font-size: 16px;}

#system .menu ul.payp li:first-child {
	font-size: 28px;
	margin-left: 10px;
}

#system .menu ul.payp li:first-child span {font-size: 16px;}

#system .menu ul.payp li:first-child {
	margin-left: 10px;
	color: #6e5a2d;
}

#system .menu ul.payp li:last-child {
	font-size: 19px;
	margin-left: 15px;
	letter-spacing: 0em;
	margin-top: -50px;
}

#system .menu ul.payp li:last-child span {
	font-size: 12px;
	color: #000;
}
#system .menu ul.payp li:nth-child(3) {
	font-size: 19px;
	margin-left: 15px;
	letter-spacing: 0em;
	margin-top: 10px;
}
	@media screen and (min-width: 769px) and (max-width: 969px) {
		#system .menu ul.payp {
			padding-left: 0;
			text-align: center;
		}

		#system .menu ul.payp li:nth-child(3) {/*width: 20%;*/}

		#system .menu ul.payp li:nth-child(3) img {max-width: 100%;}

		#system .menu ul.payp li:last-child {
			text-align: left;
			margin-top: 10px;
		}
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#system .menu ul.payp {
			width: 100%;
			margin: 20px auto 40px;
			padding-left: 0;
			text-align: center;
		}

		#system .menu ul.payp li:first-child {width: 100%;}

		#system .menu ul.payp li:nth-child(2) {
			margin-top: 10px;
			width: 100%;
			max-width: 240px;
		}

		#system .menu ul.payp li:last-child {
			margin-top: 10px;
			margin-left: 0;
			display: block;
		}
		}
	@media screen and (max-width: 480px) {
		#system .menu ul.payp {
			width: 300px;
			margin: 20px 0 40px 20px;
			padding-left: 0;
			text-align: left;
		}

		#system .menu ul.payp li:first-child {
			width: 100%;
			text-align: center;
			margin-bottom: 10px;
			font-size: 25px;
			margin-left: 0;
		}

		#system .menu ul.payp li:nth-child(2) {
			margin: 0 auto;
			width: 315px;
		}

		#system .menu ul.payp li:nth-child(3) {
			display: block;
			width: 300px;
			text-align: center;
		}

		#system .menu ul.payp li:last-child {
			margin: 0 auto;
		}
	}	

	@media screen and (max-width: 360px) {
		#system .menu ul.payp {
			width: 100%;
			margin: 20px auto;
		}

		#system .menu ul.payp li:first-child {
			width: 100%;
			text-align: center;
			margin-bottom: 10px;
			font-size: 25px;
			margin-left: 0;
		}

		#system .menu ul.payp li:nth-child(2) {
			margin: 0 9px;
			width: 100%;
			max-width: 315px;
		}

		#system .menu ul.payp li:nth-child(3) {
			display: block;
			width: 300px;
			text-align: center;
		}

		#system .menu ul.payp li:last-child {
			margin: 0 auto;
		}
	}	


/* /payp */

#system .access {margin-top: 70px;}

#system .access .text {
	font-size: 12px;
	margin: 40px 0 20px;
	text-align: center;
	line-height: 1.4;
}

#system .access ul {
	font-size: 0;
	margin-bottom: 10px;
}

#system .access ul li {
	width: 50%;
	vertical-align: top;
	display: inline-block;
}

#system .access ul li:first-child {
	color: #fff;
	background-color: #8d7231;
	padding: 70px 20px;
}

#system .access ul li:first-child .area {
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN W3",HiraMinProN-W3,"ヒラギノ明朝 ProN","Hiragino Mincho ProN",serif;
	font-size: 24px;
}

#system .access ul li:first-child .desc {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
	font-size: 16px;
	margin-top: 20px;
	line-height: 1.6;
}

#system .access ul li:last-child iframe {height: 450px;}

#system .attention {margin: 70px 0 40px;}

#system .attention p {
	font-size: 12px;
	width: 650px;
	margin: 40px auto 0;
	line-height: 2;
}

	@media screen and (min-width: 769px) and (max-width: 1050px) {
		#system .access ul li:first-child {padding-top: 6vw;}
	}/* /min-width: 769px and max-width: 1050px */

	@media screen and (min-width: 769px) and (max-width: 969px) {
		#system .menu {width: calc(100% - 20px);}

		#system .menu ul.price {
			padding-left: 0;
			text-align: center;
		}

		#system .menu ul.price li:nth-child(3) {
			width: 8%;
		}

		#system .menu ul.price li:nth-child(3) img {max-width: 100%;}

		#system .menu ul.price li:last-child {
			width: 30%;
			text-align: left;
		}

		#system .menu ul.other {
			padding-left: 0;
			text-align: center;
		}

		#system .menu ul.other li:last-child {margin-right: 0;}

		#system .menu .text {
			padding-left: 0;
			text-align: center;
		}

		#system .menu .text span {
			padding-right: 0;
		}

		#system .menu ul.credit {
			padding-left: 0;
			text-align: center;
		}

		#system .menu ul.credit li:nth-child(3) {/*width: 20%;*/}

		#system .menu ul.credit li:nth-child(3) img {max-width: 100%;}

		#system .menu ul.credit li:last-child {
			text-align: left;
			margin-top: 10px;
		}
	}

	@media screen and (min-width: 769px) {
		#system .access ul li:first-child {
		  height: 450px;
		}
	}/* /min-width: 769px */
		

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#system .s-tytle {padding: 0 10px;}

		#system .menu {width: calc(100% - 20px);}

		#system .menu ul.price {
			width: 480px;
			margin: 20px auto 40px;
			padding-left: 0;
			text-align: center;
		}

		#system .menu ul.price li:first-child {width: 27%;}

		#system .menu ul.price li:nth-child(2) {
			margin-left: 20px;
			margin-top: 10px;
		}

		#system .menu ul.price li:nth-child(3) {display: none;}

		#system .menu ul.price li:last-child {
			margin-top: 10px;
			margin-left: 0;
			display: block;
		}

		#system .menu ul.other {
			width: 370px;
			margin: 0 auto;
			padding-left: 0;
			text-align: center;
		}

		#system .menu ul.other li:first-child,
		#system .menu ul.other li:nth-child(3) {
			width: 27%;
		}

		#system .menu ul.other li:nth-child(2),
		#system .menu ul.other li:last-child {
			margin-left: 20px;
			margin-right: 0;
		}

		#system .menu ul.other li:nth-child(3),
		#system .menu ul.other li:last-child {
			margin-top: 15px;
		}

		#system .menu .text {
			padding: 0 10px;
			text-align: center;
		}

		#system .menu .text span {
			padding-right: 0;
		}

		#system .access ul li {
			width: 100%;
			display: block;
		}

		#system .access ul li:first-child {padding: 40px 20px;}

		#system .attention p {
			width: 100%;
			padding: 0 10px;
		}

		#system .menu ul.credit {
			width: 480px;
			margin: 20px auto 40px;
			padding-left: 0;
			text-align: center;
		}

		#system .menu ul.credit li:first-child {width: 50%;}

		#system .menu ul.credit li:nth-child(2) {
			margin-top: 10px;
			width: 50%;
		}

		#system .menu ul.credit li:nth-child(3) {/*display: none;*/}

		#system .menu ul.credit li:last-child {
			margin-top: 10px;
			margin-left: 0;
			display: block;
		}
	}

	@media screen and (max-width: 480px) {
		#system .s-tytle {
			padding: 0 10px;
			text-align: left;
		}

		#system .menu {
			width: calc(100% - 20px);
			padding-top: 20px;
		}

		#system .menu ul.price {
			width: 300px;
			margin: 20px 0 40px 20px;
			padding-left: 0;
			text-align: left;
		}

		#system .menu ul.price li:first-child {width: 40%;}

		#system .menu ul.price li:nth-child(2) {
			margin-left: 20px;
			margin-top: 10px;
		}

		#system .menu ul.price li:nth-child(3) {display: none;}

		#system .menu ul.price li:last-child {
			margin-top: 10px;
			margin-left: 0;
			padding: 0 10px;
			display: block;
		}

		#system .menu ul.other {
			width: 300px;
			margin-left: 20px;
			padding-left: 0;
			text-align: left;
		}

		#system .menu ul.other li:first-child,
		#system .menu ul.other li:nth-child(3) {
			width: 34%;
		}

		#system .menu ul.other li:nth-child(2), #system .menu ul.other li:last-child {
			margin-left: 20px;
			margin-right: 0;
			margin-top: 10px;
		}

		#system .menu ul.other li:nth-child(3),
		#system .menu ul.other li:last-child {
			margin-top: 15px;
		}

		#system .menu .text {
			padding: 0 10px;
			text-align: justify;
		}

		#system .menu .text span {
			padding-right: 0;
		}

		#system .access .text {
			padding: 0 10px;
			text-align: left;
		}

		#system .access ul li {
			width: 100%;
			display: block;
		}

		#system .access ul li:first-child {padding: 12vw 10px 10vw;}

		#system .attention p {
			width: 100%;
			padding: 0 10px;
		}

		#system .menu ul.credit {
			width: 300px;
			margin: 20px 0 40px 20px;
			padding-left: 0;
			text-align: left;
		}

		#system .menu ul.credit li:first-child {
			width: 300px;
			text-align: center;
			margin-bottom: 10px;
			font-size: 25px;
		}

		#system .menu ul.credit li:nth-child(2) {
			margin: 0 auto;
			width: 315px;
		}

		#system .menu ul.credit li:nth-child(3) {
			text-align: left;
			font-size: 12px;
		}

		#system .menu ul.credit li:last-child {
			margin: 20px 0px 0px 0px;
			padding: 0px 9px;
			display: block;
			width: 300px;
			text-align: center;
		}
	}	
/* /system */

/* therapist */
#therapist {padding-bottom: 20px;}

#therapist ul {
	font-size: 0;
	width: 100%;
	max-width: 1025px;
	margin: 0 auto;
}

#therapist ul li {
	font-size: 12px;
	color: #8d7231;
	width: calc(25% - 0.804%);
	margin: 0.4%;
	padding: 3px;
	border: #8d7231 1px solid;
	display: inline-block;
	text-align: center;
}

#therapist ul li .image {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}

#therapist ul li .image:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#therapist ul li .image img {max-width: 100%;}

.icon {position: relative;}

.icon-in {
    position: absolute;
    bottom: 0;
    left: 58%;
    /*
	-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
*/
}

#therapist ul li .name {
	font-size: 16px;
	float: left;
	padding: 8px 0 0 5%;
}

#therapist ul li .data {
	float: right;
	padding: 10px 4% 10px 0;
}

#therapist ul li .time {
	font-size: 16px;
	width: 100%;
	height: 21px;
	padding-bottom: 5px;
	text-align: center;
	clear: both;
}

#therapist ul li .btn-profile {clear: both;}

#therapist ul li .btn-profile a {
	color: #fff;
	background-color: #8d7231;
	width: 100%;
	padding: 10px 0;
	text-decoration: none;
	display: block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}

#therapist ul li .btn-profile a:hover {background-color: #c9aa57;}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#therapist ul li {width: calc(33% - 0.465%);}
	}

	@media screen and (max-width: 480px) {
		#therapist ul li {width: calc(50% - 0.8%);}
	}
/* /therapist */

/* top */
#top h2 {margin-bottom: 10px;}

#top ul {font-size: 0;}

#top ul li {display: inline-block;}

#top #sliderInner {
	position: relative;
	left: 50%;
	width: 3000px;
	margin-left: -1500px;
}

#top .bx-wrapper {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0;
	margin-left: auto;
	margin-right: auto;
}

#top .bx-wrapper a img {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}

#top .bx-wrapper a img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#top .bx-wrapper .bx-pager-item {width: 30px;}

#top .bx-wrapper .bx-controls-direction {
	position: absolute;
	width: 1085px;
	margin: auto;
	left: -42px;
	right: 0;
	top: 50%;
}

#top .bx-wrapper .bx-controls-direction a {
	width: 66px;
	height: 66px;
	top: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}

#top .bx-wrapper .bx-prev {background: url('../images/prev.png') no-repeat;}

#top .bx-wrapper .bx-prev:hover,
#top .bx-wrapper .bx-prev:focus {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#top .bx-wrapper .bx-next:hover,
#top .bx-wrapper .bx-next:focus {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#top .bx-wrapper .bx-next {background: url('../images/next.png') no-repeat;}

#top ul.layer-1 {
	max-width: 929px;
	margin: 80px auto 0;
}

#top ul.layer-1 li {
    font-family: 'Lora', serif;
    font-size: 24px;
    width: 48%;
}

#top ul.layer-1 li:last-child {margin-left: 20px;}

#top ul.layer-1 li a {
	color: #8d7231;
	background-color: #fff;
	width: 100%;
	padding: 20px 0;
	border: #bab188 4px solid;
	text-align: center;
	text-decoration: none;
	display: block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}

#top ul.layer-1 li a:hover {
	color: #fff;
	background-color: #8d7231;
}

#top ul.layer-1 li span {font-size: 14px;}

#top ul.layer-2 {
	width: 49%;
	margin: 50px auto 0;
	padding: 0 10px;
	display: inline-block;
}

	@media screen and (max-width: 969px) and (min-width: 769px){
		#top ul.layer-2 {
			width: 90%;
			margin: 40px auto;
			display: block;
		}
	}

	@media screen and (max-width: 768px) and (min-width: 481px){
		#top ul.layer-2 {
			width: 100%;
			max-width: 500px;
			margin: 30px auto 0;
			display: block;
		}
	}

	@media screen and (max-width: 480px){		
		#top ul.layer-2 {
			width: 100%;
			max-width: 500px;
			margin: 30px auto 0;
		}
	}

	@media screen and (max-width: 414px) {
		#top ul.layer-2 {padding: 0 10px;}
	}

#top ul.layer-2 li {
	font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
	font-size: 16px;
	width: 100%;
	text-align: center;
	letter-spacing: -1px;
	vertical-align: top;
}

#top ul.layer-2 li:last-child {margin-left: 0;}

#top ul.layer-2 li .Box {
    height: 368px;
    background: #fff;
    padding: 25px 15px;
    margin: 15px auto;
    border: #bab188 4px solid;
    overflow: auto;
}

#top ul.layer-2 li .oneBox {
    text-align: left;
    overflow: hidden;
    padding-bottom: 4px;
    border-bottom: solid 2px #bab188;
    margin: 30px auto 30px;
}

#top ul.layer-2 li:first-child .oneBox:nth-of-type(n+2) {margin-top: 25px;}	
#top ul.layer-2 li:last-child .oneBox:nth-of-type(n+2) {margin-top: 18px;}

#top ul.layer-2 li .oneBox .title {
	margin-top: 5px;
	line-height: 1.6;
}

#top ul.layer-2 li .oneBox .title a {
	color: #696354;
	text-decoration: none;
}

#top ul.layer-2 li .oneBox .title a:hover {text-decoration: underline;}

#top ul.layer-2 li .oneBox ul li {
	text-align: left;
	vertical-align: middle;
}

#top ul.layer-2 li .oneBox ul li:first-child {width: 20%;}
#top ul.layer-2 li .oneBox ul li:last-child {
	background-color: #fff;
	width: inherit;
	margin-left: 10px;
	padding: 2px 18px;
	border: #000 1px solid;
	text-align: center;
	letter-spacing: 1px;
}

#top ul.layer-2 li .btn-more {
	font-family: 'Lora', serif;
	font-size: 18px;
}

#top ul.layer-2 li .btn-more a {
    color: #8d7231;
    background-color: #fff;
    width: 320px;
    margin: 0 auto;
    padding: 10px 0;
    border: #bab188 3px solid;
    text-align: center;
    text-decoration: none;
    display: block;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}	

#top ul.layer-2 li .btn-more a:hover {
	color: #fff;
	background-color: #8d7231;
}

#top .layer-3 {
    background: url(../images/dummy_movie.jpg)no-repeat center top;
    width: 100%;
    max-width: 1600px;
    height: 420px;
    margin: 40px auto;
    position: relative;
	background-size: cover;
    /* left: 50%; */
}

#top ul.layer-4 {
	margin-top: 30px;
	text-align: center;
}

#top ul.layer-4 li {font-size: 14px;}
#top ul.layer-4 li:nth-child(n+2) {margin-left: 10px;}

#top ul.layer-4 li:first-child {
	background: url(../images/bg_top_system.jpg) no-repeat;
	background-size: contain;
}

#top ul.layer-4 li:nth-child(2) {
	background: url(../images/bg_top_howto.jpg) no-repeat;
	background-size: contain;
}

#top ul.layer-4 li:nth-child(3) {
	background: url(../images/bg_top_line.jpg) no-repeat;
	background-size: contain;
}

#top ul.layer-4 li:last-child {
	background: url(../images/bg_top_contact.jpg) no-repeat;
	background-size: contain;
}

#top ul.layer-4 li span {
	font-family: 'Lora', serif;
	font-size: 24px;
}

#top ul.layer-4 li a {
	color: #8d7231;
	width: 230px;
	height: 200px;
	padding-top: 72px;
	text-align: center;
	line-height: 1.6;
	text-decoration: none;
	display: block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}

#top ul.layer-4 li a:hover {
	background-color: #555;
	opacity: 0.8;
	filter: alpha(opacity=80);
	text-shadow: 4px 4px 3px #8d7231;
}

#top .layer-5 {
	margin-top: 25px;
	padding-bottom: 25px;
	text-align: center;
}

#top .layer-5 ul {
	max-width: 1049px;
	margin: 20px auto 0;
	width: 100%
}

	@media screen and (max-width: 480px) {
		#top .layer-5 {
			display: none
		}
	}

#top .layer-5 ul li {vertical-align: middle;}
#top .layer-5 ul li {margin: 5px;}

#top .layer-5 a {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all  0.5s ease;
}

#top .layer-5 a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#top .layer-5 img {
    max-width: 950px;
}

#top .layer-5 ul.ban1 li img {max-width: 200px;}


/*

#top .layer-5 {
	margin-top: 25px;
	padding-bottom: 25px;
	text-align: center;
}

#top .layer-5 img {
max-width: 950px;}

#top .layer-5 ul {margin-top: 20px;}

#top .layer-5 ul li {vertical-align: middle;}
#top .layer-5 ul li:nth-child(n+2) {margin-left: 20px;}

#top .layer-5 a {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all  0.5s ease;
}

#top .layer-5 a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
*/

/**/

	#top .layer-5sp {
		display: none
	}

	@media screen and (max-width: 480px) {
		#top .layer-5sp {
			display: block;
			margin-top: 25px;
			padding-bottom: 25px;
			text-align: center;
		}
	}

#top .layer-5sp ul {
	margin: 20px auto 0;
	width: 100%
}

#top .layer-5sp ul li {vertical-align: middle;}
#top .layer-5sp ul li {margin: 5px;}

#top .layer-5sp a {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all  0.5s ease;
}

#top .layer-5sp a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#top .layer-5sp img {
    max-width: 950px;
}

#top .layer-5sp ul.ban1 li img {
    /* max-width: 200px; */
    width: 100%;
}


/**/



	@media screen and (max-width: 1000px) {
		#top #sliderInner {
			position: relative;
			left: 0;
			width: 100%;
			margin-left: 0;
		}

		#top .bx-wrapper .bx-controls-direction {
			width: 100%;
			left: 0;
			right: 0;
		}
	}/* /max-width: 1000px */

	@media screen and (min-width: 769px) and (max-width: 969px) {
		#top ul.layer-1 {
			width: 100%;
			padding: 0 20px;
		}

		#top ul.layer-2 li .Box {height: 360px;}

		#top ul.layer-2 li .oneBox ul li:first-child {width: 72px;}

		#top ul.layer-2 li .btn-more a {width: 30vw;}

		#top ul.layer-4 {padding: 0 10px;}

		#top ul.layer-4 li a {
		  width: 23.711vw;
		  height: 20.64vw;
		  padding-top: 6.8vw;
		}

		#top ul.layer-4 li:nth-child(n+2) {margin-left: 0.85vw;}
	}/* /min-width: 769px and max-width: 969px */

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#top .bx-wrapper .bx-controls-direction a {
			width: 8vw;
			height: 8vw;
		}

		#top .bx-wrapper .bx-prev,
		#top .bx-wrapper .bx-next {
			background-size: contain;
		}

		#top ul.layer-1 {
			width: 100%;
			max-width: 459px;
			margin: 0 auto;
		}

		#top ul.layer-1 li {
			width: 100%;
			display: block;
		}

		#top ul.layer-1 li:last-child {
			margin-top: 20px;
			margin-left: 0;
		}

		#top ul.layer-2 li {
			width: 100%;
			display: block;
		}

		#top ul.layer-2 li .Box {height: 100%;}

		#top ul.layer-2 li .btn-more {margin-top: 30px;}

		#top ul.layer-2 li .btn-more a {
			width: 100%;
			max-width: 320px;
			margin: 0 auto;
		}

		#top ul.layer-2 li .oneBox ul li:first-child {width: 90px;}

		#top ul.layer-2 li:last-child {
			margin-top: 30px;
			margin-left: 0;
		}

		#top ul.layer-2 li .oneBox ul li {display: inline-block;}

		#top ul.layer-2 li .oneBox ul li:last-child {
			margin-top: 0;
			width: inherit;
		}

		#top .layer-3 {
			width: 100vw;
			margin-left: 0;
			left: 0;
		}

		#top .layer-3 img {width: 100%;}

		#top ul.layer-4 {
			max-width: 470px;
			margin: 30px auto 0;
		}

		#top ul.layer-4 li {
			max-width: 230px;
			width: 50%;
			max-height: 200px;
		}

		#top ul.layer-4 li a {width: 100%;}

		#top ul.layer-4 li:nth-child(3) {margin-left: 0;}
		#top ul.layer-4 li:nth-child(n+3) {margin-top: 10px;}

		#top .layer-5 div {padding: 0 10px;}

		#top .layer-5 div img {
			width: 100%;
			max-width: 480px;
		}
	}/* /min-width: 481px and max-width: 768px */

	@media screen and (max-width: 480px) {
		#top .bx-wrapper .bx-controls-direction a {
			width: 10vw;
			height: 10vw;
		}

		#top .bx-wrapper .bx-prev,
		#top .bx-wrapper .bx-next {
			background-size: contain;
		}

		#top ul.layer-1 {
			width: 100%;
			max-width: 459px;
			margin: 0 auto;
		}

		#top ul.layer-1 li {
			width: 100%;
			display: block;
			padding: 0 10px;
		}

		#top ul.layer-1 li:last-child {
			margin-top: 20px;
			margin-left: 0;
		}

		#top ul.layer-2 li {
			width: 100%;
			display: block;
		}

		#top ul.layer-2 li .Box {height: 100%;}

		#top ul.layer-2 li .btn-more {margin-top: 30px;}

		#top ul.layer-2 li .btn-more a {
			width: 100%;
			max-width: 320px;
			margin: 0 auto;
		}

		#top ul.layer-2 li:last-child {
			margin-top: 30px;
			margin-left: 0;
		}

		#top ul.layer-2 li .oneBox ul li {display: inline-block;}

		#top ul.layer-2 li .oneBox ul li:first-child {width: 90px;}

		#top ul.layer-2 li .oneBox ul li:last-child {
			margin-top: 0;
			width: inherit;
		}

		#top .layer-3 {
			width: 100vw;
			margin-left: 0;
			left: 0;
		}

		#top .layer-3 img {width: 100%;}

		#top ul.layer-4 {
			max-width: 470px;
			margin: 30px auto 0;
		}

		#top ul.layer-4 li {
			max-width: 230px;
			width: calc(50% - 10px);
			max-height: 196px;
		}

		#top ul.layer-4 li a {
			width: 100%;
			height: 40.735vw;
			padding-top: 12vw;
		}

		#top ul.layer-4 li:nth-child(even) {margin-left: 5px;}

		#top ul.layer-4 li:nth-child(3) {margin-left: 0px;}

		#top ul.layer-4 li:nth-child(n+2) {margin-top: 10px;}

		#top .layer-5 div {padding: 0 10px;}

		#top .layer-5 div img {
			width: 100%;
			max-width: 480px;
		}

		#top .layer-5 ul li {display: block;}

		#top .layer-5 ul li:nth-child(n+2) {
			margin-top: 10px;
			margin-left: 0;
		}
	}/* /max-width: 480px */

	@media screen and (max-width: 800px) {
		#top ul.layer-2 li .Box {height: auto;}
	}

	@media screen and (max-width: 800px) {
		#top ul.layer-1 li {
			font-family: 'Lora', serif;
			font-size: 24px;
			width: 100%;
		}
	}

	@media screen and (min-width: 415px) and (max-width: 768px) {
		#top ul.layer-2 li .oneBox {font-size: 14px;}	
		
		#top ul.layer-2 li:last-child {margin-left: 0!important;}	
	}	

	@media screen and (max-width: 414px) {
		#top ul.layer-2 li .Box {padding: 25px 5px;}

		#top ul.layer-2 li .oneBox {
			font-size: 13px;
			padding: 0px 3px;
		}

		#top ul.layer-2 li:last-child {margin-left: 0!important;}	
	}	




.bx-viewport {
  overflow: visible !important;
}

	@media screen and (max-width: 1000px) {
		.bx-viewport {overflow: hidden !important;}
	}/* /max-width: 1000px */

/* TOPセラピストブログ */
#top .top-cinner{
	max-width:1000px;
	margin: 0 auto;
}

#top ul.layer-2-blog {
    width: 49%;
    margin: 50px auto 0;
    padding: 0 10px;
    display: inline-block;
}

	@media screen and (min-width: 769px) and (max-width: 969px) {
		#top ul.layer-2-blog {
			width: 90%;
			margin: 40px auto;
			display: block;
		}
	}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#top ul.layer-2-blog {
			width: 100%;
			max-width: 500px;
			margin: 30px auto 0;
			display: block;
		}
	}

	@media screen and (max-width: 480px) {
		#top ul.layer-2-blog {
			width: 100%;
			max-width: 500px;
			margin: 30px auto 0;
		}
	}

#top ul.layer-2-blog li {
	font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
	font-size: 16px;
	width: 100%;
	text-align: center;
	letter-spacing: -1px;
	vertical-align: top;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#top ul.layer-2-blog li {
			width: 100%;
			display: block;
		}
	}

	@media screen and (max-width: 480px) {
		#top ul.layer-2-blog li {
			width: 100%;
			display: block;
		}
	}

#top ul.layer-2-blog li .Box {
    height: 368px;
    background: #fff;
    padding: 5px 15px;
    margin: 15px auto;
    border: #bab188 4px solid;
    overflow: hidden;
}

	@media screen and (min-width: 769px) and (max-width: 969px) {
		#top ul.layer-2-blog li .Box {height: auto;}
	}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#top ul.layer-2-blog li .Box {height: auto;}
	}

	@media screen and (max-width: 480px) {
		#top ul.layer-2-blog li .Box {height: auto;}
	}

#top ul.layer-2-blog li .oneBox {
    text-align: left;
    overflow: hidden;
    padding-bottom: 15px;
    border-bottom: solid 2px #bab188;
    margin-bottom: 5px;
}

	@media screen and (max-width: 480px){
		#top ul.layer-2-blog li .oneBox {
			padding-bottom: 15px;
			margin-bottom: 5px;
		}	
	}	

#top ul.layer-2-blog li .oneBox .image {
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 78px;
}	
	
	@media screen and (max-width: 480px) {
		#top ul.layer-2-blog li .oneBox .image {float: none;}
	}
		
#top ul.layer-2-blog li .oneBox img {width: 50%;}

	@media screen and (max-width: 969px) and (min-width: 769px){
		#top ul.layer-2-blog li .oneBox img {width: 25%;}
	}

	@media screen and (max-width: 480px){
		#top ul.layer-2-blog li .oneBox img {width: 100%;}	
	}	

#top ul.layer-2-blog li .oneBox .date {
	margin-top: 5px;
	line-height: 1.6;
	float: left;
}

	@media screen and (max-width: 480px) {
		#top ul.layer-2-blog li .oneBox .date {
			text-align: center;
			width: 100%;
			float: none;
		}
	}

#top ul.layer-2-blog li .oneBox .title {
    line-height: 1.6;
    clear: both;
    padding: 3px 0;
}

	@media screen and (max-width: 480px) {
		#top ul.layer-2-blog li .oneBox .title {
			text-align: center;
			width: 100%;
			float: none;
		}
	}

#top ul.layer-2-blog li .oneBox .title a {
	color: #696354;
	text-decoration: none;
}

#top ul.layer-2-blog li .oneBox .name {
    background-color: #fff;
	width: 45%;
    text-align: center;
    margin-left: 10px;
    padding: 5px 5px;
    border: #000 1px solid;
    letter-spacing: 1px;
    display: block;
    float: left;
}

	@media screen and (max-width: 480px) {
		#top ul.layer-2-blog li .oneBox .name {
			width: 90%;
			margin: 0 auto;
			max-width: 215px;
			float: none;
		}
	}

#top ul.layer-2-blog li .oneBox .name {
    background-color: #fff;
    width: 55%;
    text-align: center;
    font-size: 13px;
    margin-left: 10px;
    padding: 3px 5px;
    border: #000 1px solid;
    letter-spacing: 1px;
    display: block;
    float: left;
}	

	@media screen and (max-width: 969px) and (min-width: 769px){
		#top ul.layer-2-blog li .oneBox .name {width: 30%;}	
	}

#top ul.layer-2-blog li .btn-blistbox {float: none; }	

@media screen and (max-width: 480px) {
		#top ul.layer-2-blog li .btn-blistbox {
			float: none;
			margin: 0 auto;
		}
	}

#top ul.layer-2-blog li .oneBox .btn-blist {
    color: #8d7231;
    background-color: #fff;
    width: 100%;
    max-width: 150px;
    font-size: 13px;
    padding: 3px 3px;
    border: #bab188 2px solid;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

	@media screen and (max-width: 480px){
		#top ul.layer-2-blog li .oneBox .btn-blist {
			width: 150px;
			max-width: 300px;
			margin: 0;
			font-size:12px;
		}	
	}	
	
#top ul.layer-2-blog li .oneBox .btn-blist:hover {
    color: #fff;
    background-color: #8d7231;
}

#top ul.layer-2-blog li .oneBox ul li {
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    max-height: 65px;
}	

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#top ul.layer-2-blog li .oneBox ul li {display: inline-block;}
	}

	@media screen and (max-width: 480px) {
		#top ul.layer-2-blog li .oneBox ul li {display: inline-block;}
	}

#top ul.layer-2-blog li .oneBox ul li:first-child {width: 80%;}

	@media screen and (min-width: 769px) and (max-width: 969px) {
		#top ul.layer-2-blog li .oneBox ul li:first-child {width: 82px;}
	}
		
	@media screen and (max-width: 480px) {
		#top ul.layer-2-blog li .oneBox ul li:first-child {width: 100%;}
	}

	@media screen and (min-width: 769px) and (max-width: 969px) {
		#top ul.layer-2-blog li .oneBox ul li:last-child {
			width: 85%;
			vertical-align: top;
			margin-left: 15px;
		}		
	}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#top ul.layer-2-blog li .oneBox ul li:last-child {
			width: 76%;
			margin-left: 10px;
		}
	}

	@media screen and (max-width: 480px) {
		#top ul.layer-2-blog li .oneBox ul li:last-child {
			width: 100%;
			margin: 20px auto;
		}
	}

#top ul.layer-2-blog li .oneBox ul li:last-child {
    width: 20%;
    vertical-align: top;
}

	@media screen and (max-width: 969px) and (min-width: 769px){
		#top ul.layer-2-blog li .oneBox ul li:last-child {margin-left: 0;}
	}

	@media screen and (max-width: 768px) and (min-width: 481px){
		#top ul.layer-2-blog li .oneBox ul li:last-child {margin-left: 0;}	
	}	

#top ul.layer-2-blog li .oneBox ul::after {
	content: "";
	clear: both;
}

#top ul.layer-2-blog li .btn-more {
	font-family: 'Lora', serif;
	font-size: 18px;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#top ul.layer-2-blog li .btn-more {margin-top: 30px;}
	}

	@media screen and (max-width: 480px) {
		#top ul.layer-2-blog li .btn-more {
			text-align: center;
			width: 100%;
			margin-top: 30px;
		}
	}

#top ul.layer-2-blog li .btn-more a {
    color: #8d7231;
    background-color: #fff;
    width: 320px;
    margin: 0 auto;
    padding: 10px 0;
    border: #bab188 3px solid;
    text-align: center;
    text-decoration: none;
    display: block;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}	

	@media screen and (min-width: 769px) and (max-width: 969px) {
		#top ul.layer-2-blog li .btn-more a {width: 30vw;}
	}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#top ul.layer-2-blog li .btn-more a {
			width: 100%;
			max-width: 320px;
			margin: 0 auto;
		}
	}

	@media screen and (max-width: 480px) {
		#top ul.layer-2-blog li .btn-more a {
			width: 100%;
			max-width: 320px;
			margin: 0 auto;
		}
	}

#top ul.layer-2-blog li .btn-more a:hover {
	color: #fff;
	background-color: #8d7231;
}

	@media screen and (max-width: 480px) {
		#top ul.layer-2-blog li .oneBox ul li:first-child img {width: 100%;}
	}
/* /TOPセラピストブログ */	
		
/* /top */

/* franchise */
#franchise .dcontents {
    position: relative;
    display: inline-block;
    padding: 5px 25px 0 0;
}

#franchise .diamond {
    left: 0;
    right: 0;
    width: 56px;
    height: 56px;
    margin: auto;
    background: #000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    overflow: hidden;
}

#franchise .diamond__inner {
    font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN W3",HiraMinProN-W3,"ヒラギノ明朝 ProN","Hiragino Mincho ProN",serif;
    font-style: italic;
    position: absolute;
    top: -28.5px;
    left: -31.5px;
    width: 115px;
    height: 115px;
    line-height: 115px;
    color: #fff;
    background: transparent;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    font-size: 25px;
	text-align: center;
}

.fc-logo{
	padding: 39px 0;
	text-align: center;
}

.fc-logo img{max-width:145px;}

#franchise .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 90%;
    margin: auto;
}

#franchise .layer-2 .point-box {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    max-width: 950px;
    padding: 40px;
    margin:15px auto 15px;
    background: rgba(0,0,0,0.7);
    color: #fff;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    width: 100%;
}

#franchise .layer-3 .point-box {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    max-width: 950px;
	padding: 15px 30px;
    margin:15px auto 15px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    border: solid 2px #fff;
}

#franchise .layer-3 .point-txt {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    line-height: 1.2em;
    vertical-align: top;
    padding-top: 22px;
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
}

#franchise h3 {
	font-family: 'MistralAV';
	font-size: 70px;
	color: #fff;
	text-align: center;
}

#franchise .s-title {
	font-family: 'Lora', serif;
	font-size: 18px;
	color: #fff;
	margin-top: 20px;
	text-align: center;
	letter-spacing: 0.1em;
}

#franchise .layer-1 {
	background: url(../images/fc_bg01.jpg) no-repeat center top;
	background-size: cover;
	width: 100%;
	max-width: 1559px;
	height: 361px;
	margin: 0 auto;
	position: relative;
	padding: 95px 0;
}

#franchise .layer-1 .bg {
	width: 1559px;
	height: 361px;
	margin-left: -779.5px;
	text-align: left;
	position: absolute;
	left: 50%;
}

#franchise .layer-1 .inner {text-align: center;}

#franchise .layer-1 h3 {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-size: 80px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	letter-spacing: 0em;
}

#franchise .layer-1 .s-title {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	margin-top: 20px;
	text-align: center;
	letter-spacing: 0em;
}

#franchise .layer-1 .text {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-size: 12px;
	margin-top: 20px;
	line-height: 2;
}

#franchise .layer-2 {
    background: url(../images/fc_bg02.jpg) no-repeat center top;
    width: 100%;
    max-width: 1559px;
    margin: 60px auto 0;
    padding: 50px 0;
	background-size: cover;
}

#franchise hr {
	background-color: #fff;
	width: 20px;
	height: 3px;
	margin-top: 20px;
	border: 0;
}

#franchise .layer-2 .maintext {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-size: 60px;
    font-weight: bold;
    color: #fff;
	padding: 50px 0px 20px;
    line-height: 0.5em;
    text-align: center;
	letter-spacing: 0.2em;
}

#franchise .layer-2 .text {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-size: 32px;
    font-weight: bold;
    color: #fff;
	padding: 20px 0px 40px;
	line-height: 1em;
    text-align: center;
    letter-spacing: 0.1em;
}

#franchise .layer-3 {
    background: url(../images/fc_bg03.jpg) no-repeat center top;
    width: 100%;
    max-width: 1559px;
    margin: 0 auto;
    padding: 50px 0;
	background-size: cover;
}

#franchise .layer-3 .s-title {
	font-family: 'Lora', serif;
	font-size: 18px;
	color: #fff;
	text-align: center;
	letter-spacing: 0.1em;
	padding: 20px 0 80px;
}


#franchise .layer-3 .text {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-size: 35px;
    font-weight: bold;
    color: #fff;
	padding: 50px 0 0;
	line-height: 0;
    text-align: center;
    letter-spacing: 0.1em;
}

#franchise .layer-4 {
    color: #8d7231;
    padding: 30px 0 40px;
    text-align: center;
    max-width: 1559px;
    margin: auto;
}

#franchise .layer-4 .inner {
	max-width: 1000px;
	margin: 0 auto;
}

#franchise .layer-4 h3 { color: #8d7231;}

#franchise .layer-4 .s-title {color: #8d7231;}

#franchise .layer-4 hr {background-color: #8d7231;}

#franchise .layer-4 .maintext {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #8d7231;
	padding: 50px 0px 20px;
    line-height: 0.5em;
    text-align: center;
	letter-spacing: 0.2em;
}

#franchise .layer-4 .text {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	line-height: 2em;
	font-size: 18px;
	margin-top: 22px;
	letter-spacing: 0.1em;
	color: #000;	
}

#franchise .layer-4 .text span{
	font-size:20px;
	font-weight:bold;
	color: #8d7231;	
}

#franchise .layer-5 .inner {
	max-width: 1000px;
	margin: 0 auto;
}

#franchise .layer-5 {
	background: #8d7231;
	color: #fff;
	width: 100%;
	margin: 0 auto;
	position: relative;
	padding: 45px 0;
	text-align: center;
}

#franchise .layer-5 .text {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	line-height: 2em;
	font-size: 18px;
	letter-spacing: 0.1em;
	color: #fff;
	font-weight: bold;
}

#franchise .layer-5 .text-tel {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	line-height: 1em;
	font-size: 35px;
	letter-spacing: 0.1em;
	color: #fff;
	font-weight: bold;
}

#franchise .layer-5 .text-tel a {
	color: #fff;
	text-decoration: none;
}

#franchise .btn-franchise {
  font-size: 18px;
  color: #454545;
  padding: 50px 0;
  text-align: center;
}

#franchise .btn-franchise p {margin-bottom: 30px;}

#franchise .btn-franchise ul {font-size: 0;}

#franchise .btn-franchise ul li {
	font-size: 14px;
	display: inline-block;
}

#franchise .btn-franchise ul li span {
	font-family: 'Lora', serif;
	font-size: 18px;
}

#franchise .btn-franchise ul li a {
	color: #8d7231;
	background-color: #fff;
	width: 340px;
	padding: 13px 0;
	border: #bab188 3px solid;
	text-align: center;
	text-decoration: none;
	display: block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}

#franchise .btn-franchise ul li a:hover {
	color: #fff;
	background-color: #8d7231;
}

#franchise .btn-franchise-tel {
	font-size: 18px;
	color: #454545;
	text-align: center;
	margin-bottom: 30px;
}

#franchise .btn-franchise-tel p {margin-bottom: 30px;}

#franchise .btn-franchise-tel ul {font-size: 0;}

#franchise .btn-franchise-tel ul li {
	font-size: 14px;
	display: inline-block;
}

#franchise .btn-franchise-tel ul li:last-child {margin-left: 20px;}

#franchise .btn-franchise-tel ul li span {
	font-family: 'Lora', serif;
	font-size: 18px;
}

#franchise .btn-franchise-tel ul li a {
	color: #8d7231;
	background-color: #fff;
	width: 340px;
	padding: 13px 0;
	border: #bab188 3px solid;
	text-align: center;
	text-decoration: none;
	display: block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
	margin-bottom: 20px;
}

#franchise .btn-franchise-tel ul li a:hover {
	color: #fff;
	background-color: #8d7231;
}

	@media screen and (min-width: 769px) and (max-width: 1018px) {
		#franchise .dcontents {
			display: block;
			padding: 5px 0;
		}
		
		#franchise .layer-3 .point-box {text-align: center;}
		
		#franchise .layer-2 {
			background-size: cover;
			height: auto;
		}

		#franchise .layer-3 {
			background-size: cover;
			height: auto;
		}
		
		#franchise .layer-5 ul li {padding: 2.5vw 0;}

		#franchise .layer-5 ul li .number {
			font-size: 2.5vw;
			width: 3.5vw;
			height: 3.5vw;
			padding-top: 0.5vw;
		}

		#franchise .layer-5 ul li .title {
			font-size: 1.5vw;
			margin-top: 1.5vw;
		}

		#franchise .layer-5 ul li .text {
			font-size: 1.4vw;
			margin-top: 1.8vw;
			padding-left: 4vw;
		}		
	}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		.fc-logo {display: none;}
		
		#franchise .dcontents {
			display: block;
			padding: 5px 0;
		}
		
		#franchise .layer-1 {height: 300px;}

		#franchise .layer-1 .bg {
			width: 100%;
			margin-left: 0;
			left: 0;
		}

		#franchise .layer-1 .bg img {width: 100%;}

		#franchise .layer-1 .inner {
			width: 100%;
			padding: 0 10px;
			position: relative;
			top: 8vw;
			left: 0;
		}

		#franchise .layer-1 h3 {
			font-size: 8vw;
			line-height: 0;
		}

		#franchise .layer-1 .s-title {margin-top: 10vw;}

		#franchise .layer-2 {background-size: cover;}

		#franchise .layer-2 .point-box {
			font-size: 4vw;
			padding: 25px;
		}

		#franchise .layer-2 .maintext {
			font-size: 7vw;
			letter-spacing: 0;
		}	

		#franchise .layer-2 .text {
			font-size: 4vw;
			line-height: 1em;
		}

		#franchise ul.layer-3 {
			background-size: cover;
			height: auto;
		}

		#franchise .layer-3 .text {
		  font-size: 6vw;
		}
		
		#franchise .layer-3 .point-box {text-align: center;}	

		#franchise ul.layer-3 li {width: calc(50% - 5px);}
		#franchise ul.layer-3 li:nth-child(n+2) {margin-left: 0;}
		#franchise ul.layer-3 li:nth-child(even) {margin-left: 10px;}
		#franchise ul.layer-3 li:nth-child(n+3) {margin-top: 10px;}

		#franchise .layer-4 {margin-top: 8vw;}

		#franchise .layer-4 .inner {width: 100%;}

		#franchise .layer-4 .desc1 {
			font-size: 10vw;
			margin-top: 10vw;
		}

		#franchise .layer-4 .desc1 span {font-size: 4.5vw;}

		#franchise .layer-4 .desc2 {
			font-size: 3vw;
			margin-top: 4vw;
			text-align: center;
		}

		#franchise .layer-4 .desc3 {
			width: 100%;
			margin: 3vw auto 0;
			padding: 0 10px;
			text-align: center;
		}

		#franchise .layer-4 .desc3 li:last-child {
			font-size: 15px;
			line-height: 2.35;
		}

		#franchise .layer-4 .desc4 {
			margin-top: 3vw;
			text-align: center;
		}

		#franchise .btn-recruit {padding: 6vw 0;}

		#franchise .btn-recruit p {margin-bottom: 4vw;}

		#franchise .btn-recruit ul {padding: 0 10px;}

		#franchise .btn-recruit ul li {
			width: calc(50% - 10px);
			max-width: 320px;
		}

		#franchise .btn-recruit ul li a {
			font-size: 11px;
			width: 100%;
		}

		#franchise .btn-recruit ul li span {font-size: 15px;}

		#franchise .layer-5 {
			margin-top: 8vw;
			padding: 5vw 0;
		}

		#franchise .layer-5 h4 {font-size: 30px;}

		#franchise .layer-5 ul {
			width: 100%;
			max-width: 500px;
			margin: 4vw auto 0;
			padding: 0 10px;
		}

		#franchise .layer-5 ul li:nth-child(n+3) {margin-top: 6px;}

		#franchise .layer-5 ul li:first-child {
			background: #bab188;
			width: calc(50% - 5px);
			height: 100%;
		}

		#franchise .layer-5 ul li:nth-child(2) {
			background: #bab188;
			width: calc(50% - 5px);
			height: 100%;
			margin-left: 5px;
		}

		#franchise .layer-5 ul li:nth-child(3) {
			background: #bab188;
			width: calc(50% - 5px);
			height: 100%;
			padding-bottom: 40px;
		}

		#franchise .layer-5 ul li:last-child {
			background: #bab188;
			width: calc(50% - 5px);
			height: 100%;
			margin-left: 5px;
		}

		#franchise .layer-5 .text {line-height: 1em;}

		#franchise .layer-5 .text-tel {
			font-size: 7vw;
			letter-spacing: 0em;
		}

		#franchise .layer-6 {padding-top: 9vw;}

		#franchise .layer-6 .text {margin-top: 4vw;}

		#franchise .layer-6 ul {
			width: 100%;
			margin-top: 3vw;
			padding: 0 10px;
		}

		#franchise .layer-6 ul li:first-child {width: 33px;}
		#franchise .layer-6 ul li:last-child {width: calc(100% - (33px + 2%));}

		#franchise .layer-6 .text2 {
			margin-top: 7vw;
			padding: 0 10px;
		}

		#franchise .btn-recruit-tel {
			font-size: 18px;
			color: #454545;
			text-align: center;
			margin-bottom: 30px;
		}

		#franchise .btn-recruit-tel p {margin-bottom: 30px;}

		#franchise .btn-recruit-tel ul {font-size: 0;}

		#franchise .btn-recruit-tel ul li {
			font-size: 14px;
			display: inline-block;
		}

		#franchise .btn-recruit-tel ul li:last-child {margin-left: 20px;}

		#franchise .btn-recruit-tel ul li span {
			font-family: 'Lora', serif;
			font-size: 18px;
		}

		#franchise .btn-recruit-tel ul li a {
			color: #8d7231;
			background-color: #fff;
			width: 340px;
			padding: 13px 0;
			border: #bab188 3px solid;
			text-align: center;
			text-decoration: none;
			display: block;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all  0.5s ease;
		}

		#franchise .btn-recruit-tel ul li a:hover {
			color: #fff;
			background-color: #8d7231;
		}
	}

	@media screen and (max-width: 480px) {
		#franchise .dcontents {
			display: block;
			padding: 5px 0;
		}

		#franchise .layer-3 .point-box {
			text-align: center;
			border: none;
			margin: 0;
		}

		#franchise .layer-2 {
			background-size: cover;
			height: auto;	
		}

		#franchise .layer-3 {
			background-size: cover;
			height: auto;
		}

		#franchise .layer-3 .point-txt {
			line-height: 1.5em;
			font-size: 4vw;
		}

		#franchise .diamond {
			width: 41px;
			height: 41px;
		}

		#franchise .diamond__inner {
			top: -32.5px;
			left: -35.5px;
			width: 100px;
			height: 100px;
			line-height: 115px;
			font-size: 20px;
		}
		
		#franchise .layer-1 {
			height: 24vw;
			background-size: contain;
			padding: 0;
		}

		#franchise .layer-1 .bg {
			width: 100%;
			margin-left: 0;
			left: 0;
		}

		#franchise .layer-1 .bg img {width: 100%;}

		#franchise .layer-1 .inner {
			width: 100%;
			padding: 20px 10px;
			position: relative;
			left: 0;
		}

		#franchise .layer-1 h3 {font-size: 8vw;}

		#franchise .layer-1 .s-title {
				line-height: 0;
				font-size: 2.5vw;
				margin-top: 10px;
			}

		.fc-logo{display:none;}	

		#franchise .layer-2 {margin-top: 7vw;}

		#franchise .layer-2 .maintext {
			font-size: 7vw;
			letter-spacing: 0;	
		}

		#franchise .layer-4 .maintext {
			font-size: 6vw;
			letter-spacing: 0;	
		}
		
		#franchise .layer-2 .text {
			width: 69%;
			margin: auto;
			line-height: 2;
			font-size: 7vw;
			letter-spacing: 0em;
		}

		#franchise .layer-2 .point-box {
			font-size: 4vw;
			padding: 25px;
		}

		#franchise .layer-3 .text {
			font-size: 6vw;
			padding: 10px 0;
		}

		#franchise .layer-3 .s-title {padding: 0; }

		#franchise ul.layer-3 {
			width: 100%;
			max-width: 320px;
			margin: 0 auto;
		}

		#franchise ul.layer-3 li {width: 100%;}

		#franchise ul.layer-3 li:nth-child(n+2) {margin: 3vw 0 0 0;}

		#franchise .layer-4 {
			margin-top: 8vw;
			padding: 30px 10px 40px;
		}

		#franchise .layer-4 .text {
			font-size: 4vw;
			letter-spacing: 0;
		}

		#franchise .layer-4 .text span{
			font-size: 4vw;
			letter-spacing: 0;
		}

		#franchise .layer-4 .inner {width: 100%;}

		#franchise .layer-4 .desc1 {
			font-size: 11vw;
			margin-top: 10vw;
		}

		#franchise .layer-4 .desc1 span {
			font-size: 5.3vw;
			margin-top: 10vw;
		}

		#franchise .layer-4 .desc2 {
			font-size: 4.3vw;
			margin-top: 4vw;
			text-align: center;
		}

		#franchise .layer-4 .desc3 {
			width: 100%;
			margin: 3vw auto 0;
			padding: 0 10px;
			text-align: center;
		}

		#franchise .layer-4 .desc3 li {display: block;}

		#franchise .layer-4 .desc3 li:first-child {
			width: 164px;
			height: 139px;
			margin: 0 auto;
		}

		#franchise .layer-4 .desc3 li:last-child {
			font-size: 15px;
			margin: 2vw 0 0 0;
			line-height: 2.35;
			text-align: center;
		}

		#franchise .layer-4 .desc4 {
			margin-top: 3vw;
			text-align: center;
		}

		#franchise .layer-5 .text {
			font-size: 4vw;
			letter-spacing: 0em;
		}	

		#franchise .layer-5 .text-tel {
			font-size: 7vw;
			letter-spacing: 0em;
		}

		#franchise .btn-recruit {padding: 6vw 0;}

		#franchise .btn-recruit-tel {padding: 0;}

		#franchise .btn-recruit p {margin-bottom: 4vw;}

		#franchise .btn-recruit-tel p {margin-bottom: 4vw;}

		#franchise .btn-recruit ul {padding: 0 10px;}

		#franchise .btn-recruit ul li {
			width: 100%;
			max-width: 320px;
		}

		#franchise .btn-recruit ul li:last-child {margin: 10px 0 0;}

		#franchise .btn-recruit ul li a {
			width: 100%;
			margin-top: 0;
		}

		#franchise .btn-recruit ul li span {font-size: 15px;}
		
		#franchise .btn-recruit-tel ul {padding: 0 10px;}

		#franchise .btn-recruit-tel ul li {
			width: 100%;
			max-width: 320px;
		}

		#franchise .btn-recruit-tel ul li:last-child {margin: 10px 0 0;}

		#franchise .btn-recruit-tel ul li a {
			width: 100%;
			margin-top: 0;
		}

		#franchise .btn-recruit-tel ul li span {font-size: 15px;}

		#franchise .layer-5 {
			margin-top: 8vw;
			padding: 9vw 10px;
		}

		#franchise .layer-5 h4 {line-height: 1.4;}

		#franchise .layer-5 ul {
			width: 100%;
			max-width: 500px;
			margin: 4vw auto 0;
			padding: 0 10px;
		}

		#franchise .layer-5 ul li:nth-child(n+2) {margin-top: 10px;}

		#franchise .layer-5 ul li:first-child {
			background: #bab188;
			width: 100%;
			height: 100%;
		}

		#franchise .layer-5 ul li:nth-child(2) {
			background: #bab188;
			width: 100%;
			height: 100%;
			margin-left: 0;
		}

		#franchise .layer-5 ul li:nth-child(3) {
			background: #bab188;
			width: 100%;
			height: 100%;
		}

		#franchise .layer-5 ul li:last-child {
			background: #bab188;
			width: 100%;
			height: 100%;
			margin-left: 0;
		}

		#franchise .layer-5 .text2 {margin-top: 4vw;}

		#franchise .layer-6 {padding-top: 9vw;}

		#franchise .layer-6 .text {margin-top: 4vw;}

		#franchise .layer-6 ul {
			width: 100%;
			margin-top: 3vw;
			padding: 0 10px;
		}

		#franchise .layer-6 ul li:first-child {width: 33px;}

		#franchise .layer-6 ul li:last-child {width: calc(100% - (33px + 2%));}

		#franchise .layer-6 .text2 {
			margin-top: 7vw;
			padding: 0 10px;
			line-height: 2;
		}
	}

	@media screen and (max-width: 600px) {
		 .franchise-tel {
		  width: 240px;
		  margin: 0 auto 10px;
		  background-color: #6e5a2d;
		  display: block;
		}

	}/* /max-width: 600px */
/* /franchise */

/** 新男性求人 **/
main#recruit2 {
	background-color: #fafaf0;
	color: #696354;
}

main#recruit2 h2 {
	font-family: 'Lora', serif;
	font-size: 32px;
	color: #8d7231;
	background: url(../images/bg_title.png) no-repeat top center;
	height: 134px;
	margin: 0 auto 30px;
	padding-top: 36px;
	line-height: 0.7em;
	letter-spacing: 0.1em;
	text-align: center;
}

main#recruit2 h2 span {
	font-family: "Yu Mincho", "YuMincho", serif;
	font-size: 16px;
	color: #252525;
	letter-spacing: 0;
}

	@media screen and (max-width: 480px) {
		main#recruit2 h2 {
			margin: 0 auto;
		}	
	}	

.mens_recruit {
	font-size: 14px;
	width: 100%;
}

.mens_recruit th {
	border: 0.5px solid #bfbfbf;
	width: 110px;
	padding: 4px;
}

.mens_recruit td {
	border: 0.5px solid #bfbfbf;
	padding: 4px;
}

.pc_hide {
	display: none;
}

.m_recruit {
	width: 76%;
	/* text-align: center; */
	margin: auto;
}

.ban-img {
	text-align:center;
	margin-bottom:100px;
}

.ban-img_sp {
	display: none;
}

	@media screen and (max-width: 768px) {
		.ban-img {
			display:none;
		}

		.ban-img_sp {
			display: block;
			text-align:center;
			margin-bottom:40px;
		}
	}

.concept_box01 {
	width: 100%;
	height: 70px;
	background: url(../images/concept_bg.jpg) 0 0;
	text-align: center;
	font-size: 22px;
	line-height: 1.3;
	padding-top: 10px;
	display: inline-table;
	margin-top: 30px;
}

.concept_txt01 {
	width: 990px;
	margin: auto;
	text-align: center;
	font-size: 16px;
	padding: 30px 0;
}

.concept_txt01 .strong01 {
	font-size: 25px;
	font-weight: 600;
}

.concept_txt01 .strong02 {
	font-size: 18px;
	font-weight: 600;
}

.concept_txt01 .strong03 {
	font-size: 80px;
	font-weight: 400;
}

.concept_txt02 {
	width: 760px;
	margin: auto;
	display: table;
}

.concept_txt02 .concept_l {
	width: 250px;
	text-align: center;
	float: left;
}

.concept_txt02 .concept_r {
	width: 250px;
	text-align: center;
	float: left;
}

.concept_txt01 {
	width: 100%;
	margin: auto;
	text-align: center;
	font-size: 16px;
	padding: 30px 0;
}

.concept_box1 {
	background-image: url(../images/concept_box1.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 340px;
	position: relative;
}

.concept_box2 {
	background-image: url(../images/concept_box2.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 340px;
	position: relative;
}

.concept_box3 {
	background-image: url(../images/concept_box3.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 340px;
	position: relative;
}

.concept_box4 {
	background-image: url(../images/concept_box4.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 340px;
	position: relative;
}

.concept_box5 {
	background-image: url(../images/concept_box5.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 340px;
	position: relative;
}

.concept_box6 {
	background-image: url(../images/concept_box6.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 340px;
	position: relative;
}

.concept_box1 .text {
	width: 100%;
	background-color: #00000042;
	height: 60px;
	text-align: center;
	font-size: 25px;
	padding-top: 20px;
	position: absolute;
	bottom: 0;
	color: #fff;
	cursor: pointer;
}

.concept_box2 .text {
	width: 100%;
	background-color: #00000042;
	height: 60px;
	text-align: center;
	font-size: 25px;
	padding-top: 20px;
	position: absolute;
	bottom: 0;
	color: #fff;
	cursor: pointer;
}

.concept_box3 .text {
	width: 100%;
	background-color: #00000042;
	height: 60px;
	text-align: center;
	font-size: 25px;
	padding-top: 20px;
	position: absolute;
	bottom: 0;
	color: #fff;
	cursor: pointer;
}

.concept_box4 .text {
	width: 100%;
	background-color: #00000042;
	height: 60px;
	text-align: center;
	font-size: 25px;
	padding-top: 20px;
	position: absolute;
	bottom: 0;
	color: #fff;
	cursor: pointer;
}

.concept_box5 .text {
	width: 100%;
	background-color: #00000042;
	height: 60px;
	text-align: center;
	font-size: 25px;
	padding-top: 20px;
	position: absolute;
	bottom: 0;
	color: #fff;
	cursor: pointer;
}

.concept_box6 .text {
	width: 100%;
	background-color: #00000042;
	height: 60px;
	text-align: center;
	font-size: 25px;
	padding-top: 20px;
	position: absolute;
	bottom: 0;
	color: #fff;
	cursor: pointer;
}

.displayNone {
	display: none;
	background-color: #e2e4e4;
}

.concept_ti {
	width: 800px;
	margin: auto;
	padding: 20px 0;
	display: flow-root;
}

.displayNone .txt {
	width: 370px;
	float: left;
	margin-right: 30px;
	font-size: 14px;
	font-family: Meiryo, メイリオ, sans-serif;
}

.displayNone .img {
	width: 400px;
	float: left;
}

.displayNone .txt2 {
	width: 520px;
	float: left;
	margin: 10px 30px 10px 0;
	font-size: 14px;
	font-family: Meiryo, メイリオ, sans-serif;
}

.displayNone .img2 {
	width: 240px;
	float: left;
	text-align: center;
	background: #fff;
	border: 1px solid;
	padding: 10px 0;
	margin: 10px 0px 10px 0;
}

.displayNone .txt3 {
	width: 400px;
	float: left;
	font-size: 14px;
	font-family: Meiryo, メイリオ, sans-serif;
}

.displayNone .txt3 .txst {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
	font-family: serif;
}

.displayNone .img3 {
	width: 370px;
	float: left;
	margin-right: 15px;
}

.displayNone .close {
	width: 100%;
	text-align: center;
	/* height: 30px; */
	background-color: #7a70539e;
	font-size: 20px;
	padding: 10px 0;
	color: #fff;
	cursor: pointer;
}

.accordion {
	margin: 0 0 10px;
}

.switch {
	font-weight: bold;
}

.open {
	text-decoration: underline;
}

.adejo_graphtlt {
	margin: 30px 20px 20px;
	text-align: center;
	padding-bottom: 0px;
}

.recruit_box01 {
	background-image: url(../images/recruit_box01.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 327px;
	position: relative;
	margin-bottom: 30px;
}

.recruit_box02 {
	margin: 10px auto;
	text-align: center;
}

.recruit_box03 {
	font-size: 16px;
	display: block;
	margin: 0;
}

.recruit_box05in {
	background-color: #fff;
	width: 255px;
	float: left;
	height: 425px;
	margin: 10px;
}

.recruit_box05_2in {
	width: 251px;
	float: left;
	height: 421px;
	margin: 10px;
	border: 2px solid #ea5455;
}

.recruit_box05 {
	background-color: #dfdee6;
	width: 100%;
	display: grid;
}

.recruit_box05 .recruit_box05in div {
	padding: 10px;
}

.recruit_box05 .recruit_box05in div div {
	margin: 5px auto;
	font-size: 16px;
	text-align: center;
	padding: 0;
}

.recruit_box05_2in div {
	padding: 10px;
}

.recruit_box05_2in div div {
	margin: 5px auto;
	font-size: 16px;
	text-align: center;
	padding: 0;
	font-weight: 600;
	color: #ea5455;
}

.recruit_box05 .recruit_box05r {
	width: 825px;
	margin: auto;
	padding: 30px;
}

.recruit_tml {
	width: 997px;
	margin: 80px auto;
}

.recruit_box05 .point {
	width: 786px;
	margin: 5px auto;
	background-color: #fff;
	display: block;
	font-size: 14px;
}

.recruit_box05 .point img {
	float: left;
	margin: 40px;
}

.recruit_box06 {
	width: 538px;
	float: left;
}

.recruit_box07in {
	background-color: #fff;
	width: 387px;
	float: left;
	height: 245px;
	margin: 10px;
}

.recruit_box05 .recruit_box07in div {
	padding: 2px 40px;
}

.recruit_box05 .recruit_box07in div div {
	margin: 5px auto;
	font-size: 16px;
	text-align: center;
	padding: 0;
}

.recruit_box05 .recruit_box07r {
	width: 815px;
	margin: auto;
	padding: 30px;
}

.recruit_box08 {
	display: inline-block;
	width: 100%;
	margin: auto;
}

.recruit_box08r {
	width: 1020px;
	margin: auto;
	display: table;
	margin-bottom: 10px;
}

.recruit_box08 .txt4 {
	width: 210px;
	height: 90px;
	border: 1px #000 solid;
	text-align: center;
	position: relative;
	font-size: 16px;
	padding: 5px;
	float: left;
}

.recruit_box08 .txt4 div {
	width: 230px;
	background-color: #fcebee;
	position: absolute;
	color: #ea5455;
	font-size: 22px;
	left: -5px;
	top: 57px;
}

.recruit_box08 .txt5 {
	width: 50px;
	font-size: 25px;
	float: left;
	text-align: center;
	margin: 30px 0;
}

.recruit_box08 .txt6 {
	width: 200px;
	font-size: 50px;
	float: left;
	text-align: center;
	color: #ea5455;
	margin-top: 10px;
}
.recruit_box08 .txt6 span {
	font-size: 30px;
}
.recruit_box08 .txt7 {
	width: 210px;
	height: 90px;
	border: 1px #000 solid;
	text-align: center;
	position: relative;
	font-size: 16px;
	padding: 5px;
	float: left;
}

.recruit_box08 .txt7 div {
	width: 230px;
	background-color: #dedddc;
	position: absolute;
	color: #545349;
	font-size: 22px;
	left: -5px;
	top: 57px;
}

.recruit_box08 .txt8 span {
	font-size: 30px;
}

.recruit_box08 .txt8 {
	width: 200px;
	font-size: 50px;
	float: left;
	text-align: center;
	color: #545349;
	margin-top: 10px;
}

.recruit_box08 strong {
	font-size: 12px;
	text-align: center;
}

.recruit_box08 .gray_txt {
	font-size: 30px;
	color: #545349;
	text-align: center;
	margin: 30px 0 10px;
	font-weight: 500;
}

.recruit_box09 {
}

.recruit_box09 table {
	font-size: 18px;
	width: 1060px;
	margin: auto;
	text-align: center;
}

.recruit_box09 tr {
}

.recruit_box09 th {
	border: 1px solid;
	background-color: #e0dee6;
	padding: 10px 25px;
	font-weight: 500;
}

.recruit_box09 td {
	border: 1px solid;
	padding: 10px 25px;
}

.recruit_box09 table .black01 {
	color: #fff;
	background-color: #000000;
	font-size: 16px;
}

.recruit_box09 table .gray01 {
	color: #000;
	background-color: #e0dee6;
	font-size: 16px;
}

.recruit_box10 {
	font-size: 18px;
	text-align: center;
	margin: 30px auto;
	width: 815px;
}

.recruit_box10 .recruit_box10b {
	width: 520px;
	float: left;
}

.recruit_box10 .recruit_box10b .recruit_box10r {
}

.recruit_box10 .recruit_box10b .recruit_box10r .box {
	width: 230px;
	float: left;
	font-size: 40px;
	background-color: #dedddc;
	color: #ea5455;
}

.recruit_box10 .box01 {
	width: 230px;
	float: left;
	font-size: 50px;
	color: #ea5455;
	line-height: 1;
	margin-top: -5px;
	text-align: left;
}

.recruit_box11 {
	font-size: 18px;
	text-align: center;
	margin: 30px auto;
	width: 1000px;
}

.recruit_box11 .recruit_box10b {
	width: 910px;
	margin: 10px auto 30px;
}

.recruit_box11 .recruit_box10r {
	margin: auto;
}

.recruit_box11 .recruit_box10r .box {
	width: 290px;
	float: left;
	font-size: 40px;
	background-color: #dedddc;
	color: #ea5455;
	line-height: 1;
	padding: 0 0 10px;
}

.recruit_box11 .box01 {
	width: 230px;
	float: left;
	font-size: 50px;
	color: #ea5455;
	line-height: 1;
	margin-top: -5px;
	text-align: left;
}

.recruit_box12 {
	background-color: #dfdee6;
	width: 100%;
	display: grid;
	text-align: center;
	padding: 30px 0;
}

.recruit_box12 .recruit_box12b {
	background-color: #fff;
	width: 900px;
	margin: 30px auto 0;
	text-align: center;
	padding: 40px;
	display: table;
}

.recruit_box12 .recruit_box12b .recruit_box12i {
	background-color: #fff;
	width: 300px;
	float: left;
	text-align: left;
	line-height: 1.2;
	font-size: 15px
}

.recruit_box12 .recruit_box12b .recruit_box12t {
	width: 550px;
	float: left;
	text-align: left;
	font-size: 16px;
}

.recruit_box13 {
	background-image: url(../images/recruit_box13.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 430px;
	position: relative;
}

.recruit_box15 {
	background-image: url(../images/recruit_box15.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 656px;
	position: relative;
}

.recruit_box14 {
	margin: 50px auto;
}

.recruit_box14 .switch {
	width: 1000px;
	background-color: #dfdde5;
	font-size: 16px;
	font-weight: 500;
	margin: auto;
	padding: 10px;
	margin-bottom: 5px;
}

.recruit_box14 .displayNone {
	width: 1000px;
	background-color: #fff;
	font-size: 14px;
	font-weight: 500;
	margin: auto;
	padding: 10px;
}

.s_recruit .displayNone {
	background-color: #fff;
	text-align: center;
}

.recruit_accordion_txt {
	border-top: 1px solid #726442;
	border-left: 1px solid #726442;
	border-right: 1px solid #726442;
	padding: 10px;
	text-align: left;
	width: 90%;
	margin: auto;
}

.recruit_accordion_txt_last {
	border-bottom: 1px solid #726442;
}

.displayNone .recruit_accordion_txt .txt {
	margin: 0;
	width: auto;
	float: left;
}

.displayNone .recruit_accordion_txt .mane {
	text-align: right;
}

.recruit_accordion_txtbox {
	border: 1px solid #635939;
	width: 90%;
	margin: 9px auto;
	padding: 10px;
}

.bg_black {
	background-color: #000;
}

.bg_pink {
	background-color: #fcebee;
}

.bg_gray {
	background-color: #dedddc;
}

.dotted {
	border-bottom: dashed 1px #000;
}

.recruit_border_box {
	border: solid 1px #000;
	margin: 10px 1px;
	padding: 2px;
}

.displayNone .table01 {
	border: 1px solid;
	width: 98%;
	margin: 10px auto;
}

.border_bb {
	border-bottom: solid 1px #000;
}

.border_rb {
	border-right: solid 1px #000;
}

.displayNone .recruittime_box {
	width: 300px;
	margin: 10px auto 5px;
	display: inline-table;
}

.displayNone .recruittime_box .bg_gray {
	width: 134px;
	text-align: center;
	margin-left: 1px;
	margin-right: 1px;
}

.price_box {
	width: 1020px;
	margin-left: auto;
	margin-right: auto;
}

.blog_page {
	width: 400px;
	margin: 30px auto;
	font-size: 16px;
}

.textOverflowTest {
	overflow: hidden;
	width: 400px;
	height: 40px;
}

.container02 {
	width: 80%;
	position: absolute;
	left: 330px;
	z-index: 0;
}

.comment_top {
	padding-top: 90%;
}

.schedule_line {
	width: 15px!important;
	padding-right: 3px!important;
}

.displayNone .txt3 .txst strong {
	width: 20px;
	background-color: #6c6c6c;
	margin-right: 10px;
	color: #6c6c6c;
}

.recruit_price {
	width: 965px;
	margin: 10px auto;
	height: 93px;
}

.recruit_price .recruit_price_p {
	width: 500px;
	float: left;
	background-color: #fcebee;
	text-align: center;
	border: #635939 1px solid;
	padding-top: 10px;
	font-size: 14px;
}

.recruit_price .recruit_price_g {
	width: 400px;
	float: left;
	background-color: #dedddc;
	margin-left: 60px;
	text-align: center;
	border: #635939 1px solid;
	padding-top: 10px;
	font-size: 14px;
	margin-top: 16px;
}

.recruit_price .recruit_price_p .txt {
	font-size: 50px;
	color: #ea5455;
	margin-top: 0px;
}

.recruit_price .recruit_price_p .txt span {
	font-size: 30px;
}

.recruit_price .recruit_price_g .txt {
	font-size: 40px;
	color: #545349;
	margin-top: 0px;
}

.recruit_price .recruit_price_g .txt span {
	font-size: 20px;
}

/**/
.refle {
	width: 200px;
	margin: auto;
}

/* news_box */
.news_box .blog_box .images {
	width: 160px;
	margin-right: 70px;
	float: left;
}
.news_box .blog_box .txt {
	float: left;
	width: auto;
	min-width: 70%;
}

.news_box .blog_box .txt .date {
	text-align: right;
	font-size: 14px;
}

.news_box .blog_box .txt .title {
	font-size: 26px;
	color: #6c6c6c;
	font-weight: 600;
}

.news_box .blog_box .txt .name {
	font-size: 28px;
	color: #000;
	font-weight: 600;
}

.news_box .blog_box .txt .text {
	font-size: 16px;
	color: #000;
	font-weight: 600;
	/*overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;*/
	position: relative;
	height: 40px;
	overflow: hidden;
	line-height: 20px;
	width: auto;
}

.news_box .blog_box .txt .text {
	background: #fff;
}

.news_box .blog_box .txt .text:before, .news_box .blog_box .txt .text:after {
	position: absolute;
	background: #fff;
}

.news_box .blog_box .txt .text:before {
	/*content: "･･･";*/
	bottom: 0;
	right: 0;
}

.news_box .blog_box .txt .blognext:after {
	content: "";
	width: 90%;
	height: 100%;
}

.news_box .blog_box .txt .blognext {
	font-size: 16px;
	color: #000;
	background-color: #e0dee6;
	width: 250px;
	padding: 10px 0;
	text-align: center;
	margin-top: 15px;
}

.news_box {
	padding: 50px 45px;
	clear: both;
	margin-bottom: 50px;
	border: #e0dee6 1px solid;
}

.therapist_blog_box li.news_box {
	width: 860px;
}

/**/
.news_box02 .blog_box .images {
	width: 450px;
	padding: 45px 20px;
	float: left;
}

.news_box02 .blog_box .txt {
	float: none;
	width: auto;
	padding: 20px;
}

.news_box02 .blog_box .txt .date {
	text-align: right;
	font-size: 14px;
}

.news_box02 .blog_box .txt .title {
	font-size: 26px;
	color: #6c6c6c;
	font-weight: 600;
}

.news_box02 .blog_box .txt .name {
	font-size: 28px;
	color: #000;
	font-weight: 600;
}

.news_box02 .blog_box .txt .text {
	font-size: 16px;
	color: #000;
	font-weight: 600;
	display: table;
}

.news_box02 .blog_box .txt .blognext {
	font-size: 16px;
	color: #000;
	background-color: #e0dee6;
	width: 250px;
	padding: 10px 0;
	text-align: center;
	margin-top: 15px;
}

.news_box02 {
	clear: both;
	margin-bottom: 50px;
	border: #e0dee6 1px solid;
}
/* /news_box */

.blog_page .btn {
	width: 315px;
	margin: 10px auto;
	text-align: center;
	border: 1px solid;
	font-size: 20px;
	padding: 5px 0;
	position: relative;
}

.blog_page .btn .p {
	position: absolute;
	top: 5px;
	right: 10px;
}

/*mensrecruit*/
.men_recruit_box01 {
	max-width: 900px;
	margin: 0 auto;
}

.men_recruit_box02 {
	font-size: 24px;
	text-align: center;
	margin: 30px auto;
	line-height: 1.5;
}

.men_recruit_box03 {
	background-color: #8d7231;
	margin: 3% auto;
	padding: 50px 0;
}

.men_recruit_box03 .box01 {
	background-color: #fff;
	max-width: 960px;
	width: 100%;
	text-align: center;
	margin: auto;
}

.men_recruit_box03 .box01 .txt01 {
	background-color: #000;
	width: 100%;
	color: #fff;
	font-size: 30px;
	padding: 10px;
}

.men_recruit_box03 .box01 .box02 {padding: 30px 0;}

.men_recruit_box03 .box01 .box02 .txt01 {
	width: 447px;
	background-color: #4f4f4f;
	margin: auto;
	font-size: 24px;
}

.men_recruit_box03 .box01 .box02 .txt02 {
	font-size: 36px;
	line-height: 1;
	padding: 15px 0;
}

.men_recruit_box03 .box01 .box02 .txt02 span {font-size: 24px;}

.men_recruit_box04 {
	max-width: 960px;
	width: 100%;
	margin: 0 auto 90px;
}

.men_recruit_box04 .txt01 {
	text-align: center;
	font-size: 20px;
	width: 100%;
	border-bottom: 1px solid;
	margin-bottom: 20px;
	clear: both;
	font-weight: 900;
	padding: 10px 0;
}

.men_recruit_box04 .mens_recruit {
	font-size: 15px;
	width: 100%;
	max-width: 740px;
	margin:0 auto 5%;
}

.men_recruit_box04 .mens_recruit .th {
	border: none;
	width: 262px;
	float: left;
	padding: 20px 0;
	text-align: center;
}

.men_recruit_box04 .mens_recruit .td {
	border: none;
	padding: 20px 0;
	float: left;
	line-height: 26px;
}

.men_recruit_box04 .mens_recruit .td div {
	font-size: 12px;
	line-height: 1.2;
	margin-top: 2%;
}

.men_recruit_box04 .tr {
		border-bottom: dotted 1px #000;
	clear: both;
	display: flex;
}

.men_recruit_box04 .txt02 {
	font-size: 15px;
	text-align: center;
}

.men_recruit_box04 .txt02 span {
	color: #ab1919;
}

.men_recruit_box04 form {
	width: 515px;
	margin: auto;
}

.men_recruit_box04 .cf_dt {
	width: 210px;
	font-size: 13px;
	clear: none;
	float: left;
}

.men_recruit_box04 dl {
	clear: both;
	margin: 1% auto;
	display: flow-root;
}

.men_recruit_box04 input[type=text], 
.men_recruit_box04 textarea,
.men_recruit_box04 input[type=email],
.men_recruit_box04 input[type=tel],
.men_recruit_box04 input[type=password] {
	width: 100%;
	border: 1px solid #E2E0DE;
	padding: 5px;
	margin-top: 5px;
}

.men_recruit_box04 .cf_dd {
	padding: 0;
	float: left;
	width: 295px;
}

.men_recruit_box04 .cf_dd span {
	font-size: 13px;
	line-height: 23px;
}

.men_recruit_box04 dl .cf_dt.cf_dt01, .men_recruit_box04 .cf_dd.cf_dt01 {
	width: 100%;
}

.men_recruit_box04 .cf_dd.cf_dt01 input[type=text],
.men_recruit_box04 .cf_dd.cf_dt01 textarea,
.men_recruit_box04 .cf_dd.cf_dt01 input[type=email],
.men_recruit_box04 .cf_dd.cf_dt01 input[type=tel],
.men_recruit_box04 .cf_dd.cf_dt01 input[type=password] {
	width: 100%;
}

.men_recruit_box04 form .button {
	width: 250px;
	margin: 30px auto;
	text-align: center;
	background-color: #616161;
	color: #fff;
	padding: 10px 0;
	border-style: none;
	font-size: 17px;
	font-family: serif;
	display: block;
}

.men_recruit_box04 dl {
	clear: both;
	margin: 1% auto;
	display: flow-root;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		.men_recruit_box04 input[type=text], 
		.men_recruit_box04 textarea, 
		.men_recruit_box04 input[type=email], 
		.men_recruit_box04 input[type=tel], 
		.men_recruit_box04 input[type=password] {
			line-height: 1.3em;
		}	

		.men_recruit_box04 .txt01 {font-size: 30px;}	

		.men_recruit_box04 .tr {
			display: block;
			text-align: center;
		}

		.men_recruit_box04 .mens_recruit .th {
			float: none;
			margin: 0 auto;
			font-size: 24px;
		}	

		.men_recruit_box04 dl .cf_dt.cf_dt01, .men_recruit_box04 .cf_dd.cf_dt01 {
			font-size: 16px;
			margin-top: 10px;
		}	

		.men_recruit_box04 .mens_recruit .td {
			float: none;
			text-align: center;
			font-size: 18px;
			line-height: 30px;
		}

		.men_recruit_box04 .mens_recruit .td div {font-size: 18px;}	

		.men_recruit_box04 .cf_dt {
			float: none;
			font-size: 18px;
			line-height: 24px;
			margin-top: 10px;
		}
		
		.men_recruit_box04 .cf_dd {width: 100%;}
	}

	@media screen and (max-width: 480px) {
		.men_recruit_box03 .box01 {width: 90%;}

		.men_recruit_box02 {
			line-height: 1.3;
			font-size: 4.5vw;
		}

		.men_recruit_box03 {padding: 5% 0;}

		.men_recruit_box03 .box01 .txt01 {
			padding: 3% 0;
			font-size: 5vw;
		}

		.men_recruit_box03 .box01 .box02 .txt01 {
			padding: 3% 0;
			width: 97%;
			max-width: 447px;
			font-size: 4.5vw;
		}

		.men_recruit_box03 .box01 .box02 .txt02 {
			font-size: 8vw;
			line-height: 1;
			padding: 3% 0 5%;
		}

		.men_recruit_box03 .box01 .box02 .txt02 span {font-size: 5vw;}

		.men_recruit_box04 .txt01 {
			font-weight: 900;
			font-size: 6vw;
			padding: 2% 0;
			margin-top: 7%;
			margin-bottom: 1%;
		}

		.men_recruit_box04 .tr {display: block;}

		.men_recruit_box04 .mens_recruit .th {
			loat: none;
			width: 100%;
			padding: 3% 0;
			font-size: 5vw;
		}

		.men_recruit_box04 .mens_recruit .td {
			float: none;
			width: 100%;
			text-align: center;
			padding: 0 0 3%;
			font-size: 3.5vw;
			line-height: 1.5;
		}

		.cf_dt {margin-top: 10px;}

		.men_recruit_box04 .cf_dt {
			width: 100%;
			font-size: 3.5vw;
			clear: none;
		}

		.men_recruit_box04 .cf_dd {
			float: none;
			width: 100%;
		}

		.men_recruit_box04 .txt02 {
			font-size: 3vw;
			text-align: center;
		}

		.men_recruit_box04 form {
			width: 90%;
			margin: auto;
			max-width: 515px;
		}

		.men_recruit_box04 .cf_dd {
			float: none;
			width: 100%;
		}
	}

.men_recruit_txt {
	font-size: 17px;
	text-align: center;
	padding-bottom: 20px;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		.men_recruit_txt {font-size: 20px;}
	}	

.men_recruit_tel {
	font-size: 17px;
	text-align: center;
	width: 250px;
	padding: 10px 0;
	background-color: #8d7231;
	color: #fff;
	margin: 0 auto;
	height: 40px;
	line-height: 20px;
}

select {
	border: 1px solid #E2E0DE;
	padding: 5px;
	width: 120px;
}

/** 新女性求人 **/
#recruit2 h3 {
    text-align: center;
    margin: 0 auto 15px;
}

#recruit2 .s-title {
    font-family: 'Lora', serif;
    color: #8d7231;
    text-align: center;
    letter-spacing: 0.1em;
}

#recruit2 hr {
	background-color: #8d7231;
	width: 20px;
	height: 3px;
	margin-top: 20px;
	border: 0;
}

/* layer-1 */
#recruit2 .layer-1 {
	width: 100%;
	max-width: 1559px;
	height: 361px;
	margin: 0 auto;
	position: relative;
}

#recruit2 .layer-1 .bg {
	width: 1520px;
	height: 600px;
	margin-left: -759.5px;
	text-align: left;
	position: absolute;
	left: 50%;
}

#recruit2 .layer-1 .bg_sp {display: none;}

#recruit2 .layer-1 .s-title {
  font-family:"游ゴシック体", YuGothic, "YuGothic M", sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #696354;
  margin-top: 20px;
  text-align: left;
  letter-spacing: 0.1em;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit2 .layer-1 {height: 100%;}

		#recruit2 .layer-1 .bg {
			width: 100%;
			margin-left: 0;
			left: 0;
		}

		#recruit2 .layer-1 .bg img {width: 100%;}

		#recruit2 .layer-1 h3 {font-size: 8vw;}
		
		#recruit2 .layer-1 .bg {display: none;}

		#recruit2 .layer-1 .bg_sp {
			display: block;
			text-align: center;
		}

		#recruit2 .layer-1 .bg_sp img{width: 94%}
	}

	@media screen and (max-width: 480px) {
		#recruit2 .layer-1 {height: 100%;}

		#recruit2 .layer-1 .bg {
			width: 100%;
			margin-left: 0;
			left: 0;
		}

		#recruit2 .layer-1 .bg img {width: 100%;}

		#recruit2 .layer-1 .bg {display: none;}

		#recruit2 .layer-1 .bg_sp {
			display: block;
			text-align: center;
		}

		#recruit2 .layer-1 .bg_sp img{width: 94%}
	}
/* /layer-1 */

/* layer-2 */
#recruit2 .layer-2 {
	margin-top: 80px;
}

#recruit2 .layer-2 .text {
	font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
	font-size: 18px;
	color: #8d7231;
	margin: 27px 0 10px;
	line-height: 2.5;
	text-align: center;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit2 .layer-2 {margin-top: 7vw;}

		#recruit2 .layer-2 .text {margin: 20px 0 0px;}
	}

	@media screen and (max-width: 480px) {
		#recruit2 .layer-2 {margin-top: 7vw;}

		#recruit2 .layer-2 .text {margin: 20px 0 0;}

		#recruit2 .layer-2 .text img{width: 87%;}
	}
/* /layer-2 */

/* layer-3 */
#recruit2 ul.layer-3 {
	width: 100%;
	max-width: 1220px;
	margin: 0 auto;
	overflow: hidden;
}

#recruit2 ul.layer-3::after {
	content: '';
	clear: both;
}

#recruit2 ul.layer-3 .number {
	font-family: 'Lora', serif;
	font-size: 48px;
	font-style: italic;
	color: #fff;
	background-color: rgba(141,114,49,0.6);
	width: 72px;
	height: 72px;
	margin: 0 auto;
	padding: 10px 0 0 5px;
}

#recruit2 ul.layer-3 .tit {
	font-size: 18px;
	color: #696354;
	text-align: center;
}

#recruit2 ul.layer-3 .tit img{width:94.2%;}

#recruit2 ul.layer-3 .tit_sp {display:none;}

#recruit2 ul.layer-3 .q-image {
	font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
	font-size: 12px;
	color: #696354;
	margin-top: 20px;
	line-height: 2.2;
	display: inline-block;	
}

#recruit2 ul.layer-3 .container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

	@media screen and (min-width: 769px) and (max-width: 1169px) {
		#recruit2 ul.layer-3 .q-image img{width: 43vw;}
		#recruit2 ul.layer-3 .text {font-size: 1.5vw;}
	}/* /min-width: 769px and max-width: 1169px */
		
	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit2 ul.layer-3 {max-width: 750px;}

		#recruit2 ul.layer-3 .q-image {
			font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
			font-size: 12px;
			color: #696354;
			margin-top: 20px;
			line-height: 2.2;
			order: 1;
			-ms-flex-order: 1;
			-webkit-order: 1;
		}	

		#recruit2 ul.layer-3 .q-image img{width:100%;}	

		#recruit2 ul.layer-3 .tit {display:none;}

		#recruit2 ul.layer-3 .tit_sp {
			display:block;
			text-align: center;
		}

		#recruit2 ul.layer-3 .tit_sp img{width:94%;}
	}

	@media screen and (max-width: 480px) {
		#recruit2 ul.layer-3 {
			width: 94%;
			max-width: 440px;
			margin: 0 auto;
		}

		#recruit2 ul.layer-3 .q-image {
			order: 1;
			-ms-flex-order: 1;
			-webkit-order: 1;
			margin-top: 10px;
		}	

		#recruit2 ul.layer-3 .q-image img{width: 100%;}

		#recruit2 ul.layer-3 .tit {display:none;}

		#recruit2 ul.layer-3 .tit_sp {
			display:block;
			text-align: center;
		}

		#recruit2 ul.layer-3 .tit_sp img{width:94%;}
	}

#recruit2 ul.layer-3 .text {
    padding: 0 15px;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 20px;
    font-weight: bold;
    color: #696354;
    margin-top: 20px;
    line-height: 2;
    display: inline-block;
    width: 53%;
    letter-spacing: -1px;
}

	@media screen and (max-width: 768px) and (min-width: 481px){
		#recruit2 ul.layer-3 .text {
			width: 100%;
			order: 2;
			-ms-flex-order: 2;
			-webkit-order: 2;
		}
	}

	@media screen and (max-width: 480px){
		#recruit2 ul.layer-3 .text {
			width: 100%;
			order: 2;
			-ms-flex-order: 2;
			-webkit-order: 2;
			font-size: 16px;
			line-height: 2em;
			padding: 0 5px;
		}
	}

#recruit2 ul.layer-3 li {
    background: #fff;
    max-width: 1170px;
    margin: 20px 10px;
    padding: 15px;
    display: block;
    border: solid 2px #876731;
}

	@media screen and (max-width: 768px) and (min-width: 481px){
		#recruit2 ul.layer-3 li {
			width: 96%;
			margin: 20px auto;
		}
	}

	@media screen and (max-width: 480px){
		#recruit2 ul.layer-3 li {
			width: 100%;
			max-width: 430px;
			margin: 15px auto;
		}
	}
/* /layer-3 */

/* layer-4 */
#recruit2 .layer-4 .text {
    font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
    font-size: 18px;
    color: #8d7231;
    margin: 27px 0 35px;
    line-height: 2.5;
    text-align: center;
}

#recruit2 .layer-4 {
    width: 100%;
    max-width: 1520px;
    height: auto;
    margin: 50px auto 0;
    position: relative;
}

#recruit2 .layer-4 .bg {
    width: 100%;
    max-width: 1520px;
    height: auto;
    margin: 50px auto 50px;
    position: static;
	text-align: left;	
}

#recruit2 .layer-4 .bg_sp {display: none;}

#recruit2 .layer-4 .bg:nth-of-type(3) {max-width: 1519px;}

#recruit2 .layer-4 .bg img{width: 100%;}

	@media screen and (max-width: 1200px) {
		#recruit2 .layer-4 {/*height: 55vw;*/}	

		#recruit2 .layer-4 .bg {
			max-width: 1200px;
			height: auto; 
			margin-left: 0;
			text-align: center;
			position: unset; 
			margin: 0 auto;
			width: 100%
		}	

		#recruit2 .layer-4 .bg img{width: 100%;}	
	}	

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit2 .layer-4 {height: 100%;}

		#recruit2 .layer-4 .bg {
			width: 100%;
			margin-left: 0;
			left: 0;
		}

		#recruit2 .layer-4 .bg img {width: 100%;}

		#recruit2 .layer-4 .bg {display: none;}

		#recruit2 .layer-4 .bg_sp {
			display: block;
			text-align: center;
		}

		#recruit2 .layer-4 .bg_sp img{width: 94%}
	}

	@media screen and (max-width: 480px) {
		#recruit2 .layer-4 {height: 100%;}

		#recruit2 .layer-4 .bg {
			width: 100%;
			margin-left: 0;
			left: 0;
		}

		#recruit2 .layer-4 .bg img {width: 100%;}

		#recruit2 .layer-4 .bg {display: none;}

		#recruit2 .layer-4 .bg_sp {
			display: block;
			text-align: center;
			margin-bottom: 30px;
		}

		#recruit2 .layer-4 .bg_sp img{width: 94%}
	}
/* /layer-4 */

/* layer-5 */
#recruit2 .layer-5 .bg {
	width: 1600px;
	height: 600px;
	margin-left: -799.5px;
	text-align: left;
	position: absolute;
	left: 50%;
}

#recruit2 .layer-5 .bg_sp {
	display: none;
}

#recruit2 .layer-5 {
	width: 100%;
	max-width: 1600px;
	height: 680px;
	margin: 0 auto;
	position: relative;
}

	@media screen and (max-width: 1200px) {
		#recruit2 .layer-5 {height: 40vw;}	

		#recruit2 .layer-5 .bg {
			max-width: 1200px;
			height: auto; 
			margin-left: 0;
			text-align: center;
			position: unset; 
			margin: 0 auto;
			width: 100%
		}	

		#recruit2 .layer-5 .bg img{width: 100%;}	
	}	
		
	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit2 .layer-5 .bg img {width: 100%;}

		#recruit2 .layer-5 .bg {display: none;}

		#recruit2 .layer-5 .bg_sp {
			display: block;
			text-align: center;
		}

		#recruit2 .layer-5 .bg_sp img{width: 94%}

		#recruit2 .layer-5 {height: 100%;}

		#recruit2 .layer-5 .bg {
			width: 100%;
			margin-left: 0;
			left: 0;
		}
	}

	@media screen and (max-width: 480px) {
		#recruit2 .layer-5 {height: 100%;}

		#recruit2 .layer-5 .bg {
			width: 100%;
			margin-left: 0;
			left: 0;
		}

		#recruit2 .layer-5 .bg img {width: 100%;}

		#recruit2 .layer-5 .bg {display: none;}

		#recruit2 .layer-5 .bg_sp {
			display: block;
			text-align: center;
		}

		#recruit2 .layer-5 .bg_sp img{width: 94%}
	}
/* /layer-5 */

/* layer-6 */
#recruit2 .layer-6 {
	padding-top: 70px;
}

#recruit2 .layer-6 .text {
	font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
	font-size: 18px;
	color: #8d7231;
	margin: 30px auto 50px;
	text-align: center;
}

#recruit2 .layer-6 ul {
	font-size: 0;
	max-width: 930px;
	margin: 15px auto 0;
	padding: 3px;
}

#recruit2 .layer-6 ul li {
	font-size: 16px;
	vertical-align: top;
	display: inline-block;
}

#recruit2 .layer-6 ul li:first-child {
	font-family: 'Lora', serif;
	width: 4.5%;
	padding: 8px 0;
	text-align: center;
}

#recruit2 .layer-6 ul li:last-child {
	font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
	width: 93.5%;
}

#recruit2 .layer-6 ul.question li {
    color: #000;
    font-size: 20px;
    letter-spacing: 0.1em;
    line-height: 20px;
}

#recruit2 .layer-6 ul.question li:first-child {
    border: #fff 2px solid;
	color: #fff;
    background: #6a010b;
    font-size: 20px;
}

#recruit2 .layer-6 ul.question li:last-child {
    font-family: "ヒラギノ明朝 ProN W1", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-weight: bold;
    background: #fff;
    padding: 10px;
}

#recruit2 .layer-6 ul.answer li:last-child {
    font-family: "ヒラギノ明朝 ProN W1", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #fff;
    font-size: 18px;
    line-height: 1.8;
    background: #6a010b;
    padding: 10px;
}

#recruit2 .layer-6 ul.answer li:first-child {
    background: #fff;
	color:#000;
    font-size: 20px;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit2 .layer-6 {padding-top: 9vw;}

		#recruit2 .layer-6 .text {margin-top: 4vw;}

		#recruit2 .layer-6 ul {
			width: 100%;
			margin-top: 3vw;
			padding: 0 10px;
		}

		#recruit2 .layer-6 ul li:first-child {width: 33px;}
		#recruit2 .layer-6 ul li:last-child {width: calc(100% - (33px + 2%));}
	}


	@media screen and (max-width: 480px) {
		#recruit2 .layer-6 {padding-top: 9vw;}

		#recruit2 .layer-6 .text {margin-top: 4vw;}

		#recruit2 .layer-6 ul {
			width: 100%;
			margin-top: 3vw;
			padding: 0 10px;
		}

		#recruit2 .layer-6 ul li:first-child {width: 33px;}
		#recruit2 .layer-6 ul li:last-child {width: calc(100% - (33px + 2%));}
	}
/* /layer-6 */

/* layer-7 */
#recruit2 .layer-7 .bg {
	width: 1112px;
	height: 312px;
	margin-left: -562.5px;
	text-align: left;
	position: absolute;
	left: 50%;
	margin-top: 35px;
}

#recruit2 .layer-7 {
	width: 100%;
	max-width: 1112px;
	height: 312px;
	margin: 0 auto;
	position: relative;
	margin-bottom: 20px;
}

#recruit2 .layer-7 .bg_sp {display: none;}

	@media screen and (max-width: 1200px) {
		#recruit2 .layer-7 {
			height: 22vw;
			margin-top: 20px;
		}

		#recruit2 .layer-7 .bg {
			max-width: 1200px;
			height: auto; 
			margin-left: 0;
			text-align: center;
			position: unset; 
			margin: 0 auto;
			width: 100%
		}	
	}/* /max-width: 1200px */

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit2 .layer-7 {
			height: 100%;
			margin: 35px auto;
		}

		#recruit2 .layer-7 .bg {
			width: 100%;
			margin-left: 0;
			left: 0;
		}

		#recruit2 .layer-7 .bg img {width: 100%;}

		#recruit2 .layer-7 .bg {display: none;}

		#recruit2 .layer-7 .bg_sp {
			display: block;
			text-align: center;
		}

		#recruit2 .layer-7 .bg_sp img{width: 94%}
	}
		
	@media screen and (max-width: 480px) {
		/* layer-7 */
		#recruit2 .layer-7 {
			height: 100%;
			margin: 30px auto;
		}

		#recruit2 .layer-7 .bg {
			width: 100%;
			margin-left: 0;
			left: 0;
		}

		#recruit2 .layer-7 .bg img {width: 100%;}

		#recruit2 .layer-7 .bg {display: none;}

		#recruit2 .layer-7 .bg_sp {
			display: block;
			text-align: center;
		}

		#recruit2 .layer-7 .bg_sp img{width: 94%}
	}
/* /layer-7 */

/* btn-recruit */
#recruit2 .btn-recruit {
	font-size: 18px;
	color: #454545;
	padding: 50px 0;
	text-align: center;
}

#recruit2 .btn-recruit h3 {
    text-align: center;
    margin: 0 auto 15px;
}

#recruit2 .btn-recruit .text {
    font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
    font-size: 18px;
    color: #8d7231;
    margin: 27px 0 35px;
    line-height: 2.5;
    text-align: center;
}

#recruit2 .btn-recruit ul {font-size: 0;}

#recruit2 .btn-recruit ul li {
	display: inline-block;
	margin: 0 15px;
}

#recruit2 .btn-recruit ul li a {
	width: 460px;
	text-align: center;
	text-decoration: none;
	display: block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	margin: 15px auto;
}

#recruit2 .btn-recruit ul li a:hover {
	transition: all 0.5s ease;
	opacity: 0.5;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit2 .btn-recruit ul {padding: 0 10px;}

		#recruit2 .btn-recruit ul li {
			/* width: calc(50% - 10px); */
			max-width: 460px;
			margin: 0 auto;
			display: block;
		}

		#recruit2 .btn-recruit ul li a {width: 100%;}
	}/* /min-width: 481px and max-width: 768px */

	@media screen and (max-width: 480px) {
		#recruit2 .btn-recruit {padding: 0;}

		#recruit2 .btn-recruit ul {padding: 0 10px;}

		#recruit2 .btn-recruit ul li {
			width: 100%;
			margin: 0 auto;
		}

		#recruit2 .btn-recruit ul li img{width: 96%;}

		#recruit2 .btn-recruit ul li a {
			width: 100%;
			margin-top: 0;
		}
	}

	@media screen and (max-width: 768px) and (min-width: 481px){
		#recruit2 .btn-recruit {
			padding: 0;
			margin-top: 30px;
		}
	}

	@media screen and (max-width: 768px) and (min-width: 481px){
		#recruit2 .btn-recruit p:last-of-type {display:none;}
	}

	@media screen and (max-width: 480px){
		#recruit2 .btn-recruit p:last-of-type {display:none;}
	}
/* /btn-recruit */

/* /recruit2 */

.none_smt {display: none;}
.requir {color: #ab1919;}

	@media screen and (max-width: 480px) {
		.smart_hide {display: none;}
		.pc_hide {display: block;}
		
		input[type="text"], 
		textarea, 
		input[type="email"],
		input[type="tel"],
		input[type="password"] {
			width: 100%;
			box-sizing: border-box;
		}
	}/* /max-width: 480px) {*/

#top ul.layer-2-blog li .oneBox .date {
    margin-top: 0;
    line-height: 1.5;
    float: left;
}

	@media screen and (max-width: 480px){

		#top ul.layer-2-blog li .oneBox .date {
			text-align: center;
			width: min-content;
			float: left;
			font-size: 13px;
		}
	}

#top ul.layer-2-blog li .oneBox .title {
    line-height: 1.6;
    clear: both;
    padding: 0;
}	
		
	@media screen and (max-width: 480px){
		#top ul.layer-2-blog li .oneBox .title {
			text-align: left;
			width: 100%;
			float: none;
			padding: 25px 0;
			font-size: 13px;
		}
	}

	@media screen and (max-width: 800px){
		#top ul.layer-2 li .Box {
			height: auto!important;
		}
	}

#top ul.layer-2 {
	width: 49%;
	margin: 50px auto 0;
	padding: 0 10px;
	display: inline-block;
}

	@media screen and (max-width: 969px) and (min-width: 769px){
		#top ul.layer-2 {
			width: 90%;
			margin: 40px auto;
			display: block;
		}
	}

	@media screen and (max-width: 768px) and (min-width: 481px){
		#top ul.layer-2 {
			width: 100%;
			max-width: 500px;
			margin: 30px auto 0;
			display: block;
		}
	}

	@media screen and (max-width: 480px){
		#top ul.layer-2 {
			width: 100%;
			max-width: 500px;
			margin: 30px auto 0;
		}
	}

#top ul.layer-2 li {
	font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
	font-size: 16px;
	width: 100%;
	text-align: center;
	letter-spacing: -1px;
	vertical-align: top;
}

#top ul.layer-2 li .Box {
    height: 368px;
    background: #fff;
    padding: 0px 15px;
    margin: 15px auto;
    border: #bab188 4px solid;
    overflow: auto;
}

#top ul.layer-2 li:last-child {
	margin-left: 0;
}

#top ul.layer-2-blog li .Box {
    height: 368px;
    background: #fff;
    padding: 5px 15px;
    margin: 15px auto;
    border: #bab188 4px solid;
    overflow: hidden;
}

	@media screen and (max-width: 969px) and (min-width: 769px){
		#top ul.layer-2-blog li .Box {height: auto;}
	}   

	@media screen and (max-width: 480px){
		#top ul.layer-2-blog li .Box {
			height: auto;
			background: #fff;
		}
	}		

#top ul.layer-2-blog li .oneBox {
    text-align: left;
    overflow: hidden;
    padding-bottom: 15px;
    border-bottom: solid 2px #bab188;
    margin-bottom: 5px;
}

	@media screen and (max-width: 480px){
		#top ul.layer-2-blog li .oneBox {
			padding-bottom: 15px;
			margin-bottom: 5px;
		}	
	}	

#top ul.layer-2-blog li .oneBox ul li {
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    max-height: 65px;
}	

#top ul.layer-2-blog li .oneBox ul li:first-child {width: 80%;}

	@media screen and (max-width: 969px) and (min-width: 769px){
		#top ul.layer-2-blog li .oneBox ul li:first-child {width: 80%;}	
	}
		
/* レビュー★評価 */
#profile .star-rating {
	position: relative;
	/*width: 5em;*/
	height: 1em;
	font-size: 18px;
	margin-top: 10px;
	line-height: 1.6;
	display: inline-block;
    width: 71%;
}
		
	@media screen and (max-width: 768px) and (min-width: 481px){
		#profile .star-rating {
			width: 75%;
		}   
	}   

	@media screen and (max-width: 480px){
		#profile .star-rating {
			width: 65%;
		}   
	}		

#profile .count {
    position: absolute;
    top: 2px;
    left: 135px;
}		
#profile .star-rating::after {
	content: "";
	clear: both;	
}
		
#profile .star-rating-front {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	color: #FFC107;
}
		
#profile .star-rating-back {color: #ccc;text-align: left;}			
		
#reviewlist .star-rating {
    position: relative;
    /*width: 5em;*/
    height: 1em;
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 1.6;
    display: inline-block;
    width: 305px;
	padding-bottom: 25px;
}

	@media screen and (max-width: 800px) {
		#reviewlist .star-rating {
			width: 58vw;
		}
	}

	@media screen and (max-width: 768px) and (min-width: 481px){
		#reviewlist .star-rating {
			width: 55vw;
		}
	}

	@media screen and (max-width: 480px) {
		#reviewlist .star-rating {
			width: 161px;
		}
	}


#reviewlist .count {
    position: absolute;
    top: 2px;
    left: 135px;
}		
#reviewlist .star-rating::after {
	content: "";
	clear: both;	
}
		
#reviewlist .star-rating-front {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	color: #FFC107;
}
		
#reviewlist .star-rating-back {color: #ccc;}		
/* /レビュー★評価 */

/* レビュー詳細 */
#review-detail {
	padding: 0 10px 40px;
	font-family: 'Lora', serif;		
}

#review-detail ul {font-size: 0;}

#review-detail ul li {
	font-size: 14px;
	width: 45%;
	display: inline-block;
	vertical-align: top;
	padding: 0 10px 0 10px;
}

#review-detail ul li .image {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
	padding: 0px;
}

#review-detail ul li .image img {
	max-width: 90%;
}

#review-detail ul#inner {
    max-width: 1000px;
    margin: 0 auto;
    background-color: #fff;
    border: solid 1px;
    padding: 35px 0px 40px 0px;
}

#review-detail ul#inner a {text-decoration: none;}

#review-detail .btn-blog {
	color: #8d7231;
	background-color: #fff;
	width: 300px;
	margin-top: 15px;
	padding: 15px 0;
	border: #bab188 3px solid;
	text-align: center;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}

#review-detail .btn-blog:hover {
	color: #fff;
	background-color: #8d7231;
}

#review-detail .btn-back {
	color: #8d7231;
	background-color: #fff;
	width: 300px;
	margin-top: 15px;
	padding: 15px 0;
	border: #bab188 3px solid;
	text-align: center;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}

#review-detail .btn-back:hover {
	color: #fff;
	background-color: #8d7231;
}

#review-detail .btn-box {
    width: 300px;
    margin: 0 auto;
}

#review-detail .btn-box a {text-decoration: none;}

#review-detail .btn-next ul li {
	font-size: 14px;
	display: inline-block;
}

#review-detail .btn-next {
    width: 250px;
	text-align: center;
    margin: 0 auto;
	padding: 15px 0 0 0px;
}

#review-detail .btn-next a {
	font-size: 14px;
	width: 50%;
	display: inline-block;
	color: #8d7231;
}

#review-detail .icon {
	color: #fff;
	background-color: #8d7231;
	width: 100px;
	padding: 7px 0;
	text-align: center;
}

#review-detail .prof {
	margin-top: 30px;
	padding-bottom: 15px;
	overflow: hidden;
}

#review-detail .prof::after {
	content: '';
	clear: both;
}

#review-detail .b-title {
	font-size: 28px;
	color: #8d7231;
	float: left;
	text-align: left;
}

#review-detail .data {float: right;margin-bottom: 15px;}

#review-detail .b-name {
	font-size: 28px;
	margin: 14px 0 0 0px;
	text-align: left;
}

#review-detail .text1 {
	margin-top: 20px;
	line-height: 1.6;
	text-align: left;
}

#review-detail .qa {
	color: #8d7231;
	margin-top: 30px;
}

#review-detail .text2 {
    margin-top: 15px;
    font-size: 16px;
    line-height: 1.5em;
}

#review-detail ul.schedule {margin-top: 15px;}

#review-detail ul.schedule li {
	padding: 7px 0;
	border: #8d7231 1px solid;
	text-align: center;
}

#review-detail ul.schedule li:nth-child(odd) {
	color: #fff;
	background-color: #8d7231;
}

#review-detail ul.schedule li:nth-child(even) {color: #8d7231;}

#review-detail ul.schedule li:nth-child(n+3) {margin-top: 5px;}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#review-detail ul#inner li {
			width: 100%;
			display: block;
			text-align: center;
			padding: 0 5px 0 5px;
		}

		#review-detail .btn-blog {
			width: 100%;
			max-width: 360px;
			margin: 15px auto 0;
		}

		#review-detail .btn-back {
			width: 100%;
			max-width: 360px;
			margin: 15px auto 0;
		}

		#review-detail ul#inner li:last-child {margin-top: 30px;    padding: 15px;}

		#review-detail ul#inner li ul.schedule li {
			width: 50%;
			display: inline-block;
		}

		#review-detail ul#inner li ul.schedule li:last-child {margin: 5px 0 0 0;}

		#review-detail .s-title,
		#review-detail .qa,
		#review-detail .text1,
		#review-detail .text2 {
			text-align: left;
		}
	}

	@media screen and (max-width: 480px) {
		#review-detail ul#inner li {
			width: 100%;
			display: block;
			text-align: center;
		}

		#review-detail ul#inner .image img { max-width: 90%;}

		#review-detail .btn-blog {
			width: 100%;
			max-width: 360px;
			margin: 15px auto 0;
		}

		#review-detail .btn-back {
			width: 100%;
			max-width: 360px;
			margin: 15px auto 0;
		}

		#review-detail ul#inner li:last-child {
			margin-top: 30px;
			padding: 0 10px;
		}

		#review-detail ul#inner li ul.schedule li {
			width: 50%;
			display: inline-block;
		}

		#review-detail ul#inner li ul.schedule li:last-child {
			margin: 5px 0 0 0;
			padding: 7px 0;
		}

		#review-detail .s-title,
		#review-detail .qa,
		#review-detail .text1,
		#review-detail .text2 {
			text-align: left;
		}
		#review-detail .text2 {
			padding: 5px;
		}
	}


#review-detail .r-area {
    width: 53%;
    padding-left: 15px;
    vertical-align: top;
    padding-top: 15px;
}

#review-detail .r-area .r-box {width: 100%;}

	@media screen and (min-width: 481px) and (max-width: 768px) {

		#review-detail .r-area .r-box {width: 100%;}
	}

	@media screen and  (max-width: 480px) {

		#review-detail .r-area .r-box {width: 100%;}
	}

#review-detail .r-title {
    font-size: 18px;
    color: #8d7231;
	display: inline-block;
    width: 150px;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {

		#review-detail .r-area .r-title  {text-align: left;width: 35%;}
				#review-detail .r-area .r-title:last-of-type  {width: 83vw;}

	}

	@media screen and (max-width: 480px) {
		#review-detail .r-area .r-title  {text-align: left;font-size: 16px;width: 150px;}
		#review-detail .r-area .r-title:last-of-type  {width: 357px;margin-left: 7px;}
	}

	@media screen and (max-width: 360px) {
		#review-detail .r-area .r-title:last-of-type  {width: 98%;margin-left: 3px;}
	}


#review-detail .text1 {
    line-height: 1.2;
    text-align: left;
    font-size: 18px;
    letter-spacing: 0;
    margin-top: 5px;
    padding-bottom: 25px;
	display: inline-block;
	width: 305px;
}
	
@media screen and (max-width: 800px) {
	#review-detail .text1 {
		width: 58vw;
	}
}

@media screen and (max-width: 768px) and (min-width: 481px){
	#review-detail .text1 {
		width: 51vw;
	}
}

	@media screen and (max-width: 480px) {
	#review-detail .text1 {
			width: 50%;
		font-size: 16px;
		}
	}

/* レビュー★評価 */
#review-detail .count {
    position: absolute;
    top: 2px;
    left: 135px;
}		
#review-detail .star-rating::after {
	content: "";
	clear: both;	
}
		
#review-detail .star-rating-front {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	color: #000;
}
		
#review-detail .star-rating-back {color: #ccc;text-align: left;}			
		
#review-detail .star-rating {
    position: relative;
    /*width: 5em;*/
    height: 1em;
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 1.6;
    display: inline-block;
    width: 305px;
	padding-bottom: 25px;
}

	@media screen and (max-width: 800px) {
		#review-detail .star-rating {
			width: 58vw;
		}
	}

	@media screen and (max-width: 768px) and (min-width: 481px){
		#review-detail .star-rating {
			width: 51vw;
		}
	}

	@media screen and (max-width: 480px) {
		#review-detail .star-rating {
			width: 50%;
		}
	}


	#review-detail .count {
		position: absolute;
		top: 2px;
		left: 135px;
	}		
	#review-detail .star-rating::after {
		content: "";
		clear: both;	
	}

	#review-detail .star-rating-front {
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
		color: #000;
	}

	#review-detail .star-rating-back {color: #ccc;}		
	/* /レビュー★評価 */


/* /レビュー詳細 */

/* MOVIE */

.pc-movie {
	display: block;
}

	@media screen and (max-width: 768px) and (min-width: 481px){
		.pc-movie {display: none;}
	}

	@media screen and (max-width: 480px){
		.pc-movie {display: none;}
	}

.sp-movie {
	display: none
}
	@media screen and (max-width: 768px) and (min-width: 481px){
		.sp-movie {display: block;}
	}

	@media screen and (max-width: 480px){
		.sp-movie {display: block;}
	}

#top .layer-3 .top-movie {
    /* position: absolute; */
    /* left: 33.4%; */
    /* top: 14%; */
    width: 100%;
    max-width: 540px;
    margin: 0 auto;
    padding: 57px 0;
}

	@media screen and (max-width: 768px) and (min-width: 481px){
		#top .layer-3 .top-movie {
			background: url(../images/dummy_movie.jpg) no-repeat top center;
			background-size: cover;
			position: unset;
			margin: 0 auto;
			padding: 25px 25px;
		}
	}

	@media screen and (max-width: 480px){
	#top .layer-3 .top-movie {
			background: url(../images/dummy_movie.jpg) no-repeat top center;
			background-size: cover;
			position: unset;
			margin: 0 auto;
			padding: 15px 15px;
		}
	}

#top .layer-3 .top-movie video{
	max-width:540px;
	width:100%;
}

	@media screen and (max-width: 768px) and (min-width: 481px){
		#top .layer-3 .top-movie video{
			max-width: 96%;
			width:100%;
		}
	}

	@media screen and (max-width: 480px){
		#top .layer-3 .top-movie video{
			width:100%;
		}
	}

	@media screen and (max-width: 768px) and (min-width: 481px){
		#top .layer-3 img {display: none;}
	}

	@media screen and (max-width: 480px){
		#top .layer-3 img {display: none;}
	}


.top-spmovie {
	width: 1600px;
	margin: 0 0 0 -800px;
	position: relative;
	left: 50%;
}
	@media screen and (max-width: 768px) and (min-width: 481px){
		.top-spmovie {
			width: 100vw;
			margin-left: 0;
			left: 0;
		}

		.top-spmovie img {width: 100%;}
	}

	@media screen and (max-width: 480px){
		.top-spmovie {
			width: 100vw;
			margin-left: 0;
			left: 0;
		}

		.top-spmovie img {width: 100%;}
	}

.top-spmovie .top-movie {
    position: absolute;
    left: 33.4%;
    top: 14%;
}

	@media screen and (max-width: 768px) and (min-width: 481px){
		 .top-spmovie .top-movie {
			background: url(../images/dummy_movie.jpg) no-repeat top center;
			background-size: cover;
			position: unset;
			margin: 0 auto 25px;
			padding: 25px 25px;
		}
	}

	@media screen and (max-width: 480px){
		 .top-spmovie .top-movie {
			background: url(../images/dummy_movie.jpg) no-repeat top center;
			background-size: cover;
			position: unset;
			margin: 9px auto 17px;
			padding: 15px 15px;
		}
	}

.top-spmovie .top-movie video{
	max-width:540px;
	width:100%;
}

	@media screen and (max-width: 768px) and (min-width: 481px){
		.top-spmovie .top-movie video{
			max-width: 96%;
			width:100%;
		}
	}

	@media screen and (max-width: 480px){
		.top-spmovie .top-movie video{
			width:100%;
		}
	}

	@media screen and (max-width: 768px) and (min-width: 481px){
		.top-spmovie img {display: none;}
	}

	@media screen and (max-width: 480px){
		.top-spmovie img {display: none;}
	}

	@media screen and (max-width: 480px){
		.marquee-box{
			margin: 0 auto 18px;
			text-align: center;
		}
	}
/* /MOVIE */


/* plofile blog */
.photobbs-list h3 {
  margin-bottom: 20px;
  color: #8d7231;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: .1em;
  text-align: center;
}

.photobbs-list h3 span {
  font-family: "Lora", serif;
  font-size: 24px;
}

.photobbs-list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}

.photobbs-list .item-body {
  -ms-flex: 1;
  flex: 1;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-direction: normal;
  -webkit-box-flex: 1;
  -webkit-box-orient: vertical;
}

.photobbs-list .time {
  font-size: 80%;
}

.photobbs-list .title {
  margin-top: 0.5em;
  font-weight: bold;
}

.photobbs-list .blist {
  margin-top: auto;
  color: #8d7234;
}

.photobbs-list a {
  color: #696355;
}

.photobbs-list img {
  width: 100%;
}


@media (min-width: 601px) {
  .photobbs-list {
    max-width: 1025px;
    margin-left: auto;
    margin-right: auto;
  }
  .photobbs-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .photobbs-list li {
    width: 24% !important;
    margin-right: 1%;
  }
	
  .photobbs-list li:last-child {
    width: 24% !important;
    margin-right: 1%;
	  margin-left: 0!important;
  }
	
	
  .photobbs-list .image {
    width: 80px;
    margin-right: 8px;
  }
}

@media (max-width: 600px) {
  .photobbs-list li {
    display: block !important;
    width: 100% !important;
  margin-left: 0!important;

  }
  .photobbs-list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .photobbs-list .image {
    width: 80px;
    margin-right: 8px;
  }
}

.center .btn-blog {
  margin-right: auto;
  margin-left: auto;
}
/* /plofile blog */

/* layer-1txt */
#recruit2 .layer-1txt {
	margin-top: 400px;
}

#recruit2 .layer-1txt .text {
	font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
	font-size: 18px;
	color: #8d7231;
	margin: 27px 0 10px;
	line-height: 2.5;
	text-align: center;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		#recruit2 .layer-1txt {display: none}

		#recruit2 .layer-1txt .text {margin: 20px 0 0px;}
	}

	@media screen and (max-width: 480px) {
		#recruit2 .layer-1txt {display: none}

		#recruit2 .layer-1txt .text {margin: 20px 0 0;}
	}


#recruit2 .layer-1txt01,
#recruit2 .layer-1txt02,
#recruit2 .layer-1txt03{
	width: 100%;
	max-width: 1559px;
	margin: 50px auto;
	position: relative;
}

#recruit2 .layer-1txt01 .bg,
#recruit2 .layer-1txt02 .bg,
#recruit2 .layer-1txt03 .bg{
	width: 100%;
	margin: 0 auto;
}

#recruit2 .layer-1txt01 .bg img,
#recruit2 .layer-1txt02 .bg img,
#recruit2 .layer-1txt03 .bg img{
	width: 100%;
}

#recruit2 .layer-1txt01 .bg_sp, 
#recruit2 .layer-1txt02 .bg_sp, 
#recruit2 .layer-1txt03 .bg_sp {
	display: none;
}


	@media screen and (min-width: 481px) and (max-width: 768px) {
		
		#recruit2 .layer-1txt01,
		#recruit2 .layer-1txt02,
		#recruit2 .layer-1txt03{
			height: 100%;
			margin: 0 auto;
			line-height: 0;
		}

		#recruit2 .layer-1txt01 .bg,
		#recruit2 .layer-1txt02 .bg,
		#recruit2 .layer-1txt03 .bg{
			display: none;
		}
		
		#recruit2 .layer-1txt01 .bg_sp,
		#recruit2 .layer-1txt02 .bg_sp,
		#recruit2 .layer-1txt03 .bg_sp {
			display: block;
			text-align: center;
		}

		#recruit2 .layer-1txt01 .bg_sp img,
		#recruit2 .layer-1txt02 .bg_sp img,
		#recruit2 .layer-1txt03 .bg_sp img{
			width: 94%
		}
		
	}

	@media screen and (max-width: 480px) {
		#recruit2 .layer-1txt01,
		#recruit2 .layer-1txt02,
		#recruit2 .layer-1txt03{
			height: 100%;
			margin: 0 auto;
			line-height: 0;
		}

		#recruit2 .layer-1txt01 .bg,		
		#recruit2 .layer-1txt01 .bg,
		#recruit2 .layer-1txt02 .bg,
		#recruit2 .layer-1txt03 .bg{
			display: none;
		}
			
		#recruit2 .layer-1txt01 .bg_sp,
		#recruit2 .layer-1txt02 .bg_sp,
		#recruit2 .layer-1txt03 .bg_sp{
			display: block;
			text-align: center;
		}

		#recruit2 .layer-1txt01 .bg_sp img,
		#recruit2 .layer-1txt02 .bg_sp img,
		#recruit2 .layer-1txt03 .bg_sp img
		{width: 94%}

	}
/* /layer-1txt */

/* pagetop */
#page-top {
    position: fixed;
    bottom: 2%;
    right: 15px;
    z-index: 51;
}

	@media screen and (max-width: 480px) {
		#page-top {
			bottom: 13%;
			right: 15px;
		}
	}

#page-top a {
    background: #bab188;
    text-decoration: none;
    color: #fff;
    width: 50px;
    height: 50px;
    padding: 10px;
    box-sizing: border-box;
    display: block;
    border-radius: 50%;
}	
	
	@media screen and (max-width: 480px) {
		#page-top a {
			width: 35px;
			height: 35px;
			padding: 10px;
		}	
	}

#page-top a.arrow-up{}
	
#page-top a.arrow-up::before,
#page-top a.arrow-up::after{
    position: absolute;
    top: 4px;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}	
		
#page-top a.arr-up::after {
    left: 18px;
    width: 10px;
    height: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

	@media screen and (max-width: 480px) {
		#page-top a.arr-up::after {
			left: 11px;
			width: 10px;
			height: 10px;
		}
	}


/* /pagetop */

.bx-wrapper .bx-controls-direction a {
    z-index: 5!important;
}

/* 20210524 header */
header {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}

header #nav-drawer {
  padding: 15px 15px 15px 0;
  text-align: right;
}

header ul li:first-child {
  margin-left: 1%;
  padding-top: 3%;
  float: left;
  max-width: 200px;
}

header ul li:first-child img{
  width:100%
}

header ul li:nth-child(2) {
  float: none;
  margin-top: 5%;
  margin-left: 2.3%;
  max-width: 350px;
}

header ul li:nth-child(3) {
  float: none;
  margin-left: 0.5%;
  max-width: 350px;
}

header ul li:nth-child(4) {
  float: none;
  margin-left: 2.3%;
  max-width: 350px;
}

header ul li:nth-child(5) {
  float: none;
  margin-left: 1%;
  max-width: 350px;
}

header ul li:last-child {
  float: none;
  margin-right: 0px;
  margin-top: 0;
  max-width: 350px;
  margin-left: 0.6%;
}

header ul li #tel {
  font-family: 'Lora', serif;
  font-size: 2.59em;
  margin-top: 10px;
}

header ul li #time {
  font-size: 18px;
  vertical-align: bottom;
  padding-top: 7px;
}

@media screen and (max-width: 940px){

  header ul li:first-child {
    max-width: 280px;
    margin-left: 8%;
    margin-top: 5%;
  }

  header ul li:nth-child(2) {
    margin-left: 15.3%;
    margin-right:0;
  }

  header ul li:nth-child(3) {
    margin-left: 15.3%;
  }

  header ul li:nth-child(4) {
    margin-left: 15.3%;
  }

  header ul li:nth-child(5) {
    margin-left: 53.5%;
  }

}

@media screen and (max-width: 900px){

  header ul li:nth-child(2) {
    margin-left: 8.3%;
    margin-right:0;
  }

  header ul li:nth-child(3) {
    margin-left: 8.3%;
  }

  header ul li:nth-child(4) {
    margin-left: 8.3%;
  }

  header ul li:nth-child(5) {
    margin-left: 8.5%;
  }

}

@media screen and (max-width: 800px){

	header ul li #tel,header ul li #time,header ul li #area {
		text-align: center;
	}	
	
  header ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  header ul li:first-child {
    max-width: 100%;
    margin-left: 0;
    margin-top: 0;
    float: none;
    margin: 0;
    display: block;
    width: 100%;
    text-align: center;
    padding-top: 0;
    padding-bottom: 3%;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;

  }

  header ul li:first-child img{
    width: 280px;
  }

  header ul li:nth-child(2) {
    display: block;
    margin: 0 auto;
    max-width: 800px;
    padding-top: 0;
    -ms-flex-order: 5;
    -webkit-order: 5;
    order: 5;
  }

  header ul li:nth-child(3) {
    display: block;
    margin: 0 auto;
    max-width: 800px;
    -ms-flex-order: 4;
    -webkit-order: 4;
    order: 4;
  }

  header ul li:nth-child(4) {
    display: block;
    margin: 0;
    max-width: 800px;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }

  header ul li:nth-child(5) {
    display: block;
    margin: 0 auto 10px;
    max-width: 800px;
    text-align: center;
    width: 100%;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
  }

  header ul li:last-child {
    -ms-flex-order:6; /*for IE10*/
    -webkit-order:6; /* for old webkit browser */
    order: 6;
  }

}

@media screen and (max-width: 600px){

  header ul li #sp-tel {
    width: 240px;
    margin: 10px auto 10px;
    background-color: #6e5a2d;
    display: block;
  }

  header ul li:last-child {

    max-width: 600px;
  }

  header ul li:nth-child(2) {
    width: 94%;
  }

  header ul li:nth-child(3) {
    width: 94%;
  }

}

@media screen and (max-width: 375px){

  header ul li:first-child img {
    width: 65%;
  }

}

@media screen and (min-width: 801px){
	.credit-pc {display:block;}
	.credit-sp {display:none;}
}

@media screen and (max-width: 800px){
	.credit-pc {display:none;}
	.credit-sp {display:block;}
}

/* 20210524 header */

/** header-bg **/

/*.h-bg {
	background: url(../images/bg.jpg) no-repeat top center;
}

	@media screen and (max-width: 940px) {
		.h-bg {
			background: url(../images/sp-bg.jpg) no-repeat top center;
			background-size:cover;
		}
	}*/

/** /header-bg **/

/* mens_esthetics */
#ms-cont {
}

#ms-cont h3 {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    margin: 20px auto;
}

#ms-cont .box {
	
}

#ms-cont .mens_estheticsbox {
  width: 95%;
	max-width: 1200px;
	margin: auto;
	line-height: 1.8;
	text-align: left;
}

#ms-cont  .mens_estheticsbox a {
 color: #6e5a2d;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
	}

	@media screen and (max-width: 480px) {
	}

/* /mens_esthetics */

/* flex */

.flex {
  	display:-ms-flexbox;
  	display:flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
}

.flex-s {justify-content:flex-start!important;}
.space-a {justify-content: space-around!important;}
.space-b {justify-content: space-between!important;}
.item-c {align-items: center;}

/*/ flex */

/* inpression */

.ibtn-box {
    justify-content: space-between;
    align-items: end;
}


	@media screen and (max-width: 768px) {
		.ibtn-box .btn-blistbox {
		}
	}

#therapistblog .ibtn-box {
    justify-content:flex-end;
    align-items: end;
	margin-top: 10px;
}

.inpre {
    position: absolute;
    bottom: 20px;
    right: 34px;
}

	@media screen and (max-width: 480px) {
		.inpre {
			position: absolute;
			bottom: 10px;
			right: 10px;
		}
	}


	@media screen and (min-width: 481px) and (max-width: 768px) {
		#bloglist .inpre {
			position: absolute;
			bottom: 15px;
			right: 15px;
		}
	}

	@media screen and (max-width: 480px) {
		#bloglist .inpre {
			position: absolute;
			bottom: 10px;
			right: 10px;
		}
	}

.inpre .inpbox {
    font-size: 18px;
    padding-top: 5px;

}

.inpre .inpbox img {
    width: 25px;
	margin-right: 6px;
}

/* /inpression */

/***** 202307 new header *****/

header {
    padding: 10px 0 15px;
    overflow: hidden;
    width: 100%;
    max-width: 945px;
    margin: 0 auto;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		header {
			padding: 80px 0 20px;
			position: relative;
		}
	}

	@media screen and (max-width: 480px) {
		header {
			padding: 0 0 5px;
		}
	}

	@media screen and (max-width: 360px) {
		header {
			padding: 15px 0 5px;
		}
	}

header .nav-unshown { display:none;}


header ul li {display: inline-block;}

	@media screen and (max-width: 600px) {
		header ul li {
			text-align: center;
			display: block;	
		}
	}	

header ul li:first-child {
    margin-left: 1%;
    padding-top: 1%;
    float: left;
    max-width: 200px;
}


	@media screen and (max-width: 940px){
		header ul li:first-child {
			max-width: 280px;
			margin-left: 15%;
			margin-top: 5%;
		}
	}

	@media screen and (max-width: 800px){
		header ul li:first-child {
			max-width: 100%;
			margin-left: 0;
			margin-top: 0;
			float: none;
			margin: 0;
			display: block;
			width: 100%;
			text-align: center;
			padding-top: 0;
			padding-bottom: 3%;
			-ms-flex-order: 1;
			-webkit-order: 1;
			order: 1;
		}
	}

	@media screen and (max-width: 600px) {
		header ul li:first-child {
			float: none;
			margin-left: 0;
			padding-top: 10px;
		}
	}

	@media screen and (max-width: 480px) {
		header ul li:first-child {
			padding-top: 80px;
		}
	}


header ul li:first-child img {
    width: 100%;
    max-width: 180px;
}

	@media screen and (max-width: 940px){
		header ul li:first-child img {
			width: 100%;
			max-width: 201px;
		}	
	}	

	@media screen and (max-width: 800px){
		header ul li:first-child img {
			max-width: 282px;
		}
	}	

	@media screen and (max-width: 375px){
		header ul li:first-child img {width: 65%;}
	}

header ul li:nth-child(2) {
	float: none;
	margin-top: 0;
	margin-left: 2.3%;
	max-width: 350px;
}

	@media screen and (max-width: 940px){
		header ul li:nth-child(2) {
			margin-top: 0;
			margin-left: 15.3%;
			margin-right: 0;
		}
	}

	@media screen and (max-width: 900px) {
		header ul li:nth-child(2) {
			float: none;
			margin-left: 13.3%;
			margin-right:0;
		}
	}

	@media screen and (max-width: 800px){
		header ul li:nth-child(2) {
			display: block;
			margin: 0 auto;
			max-width: 800px;
			padding-top: 0;
			-ms-flex-order: 5;
			-webkit-order: 5;
			order: 5;
		}
	}

	@media screen and (max-width: 600px) {
		header ul li:nth-child(2) {
			float: none;
			margin-left: 0;
			margin-right: 0;
			padding-top: 10px;
			width: 94%;
		}
	}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		header ul li:nth-child(2) {
		  margin-left: 11%;
			margin-top: 0;
			margin-right: 8%;	
		}
	}

	@media screen and (max-width: 800px){
		header ul li:nth-child(2) img {
			padding-left: 2px;
		}
	}

header ul li:nth-child(3) {
	float: none;
	margin-left: 2%;
	max-width: 360px;
}

	@media screen and (max-width: 940px){
		header ul li:nth-child(3) {margin-left: 52.3%;}
	}

	@media screen and (max-width: 800px){
		header ul li:nth-child(3) {
			display: block;
			margin: 0 auto;
			max-width: 800px;
			-ms-flex-order: 4;
			-webkit-order: 4;
			order: 4;
		}
	}	

	@media screen and (max-width: 600px){
		header ul li:nth-child(3) {width: 94%;}
	}

header ul li .linkbox {
	gap:0 3px;
	padding-top: 8px;
}

	@media screen and (max-width: 940px){
		header ul li .linkbox {
			padding-top: 0;
			margin: -50px 0 0 0;
		}
	}

	@media screen and (max-width: 800px){
		header ul li .linkbox {
			margin: 0;
		}
	}

header ul li .linkbox .pc {}

	@media screen and (max-width: 940px){
		header ul li .linkbox .pc {display: none;}
	}

header ul li .linkbox .sp {display: none;}

	@media screen and (max-width: 940px){
		header ul li .linkbox .sp {display: block;}
	}


header ul li .linkbox div {
}


header ul li:nth-child(4) {
	float: none;
	margin-left: 2.3%;
	max-width: 350px;
}
	@media screen and (max-width: 940px){
		header ul li:nth-child(4) {margin-left: 15.3%;}
	}

	@media screen and (max-width: 900px){
		header ul li:nth-child(4) {margin-left: 8.3%;}
	}

	@media screen and (max-width: 800px){
		header ul li:nth-child(4) {
			display: block;
			margin: 0;
			max-width: 800px;
			-ms-flex-order: 2;
			-webkit-order: 2;
			order: 2;
		}
	}

header ul li:nth-child(5) {
	float: none;
	margin-left: 1%;
	max-width: 350px;
}

	@media screen and (max-width: 940px){
		header ul li:nth-child(5) {margin-left: 53.5%;}
	}

	@media screen and (max-width: 900px){
		header ul li:nth-child(5) {margin-left: 8.5%;}
	}

	@media screen and (max-width: 800px){
		header ul li:nth-child(5) {
			display: block;
			margin: 0 auto 10px;
			max-width: 800px;
			text-align: center;
			width: 100%;
			-ms-flex-order: 3;
			-webkit-order: 3;
			order: 3;
			margin-left: 0%!important;
		}
	}

header ul li:last-child div:nth-child(2) {margin-top: 0;}

header ul li #tel {
  font-family: 'Lora', serif;
  font-size: 2.59em;
  margin-top: 10px;
}

	@media screen and (max-width: 600px) {
		header ul li #tel {display: none;}
	}

header ul li #tel a {
	color: #000;
	text-decoration: none;
	cursor: text;
}

	@media screen and (min-width: 481px) and (max-width: 768px) {
		header ul li #tel a {cursor: pointer;}
	}

header ul li #tel span {font-size: 24px;}

header ul li #sp-tel {display: none;}

	@media screen and (max-width: 800px){
		header ul {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}
	}

	@media screen and (max-width: 600px) {
		header ul li #sp-tel {
			width: 240px;
			margin: 10px auto 10px;
			background-color: #6e5a2d;
			display: block;
		}
	}

header ul li #time {
	font-size: 18px;
	vertical-align: bottom;
	padding-top: 7px;
}

	@media screen and (max-width: 600px) {
		header ul li #time {display: none;}
	}

header ul li #time span {
	font-size: 11px;
	font-weight: bold;
	display: inline-block;
	border: #000 1px solid;
	margin-right: 5px;
	padding: 3px 5px;
	vertical-align: bottom;
}

header ul li #time2 {
	font-size: 18px;
	vertical-align: bottom;
	padding-top: 3px;
}

	@media screen and (max-width: 600px) {
		header ul li #time2 {display: none;}
	}

header ul li #time2 span {
	font-size: 11px;
	font-weight: bold;
	display: inline-block;
	border: #000 1px solid;
	margin-right: 5px;
	padding: 3px 5px;
	vertical-align: bottom;
}

header ul li #area {margin: 5px 0 0 0;}

header ul li #area span {
    font-size: 14px;
    color: #fff;
    background-color: #847841;
    width: 60px;
    margin-right: 5px;
    padding: 5px 0;
    display: inline-block;
    text-align: center;
}

	@media screen and (max-width: 600px) {
		header ul li #area span:last-child {margin-right: 0;}
	}

	@media screen and (max-width: 800px){
		header ul {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}
	}

@media screen and (max-width: 800px){
	header ul li #tel,header ul li #time,header ul li #area {
		text-align: center;
	}	
}	

@media screen and (max-width: 800px){
  header ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}	


@media screen and (min-width: 801px){
	.credit-pc {display:block;}
	.credit-sp {display:none;}
}

@media screen and (max-width: 800px){
	.credit-pc {display:none;}
	.credit-sp {display:block;}
}

/***** /202307 new header *****/