@charset "UTF-8";
/*==================================================
reset
==================================================*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: 400;
	vertical-align: baseline;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

* {
	font-size: inherit;
	line-height: inherit;
}

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

span {
	line-height: inherit;
	font-size: inherit;
	text-decoration: inherit;
	vertical-align: inherit;
	font-weight: inherit;
}

body {
	-webkit-text-size-adjust: 100%;
}

ol,
ul {
	list-style: none;
}

img {
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}

em,
strong,
em *,
strong * {
	font-weight: bold;
}

/*--form初期化--*/
input[type=submit],
button {
	cursor: pointer;
}

button,
input[type=text],
input[type=image],
input[type=password],
input[type=file],
input[type=submit],
input[type=reset],
input[type=button],
input[type=email],
input[type=tel],
textarea {
	font-family: inherit;
}

::placeholder {
	opacity: 1;
}

::-ms-input-placeholder {
	opacity: 1;
}

:-ms-input-placeholder {
	opacity: 1;
}

a {
	transition: opacity 0.2s;
	text-decoration: none;
	border: none;
	color: inherit;
}
@media (hover: hover) and (pointer: fine) {
	a:hover {
		opacity: 0.7;
	}
}

table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
}

th {
	text-align: left;
}

@media screen and (min-width: 768px) {
	a[href*="tel:"] {
		pointer-events: none;
	}
}
@media screen and (max-width: 767px) {
	html,
	body,
	div,
	span,
	applet,
	object,
	iframe,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	blockquote,
	pre,
	a,
	abbr,
	acronym,
	address,
	big,
	cite,
	code,
	del,
	dfn,
	em,
	img,
	ins,
	kbd,
	q,
	s,
	samp,
	small,
	strike,
	strong,
	sub,
	sup,
	tt,
	var,
	b,
	u,
	i,
	center,
	dl,
	dt,
	dd,
	ol,
	ul,
	li,
	fieldset,
	form,
	label,
	legend,
	table,
	caption,
	tbody,
	tfoot,
	thead,
	tr,
	th,
	td,
	article,
	aside,
	canvas,
	details,
	embed,
	figure,
	figcaption,
	footer,
	header,
	hgroup,
	menu,
	nav,
	output,
	ruby,
	section,
	summary,
	time,
	mark,
	audio,
	video {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	button,
	input[type=text],
	input[type=image],
	input[type=password],
	input[type=file],
	input[type=submit],
	input[type=reset],
	input[type=button],
	input[type=email],
	input[type=tel] textarea {
		background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
		border-radius: 0;
		box-shadow: none;
		appearance: none;
	}
	textarea,
	input[type=email],
	input[type=text],
	input[type=image],
	input[type=password] {
		-webkit-appearance: none;
	}
}
/*==================================================
sp pc
==================================================*/
@media all and (min-width: 768px) {
	.sp-only {
		display: none !important;
	}
}

@media all and (max-width: 1023px) {
	.pc-only {
		display: none !important;
	}
}

@media all and (min-width: 1201px) {
	.sp-tb-only {
		display: none !important;
	}
}

@media all and (max-width: 767px) {
	.tb-only {
		display: none !important;
	}
}
@media all and (min-width: 1201px) {
	.tb-only {
		display: none !important;
	}
}

@media all and (max-width: 767px) {
	.tb-pc-only {
		display: none !important;
	}
}

/*==================================================
leyout 
==================================================*/
:root {
	/*size*/
	--site-width: 1680px;
	--site-padding: 40px;
	/*color*/
	--main-color: #df5b10;
	/*font*/
	--font-base: 1.4rem;
	--font-large: 1.8rem;
	--font-jp: "Zen Kaku Gothic New", sans-serif;
	--font-en: "Century Gothic",
		"Helvetica Neue",
		Helvetica,
		Arial,
		sans-serif;
	--base-line: 1.6;
}

@media all and (min-width: 768px) and (max-width: 1080px) {
	:root {
		/*size*/
		--site-padding: 20px;
		/*font*/
		--font-base: 1.3rem;
		--font-large: 1.6rem;
		--font-small: 1.1rem;
	}
}
@media all and (max-width: 767px) {
	:root {
		/*size*/
		--site-padding: 20px;
		/*font*/
		--font-base: 1.2rem;
		--font-large: 1.5rem;
		--font-small: 1em;
	}
}
/*--------------------------------------
html,body,wrapper
----------------------------------------*/
html {
	font-size: 62.5%;
}

html body {
	font-family: var(--font-jp);
	color: #040000;
	background: transparent;
}

/*==================================================
l-header
==================================================*/
.l-header {
	position: fixed;
	z-index: 10000;
	left: 0;
	right: 0;
	top: 0;
	max-width: 1330px;
	margin-inline: auto auto;
	padding-inline: var(--site-padding);
}
.l-header-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.l-header-logo {
	position: relative;
	z-index: 10000;
	display: block;
}
.l-header-logo a {
	display: block;
	width: 98px;
	height: 98px;
}
@media all and (max-width: 767px) {
	.l-header-logo a {
		width: 60px;
		height: 60px;
	}
}
.l-header-logo img {
	display: block;
	width: 100%;
	height: 100%;
}
.l-header-nav {
	border-radius: 40px;
	background: rgba(255, 255, 255, 0.88);
}
@media all and (max-width: 1023px) {
	.l-header-nav {
		transition: opacity 0.4s;
		pointer-events: none;
		opacity: 0;
		background: none;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100vh;
		background: #fff;
		border-radius: 0;
		color: var(--main-color);
		padding-top: 120px;
		text-align: center;
	}
}
@media all and (max-width: 767px) {
	.l-header-nav {
		padding-top: 60px;
	}
}
.l-header-nav.-show {
	opacity: 1;
	pointer-events: auto;
}
.l-header-nav ul {
	display: flex;
	gap: 25px;
	//padding-inline: 6px;
}
@media all and (max-width: 1023px) {
	.l-header-nav ul {
		display: grid;
		gap: 0px;
	}
}
.l-header-nav ul a {
	display: block;
	padding: 14px 24px;
	font-size: 1.8rem;
}
@media all and (max-width: 1023px) {
	.l-header-nav ul a {
		padding-block: 24px;
		font-size: 2.2rem;
	}
}
.archive .l-header-nav li:nth-child(4) a,
.single .l-header-nav li:nth-child(4) a {
	border-radius: 40px;
	background: var(--main-color);
	color: #fff;
}

.page-id-20 .l-header-nav li:nth-child(3) a {
	border-radius: 40px;
	background: var(--main-color);
	color: #fff;
}

.page-id-28 .l-header-nav li:nth-child(2) a {
	border-radius: 40px;
	background: var(--main-color);
	color: #fff;
}

.page-id-26 .l-header-nav li:nth-child(1) a {
	border-radius: 40px;
	background: var(--main-color);
	color: #fff;
}

.page-id-38 .l-header-nav li:nth-child(5) a {
	border-radius: 40px;
	background: var(--main-color);
	color: #fff;
}

/*==================================================
l-nav-switch
==================================================*/
.l-nav-switch {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 60px;
	height: 50px;
	margin: auto;
	outline: none;
	background: none;
	border: none;
	display: none;
}
@media all and (max-width: 1023px) {
	.l-nav-switch {
		display: block;
	}
}
.l-nav-switch__line {
	position: absolute;
	right: var(--site-padding);
	top: 10px;
	width: 40px;
	height: 0;
	margin: 0 auto;
	border-top: solid 2px var(--main-color);
	transition: all 0.4s;
}
@media all and (max-width: 767px) {
	.l-nav-switch__line {
		width: 30px;
	}
}
.l-nav-switch__line:nth-child(1) {
	top: calc(50% - 8px);
}
.l-nav-switch__line:nth-child(2) {
	top: 50%;
}
.l-nav-switch__line:nth-child(3) {
	top: calc(50% + 8px);
}
.l-nav-switch.-show .l-nav-switch__line:nth-child(1) {
	top: 50%;
	transform: rotate(-45deg);
}
.l-nav-switch.-show .l-nav-switch__line:nth-child(2) {
	display: none;
}
.l-nav-switch.-show .l-nav-switch__line:nth-child(3) {
	top: 50%;
	transform: rotate(45deg);
}

/*==================================================
l-main
==================================================*/
.l-main {
	line-height: var(--base-line);
	font-size: var(--font-base);
}
@media all and (max-width: 767px) {
	.l-main {
		overflow: hidden;
	}
}

/*==================================================
l-pagetop
==================================================*/
.l-pagetop {
	transition: opacity 0.4s;
	pointer-events: none;
	opacity: 0;
}
.l-pagetop.-fadein {
	pointer-events: auto;
	opacity: 1;
}

/*==================================================
l-footer
==================================================*/
.l-footer {
	font-size: 1.8rem;
	background: #efefef;
}
@media all and (max-width: 767px) {
	.l-footer {
		font-size: 1.6rem;
	}
}
.l-footer-row {
	padding-block: 100px 100px;
}
@media all and (max-width: 767px) {
	.l-footer-row {
		padding-block: 50px 50px;
	}
}
.l-footer-nav ul {
	display: flex;
	justify-content: center;
	gap: 50px;
}
@media all and (max-width: 767px) {
	.l-footer-nav ul {
		gap: 15px 0;
		flex-wrap: wrap;
		padding-inline: var(--site-padding);
	}
}
@media all and (max-width: 767px) {
	.l-footer-nav ul li {
		width: 30%;
		text-align: center;
		line-height: 1.2em;
	}
}
.l-footer-nav ul a {
	font-family: var(--font-en);
}
.l-footer-copy {
	display: grid;
	place-items: center;
	padding: 10px;
	background: #17152a;
	color: #fff;
	font-weight: 700;
}
@media all and (max-width: 767px) {
	.l-footer-copy {
		font-size: 1.2rem;
	}
}

/*==================================================
module
==================================================*/
/*--------------------
link
--------------------*/
/*--------------------
ttl 
--------------------*/
.c-title {
	display: grid;
	text-align: center;
	line-height: 1.3;
}
.c-title__en {
	font-weight: 700;
	font-size: 5.6rem;
	font-family: var(--font-en);
}
@media all and (max-width: 767px) {
	.c-title__en {
		font-size: 3.6rem;
	}
}
.c-title__jp {
	font-size: 2.2rem;
	font-weight: 700;
}
@media all and (max-width: 767px) {
	.c-title__jp {
		font-size: 1.8rem;
	}
}

/*--------------------
inner
--------------------*/
.c-inner {
	width: 100%;
	max-width: 1330px;
	margin: 0 auto;
	padding-inline: var(--site-padding);
}
@media all and (max-width: 767px) {
	.c-inner {
		width: 100%;
	}
}
.c-inner--pos {
	position: relative;
}
.c-inner--size-s {
	width: 100%;
	max-width: 1080px;
}

/*--------------------
box unit
--------------------*/
.c-pager {
	display: flex;
	justify-content: center;
	gap: 20px;
}
@media all and (max-width: 767px) {
	.c-pager {
		gap: 10px;
	}
}
.c-pager .page-numbers {
	display: grid;
	place-items: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #f5f5f5;
	font-size: 2rem;
}
@media all and (max-width: 767px) {
	.c-pager .page-numbers {
		width: 42px;
		height: 42px;
		font-size: 1.8rem;
	}
}
.c-pager .page-numbers.current {
	background: #231815;
	color: #fff;
}

.c-under-page {
	padding-block: 165px 120px;
}
@media all and (max-width: 1023px) {
	.c-under-page {
		padding-block: 140px 100px;
	}
}
@media all and (max-width: 767px) {
	.c-under-page {
		padding-block: 80px 80px;
	}
}

.c-button {
	transition: background 0.2s;
	display: grid;
	place-items: center;
	width: fit-content;
	height: 48px;
	padding-inline: 35px;
	border-radius: 24px;
	border: 2px solid #df5b10;
	font-size: 2rem;
	color: #df5b10;
	line-height: 1;
	font-family: var(--font-en);
}
@media (hover: hover) and (pointer: fine) {
	.c-button:hover {
		opacity: 1;
		background: #df5b10;
		color: #fff;
	}
}
.c-button--center {
	margin-inline: auto auto;
}
.js-fadebox {
	transition: opacity 0.6s, transform 0.6s;
	transform: translateY(40px);
	opacity: 0;
}
@media all and (max-width: 767px) {
	.js-fadebox {
		transform: translateY(20px);
	}
}

.js-fadebox.-show {
	transform: translateY(0px);
	opacity: 1;
}

/*==================================================

==================================================*/
.staff-pagelinks.staff-pagelinks--recruit {
	margin-bottom: 130px;
}
@media all and (max-width: 767px) {
	.staff-pagelinks.staff-pagelinks--recruit {
		margin-bottom: 60px;
	}
}

/*==================================================
link
==================================================*/
.kv {
	pointer-events: none;
	margin-bottom: 100px;
	height: 554px;
}
@media all and (max-width: 767px) {
	.kv {
		margin-bottom: 50px;
		height: 260px;
	}
}
.kv ul {
	display: flex;
	justify-content: center;
}
.kv .slick-slider img {
	width: 277px;
}
@media all and (max-width: 767px) {
	.kv .slick-slider img {
		width: 130px;
	}
}

/*==================================================
main-visual
==================================================*/
.main-visual {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin-bottom: 140px;
}
@media all and (max-width: 1023px) {
	.main-visual {
		grid-template-columns: 0.7fr 1fr;
		margin-bottom: 120px;
	}
}
@media all and (max-width: 767px) {
	.main-visual {
		grid-template-columns: 100%;
		gap: 30px;
		margin-bottom: 80px;
	}
}
.main-visual__img {
	position: relative;
	padding-bottom: 100px;
	align-self: start;
}
@media all and (max-width: 767px) {
	.main-visual__img {
		padding-bottom: 50px;
	}
}
.main-visual-message {
	position: absolute;
	right: -50px;
	bottom: 0;
	display: grid;
	place-items: center;
	place-content: center;
	gap: 5px;
	width: 500px;
	height: 228px;
	padding: 40px;
	background: rgba(4, 0, 0, 0.28);
	color: #fff;
	line-height: 1;
}
@media all and (max-width: 1023px) {
	.main-visual-message {
		width: 300px;
		height: 160px;
		padding: 20px;
	}
}
@media all and (max-width: 767px) {
	.main-visual-message {
		display: grid;
		place-content: center;
		bottom: 0px;
		right: 0;
		left: 0;
		margin: auto;
		width: calc(100% - 40px);
		height: 140px;
		padding: 20px;
		font-size: 3.2rem;
	}
}
.main-visual-message__text {
	font-family: var(--font-en);
	font-weight: 700;
	font-size: 5.3rem;
}
@media all and (max-width: 1023px) {
	.main-visual-message__text {
		font-size: 3.2rem;
	}
}
@media all and (max-width: 767px) {
	.main-visual-message__text {
		font-size: 3.2rem;
	}
}
.main-visual-message__text:last-child {
	padding-left: 1em;
}
.main-visual__body {
	padding-inline: 50px 30px;
}
@media all and (max-width: 767px) {
	.main-visual__body {
		padding: 0;
	}
}
.main-visual__title {
	position: relative;
	margin-bottom: 25px;
	padding-bottom: 20px;
	font-size: 3.2rem;
	line-height: 1.4;
	background: linear-gradient(to right, #eb5c01 0%, #eb5c01 50%, #fff 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	letter-spacing: 0.025em;
	font-weight: 700;
}
@media all and (max-width: 1023px) {
	.main-visual__title {
		font-size: 2.4rem;
	}
}
@media all and (max-width: 767px) {
	.main-visual__title {
		margin-bottom: 15px;
		font-size: 2.2rem;
	}
}
.main-visual__title:after {
	content: "";
	position: absolute;
	bottom: 0;
	width: calc(100% + 180px);
	display: block;
	margin-left: -180px;
	height: 5px;
	background: linear-gradient(to right, #eb5c01 0%, #eb5c01 50%, #fff 100%);
}
@media all and (max-width: 767px) {
	.main-visual__title:after {
		width: 100%;
		margin-left: 0;
		height: 3px;
	}
}
.main-visual__text {
	margin-bottom: 40px;
	padding-inline: 30px;
	font-size: 2rem;
}
@media all and (max-width: 1023px) {
	.main-visual__text {
		font-size: 1.6rem;
	}
}
@media all and (max-width: 767px) {
	.main-visual__text {
		margin-bottom: 30px;
		padding-inline: 5px;
		font-size: 1.5rem;
	}
}

/*==================================================
salon
==================================================*/
.salon {
	padding-block: 140px 0;
}
@media all and (max-width: 767px) {
	.salon {
		padding-block: 80px 0px;
	}
}
.salon-title-space {
	margin-bottom: 70px;
}
@media all and (max-width: 1023px) {
	.salon-title-space {
		margin-bottom: 50px;
	}
}
@media all and (max-width: 767px) {
	.salon-title-space {
		margin-bottom: 30px;
	}
}
.salon-message {
	position: absolute;
	right: -20px;
	top: -200px;
	opacity: 0.11;
	font-size: 12.5rem;
	font-family: var(--font-en);
	writing-mode: vertical-rl;
	white-space: nowrap;
}
@media all and (max-width: 1379px) {
	.salon-message {
		right: 0px;
	}
}
@media all and (max-width: 1023px) {
	.salon-message {
		font-size: 11rem;
		right: 0px;
	}
}
@media all and (max-width: 767px) {
	.salon-message {
		right: -30px;
		top: -110px;
		font-size: 6rem;
	}
}
.salon-message__text {
	display: block;
	line-height: 0.8;
	font-weight: 700;
	letter-spacing: -0.05em;
}
@media all and (max-width: 767px) {
	.salon-message__text {
		display: inline;
	}
}
.salon-message__text:nth-child(2) {
	padding-top: 1em;
}
@media all and (max-width: 767px) {
	.salon-message__text:nth-child(2) {
		padding-top: 0;
	}
}
.salon-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	max-width: 1000px;
	margin-inline: auto auto;
}
@media all and (max-width: 767px) {
	.salon-list {
		justify-content: center;
		grid-template-columns: 0.9fr;
	}
}
.salon-unit {
	position: relative;
	display: block;
}
.salon-unit__body {
	position: absolute;
	left: 0;
	top: 0;
	display: grid;
	place-items: center;
	place-content: center;
	width: 100%;
	height: 100%;
	color: #fff;
}
.salon-unit__company {
	width: fit-content;
	margin-bottom: 30px;
	padding: 0 5px;
	background: #fff;
	font-size: 1.4rem;
	font-family: var(--font-en);
	color: #040000;
}
@media all and (max-width: 767px) {
	.salon-unit__company {
		margin-bottom: 15px;
	}
}
.salon-unit__en {
	font-size: 2.6rem;
	font-family: var(--font-en);
}
@media all and (max-width: 767px) {
	.salon-unit__en {
		font-size: 2.2rem;
		line-height: 1.2;
		text-align: center;
	}
}
.salon-unit__jp {
	font-size: var(--font-large);
	font-weight: 400;
}
@media all and (max-width: 767px) {
	.salon-unit__jp {
		font-size: 1.6rem;
	}
}
/*==================================================
news
==================================================*/
.news {
	padding-block: 150px;
}
@media all and (max-width: 767px) {
	.news {
		padding-block: 80px 70px;
	}
}
.news-title-space {
	margin-bottom: 65px;
}
@media all and (max-width: 767px) {
	.news-title-space {
		margin-bottom: 40px;
	}
}
.news-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin-bottom: 70px;
	gap: 50px 10px;
}
@media all and (max-width: 767px) {
	.news-list {
		grid-template-columns: 0.9fr;
		gap: 30px;
		justify-content: center;
		margin-bottom: 35px;
	}
}
.news-unit {
	display: grid;
	gap: 10px;
}
.news-unit__thum {
	display: block;
	margin-bottom: 15px;
	width: 100%;
	aspect-ratio: 320/230;
	object-fit: cover;
}
.news-unit__time, .news-unit__cat, .news-unit__title {
	font-weight: 700;
}
.news-unit__time {
	width: fit-content;
	padding: 5px 10px;
	background: #f6d2c4;
}
.news-unit__cat {
	padding-left: 1em;
}
.news-unit__title {
	padding: 0 10px;
	font-size: var(--font-large);
}
@media all and (max-width: 767px) {
	.news-unit__title {
		font-size: 1.4rem;
	}
}

/*==================================================
top-staff
==================================================*/
.top-staff {
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin-bottom: 180px;
	padding: 140px 0 185px 0;
}
@media all and (max-width: 1023px) {
	.top-staff {
		grid-template-columns: 1fr;
	}
}
@media all and (max-width: 767px) {
	.top-staff {
		margin-bottom: 0;
		padding: 70px 0 80px 0;
	}
}
.top-staff-title-space {
	margin-bottom: 50px;
}
@media all and (max-width: 767px) {
	.top-staff-title-space {
		margin-bottom: 30px;
	}
}
.top-staff__bg {
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media all and (max-width: 1023px) {
	.top-staff__bg {
		filter: brightness(85%);
		object-position: 95% center;
	}
}
@media all and (max-width: 767px) {
	.top-staff__bg {
		filter: brightness(85%);
		object-position: 95% center;
	}
}
@media all and (max-width: 1023px) {
	.top-staff .c-title {
		color: #fff;
	}
	.top-staff .c-button {
		background: #fff;
	}
}
@media all and (max-width: 767px) {
	.top-staff__blank {
		display: none;
	}
}

/*==================================================
top-recruit
==================================================*/
.top-recruit {
	margin-bottom: 2px;
	padding-block: 80px;
	background: url("../img/recruit-bg.jpg") no-repeat center/cover;
}
@media all and (max-width: 767px) {
	.top-recruit {
		padding-block: 40px 40px;
	}
}
.top-recruit-title-space {
	margin-bottom: 40px;
}
@media all and (max-width: 767px) {
	.top-recruit-title-space {
		margin-bottom: 30px;
	}
}
.top-recruit-lead {
	margin-bottom: 50px;
	font-size: 2.4rem;
	font-weight: 700;
	text-align: center;
}
@media all and (max-width: 767px) {
	.top-recruit-lead {
		margin-bottom: 30px;
		font-size: 1.6rem;
		text-align: left;
	}
}
.top-recruit-unit {
	position: relative;
	max-width: 1000px;
	margin: 0 auto 60px auto;
}
@media all and (max-width: 767px) {
	.top-recruit-unit {
		margin-bottom: 30px;
	}
}
.top-recruit-unit__body {
	position: absolute;
	bottom: 30px;
	left: 30px;
	color: #fff;
}
@media all and (max-width: 767px) {
	.top-recruit-unit__body {
		left: 10px;
		bottom: 10px;
	}
}
.top-recruit-unit__en {
	margin: 0 0 -20px -110px;
}
@media all and (max-width: 1379px) {
	.top-recruit-unit__en {
		width: 300px;
		margin: 0 0 0 -40px;
	}
}
@media all and (max-width: 767px) {
	.top-recruit-unit__en {
		width: 120px;
		margin-bottom: -10px;
		margin-left: -20px;
	}
}
.top-recruit-unit__text {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.4;
}
@media all and (max-width: 767px) {
	.top-recruit-unit__text {
		font-size: 1.3rem;
	}
}
.top-recruit-button {
	transition: background 0.4s;
	display: grid;
	place-items: center;
	width: fit-content;
	height: 48px;
	margin-inline: auto auto;
	padding-inline: 35px;
	border-radius: 24px;
	border: 2px solid #df5b10;
	font-size: 2rem;
	color: #df5b10;
	line-height: 1;
	font-family: var(--font-en);
	border-color: #fff;
	background: #fff;
	color: #6ca969;
}
@media (hover: hover) and (pointer: fine) {
	.top-recruit-button:hover {
		opacity: 1;
		background: #6ca969;
		color: #fff;
	}
}

/*==================================================
archive
==================================================*/
.archive-title-space {
	margin-bottom: 85px;
}
@media all and (max-width: 1023px) {
	.archive-title-space {
		margin-bottom: 60px;
	}
}
@media all and (max-width: 767px) {
	.archive-title-space {
		margin-bottom: 40px;
	}
}

.archive-list-space {
	margin-bottom: 120px;
}
@media all and (max-width: 1023px) {
	.archive-list-space {
		margin-bottom: 60px;
	}
}
@media all and (max-width: 767px) {
	.archive-list-space {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px 15px;
		margin-bottom: 60px;
	}
}

/*==================================================
salon-detail
==================================================*/
.salon-detail-main {
	max-width: 1244px;
	margin: 0 auto 100px auto;
}
@media all and (max-width: 1023px) {
	.salon-detail-main {
		margin-bottom: 80px;
	}
}
@media all and (max-width: 1023px) {
	.salon-detail-main img {
		aspect-ratio: 4/2;
		object-fit: cover;
	}
}
@media all and (max-width: 767px) {
	.salon-detail-main img {
		aspect-ratio: 3/2;
		object-fit: cover;
	}
}
.salon-detail-title {
	display: grid;
	margin-bottom: 40px;
	text-align: center;
}
@media all and (max-width: 1023px) {
	.salon-detail-title {
		margin-bottom: 20px;
	}
}
.salon-detail-title__ico {
	display: grid;
	place-items: center;
	width: fit-content;
	margin: 0 auto 35px auto;
	padding: 0px 10px;
	background: #040000;
	color: #fff;
	font-size: 1.7rem;
	font-family: var(--font-en);
}
@media all and (max-width: 1023px) {
	.salon-detail-title__ico {
		margin-bottom: 20px;
	}
}
@media all and (max-width: 767px) {
	.salon-detail-title__ico {
		font-size: 1.4rem;
	}
}
.salon-detail-title__en {
	font-family: var(--font-en);
	font-size: 3.2rem;
	line-height: 1.5;
}
@media all and (max-width: 767px) {
	.salon-detail-title__en {
		font-size: 2.8rem;
	}
}
.salon-detail-title__jp {
	font-size: 2.3rem;
}
@media all and (max-width: 767px) {
	.salon-detail-title__jp {
		font-size: var(--font-large);
	}
}
.salon-detail-shop {
	position: relative;
	z-index: 2;
	max-width: 672px;
	margin: 0 auto;
}
.salon-detail-list {
	position: relative;
	top: -35px;
	display: flex;
	gap: 10px;
	margin-bottom: 30px;
	justify-content: center;
}
@media all and (max-width: 767px) {
	.salon-detail-list {
		top: -20px;
		gap: 5px;
		padding: 0 10px;
	}
}
.salon-detail-message {
	position: relative;
	max-width: 668px;
	margin: 0 auto 80px auto;
	padding: 45px 50px 40px 50px;
	border: 2px solid #17152a;
	border-radius: 12px;
}
@media all and (max-width: 1023px) {
	.salon-detail-message {
		margin-bottom: 60px;
	}
}
@media all and (max-width: 767px) {
	.salon-detail-message {
		margin-bottom: 20px;
		padding: 25px;
	}
}
.salon-detail-message__header {
	position: absolute;
	left: 0;
	right: 0;
	top: -65px;
	width: fit-content;
	margin: auto;
	padding: 0 20px;
	background: #fff;
}
@media all and (max-width: 767px) {
	.salon-detail-message__header {
		top: -40px;
	}
}
.salon-detail-message__title {
	font-size: 6.7rem;
	text-align: center;
	opacity: 0.11;
	font-weight: 700;
	font-family: var(--font-en);
}
@media all and (max-width: 767px) {
	.salon-detail-message__title {
		font-size: 4.2rem;
	}
}
.salon-detail-message__text {
	font-size: var(--font-large);
	font-weight: 700;
	line-height: 1.4444444444;
}
.salon-detail-row {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin-bottom: 125px;
}
@media all and (max-width: 1023px) {
	.salon-detail-row {
		margin-bottom: 100px;
	}
}
@media all and (max-width: 767px) {
	.salon-detail-row {
		grid-template-columns: 1fr;
		gap: 20px;
		margin-bottom: 60px;
	}
}
.salon-detail-row__col:nth-child(2) {
	padding: 20px 0 0 35px;
}
@media all and (max-width: 1023px) {
	.salon-detail-row__col:nth-child(2) {
		padding-top: 0;
	}
}
@media all and (max-width: 767px) {
	.salon-detail-row__col:nth-child(2) {
		order: -1;
		padding-left: 0;
	}
}
.salon-detail-map {
	width: min(100%, 625px);
	height: 410px;
}
@media all and (max-width: 767px) {
	.salon-detail-map {
		height: 300px;
	}
}
.salon-detail-name {
	margin-bottom: 5px;
	font-weight: 700;
	font-size: var(--font-large);
}
.salon-detail-data tr {
	background: transparent !important;
}
.salon-detail-data th,
.salon-detail-data td {
	padding-bottom: 5px;
	font-size: var(--font-large);
	font-weight: 700;
	background: transparent !important;
	border: none;
}
.salon-detail-data th {
	width: 120px;
}
.salon-detail-contact {
	position: relative;
	max-width: 668px;
	margin: 0 auto 210px auto;
	padding: 75px 50px 70px 50px;
	border: 2px solid var(--main-color);
	border-radius: 12px;
}
@media all and (max-width: 1023px) {
	.salon-detail-contact {
		margin-bottom: 120px;
		padding: 50px 35px;
	}
}
@media all and (max-width: 767px) {
	.salon-detail-contact {
		margin-bottom: 60px;
		padding: 40px 35px;
	}
}
.salon-detail-contact__header {
	position: absolute;
	left: 0;
	right: 0;
	top: -65px;
	width: fit-content;
	margin: auto;
	padding: 0 20px;
	background: #fff;
}
@media all and (max-width: 767px) {
	.salon-detail-contact__header {
		top: -40px;
	}
}
.salon-detail-contact__title {
	font-size: 6.7rem;
	text-align: center;
	font-weight: 700;
	color: #f6d2c4;
	font-family: var(--font-en);
}
@media all and (max-width: 767px) {
	.salon-detail-contact__title {
		font-size: 4.2rem;
	}
}
.salon-detail-contact__row {
	display: grid;
	grid-template-columns: auto auto;
	justify-content: center;
	gap: 60px;
}
@media all and (max-width: 1023px) {
	.salon-detail-contact__row {
		gap: 40px;
	}
}
@media all and (max-width: 767px) {
	.salon-detail-contact__row {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}
.salon-detail-contact__data {
	display: grid;
	place-content: center;
	place-items: center;
	gap: 25px 0;
}
@media all and (max-width: 767px) {
	.salon-detail-contact__data {
		gap: 10px;
	}
}
.salon-detail-contact__data dt {
	font-weight: 700;
	font-size: var(--font-large);
	color: var(--main-color);
}
.salon-detail-contact__button {
	display: grid;
	place-items: center;
	width: 207px;
	height: 48px;
	border: 1px solid var(--main-color);
	font-size: var(--font-large);
	border-radius: 40px;
	line-height: 1;
	font-weight: 700;
}
.salon-detail-contact__button--reserve {
	background: var(--main-color);
	color: #fff;
}
.salon-detail-contact__button--tel {
	color: var(--main-color);
}

/*==================================================
policy
==================================================*/
.policy-title-space {
	margin-bottom: 80px;
}
@media all and (max-width: 1023px) {
	.policy-title-space {
		margin-bottom: 60px;
	}
}
@media all and (max-width: 767px) {
	.policy-title-space {
		margin-bottom: 40px;
	}
}
.policy-inner {
	max-width: 800px;
	margin-inline: auto auto;
	padding-inline: var(--site-padding);
}
.policy-inner p,
.policy-inner dt,
.policy-inner dd {
	font-weight: 700;
	font-size: var(--font-large);
	line-height: 1.8888888889;
}
.policy-lead {
	margin-bottom: 70px;
}
@media all and (max-width: 1023px) {
	.policy-lead {
		margin-bottom: 50px;
	}
}
@media all and (max-width: 767px) {
	.policy-lead {
		margin-bottom: 35px;
	}
}
.policy-title {
	font-weight: 700;
	font-size: var(--font-large);
}
.policy-block {
	display: grid;
	gap: 35px;
	margin-bottom: 100px;
}
@media all and (max-width: 1023px) {
	.policy-block {
		margin-bottom: 70px;
	}
}
@media all and (max-width: 767px) {
	.policy-block {
		gap: 20px;
		margin-bottom: 40px;
	}
}

/*==================================================
staff
==================================================*/
#wakabayashi,
#nakane,
#yatsuhashi #este {
	margin-top: -100px;
	padding-top: 100px;
}
@media all and (max-width: 767px) {
	#wakabayashi,
	#nakane,
	#yatsuhashi #este {
		margin-top: -70px;
		padding-top: 70px;
	}
}

.staff-pagelinks {
	margin-bottom: 70px;
}
@media all and (max-width: 767px) {
	.staff-pagelinks {
		margin-bottom: 35px;
	}
}
.staff-pagelinks ul {
	display: flex;
	justify-content: center;
	gap: 10px;
}
@media all and (max-width: 767px) {
	.staff-pagelinks ul {
		flex-wrap: wrap;
	}
	.staff-pagelinks ul li {
		width: 30%;
		text-align: center;
		line-height: 1.6;
	}
}
.staff-pagelinks a {
	display: grid;
	place-items: center;
	height: 40px;
	padding-inline: 10px 10px;
	background: #73737f;
	color: #fff;
	border-radius: 20px;
	line-height: 1;
	font-weight: 700;
}
@media all and (max-width: 767px) {
	.staff-pagelinks a {
		line-height: 1.2;
	}
}
.staff-title {
	display: grid;
	place-content: center;
	place-items: center;
	margin-bottom: 65px;
	text-align: center;
}
@media all and (max-width: 1023px) {
	.staff-title {
		margin-bottom: 20px;
	}
}
.staff-title__ico {
	display: grid;
	place-items: center;
	place-content: center;
	width: fit-content;
	margin-bottom: 5px;
	padding: 0px 10px;
	background: #040000;
	color: #fff;
	font-size: 1.4rem;
	font-family: var(--font-en);
}
@media all and (max-width: 1023px) {
	.staff-title__ico {
		margin-bottom: 20px;
	}
}
@media all and (max-width: 767px) {
	.staff-title__ico {
		font-size: 1.4rem;
	}
}
.staff-title__en {
	font-family: var(--font-en);
	font-size: 2.6rem;
	line-height: 1.4;
}
@media all and (max-width: 767px) {
	.staff-title__en {
		font-size: 2.8rem;
	}
}
.staff-title__jp {
	font-size: var(--font-large);
}
@media all and (max-width: 767px) {
	.staff-title__jp {
		font-size: var(--font-large);
	}
}
.staff-section {
	margin-bottom: 180px;
}
@media all and (max-width: 1023px) {
	.staff-section {
		margin-bottom: 90px;
	}
}
@media all and (max-width: 767px) {
	.staff-section {
		margin-bottom: 70px;
	}
}
.staff-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px 30px;
	max-width: 1145px;
	margin-inline: auto auto;
}
@media all and (max-width: 1023px) {
	.staff-list {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media all and (max-width: 767px) {
	.staff-list {
		gap: 30px 15px;
	}
}
.staff-unit {
	position: relative;
	padding-top: 400px;
}
@media all and (max-width: 767px) {
	.staff-unit {
		padding-top: 40vw;
	}
}
.staff-unit__contents {
	position: relative;
	z-index: 2;
	padding-inline: 10px 10px;
}
@media all and (max-width: 767px) {
	.staff-unit__contents {
		padding-inline: 5px 5px;
	}
}
.staff-unit__img {
	position: absolute;
	left: 0;
	top: 0;
}
.staff-unit__header {
	display: grid;
	grid-template-columns: 70px auto 26px;
	align-items: end;
	justify-content: start;
	gap: 5px 10px;
	margin-bottom: 10px;
}
@media all and (max-width: 767px) {
	.staff-unit__header {
		grid-template-columns: 1fr 30px;
	}
}
.staff-unit__header--este {
	grid-template-columns: 90px auto 26px;
}
.staff-unit__shop {
	padding: 0 5px;
	border: 1px solid #231815;
	font-size: var(--font-large);
	text-align: center;
}
@media all and (max-width: 767px) {
	.staff-unit__shop {
		grid-row: 1/2;
		grid-column: 1/2;
		width: fit-content;
		font-size: 1.2rem;
	}
}
@media all and (max-width: 767px) {
	.staff-unit__title {
		grid-row: 2/3;
		grid-column: 1/3;
	}
}
.staff-unit__job {
	display: block;
	font-size: 1.6rem;
	line-height: 1.2;
}
@media all and (max-width: 767px) {
	.staff-unit__job {
		font-size: 1.4rem;
	}
}
.staff-unit__name {
	font-size: 2.6rem;
	line-height: 1.1;
}
@media all and (max-width: 767px) {
	.staff-unit__name {
		font-size: 2rem;
	}
}
.staff-unit__data {
	margin-bottom: 10px;
}
@media all and (max-width: 767px) {
	.staff-unit__data {
		display: grid;
		gap: 5px;
		margin-bottom: 5px;
	}
}
.staff-unit__data dl {
	display: grid;
	grid-template-columns: 5em 1fr;
	gap: 1em;
}
@media all and (max-width: 767px) {
	.staff-unit__data dl {
		grid-template-columns: 1fr;
		gap: 0px;
	}
}
@media all and (max-width: 767px) {
	.staff-unit__data dl dt {
		font-weight: 600;
	}
}
.staff-unit__text {
	font-size: var(--font-large);
}
@media all and (max-width: 767px) {
	.staff-unit__text {
		font-size: 1.3rem;
	}
}
@media all and (max-width: 767px) {
	.staff-unit__ig {
		width: 20px;
	}
}

/*==================================================
menu
==================================================*/
.menu-section {
	max-width: 738px;
	margin-inline: auto auto;
	margin-bottom: 30px;
}
.menu-box {
	display: none;
	padding-top: 30px;
}
@media all and (max-width: 767px) {
	.menu-box {
		padding-top: 15px;
	}
}
.menu-title {
	cursor: pointer;
	position: relative;
	border-bottom: 4px solid;
	font-family: var(--font-en);
	font-weight: 700;
	font-size: 4rem;
}
@media all and (max-width: 767px) {
	.menu-title {
		padding: 10px 30px 10px 0;
		border-width: 3px;
		font-size: 2.6rem;
		line-height: 1.4;
	}
}
.menu-title:before, .menu-title:after {
	content: "";
	display: block;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
}
.menu-title:after {
	right: 17px;
	width: 0;
	height: 37px;
	border-left: 2px solid;
}
@media all and (max-width: 767px) {
	.menu-title:after {
		right: 14px;
		height: 30px;
	}
}
.menu-title:before {
	right: 0;
	bottom: 0;
	width: 37px;
	height: 0;
	border-top: 2px solid;
}
@media all and (max-width: 767px) {
	.menu-title:before {
		width: 30px;
	}
}
.menu-title.show:after {
	content: none;
}
.menu-title--jp {
	font-size: 3.3rem;
}
@media all and (max-width: 767px) {
	.menu-title--jp {
		font-size: 2rem;
	}
}
.menu-title--color-01 {
	color: #3e7abe;
}
.menu-title--color-02 {
	color: #9bbe31;
}
.menu-title--color-03 {
	color: #d48166;
}
.menu-coupon {
	cursor: pointer;
	position: fixed;
	width: 600px;
	height: 159px;
	transition: transform 0.4s;
	transform: translateX(460px);
	top: 200px;
	right: 0;
	margin-left: auto;
	z-index: 999;
}
@media all and (max-width: 767px) {
	.menu-coupon {
		top: 100px;
		width: 320px;
		transform: translateX(245px);
		height: auto;
	}
}
.menu-coupon.show {
	transform: translateX(0px);
}
.menu-unit {
	display: grid;
	grid-template-columns: 1fr 200px;
	padding: 25px 0;
	border-bottom: 1px solid #f2f2f2;
}
@media all and (max-width: 767px) {
	.menu-unit {
		padding: 15px 0;
		gap: 0 10px;
		grid-template-columns: 1fr 10em;
	}
}
.menu-unit:last-child {
	border: none;
}
.menu-unit__title, .menu-unit__price {
	font-weight: 700;
	font-size: var(--font-large);
}
.menu-unit__title {
	line-height: 1.5;
}
.menu-unit__price {
	text-align: right;
}
.menu-unit__small {
	display: block;
	font-size: 1.4rem;
	font-weight: 700;
}
@media all and (max-width: 767px) {
	.menu-unit__small {
		font-size: 1.2rem;
	}
}
.menu-unit__small--inline {
	display: inline;
}
.menu-unit__bracket {
	display: block;
	font-size: 1.6rem;
}
@media all and (max-width: 767px) {
	.menu-unit__bracket {
		font-size: 1.3rem;
	}
}
.menu-unit__bracket--inline {
	display: inline;
}
.menu-unit--no-border {
	padding: 0;
	border: none;
}
.menu-border .menu-unit:last-child {
	border-bottom: 1px solid #f2f2f2;
}
.menu-block {
	margin-bottom: 40px;
}
.menu-group {
	padding: 25px 0;
	border-bottom: 1px solid #f2f2f2;
}
@media all and (max-width: 767px) {
	.menu-group {
		padding: 15px 0;
	}
}
.menu-notice {
	width: fit-content;
	margin-left: auto;
	margin-top: 20px;
	font-size: 1.4rem;
}
@media all and (max-width: 767px) {
	.menu-notice {
		font-size: 1.2rem;
	}
}
.menu-notice li {
	padding-left: 1em;
	text-indent: -1em;
	font-weight: 700;
}
.menu-subtitle {
	margin-bottom: 5px;
	font-size: 3.3rem;
	font-weight: 700;
	color: #d48166;
}
@media all and (max-width: 767px) {
	.menu-subtitle {
		font-size: 2rem;
	}
}
.menu-lead {
	margin-bottom: 20px;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 2;
}
@media all and (max-width: 767px) {
	.menu-lead {
		font-size: 1.3rem;
	}
}
.menu-service {
	position: relative;
	max-width: 668px;
	margin: 100px auto 0 auto;
	padding: 45px 50px 40px 50px;
	border: 2px solid #17152a;
	border-radius: 12px;
}
@media all and (max-width: 767px) {
	.menu-service {
		margin-top: 40px;
		padding: 25px;
	}
}
.menu-service__header {
	position: absolute;
	left: 0;
	right: 0;
	top: -65px;
	width: fit-content;
	margin: auto;
	padding: 0 20px;
	background: #fff;
}
@media all and (max-width: 767px) {
	.menu-service__header {
		top: -40px;
	}
}
.menu-service__title {
	font-size: 6.7rem;
	text-align: center;
	opacity: 0.11;
	font-weight: 700;
	font-family: var(--font-en);
}
@media all and (max-width: 767px) {
	.menu-service__title {
		font-size: 4.2rem;
	}
}
.menu-service__list li {
	padding-left: 1em;
	text-indent: -1em;
	font-size: var(--font-large);
	font-weight: 700;
	line-height: 1.4444444444;
}
.menu-service__list li {
	margin-bottom: 1.5em;
}

/*==================================================
detail
==================================================*/
.detail-row {
	display: grid;
	grid-template-columns: 1fr 250px;
}
@media all and (max-width: 767px) {
	.detail-row {
		grid-template-columns: 1fr;
	}
}
.detail-blog {
	font-weight: 700;
	text-align: center;
	line-height: 1;
}
.detail-title {
	margin-bottom: 70px;
	font-size: 3.2rem;
	line-height: 1.5;
	font-weight: 700;
	text-align: center;
}
.detail-body p {
	margin-bottom: 0.8em;
}
.detail-body * {
	font-weight: 700;
	font-size: 1.8rem;
}
.detail-sidebar {
	align-self: start;
	padding: 20px 15px;
	border-radius: 10px;
	background: #f5f5f5;
}
.detail-sidebar__title {
	position: relative;
	padding-bottom: 5px;
	font-weight: 700;
	font-size: var(--font-large);
	margin-bottom: 10px;
}
.detail-sidebar__title:before {
	content: "";
	position: absolute;
	left: -30px;
	bottom: 0;
	display: block;
	width: 100%;
	height: 2px;
	background: linear-gradient(to right, #eb5c01 0%, #eb5c01 50%, #fff 100%);
}
.detail-sidebar__list {
	display: grid;
	gap: 5px;
	margin-bottom: 20px;
}
.detail-sidebar__list a {
	font-weight: 700;
	font-size: var(--font-large);
	font-size: 1.6rem;
}

/*==================================================
recruit
==================================================*/
#section01,
#section02,
#section03,
#section04,
#section05 {
	margin-top: -100px;
	padding-top: 100px;
}
@media all and (max-width: 767px) {
	#section01,
	#section02,
	#section03,
	#section04,
	#section05 {
		margin-top: -70px;
		padding-top: 70px;
	}
}

.recruit-title-space {
	margin-bottom: 45px;
}
.recruit-title {
	width: fit-content;
	margin: 0 auto 70px auto;
	color: var(--main-color);
	font-weight: 700;
	font-size: 4.2rem;
	text-align: center;
}
@media all and (max-width: 767px) {
	.recruit-title {
		margin-bottom: 20px;
		font-size: 2.6rem;
	}
}
.recruit-title:after {
	content: "";
	display: block;
	width: 180px;
	height: 5px;
	margin: 20px auto 0 auto;
	background: linear-gradient(to right, #eb5c01 0%, #eb5c01 50%, #fff 100%);
}
@media all and (max-width: 767px) {
	.recruit-title:after {
		width: 160px;
	}
}
.recruit-title--summary, .recruit-title--education {
	margin-bottom: 45px;
}
@media all and (max-width: 767px) {
	.recruit-title--summary, .recruit-title--education {
		margin-bottom: 30px;
	}
}
.recruit-title--person {
	margin-bottom: 50px;
}
@media all and (max-width: 767px) {
	.recruit-title--person {
		margin-bottom: 30px;
	}
}
.recruit-title--step {
	margin-bottom: 60px;
}
@media all and (max-width: 767px) {
	.recruit-title--step {
		margin-bottom: 30px;
	}
}
.recruit-subtitle {
	display: grid;
	place-items: center;
	width: fit-content;
	height: 60px;
	margin: 0 auto 40px auto;
	padding: 0 40px;
	font-size: 2.6rem;
	font-weight: 700;
	margin-bottom: 40px;
	border: 2px solid #000;
}
@media all and (max-width: 767px) {
	.recruit-subtitle {
		height: 50px;
		margin-bottom: 20px;
		padding-inline: 20px 20px;
		font-size: 1.8rem;
	}
}
.recruit-subtitle--day {
	margin-bottom: 80px;
}
@media all and (max-width: 767px) {
	.recruit-subtitle--day {
		margin-bottom: 20px;
	}
}
.recruit-subtitle--facility {
	margin-bottom: 60px;
}
@media all and (max-width: 767px) {
	.recruit-subtitle--facility {
		margin-bottom: 30px;
	}
}
.recruit-subtitle--lesson {
	margin-bottom: 60px;
}
@media all and (max-width: 767px) {
	.recruit-subtitle--lesson {
		margin-bottom: 30px;
	}
}
.recruit-subtitle--step {
	margin-bottom: 30px;
}
.recruit-lead {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	min-height: 496px;
	margin-bottom: 180px;
}
@media all and (max-width: 767px) {
	.recruit-lead {
		grid-template-columns: 1fr;
		gap: 40px;
		margin-bottom: 60px;
	}
}
.recruit-lead-bg {
	background: url("../img/recruit/main-visual_v2.jpg") no-repeat right center;
}
@media all and (max-width: 767px) {
	.recruit-lead-bg {
		height: 300px;
		background-size: cover;
	}
}
.recruit-lead-body {
	max-width: 480px;
	padding-left: 40px;
}
@media all and (max-width: 767px) {
	.recruit-lead-body {
		padding: 0 20px;
	}
}
.recruit-lead-title {
	margin-bottom: 35px;
	line-height: 1.3;
}
@media all and (max-width: 767px) {
	.recruit-lead-title {
		margin-bottom: 15px;
	}
}
.recruit-lead-title__01, .recruit-lead-title__02 {
	display: block;
	//font-weight: 700;
}
.recruit-lead-title__01 {
	font-size: 2.6rem;
}
@media all and (max-width: 767px) {
	.recruit-lead-title__01 {
		font-size: 2rem;
	}
}
.recruit-lead-title__02 {
	position: relative;
	font-size: 4.2rem;
	color: var(--main-color);
}
@media all and (max-width: 767px) {
	.recruit-lead-title__02 {
		font-size: 3.2rem;
		line-height: 1.2;
	}
}
.recruit-lead-title__02:after {
	content: "";
	display: block;
	width: 100%;
	height: 5px;
	margin: 30px auto 0 auto;
	background: linear-gradient(to right, #eb5c01 0%, #eb5c01 50%, #fff 100%);
}
@media all and (max-width: 767px) {
	.recruit-lead-title__02:after {
		margin-top: 10px;
	}
}
.recruit-lead-text {
	font-size: var(--font-large);
	line-height: 1.7222222222;
	//font-weight: 700;
}
.recruit-staff {
	max-width: 937px;
	margin: 0 auto 150px auto;
}
@media all and (max-width: 767px) {
	.recruit-staff {
		margin-bottom: 70px;
	}
}
.recruit-staff-row {
	display: grid;
	grid-template-columns: 205px 1fr;
	margin-bottom: 40px;
}
@media all and (max-width: 767px) {
	.recruit-staff-row {
		margin-bottom: 20px;
		grid-template-columns: 80px 1fr;
	}
}
.recruit-staff-body {
	padding-top: 40px;
}
@media all and (max-width: 767px) {
	.recruit-staff-body {
		padding-top: 0px;
	}
}
.recruit-staff-name {
	margin-bottom: 20px;
	padding-bottom: 20px;
	padding-left: 35px;
	border-bottom: 4px solid #dbdddc;
	font-size: 2.2rem;
}
@media all and (max-width: 767px) {
	.recruit-staff-name {
		margin-bottom: 10px;
		padding-left: 20px;
		padding-bottom: 5px;
	}
}
.recruit-staff-data {
	padding-left: 35px;
}
@media all and (max-width: 767px) {
	.recruit-staff-data {
		padding-left: 20px;
	}
}
.recruit-staff-data dt,
.recruit-staff-data dd {
	padding: 10px 0 10px 40px;
}
@media all and (max-width: 767px) {
	.recruit-staff-data dt,
	.recruit-staff-data dd {
		padding: 5px 0 5px 30px;
	}
}
.recruit-staff-data dt {
	background: url("../img/recruit/ico-q.svg") no-repeat left center/28px auto;
	font-size: var(--font-large);
}
@media all and (max-width: 767px) {
	.recruit-staff-data dt {
		background-size: 20px auto;
	}
}
.recruit-staff-data dd {
	background: url("../img/recruit/ico-a.svg") no-repeat left 10px/28px auto;
	font-size: 1.6rem;
	line-height: 1.75;
}
@media all and (max-width: 767px) {
	.recruit-staff-data dd {
		background-position: left 5px;
		background-size: 20px auto;
	}
}
@media all and (max-width: 767px) and (max-width: 767px) {
	.recruit-staff-data dd {
		font-size: 1.4rem;
	}
}
.recruit-education-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
	margin-bottom: 85px;
}
@media all and (max-width: 1023px) {
	.recruit-education-list {
		grid-template-columns: 1fr;
	}
}
@media all and (max-width: 767px) {
	.recruit-education-list {
		grid-template-columns: 1fr;
		margin-bottom: 60px;
	}
}
.recruit-education-unit {
	height: 100%;
	background: #f8dacc;
}
@media all and (max-width: 767px) {
	.recruit-education-unit {
		height: auto;
	}
}
.recruit-education-unit__title {
	padding: 10px 20px;
	background: var(--main-color);
	color: #fff;
	text-align: center;
	font-size: 2.2rem;
	font-weight: 700;
}
@media all and (max-width: 767px) {
	.recruit-education-unit__title {
		padding: 10px;
		line-height: 1.4;
		font-size: 1.8rem;
	}
}
.recruit-education-unit__body {
	padding: 20px 20px 30px 20px;
}
.recruit-education-unit__list {
	display: grid;
	gap: 5px;
}
.recruit-education-unit__list li {
	position: relative;
	padding-left: 30px;
	font-size: 2rem;
	font-weight: 700;
}
@media all and (max-width: 767px) {
	.recruit-education-unit__list li {
		padding-left: 20px;
		font-size: 1.4rem;
	}
}
.recruit-education-unit__list li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	display: block;
	width: 21px;
	height: 21px;
	background: var(--main-color);
	border-radius: 50%;
}
@media all and (max-width: 767px) {
	.recruit-education-unit__list li:before {
		top: 5px;
		width: 14px;
		height: 14px;
	}
}
.recruit-lesson-list {
	display: flex;
	justify-content: center;
	gap: 30px;
	margin-bottom: 140px;
}
@media all and (max-width: 1023px) {
	.recruit-lesson-list {
		display: grid;
	}
}
@media all and (max-width: 767px) {
	.recruit-lesson-list {
		display: grid;
		margin-bottom: 80px;
	}
}
.recruit-lesson-list li {
	text-decoration: underline;
	text-underline-offset: 20px;
	font-weight: 700;
	font-size: 2rem;
}
.recruit-treatment {
	margin-bottom: 130px;
}
@media all and (max-width: 767px) {
	.recruit-treatment {
		margin-bottom: 60px;
	}
}
.recruit-treatment-table {
	max-width: 640px;
	margin: 0 auto 40px auto;
}
@media all and (max-width: 767px) {
	.recruit-treatment-table {
		margin-bottom: 30px;
	}
}
.recruit-treatment-table tr {
	background: none !important;
}
.recruit-treatment-table th,
.recruit-treatment-table td {
	padding: 5px 20px 5px 20px;
	font-weight: 700;
	border: none !important;
	border-bottom: 1px solid #231815 !important;
	font-size: 2rem;
	background: transparent !important;
}
@media all and (max-width: 767px) {
	.recruit-treatment-table th,
	.recruit-treatment-table td {
		padding: 5px;
		font-size: 1.5rem;
	}
}
.recruit-day {
	max-width: 980px;
	margin: 0 auto 140px auto;
}
@media all and (max-width: 767px) {
	.recruit-day {
		margin-bottom: 80px;
	}
}
.recruit-day-row {
	display: grid;
	grid-template-columns: 1fr 3fr;
}
@media all and (max-width: 767px) {
	.recruit-day-row {
		grid-template-columns: 1fr;
		gap: 40px;
	}
}
.recruit-day-list {
	display: grid;
	place-content: start;
	gap: 30px;
}
@media all and (max-width: 767px) {
	.recruit-day-list {
		order: 1;
		place-content: center;
	}
}
.recruit-day-body {
	padding-left: 60px;
}
@media all and (max-width: 767px) {
	.recruit-day-body {
		padding: 0;
	}
}
.recruit-day-unit {
	position: relative;
	display: grid;
	align-items: center;
	grid-template-columns: 130px 100px 1fr;
	padding: 20px 0;
	line-height: 1.4;
}
@media all and (max-width: 767px) {
	.recruit-day-unit {
		grid-template-columns: 80px 80px 1fr;
	}
}
.recruit-day-unit:before {
	content: "";
	position: absolute;
	left: 22px;
	top: 0;
	height: 100%;
	width: 2px;
	background: #f6d2c4;
}
@media all and (max-width: 767px) {
	.recruit-day-unit:before {
		left: 20px;
		top: 5px;
	}
}
@media all and (max-width: 767px) {
	.recruit-day-unit:last-child:before {
		top: -3px;
	}
}
.recruit-day-unit * {
	font-weight: 700;
}
.recruit-day-unit__title {
	position: relative;
	font-size: 2.2rem;
}
@media all and (max-width: 767px) {
	.recruit-day-unit__title {
		font-size: 1.8rem;
	}
}
.recruit-day-unit__title--circle:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: -32px;
	left: -30px;
	width: 104px;
	height: 104px;
	border-radius: 50%;
	margin: auto;
	background: #f6d2c4;
}
@media all and (max-width: 767px) {
	.recruit-day-unit__title--circle:before {
		top: -20px;
		left: -15px;
		width: 70px;
		height: 70px;
	}
}
.recruit-day-unit__title--mini:before {
	content: "";
	position: absolute;
	//z-index: -1;
	top: 25px;
	left: 6px;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	margin: auto;
	background: #f6d2c4;
}
@media all and (max-width: 767px) {
	.recruit-day-unit__title--mini:before {
		left: 3px;
	}
}
.recruit-day-unit__title--mini-02:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: -18px;
	left: 6px;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	margin: auto;
	background: #f6d2c4;
}
@media all and (max-width: 767px) {
	.recruit-day-unit__title--mini-02:before {
		top: -10px;
		left: 3px;
	}
}
.recruit-day-unit__time {
	font-size: 2.0rem;
}
.recruit-day-unit__summary {
	font-size: var(--font-large);
}
.recruit-benefits {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	max-width: 750px;
	margin-inline: auto auto;
	background: url("../img/recruit/circle.jpg") no-repeat center bottom;
}
@media all and (max-width: 1023px) {
	.recruit-benefits {
		background-size: contain;
	}
}
@media all and (max-width: 767px) {
	.recruit-benefits {
		background-size: contain;
	}
}
.recruit-benefits dd,
.recruit-benefits dt {
	font-size: 3.2rem;
	font-weight: 700;
	text-align: center;
}
@media all and (max-width: 767px) {
	.recruit-benefits dd,
	.recruit-benefits dt {
		font-size: 1.8rem;
	}
}
.recruit-benefits dt {
	padding: 25px 0 10px;
}
@media all and (max-width: 767px) {
	.recruit-benefits dt {
		padding: 20px 0;
	}
}
.recruit-benefits dd {
	display: grid;
	place-items: center;
	min-height: 270px;
	line-height: 1.3333333333;
}
@media all and (max-width: 767px) {
	.recruit-benefits dd {
		min-height: 33vw;
	}
}
.recruit-benefits__per {
	font-size: 5.6rem !important;
	font-family: var(--font-en) !important;
}
@media all and (max-width: 767px) {
	.recruit-benefits__per {
		font-size: 3rem !important;
	}
}
.recruit-facility {
	margin-bottom: 110px;
}
@media all and (max-width: 767px) {
	.recruit-facility {
		margin-bottom: 60px;
	}
}
.recruit-facility-list {
	display: grid;
	max-width: 748px;
	margin-inline: auto auto;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px 20px;
}
@media all and (max-width: 767px) {
	.recruit-facility-list {
		gap: 30px 15px;
	}
}
.recruit-facility-list img {
	display: block;
	margin-bottom: 20px;
}
@media all and (max-width: 767px) {
	.recruit-facility-list img {
		margin-bottom: 10px;
	}
}
.recruit-facility-list dl {
	padding-inline: 10px;
}
@media all and (max-width: 767px) {
	.recruit-facility-list dl {
		padding-inline: 5px 5px;
	}
}
.recruit-facility-list dl dt {
	margin-bottom: 5px;
	font-size: 2.4rem;
	font-weight: 700;
}
@media all and (max-width: 767px) {
	.recruit-facility-list dl dt {
		font-size: 1.8rem;
		line-height: 1.4;
	}
}
.recruit-facility-list dl dd {
	font-size: 1.6rem;
	line-height: 1.75;
}
@media all and (max-width: 767px) {
	.recruit-facility-list dl dd {
		font-size: 1.4rem;
	}
}
.recruit-person {
	max-width: 840px;
	margin: 0 auto 130px auto;
}
@media all and (max-width: 767px) {
	.recruit-person {
		margin-bottom: 60px;
	}
}
.recruit-person-text {
	margin-bottom: 60px;
	font-size: var(--font-large);
}
@media all and (max-width: 767px) {
	.recruit-person-text {
		margin: 30px;
	}
}
.recruit-person-list {
	display: grid;
	grid-template-columns: auto auto;
	gap: 50px;
	place-content: center;
}
@media all and (max-width: 767px) {
	.recruit-person-list {
		gap: 36px;
		grid-template-columns: 1fr;
	}
}
.recruit-person-list li {
	position: relative;
	padding-left: 70px;
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.3;
}
@media all and (max-width: 767px) {
	.recruit-person-list li {
		padding-left: 66px;
		font-size: 2rem;
	}
}
.recruit-person-list li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 53px;
	height: 53px;
	margin: auto;
	border: 4px solid var(--main-color);
	display: block;
}
@media all and (max-width: 767px) {
	.recruit-person-list li:before {
		width: 42px;
		height: 42px;
	}
}
.recruit-person-list li em {
	font-size: 3.6rem;
	font-weight: inherit;
	font-style: normal;
	color: var(--main-color);
}
@media all and (max-width: 767px) {
	.recruit-person-list li em {
		font-size: 2.6rem;
	}
}
.recruit-step {
	margin-bottom: 120px;
}
@media all and (max-width: 767px) {
	.recruit-step {
		margin-bottom: 60px;
	}
}
.recruit-step-text {
	margin-bottom: 45px;
	text-align: center;
	font-size: 1.8rem;
}
@media all and (max-width: 767px) {
	.recruit-step-text {
		font-size: 1.6rem;
	}
}
.recruit-step-row {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
	max-width: 1000px;
	margin: 0 auto 40px auto;
}
@media all and (max-width: 767px) {
	.recruit-step-row {
		grid-template-columns: 1fr;
		margin-bottom: 60px;
		gap: 20px;
	}
}
.recruit-step-unit__title {
	position: relative;
	display: grid;
	place-items: center;
	height: 90px;
	margin-bottom: 20px;
	font-size: 2.6rem;
	background: #f6d2c4;
	font-weight: 700;
}
@media all and (max-width: 767px) {
	.recruit-step-unit__title {
		height: 40px;
		margin-bottom: 10px;
		font-size: 1.8rem;
	}
}
.recruit-step-unit__title:after {
	content: "";
	clip-path: polygon(0% 0%, 100% 50%, 0 100%);
	position: absolute;
	right: -29px;
	top: 0;
	background: #f6d2c4;
	display: block;
	width: 30px;
	height: 100%;
}
@media all and (max-width: 767px) {
	.recruit-step-unit__title:after {
		content: none;
	}
}
.recruit-step-unit__body {
	padding-left: 10px;
	border-left: 7px solid var(--main-color);
	font-size: 1.6rem;
	line-height: 1.625;
}
.recruit-step-off {
	display: grid;
	width: 378px;
	height: 62px;
	margin: 0 auto 35px auto;
	place-items: center;
	background: var(--main-color);
	font-size: 2.6rem;
	color: #fff;
	font-weight: 700;
}
@media all and (max-width: 767px) {
	.recruit-step-off {
		width: 100%;
		height: 80px;
	}
}
.recruit-step-text {
	max-width: 684px;
	margin-inline: auto auto;
	font-size: 1.8rem;
	text-align: left;
}
@media all and (max-width: 767px) {
	.recruit-step-text {
		font-size: 1.4rem;
	}
}
.recruit-summary {
	max-width: 822px;
	margin: 0 auto 80px auto;
	padding: 50px 70px 70px 70px;
	border: 4px solid var(--main-color);
}
@media all and (max-width: 1023px) {
	.recruit-summary {
		padding: 60px 20px;
	}
}
@media all and (max-width: 767px) {
	.recruit-summary {
		margin-bottom: 60px;
		padding: 30px 20px;
	}
}
.recruit-summary table {
	width: 80%;
	margin-inline: auto auto;
}
@media all and (max-width: 767px) {
	.recruit-summary table {
		width: 100%;
	}
}
.recruit-summary table th {
	width: 6em;
}
.recruit-summary table tr {
	background: transparent !important;
}
.recruit-summary table th,
.recruit-summary table td {
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.9;
	background: transparent !important;
	border: none !important;
}
@media all and (max-width: 767px) {
	.recruit-summary table th,
	.recruit-summary table td {
		font-size: 1.4rem;
	}
}
.recruit-entry {
	max-width: 822px;
	margin: 0 auto 200px auto;
	padding: 80px 0 70px 0;
	border: 12px solid var(--main-color);
}
@media all and (max-width: 767px) {
	.recruit-entry {
		margin-bottom: 70px;
		padding: 30px 15px;
		border-width: 6px;
	}
}
.recruit-entry__text {
	margin-bottom: 50px;
	text-align: center;
	font-size: 2rem;
	font-weight: 700;
}
@media all and (max-width: 767px) {
	.recruit-entry__text {
		margin-bottom: 30px;
	}
}
.recruit-entry__list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	max-width: 400px;
	justify-content: center;
	gap: 0 50px;
	margin-inline: auto auto;
	text-align: center;
}
@media all and (max-width: 767px) {
	.recruit-entry__list {
		gap: 10px;
	}
}
.recruit-entry__list img {
	display: block;
	width: 174px;
	margin: 0 auto 40px auto;
}
@media all and (max-width: 767px) {
	.recruit-entry__list img {
		width: 100px;
		margin-bottom: 20px;
	}
}
.recruit-entry__list {
	font-weight: 700;
	font-size: 2rem;
}
.recruit-photo {
	margin-bottom: 140px;
}
@media all and (max-width: 767px) {
	.recruit-photo {
		margin-bottom: 70px;
	}
}
.recruit-photo ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2px;
}
/*JS*/
/* Slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-slider * {
	outline: none;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: "";
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir=rtl] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

.slick-dotted.slick-slider {
	margin-bottom: 30px;
}

/* Arrows */
.slick-prev,
.slick-next {
	position: absolute;
	display: block;
	height: 50px;
	width: 50px;
	line-height: 0px;
	font-size: 0px;
	cursor: pointer;
	background: transparent;
	color: transparent;
	top: 50%;
	transform: translate(0, -50%);
	padding: 0;
	border: none;
	outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	outline: none;
	background: transparent;
	color: transparent;
}

.slick-prev {
	left: -20px;
}

.slick-next {
	right: -20px;
}

.slick-dots {
	position: absolute;
	bottom: -20px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 100%;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}
.slick-dots li button {
	border: 0;
	background: red;
	display: block;
	height: 20px;
	width: 20px;
	outline: none;
	line-height: 0px;
	font-size: 0px;
	padding: 5px;
	border-radius: 50%;
	cursor: pointer;
}
.slick-dots li button:focus, .slick-dots li button:hover {
	outline: none;
}
.slick-dots li.slick-active button {
	background: blue;
}

/*SASS MODULE*/




@media screen and (max-width:768px) {
	.sp_none {
		display:none;
	}
}
@media screen and (min-width:769px) {
	.pc_none {
		display:none;
	}
}