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

/* ##### font ##### */

.fs-noto {
	font-family: "Noto Sans JP";
}

.fs-c {
	font-family: 'Cinzel',
		serif;
}
.fs-p {
	font-family: 'Poppins',
		sans-serif;
	letter-spacing: 0.1em;
}

.fs-ygo {
	font-family: "游ゴシック", YuGothic, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

.fw400 {
	font-weight: 400;
}

.fw500 {
	font-weight: 500;
}

.fw700 {
	font-weight: 700;
}

.fw800 {
	font-weight: 800;
}

.stroke {
	text-shadow: 1px 1px 0 #aca79a,
		-1px -1px 0 #aca79a,
		-1px 1px 0 #aca79a,
		1px -1px 0 #aca79a,
		0px 1px 0 #aca79a,
		0-1px 0 #aca79a,
		-1px 0 0 #aca79a,
		1px 0 0 #aca79a;

}

/* ##### font end ##### */

/* ##### reset.css上書き ##### */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
button,
p {
	color: #000;
	font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

* {
/*   font-family: "Noto Sans JP"; */
	box-sizing: border-box;
}

html,
body {
	overflow-x: hidden;
	font-size: 62.5%;
}

.inner {
	max-width: 1200px;
	padding: 80px 0;
}

.w1400 {
	width: 92%;
	max-width: 1400px;
	margin: 0 auto;
}

.w1200 {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
}

.w1400 .w1200 {
	width: 100%;
}

[data-element-id] .fead-sl {
	transform: translate(0px, 0px);
	opacity: 1;
}

.fead-sl {
	opacity: 0;
	transform: translate(0px, 120px);
	transition: transform 1s, opacity 1s;
	-webkit-transition: transform 1s, opacity 1s;
	-moz-transition: transform 1s, opacity 1s;
	-ms-transition: transform 1s, opacity 1s;
	-o-transition: transform 1s, opacity 1s;
}

.sl {
	transform: translate(0px, 0px);
	opacity: 1;
}

@media only screen and (max-width: 1024px) {
	.inner {
		max-width: 768px;
		padding: 50px 0;
	}

	.w1400 {
		width: 93%;
	}

	.w1200 {
		width: 93%;
	}

}

@media only screen and (max-width: 599px) {
	.fs30 {
		font-size: 20px;
	}

	.fs16 {
		font-size: 14px;
	}

	.inner {
		max-width: 450px;
	}

	.w1400 {
		width: 94%;
	}

	.w1200 {
		width: 94%;
	}

}

/* ##### reset.css上書きここまで ##### */

/* ##### 共通 ##### */

a {
	transition: all 0.3s ease;
}


#wrapper[data-element-id] {
	padding-top: 0 !important;
}

.sp-only {
	display: none;
}

.fs10 {
	font-size: 10px;
}

.fs50 {
	font-size: 50px;
}

.tex {
	line-height: 30px;
}

.tc {
	text-align: center;
}

.tr {
	text-align: right;
}

.tl {
	text-align: left;
}

.lh1 {
	line-height: 1;
}

.lh1_5 {
	line-height: 1.5;
}

.lh2 {
	line-height: 2;
}


.mt10 {
	margin-top: 10px;
}

.mb10 {
	margin-bottom: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mb20 {
	margin-bottom: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb50 {
	margin-bottom: 50px;
}

.mt50 {
	margin-top: 50px;
}

.pad50 {
	padding: 50px 0;
}

.pt50 {
	padding-top: 50px;
}

.pb50 {
	padding-bottom: 50px;
}

.mt80 {
	margin-top: 80px;
}

.mb80 {
	margin-bottom: 80px;
}

.mb100 {
	margin-bottom: 100px;
}

.mauto {
	margin: 0 auto;
}

.z1 {
	position: relative;
	z-index: 1;
}

.ctex {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
	padding: 0;
	z-index: 1;
}

.Blink a {
	display: block;
}

.more {
	text-align: center;
	margin: 50px auto 0 auto;
	width: 80%;
	max-width: 300px;
	font-family: 'Poppins',
		"游ゴシック",
		YuGothic,
		Hiragino Sans,
		"ヒラギノ角ゴ ProN W3",
		"Hiragino Kaku Gothic Pro",
		Hiragino Kaku Gothic ProN,
		"メイリオ",
		Meiryo,
		'ＭＳ Ｐゴシック',
		sans-serif;
	font-weight: 500;
	font-size: 12px;
	letter-spacing: 0.1em;
}

.more a {
	position: relative;
	display: block;
	background-color: transparent;
	color: #a4a3a2;
	padding: 15px 20px;
	overflow: hidden;
	text-transform: uppercase;
	border: solid 1px #a4a3a2;
}

.more a .in {
	display: inline-block;
	background: url(/import/tenant_1/160.16.104.6/html/images/01index/arrow.png) no-repeat right center;
	transition: 0.5s ease-in-out;
	padding-right: 70px;
}

.more.back a .in {
	display: inline-block;
	background: url(/import/tenant_1/160.16.104.6/html/images/06staff_detail/arrow.png) no-repeat left center;
	transition: 0.5s ease-in-out;
	padding-right: 0;
	padding-left: 70px;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-ms-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
}

.more.c-w a {
	color: #fff;
	border: solid 3px #fff;
}

.more a:before {
	content: '';
	position: absolute;
	top: 0;
	right: -50px;
	bottom: 0;
	left: 0;
	border-right: 50px solid transparent;
	border-bottom: 100px solid #8e8775;
	transform: translateX(-100%);
}

.more.c-w a:before {
	border-bottom: 100px solid #fff;
}

.more a:before,
.more a:after {
	z-index: -1;
	transition: 0.5s ease-in-out;
}

.more a:hover:before {
	transform: translateX(0);
}

.more a:hover {
	color: #fff;
	opacity: 1;
}

.more a:hover .in {
	background: url(/import/tenant_1/160.16.104.6/html/images/01index/arrow2.png) no-repeat right center;
}

.more.back a:hover .in {
	background: url(/import/tenant_1/160.16.104.6/html/images/06staff_detail/arrow2.png) no-repeat left center;
}

.more.c-w a:hover {
	color: #333;
}

.more a:active,
.more a:hover {
	outline-width: 0;
}

.bgimg {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
}

.bgimg img {
	width: 100%;
	height: 100% !important;
	-o-object-fit: cover;
	object-fit: cover;
}

.of-img {
	width: 100%;
	overflow: hidden;
	height: 100%;
}

.of-img img {
	width: 100%;
	height: 100% !important;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center center;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center center;';
}

.ofimg {
	width: 100%;
	overflow: hidden;
	height: auto;
	display: block;
}

.ofimg img {
	width: 100%;
	height: 100% !important;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center center;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center center;';
}

.of {
	position: relative;
}

.of:before {
	content: "";
	display: block;
}

.of img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.of15:before {
	padding-top: 15%;
}

.of20:before {
	padding-top: 20%;
}

.of25:before {
	padding-top: 25%;
}

.of30:before {
	padding-top: 30%;
}

.of35:before {
	padding-top: 35%;
}

.of40:before {
	padding-top: 40%;
}

.of45:before {
	padding-top: 45%;
}

.of50:before {
	padding-top: 50%;
}

.of55:before {
	padding-top: 55%;
}

.of60:before {
	padding-top: 60%;
}

.of65:before {
	padding-top: 65%;
}

.of70:before {
	padding-top: 70%;
}

.of75:before {
	padding-top: 75%;
}

.of80:before {
	padding-top: 80%;
}

.of85:before {
	padding-top: 85%;
}

.of90:before {
	padding-top: 90%;
}

.of95:before {
	padding-top: 95%;
}

.of100:before {
	padding-top: 100%;
}

.of105:before {
	padding-top: 105%;
}

.of110:before {
	padding-top: 110%;
}

.of115:before {
	padding-top: 115%;
}

.of120:before {
	padding-top: 120%;
}

.of125:before {
	padding-top: 125%;
}

.of130:before {
	padding-top: 130%;
}

.of135:before {
	padding-top: 135%;
}

.of140:before {
	padding-top: 140%;
}

.of145:before {
	padding-top: 145%;
}

.of200:before {
	padding-top: 200%;
}

.c-w {
	color: #fff;
}

.db {
	display: block;
}

.circle.pic span {
	border-radius: 50%;
}

.reverse {
	flex-direction: row-reverse;
}

.c {
	justify-content: space-between;
	align-items: center;
}

.cc {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.row2 {
	width: 48%;
	margin: 0 1% 6%;
}

.row3 {
	width: 31.333%;
	margin: 0 1% 6%;
}

.row4 {
	width: 23%;
	margin: 0 1% 6%;
}

.row5 {
	width: 18%;
	margin: 0 1% 6%;
}

.w20 {
	width: 20%;
}

.w75 {
	width: 75%;
}

.w90 {
	width: 90%;
}

@media only screen and (max-width: 1024px) {
	.sp-only {
		display: block;
	}

	.pc-only {
		display: none;
	}

	.tex.tc {
		text-align: left;
	}
}

@media only screen and (max-width: 599px) {
	.mb80 {
		margin-bottom: 50px;
	}

	.mb100 {
		margin-bottom: 50px;
	}

	.row2 {
		width: 98%;
		margin: 0 1% 10%;
	}

	.row3 {
		width: 48%;
		margin: 0 1% 10%;
	}

	.row4 {
		width: 48%;
		margin: 0 1% 10%;
	}

	.row5 {
		width: 31.333%;
		margin: 0 1% 10%;
	}

	.w75 {
		width: 100%;
	}

	.sp-c {
		text-align: center;
	}

	.w90 {
		width: 100%;
	}

	.w20 {
		width: 90%;
		margin: 50px auto;
	}

}

/* ##### 共通ここまで ##### */

/* ##### header ##### */
.logo h1 {
	font-size: 12px;
	font-weight: normal;
	display: none;
}

h1[data-element-id] {
	display: block;
}

/* ##### header ##### */

header {
	background: #f4f1ef;
}
[data-element-id] header {
	margin-top: 80px;
}

.header01in {
	display: flex;
	align-items: center;
	position: relative;
}

.header01 .logo {
	margin-right: auto;
}

.logo {
	width: 232px;
	height: auto;
	margin-left: 10px;
}

.logo h1 {
	font-size: 12px;
	font-weight: normal;
	display: none;
}

h1[data-element-id] {
	display: block;
}


@media only screen and (max-width: 1024px) {
	.header01 .logo {
		margin: 10px 0 7px 10px;
	}
}

@media only screen and (max-width: 599px) {
	.header01 .logo {
		margin: 10px 0 9px 10px;
	}

}

/* ##### header end ##### */

/* ##### nav ##### */

#gnav .toggle {
	background: #494746;
}

#gnav li {
	display: inline-block;
	font-family: 'Poppins',
		sans-serif;
	padding: 22px 20px;
}

#dropmenu {
	width: calc(100% - 90px);
/*   margin-top: 10px; */
	display: flex;
	justify-content: flex-end;
	margin: auto;
}

#dropmenu[data-element-id] {
	flex-wrap: wrap;
}

#dropmenu li a {
	letter-spacing: 1px;
	font-size: 18px;
	padding: 20px 0;
}

#dropmenu li.index-link span {
	display: none;
}

#dropmenu span.drop-btn {
	letter-spacing: 1px;
	font-size: 18px;
	display: block;
	text-align: left;
	border: none;
	box-sizing: border-box;
	position: relative;
	font-weight: bold;
}

.dropmenu {
	*zoom: 1;
}

/*
.dropmenu .dropdown {
	position: relative;
} */

#dropmenu .dropdown:hover {
	cursor: pointer;
}

.dropmenu .dropdown div {
	position: absolute;
	z-index: 9999;
	top: 100%;
	left: 0;
	display: none;
	background: #fff;
	/*padding-top: 20px;
	*/
	width: 100%;
	background: #fff;
	margin: 0;
	padding: 0;
	-webkit-transition-property: all;
	-webkit-transition: 0.5s linear;
	transition-property: all;
	transition: 0.5s linear;
	-moz-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	-o-transition: 0.5s linear;
}


.dropmenu .dropdown:hover div {
	display: flex;
	box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.2);
}

[data-element-id] .dropmenu .dropdown div {
	display: flex;
	position: static;
}

/*
 .dropmenu .dropdown ul {
	display: flex;
	justify-content: center;
} */

/* #dropmenu[data-element-id] .dropdown ul {
	overflow: visible;
	height: 45px;
}

#dropmenu .dropdown ul li {
	overflow: hidden;
	width: 100%;
	height: 0;
	-webkit-transition-property: all;
	-webkit-transition: 0.3s linear;
	transition-property: all;
	transition: 0.3s linear;
}

#dropmenu .dropdown ul li a {
	display: block;
	color: #000;
	width: auto;
	height: 100%;
	padding: 10px;
	box-sizing: border-box;
	background: #fff;
}

#dropmenu .dropdown:hover ul li {
	overflow: visible;
	height: 100%;
	width: auto;
} */

/* .sab-nav {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 100%;
	width: 100%;
	background: #fff;
}

.sab-nav li a {
	width: auto;
} */

#dropmenu .sp-only {
	display: none;
}

.home {
	display: inline-block;
	width: 70px;
	height: 70px;
	background: #494746;
	margin-left: 20px;
}

.home a {
	color: #fff;
	font-size: 20px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

#dropmenu[data-element-id] .sp-only {
	display: block;
}

header.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.2);
}

header.fixed[data-element-id] {
	position: static !important;
}

#dropmenu[data-element-id] {
	flex-wrap: wrap;
}

[data-element-id] .dropmenu .dropdown ul {
	display: block;
}

[data-element-id] #dropmenu .dropdown ul li {
	overflow: visible;
	height: 45px;
}

#dropmenu[data-element-id] .sp-only {
	display: block;
}

[data-element-id] #gnav li.sp-only {
	display: block;
	position: relative;
	border: solid 1px #000;
}

[data-element-id] #gnav li.sp-only:before {
	display: block;
	content: "スマホナビのリンク";
	position: relative;
	z-index: 2;
	font-size: 12px;
	color: #fff;
	background: #000;
}


@media only screen and (max-width: 1024px) {

	.home {
		display: none;
	}

	.home a {
		width: 100%;
	}

	#gnav {
		width: 100%;
	}

	#gnav .accordion-body {
		background: rgba(255, 255, 255, 1);
	}

	#gnav.action .accordion-body {
		width: 60%;
		margin-left: 40%;
		background: #f9f8f7;
	}


	#gnav .accordion-inner {
		height: 100vh;
	}

	.accordion-inner .sns li {
		display: inline-block;
	}

	#dropmenu {
		display: block;
		padding-bottom: 80px;
		width: 100%;
	}

	#gnav li {
		padding: 0;
	}

	#gnav ul li a {
		color: #000;
	}

	#gnav ul li span {
		height: auto;
		color: #000;
		background-color: rgba(255, 255, 255, 0.2);
		display: block;
		padding: 10px 15px;
	}

	.dropmenu .dropdown div {
		position: static;
		box-shadow: none;
		display: flex;
		background: transparent;
	}

	.dropmenu .dropdown div ul {
		max-width: none;
		width: 100%;
	}

	#dropmenu .dropdown ul li:last-of-type {
		border-bottom: none;
	}

	#dropmenu .dropdown ul li a {
		background-color: rgba(78, 69, 64, 0);
		color: #000;
		width: 100%;
		padding: 10px 10px 10px 30px;
	}

	#dropmenu li.index-link img {
		display: none;
	}

	#gnav ul li.index-link span {
		display: block;
		background: none;
	}

	#dropmenu span.drop-btn {
		color: #000;
		background: #e0ebe7;
		border-bottom: 1px solid #ddd;
	}

	#dropmenu span.drop-btn:after {
		content: none;
	}

	#dropmenu .dropdown:hover ul li {
		height: auto;
		width: 100%;
	}

	header.fixed {
		background: none;
		box-shadow: none;
		padding: 0;

	}

	#gnav {
		padding: 0;
	}

	#dropmenu .sp-only {
		display: block;
	}

	.dropmenu .dropdown ul {
		display: block;
		padding-top: 0;
	}
#dropmenu .dropdown ul li a {
  font-size: 16px;
}

}

@media (max-width: 599px) {
	#gnav .toggle {
		width: 42px;
		height: 42px;
	}

	#gnav.action .accordion-body {
		width: 100%;
		margin-left: 0;
	}

	#gnav .toggle .bar {
		left: 7px;
	}
}

/* ##### nav end ##### */

/* ##### footer ##### */

.f-info:after {
	content: "";
	position: absolute;
	background: rgba(73, 71, 70, 0.8);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 2;
}
[data-element-id] .f-info:after {
  content: none;
}
.f-info * {
	color: #fff;
}

.f-info .inner {
	position: relative;
	z-index: 5;
	padding: 80px 0 15px;
}

.f-info .f-logo {
	max-width: 290px;
	margin: 0 auto 50px;
}

.f-info dl * {
	line-height: 2;
}

.f-info .snsLink span {
	display: inline-block;
	padding: 0 10px;
}

.copy {
	margin-top: 70px;
}

footer .map iframe,
footer .map object,
footer .map embed {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: all 0.7s ease;
}

footer .map iframe:hover,
footer .map object:hover,
footer .map embed:hover {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
}

footer .map:after {
	padding-top: 20%;
}

footer .f-nav li {
	margin: 10px;
}

@media only screen and (max-width: 1024px) {
	footer .map:after {
		padding-top: 50%;
	}
}

@media only screen and (max-width: 599px) {
	footer .map:after {
		padding-top: 80%;
	}
}

/* ##### footer end ##### */

/* ##### top ##### */

/* トップメインイメージ */

.headerImg {
	background: #f4f1ef;
	padding-bottom: 70px;
}

.headerImg h2 {
	color: #494746;
	max-width: 460px;
	width: 60%;
	position: absolute !important;
	z-index: 2;
	top: 30%;
	left: 12%;
}

.headerImg .toph2 {
	display: block;
	margin-bottom: 20px;
}

.slidebox {
	width: 75%;
	margin-left: auto;
}

.mainimg .uk-slideshow {
	width: 100%;
}

.top-slide .icon {
	position: absolute;
	z-index: 5;
}

.leaf01 {
	max-width: 242px;
	left: -80px;
	bottom: -37px;
}

.leaf02 {
	max-width: 177px;
	right: -32px;
	bottom: -37px;
}

.slidebox .mainimg {
	width: calc(100% - 70px);
}

.mainimg .uk-slidenav-position:after {
	padding-top: 55%;
}

.uk-slideshow {
	height: 100% !important;
}

.uk-slideshow li {
	height: 100% !important;
}

.uk-slideshow li div {
	width: 100%;
	overflow: hidden;
	height: 100%;
}

.uk-slideshow li img {
	width: 100%;
	height: 100% !important;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center right;
	object-position: center right;
	font-family: 'object-fit: cover; object-position: center right;';
}

.scroll {
	width: 70px;
	display: flex;
	justify-content: center;
	margin-top: auto;
	padding-bottom: 120px;
}

.vertical {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

.scroll p, .scroll h3 {
	position: relative;
	height: 70px;
	margin-top: auto;
}

.scroll p:after, .scroll h3:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	width: 1px;
	height: 90px;
	background-color: #000;
	-webkit-animation: Scroll 3s ease 0s infinite normal;
	animation: Scroll 3s ease 0s infinite normal;
}

@-webkit-keyframes Scroll {
	0% {
		height: 0;
		top: 100%;
	}

	34% {
		top: 100%;
	}

	35% {
		top: unset;
		bottom: -90px;
		height: 90px;
	}

	60% {
		height: 0;
		bottom: -90px;
	}

	100% {
		height: 0;
		bottom: -90px;
	}
}

@keyframes Scroll {
	0% {
		height: 0;
		top: 100%;
	}

	34% {
		top: 100%;
	}

	35% {
		top: unset;
		bottom: -90px;
		height: 90px;
	}

	60% {
		height: 0;
		bottom: -90px;
	}

	100% {
		height: 0;
		bottom: -90px;
	}
}


@media (max-width: 1024px) {
	/* .mainimg .uk-slidenav-position:after {
		padding-top: 80%;
	} */

	.headerImg h2 {
		max-width: 300px;
		left: 3%;
		font-size: 16px;
	}

	.slidebox {
		max-width: none;
		margin: 0 0 0 auto;
		width: 90%;
	}

	.slidebox .mainimg {
		width: calc(100% - 50px);
	}

	.scroll {
		width: 50px;
		padding-bottom: 90px;
	}

	.leaf01 {
		max-width: 152px;
		left: -56px;
	}

	.leaf02 {
		max-width: 100px;
		right: -13px;
		bottom: -28px;
	}
}

@media (max-width: 599px) {
	.mainimg .uk-slidenav-position:after {
		padding-top: 100%;
	}

	.headerImg {
		padding-bottom: 40px;
	}

	.headerImg .toph2 {
		margin-bottom: 5px;
		width: 100%;
	}

	.headerImg h2 {
		font-size: 8px;
	}

	.leaf01 {
		max-width: 95px;
		left: -29px;
		bottom: -16px;
	}

	.leaf02 {
		max-width: 60px;
		right: -13px;
		bottom: -15px;
	}

	.slidebox .mainimg {
		width: calc(100% - 42px);
	}

	.scroll {
		width: 42px;
	}

}

/*home01*/
.home01 {
	position: relative;
	z-index: 5;
}

/* .home01 .flexb {
	margin-left: calc(50% - 50vw);
} */

.c-gry {
	color: #a3a09f;
}

.home01 .t-box .in {
	max-width: 810px;
	padding-right: 30px;
	width: 100%;
}

.home01 dl {
	margin-bottom: 25%;
}

.home01 dt {
	line-height: 1.8;
}

.home01 .texImg {
	position: relative;
	width: 70%;
	max-width: 546px;
	z-index: 5;
	margin-left: auto;
}


.conceptS01 .texImg {
	position: relative;
	width: 55%;
	max-width: 546px;
	z-index: 5;
	margin-left: auto;
	margin-bottom: 50px;
}

@media only screen and (max-width: 1024px) {
	.home01 .picBox {
		width: 45%;
	}

	.home01 .t-box {
		width: 50%;
		max-width: none;
	}

	.home01 .flexb {
		max-width: none;
	}

	.home01 dt {
		margin-bottom: 20px;
	}

	.home01 .texImg {
		margin-top: 50px;
	}

}

@media only screen and (max-width: 599px) {
	.home01 .flexb {
		margin-right: calc(50% - 50vw);
		margin-left: calc(50% - 50vw);
	}

	.home01 .picBox {
		max-width: none;
		margin: 0;
		width: 100%;
	}

	.home01 .picBox .of-img {
		position: relative;
		height: auto;
	}

	.home01 .picBox .of-img img {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}

	.home01 .picBox .of-img:before {
		padding-top: 50%;
		content: "";
		display: block;
	}

	.home01 .t-box {
		width: 94%;
		max-width: 480px;
		margin: auto;
		padding: 0 0 30px;
	}

	.home01 dl {
		margin-bottom: 10%;
	}

	.home01 .t-box .in {
		padding-right: 0;
	}
}

/*home02*/

.home02 {
	background: #f9f8f7;
	background-position: 30px 0;
	position: relative;
	margin-top: -5%;
	padding-bottom: 5%;
}

/* .home02:before {
	content: "";
	background: #fff;
	width: 75%;
	right: left;
	top: 0;
	height: 80px;
	position: absolute;
	z-index: 2;
} */

.home02:after {
	content: "";
	background: #fff;
	width: 25%;
	right: 0;
	top: 0;
	height: 100%;
	position: absolute;
	z-index: 2;
}

.home02 .w1400 {
	position: relative;
	z-index: 6;
	padding-top: 18%;
}

.home02 ul {
	width: calc(100% - 124px);
}

.home02 .scroll {
	margin: 0;
	padding: 0;
	width: 124px;
}

.home02 .scroll h3 {
	color: #a3a09f;
}

.home02 .scroll h3:after {
	background-color: #a3a09f;
}

.home02 ul li a h4 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	height: calc(100% - 20px);
	width: calc(100% - 20px);
	color: #948e7f;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
}

.home02 ul li a:hover {
	opacity: 1;
}

.home02 ul li a:hover h4 {
	opacity: 0;
}

.home02 .leafL {
	position: absolute;
	left: 0;
	bottom: -150px;
	width: 35%;
	max-width: 529px;
	z-index: 6;
}

.home02 .leafR {
	position: absolute;
	left: 75%;
	top: -50px;
	width: 20%;
	max-width: 230px;
	z-index: 6;
}

@media only screen and (max-width: 1024px) {
	.home02 .leafL {
		bottom: -100px;
	}

	.home02 .leafR {
		top: -28px;
	}
}

@media only screen and (max-width: 599px) {
	.home02 .w1400 {
		padding-bottom: 50px;
	}

	.home02 .scroll {
		width: 30px;
	}

	.home02 ul {
		width: calc(100% - 30px);
	}

	.home02 ul li .pic {
		width: 100%;
	}

	.home02 .leafL {
		bottom: -50px;
	}
}

/*home03*/

.home03 {
	margin-top: 10%;
	padding: 10% 0;
}

.bgDot {
	background: url(/import/tenant_1/160.16.104.6/html/images/01index/bg.gif);
}

.home03 h3 {
	font-size: 100px;
	letter-spacing: 0.1em;
	margin-top: calc(-15%);
	position: relative;
	z-index: 7;
	line-height: 1;
	margin-bottom: 50px;
}
 [data-element-id] .slider li:nth-last-of-type(n+2) {
  display: none;
} 

.slider:before {
	content: "";
	background: url(/import/tenant_1/160.16.104.6/html/images/01index/bg.gif);
	width: 50px;
	height: 100%;
	left: -12px;
	top: 0;
	position: absolute;
	z-index: 5;
}

.slider:after {
	content: "";
	background: url(/import/tenant_1/160.16.104.6/html/images/01index/bg.gif);
	width: 50px;
	height: 100%;
	right: -12px;
	top: 0;
	position: absolute;
	z-index: 5;
}

.slider img {
	transform: scale(0.8);
	opacity: 0.3;
	transition: 0.5s;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
}

.slider .slick-center img {
	transform: scale(1);
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}

.slider li dl {
	opacity: 0;
}

li.slick-center dl {
	opacity: 1;
}
/* .slick-track {
  width: 100% !important;
}
 */
@-webkit-keyframes open {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes open {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-webkit-keyframes close {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes close {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.arrow_box {
	position: relative;
	width: 100%;
	background: #FFFFFF;
	text-align: center;
	padding: 10px 0;
	border: 1px solid #a4a3a2;
	margin-bottom: 20px;
}

.arrow_box:after,
.arrow_box:before {
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	pointer-events: none;
	position: absolute;
	top: 100%;
	left: 50%;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-width: 15px;
	border-bottom-width: 15px;
	border-left-width: 8px;
	border-right-width: 8px;
	margin-left: -8px;
	border-top-color: #FFFFFF;
}

.arrow_box:before {
	border-color: rgba(0, 0, 0, 0);
	border-top-width: 16px;
	border-bottom-width: 16px;
	border-left-width: 9px;
	border-right-width: 9px;
	margin-left: -9px;
	margin-top: 1px;
	border-top-color: #a4a3a2;
}

.arrow_box dt {
	text-align: center;
	margin-bottom: 10px;
	padding: 0 5px;
}

.arrow_box dd {
	text-align: center;
}

.arrow_box dd p {
	text-align: center;
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	background: #9e9a98;
	line-height: 1;
}

@media only screen and (max-width: 1024px) {
	.home03 h3 {
		font-size: 80px;
		margin-top: -17%;
	}
}

@media only screen and (max-width: 599px) {
	.home03 h3 {
		font-size: 50px;
	}
}

/*hoe04*/

.bg-gry {
	background: #f4f1ef;
}

.home04 .flexb {
	margin-left: calc(50% - 50vw);
}

.home04 .pic {
	width: 65%;
}

.home04 .t-box {
	width: 30%;
	padding: 80px 0;
}

.home04 .t-box .texImg {
	max-width: 469px;
	margin-left: -144px;
}

.home04 .leaf03 {
	position: absolute;
	right: 0;
	width: 15%;
	top: -50px;
	max-width: 230px;
}

.home04 .more {
	margin: 50px 0 0 auto;
}

@media only screen and (max-width: 1024px) {
	.home04 .flexb {
		max-width: none;
	}

	.home04 .pic {
		width: 50%;
	}

	.home04 .t-box {
		width: 45%;
	}
	
.arrow_box dt {
  font-size: 16px;
}
.arrow_box dd p {
  font-size: 12px;
}
}

@media only screen and (max-width: 599px) {
	.home04 .flexb {
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
	}

	.home04 .pic {
		width: 100%;
	}

	.home04 .t-box {
		width: 94%;
		max-width: 480px;
		margin: auto;
		padding: 0 0 30px;
	}

	.home04 .t-box .texImg {
		max-width: 200px;
		margin-left: 0;
		margin-top: -40px;
	}
	.arrow_box dt {
  font-size: 12px;
}
.arrow_box dd p {
  font-size: 10px;
}
}

/*home05*/

h3.fs60 {
	color: #8e8775;
	font-size: 60px;
}

.home05 h3 {
	margin-bottom: 100px;
}

.home05 li.row4 {
	margin: 0 1% 2%;
}

.home05 li.row4:nth-last-of-type(even) {
	margin-top: -5%;
}

@media only screen and (max-width: 1024px) {
	.home05 h3 {
		margin-bottom: 50px;
	}
}

@media only screen and (max-width: 599px) {
	.home05 li .pic {
		width: 100%;
	}
	h3.fs60 {
	font-size: 50px;
}
}

/*home06*/

.home06 {
	background: #f9f8f7;
}

.leaf04,
.leaf05 {
	width: 15%;
	max-width: 400px;
	position: absolute;
}

.leaf04 {
	left: 0;
	top: -12%;
}

.leaf05 {
	right: 0;
	top: -12%;
}

.home06 h3 {
	font-size: 75px;
	margin-bottom: 0;
	line-height: 1;
	color: #f9f8f7;
}

.home06 li {
	background: #fff;
	border: 1px solid #e0dedc;
	padding: 10px;
	position: relative;
}

.home06 li:after {
	content: "";
	position: absolute;
	right: 5px;
	bottom: 5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 20px 18px;
	border-color: transparent transparent #ccc8c6 transparent;
}

@media only screen and (max-width: 1024px) {
	.home06 h3 {
		font-size: 60px;
	}

	.leaf04 {
		top: -12%;
	}

	.leaf05 {
		top: -12%;
	}
}

@media only screen and (max-width: 599px) {
	.home06 h3 {
		font-size: 36px;
		text-align: left;
	}

	.home06 li .pic {
		width: 48%;
		margin: 0;
	}

	.home06 li dl {
		width: 48%;
		margin: 0;
	}

	.leaf04 {
		top: -3%;
	}

	.leaf05 {
		top: -3%;
	}
}


/* ##### トップここまで ##### */

/* ##### 下層ページ共通 ##### */
/* .pageHerder img {
	opacity: 0.8;
} */

.pageHerder h2 .fs-c {
	color: #8e8775;
	font-size: 72px;
	line-height: 1;
}

.pageHerder h2 {
  width: 100%;
	margin-bottom: 0;
	position: absolute !important;
	left: 50%;
	top: 50%;
	z-index: 3;
	letter-spacing: 1.5em;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

.pageHerder h2 span+span {
  letter-spacing: normal;
}

/*ぱんくず*/

.pankuzu ul {
	padding: 0;
	margin: auto;
}

.pankuzu li {
	padding-left: 10px;
	line-height: 14px;
	position: relative;
	line-height: 36px;
}

.pankuzu li:after {
	content: url(/import/tenant_1/160.16.104.6/html/images/02concept/arrow.png);
	margin-left: 10px;
	line-height: 14px;
}

.pankuzu li:first-of-type a {
	padding-left: 0;
	background: #494846;
	color: white;
	width: 36px;
	height: 36px;
	display: inline-block;
	text-align: center;
}

.pankuzu li:last-of-type:after {
	content: none;
}

.w-fuchi {
	text-shadow:
		#fff 2px 0px 2px, #fff -2px 0px 2px,
		#fff 0px -2px 2px, #fff -2px 0px 2px,
		#fff 2px 2px 2px, #fff -2px 2px 2px,
		#fff 2px -2px 2px, #fff -2px -2px 2px,
		#fff 1px 2px 2px, #fff -1px 2px 2px,
		#fff 1px -2px 2px, #fff -1px -2px 2px,
		#fff 2px 1px 2px, #fff -2px 1px 2px,
		#fff 2px -1px 2px, #fff -2px -1px 2px,
		#fff 1px 1px 2px, #fff -1px 1px 2px,
		#fff 1px -1px 2px, #fff -1px -1px 2px;
}

@media only screen and (max-width: 1024px) {
	.pageHerder h2 .fs-c {
		font-size: 45px;
	}
}

@media only screen and (max-width: 599px) {
	.pankuzu {
		min-width: none;
	}

	.pageHerder .pic {
		width: 100%;
	}

	.pageHerder .of30:before {
		padding-top: 40%;
	}

	.pageHerder h2 .fs-c {
		font-size: 30px;
	}

	.pageHerder h2 span {
		font-size: 12px;
	}

}

/* ##### 下層ページ共通ここまで ##### */

/* ##### ブログ共通 ##### */
.one-line {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
}

.blog-list .category {
	text-align: right;
}

.blog-list .category .in {
	display: inline-block;
	font-size: 16px;
	background: #9e9a98;
	padding: 5px 15px;
	color: #fff;
	margin: 0 0 0 auto;
}

.side-nav {
	margin-bottom: 50px;
	width: 100%;
}

.side-nav dt {
	background: #f4f1ef;
	color: #8e8775;
	padding: 20px;
}

.side-nav dt.acc-btn i {
	font-size: 16px;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.side-nav dt.acc-btn.action i {
	transform: translateY(-50%) rotateX(-180deg);
	-webkit-transform: translateY(-50%) rotateX(-180deg);
	-moz-transform: translateY(-50%) rotateX(-180deg);
	-ms-transform: translateY(-50%) rotateX(-180deg);
	-o-transform: translateY(-50%) rotateX(-180deg);
}

.side-nav dt:hover {
	cursor: pointer;
}

.side-nav dd p a {
	padding: 20px 30px;
	display: block;
	background: #f5f5f5;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

/*ページャー*/
.pagenav {
	padding-top: 100px;
}

.pagenav li {
	margin: 0 5px;
}

.pagenav li a {
	display: inline-block !important;
	width: 75px;
	line-height: 75px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	background: #f5f1f0;
	border: transparent;
}

.pagenav li.st a {
	background: #fff;
	border: 1px solid #eeeeee;
}

.pagenav li.prev a,
.pagenav li.next a {
	background: #fff;
	color: #e0ebe7;
	font-size: 50px;
	width: 19px;
}

.pagenav li.prev a {
	text-align: right;
}

.pagenav li.next a {
	text-align: left;
}

.blog .pagenav {
	padding-top: 30px;
}

.blog .pagenav .flexc {
	justify-content: flex-start;
}

/*詳細ページ*/

.blogDetailS01 .titBox dd {
	padding-bottom: 20px;
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 30px;
}

.blogDetailS01 .more {
	margin: 100px 0 0 0;
}

.blogDetailS01 .recommend {
	margin-bottom: 100px;
}

.blogDetailS01 .recommend h4 {
	background: #f4f1ef;
	color: #8e8775;
	padding: 20px;
	position: relative;
	margin-bottom: 0;
}

.blogDetailS01 .recommend h4:after {
	content: "";
	position: absolute;
	left: 20px;
	top: 100%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 18px 11.5px 0 11.5px;
	border-color: #f4f1ef transparent transparent transparent;
	z-index: 5;
}

.blogDetailS01 .recommend li a {
	border: 1px solid #d8d8d8;
	display: block;
}

.blogDetailS01 .recommend li dl {
	padding: 20px;
}

.blogDetailS01 .slick-dots li button:before {
	font-size: 6px;
	line-height: 20px;
	width: 9px;
	height: 9px;
	font-size: 10px;
	color: #ddd;
	opacity: 1;
}

.blogDetailS01 .slick-dots li.slick-active button:before {
	color: #8e8775;
}

/*news*/
.news .side-nav dt {
	background: #e0ebe7;
	color: #a09e90;
}

.news .blog-list li a {
	position: relative;
}

.news .blog-list li .newsBox {
	position: absolute;
	display: block;
	top: 10px;
	left: 10px;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	background: rgba(255, 255, 255, 0.8);
}

.news .blog-list .category {
	text-align: left;
	padding: 20px 0;
}

.news .blog-list li dl {
	width: 90%;
	margin: auto;
}

@media only screen and (max-width: 1024px) {
	.blog-list li {
		width: 31%;
	}

	.blog-list .category span {
		font-size: 8px;
		margin-bottom: 5px;
		padding: 0px 8px;
	}

	.blog-list .category {
		margin-bottom: 10px;
	}

	.main {
		width: 100%;
	}

	.side {
		width: 100%;
		margin-top: 100px;
	}

	.blog-list .category .in {
		font-size: 10px;
		padding: 2px 9px;
	}

	.blog-list li dd {
		font-size: 16px;
	}

	.side-nav {
		width: 45%;
	}

	.pagenav ul {
		max-width: none;
		width: 100%;
	}

	.pagenav li a {
		width: 40px;
		line-height: 40px;
		font-size: 16px;
	}

	.pagenav li.prev a,
	.pagenav li.next a {
		font-size: 30px;
	}

	.news .blog-list li .newsBox {
		top: 5px;
		left: 5px;
		width: calc(100% - 10px);
		height: calc(100% - 10px);
	}

	.news .blog-list .category {
		padding: 10px 0 0;
	}

	.news .blog-list li dt {
		margin-top: 0;
		font-size: 10px;
	}

	.news .blog-list li dd {
		margin-top: 0;
		font-size: 14px;
	}
}

@media only screen and (max-width: 599px) {
	.blog-list li {
		width: 48%;
	}

	.side {
		margin-top: 50px;
	}

	.side-nav {
		width: 100%;
	}

	.pagenav {
		padding-top: 50px;
	}


	.pagenav li a {
		width: 30px;
		line-height: 30px;
		font-size: 12px;
	}

	.pagenav li.prev a,
	.pagenav li.next a {
		font-size: 25px;
	}

	.blogDetailS01 .more {
		margin: 50px 0 0 0;
	}

	.blogDetailS01 .recommend li .pic {
		padding: 0;
	}

	.blogDetailS01 .recommend li {
		padding: 0;
	}

	.news .blog-list .category .in {
		font-size: 8px;
		padding: 0px 9px;
	}
}

/* ##### ブログ共通ここまで ##### */

/* ##### 【料金表　1　】 ##### */
.menubox1:nth-of-type(even) {
	flex-direction: row-reverse;
}

.menubox1 h4 {
	padding: 0 0 20px;
	border-bottom: 1px solid #7d7d7d;
}

.menubox1 li {
	margin-bottom: 30px;
}

.menubox1 dd {
	text-align: right;
}

.menubox1 dl * {
	font-size: 18px;
}

.menubox1 .tex {
	margin-top: 10px;
	font-size: 16px;
}

.color-menu {
	padding: 100px 0 0;
}

.color-menu h4 {
	width: 100%;
	border-bottom: none;
}

.color-menu h4 span {
	display: block;
	margin: auto;
	max-width: 590px;
	text-align: center;
	padding-bottom: 20px;
	border-bottom: 1px solid #7d7d7d;
}

@media only screen and (max-width: 1024px) {

	.color-menu {
		padding: 50px 0 0;
	}
}

@media only screen and (max-width: 599px) {
	.menubox1 div {
		margin-bottom: 30px;
	}
}

/* ##### 【料金表　1　】ここまで ##### */
/* ##### 【料金表　2　】 ##### */
.menubox2 {
	margin-bottom: 50px;
}

.menubox2 h3 {
	text-align: center;
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
}

.menubox2 dd dl {
	border-bottom: 1px solid #000;
	padding: 10px 0;
	box-sizing: border-box;
}

.menubox2 dd dl dd {
	text-align: right;
}

@media (max-width: 599px) {
	.menubox2 h4 {
		text-align: center;
		margin-bottom: 0;
	}
}

/* ##### 【料金表　2　】ここまで ##### */
/* ##### 【左右のカラムが交互に代わるブロック】 ##### */
.crossbox li {
	margin-bottom: 50px;
}

.crossbox li:nth-of-type(odd) {
	flex-direction: row-reverse;
}

@media (max-width: 599px) {
	.crossbox li:nth-of-type(odd) {
		flex-direction: column;
	}

	.crossbox .tex {
		margin-top: 20px;
	}
}

/* ##### 【左右のカラムが交互に代わるブロック】ここまで ##### */

/* ##### 【スタイル詳細】 ##### */
.gallery .main-image {
	width: 100%;
	margin-bottom: 15px;
}

.gallery .thumb-img {
	width: calc(33.33333% - 10px);
	transition: 0.3s linear;
}

.gallery .thumb-img:nth-of-type(3) {
	margin: 0 15px;
}

.gallery .thumb-img:hover {
	cursor: pointer;
	opacity: 0.8;
}

.profile-box dl {
	padding: 10px 0;
	box-sizing: border-box;
	border-bottom: #bfbfbf solid 1px;
	margin-bottom: 10px;
}

.profile-box dt {
	width: 200px;
}

.profile-box dd {
	width: calc(100% - 200px);
}
.styleDetailS01 .stylist-data .ofimg img{
  -o-object-position: center top;
  object-position: center top;
  font-family: 'object-fit: cover; object-position: center top;';
}

.recommend-style h4 {
  padding-bottom: 10px;
  border-bottom: solid 1px #7d7d7d;
  max-width: 600px;
  margin-bottom: 50px;
}
.recommend-style .inner {
  padding: 0;
}
.recommend-style li {
  margin: 0;
}
.recommend-style li+li {
  margin-left: 2%;
}

@media only screen and (max-width: 1024px) {
	.profile-box dt {
		width: 130px;
	}

	.profile-box dd {
		width: calc(100% - 130px);
	}

	.gallaryBox {
		width: 80%;
		max-width: 500px;
		margin: 0 auto 30px;
	}

	.s-data {
		width: 100%;
	}
}

@media only screen and (max-width: 599px) {
	.s-data {
		margin-top: 30px;
	}

	.profile-box .stylist-data .pic {
		width: 100%;
	}

	.profile-box .stylist-data .w25 {
		width: 25%;
	}

	.profile-box .stylist-data .w70 {
		width: 70%;
	}

	.gallery .pic {
		width: 100%;
	}

	.profile-box dt {
		width: 100%;
		margin-bottom: 10px;
	}

	.profile-box dd {
		width: 100%;
	}
	.recommend-style li {
  margin: 0 1% 2% !important;
}	
.recommend-style li .pic {
  width: 100%;
}
}

/* ##### 【スタイル詳細】ここまで ##### */

/* ##### よくある質問 ##### */
/* .faq-box {
	padding-top: 80px;
}

.qa-list {
	margin-bottom: 50px;
}

.qa-q {
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	background: #000;
	margin-right: 10px;
	box-sizing: border-box;
	text-align: center;
	display: block;
	width: 40px;
	height: 40px;
	padding-top: 8px;
}

.qa-list dt div {
	font-size: 24px;
	-webkit-box-sizing: border-box;
	position: relative;
	color: #000;
	font-weight: bold;
	display: inline-block;
	width: calc(100% - 50px);
}

.qa-list dt:hover {
	cursor: pointer;
}

.qa-list dd {
	font-size: 14px;
	padding: 20px 0;
	box-sizing: border-box;
	position: relative;
}

.qa-list .tex {
	display: inline-block;
	width: calc(100% - 50px);
}

.qa-list dd .qa-q {
	background: #999;
}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 599px) {
	.qa-list dt div {
		font-size: 18px;
	}
} */

/* ##### よくある質問 ここまで ##### */

/* ##### お問い合わせ ##### */

.contact-list {
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.contact-list dt {
	width: 300px;
	font-size: 16px;
}

.contact-list dd {
	width: calc(100% - 330px);
}

.contact-list input,
.contact-list textarea,
.contact-list select {
	border: none;
	background: #ddd;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}

.red {
	color: #fff;
	background: #d80707;
	font-size: 12px;
	padding: 0 10px;
	display: inline-block;
}

.contact-btn button {
	text-align: center;
	margin: 50px auto 0 auto;
	width: 189px;
	font-family: 'Catamaran',
		"游ゴシック",
		YuGothic,
		Hiragino Sans,
		"ヒラギノ角ゴ ProN W3",
		"Hiragino Kaku Gothic Pro",
		Hiragino Kaku Gothic ProN,
		"メイリオ",
		Meiryo,
		'ＭＳ Ｐゴシック',
		sans-serif;
	font-weight: 500;
	font-size: 24px;
	position: relative;
	display: block;
	background-color: transparent;
	color: #333333;
	padding: 15px 20px;
	overflow: hidden;
	text-transform: uppercase;
	border: solid 3px #1b1b1b;
	cursor: pointer;
}

.contact-btn button:before {
	content: '';
	position: absolute;
	top: 0;
	right: -50px;
	bottom: 0;
	left: 0;
	border-right: 50px solid transparent;
	border-bottom: 100px solid #1b1b1b;
	transform: translateX(-100%);
}

.contact-btn button:before,
.contact-btn button:after {
	z-index: -1;
	transition: 0.5s ease-in-out;
}

.contact-btn button:hover:before {
	transform: translateX(0);
}

.contact-btn button:hover {
	color: #fff;
	opacity: 1;
}

.contact-btn button:active,
.contact-btn button:hover {
	outline-width: 0;
}

@media only screen and (max-width: 1024px) {
	.contact-list dt {
		margin-bottom: 10px;
	}

	.contact-list dt,
	.contact-list dd {
		width: 100%;
	}

	.contact-list .must {
		display: inline-block;
		margin-left: 10px;
	}

}

@media only screen and (max-width: 599px) {}

/* ##### お問い合わせ　ここまで ##### */


/* ##### コンセプト ##### */
.conceptS01 {
	padding: 100px 0;
}

.Limgbox .picBox {
	position: relative;
	z-index: 5;
}

.leaf06 {
	bottom: -32%;
	left: -14%;
	position: absolute;
	max-width: 537px;
	z-index: 4;
	width: 46%;
}

.Limgbox .t-box {
	position: relative;
	z-index: 3;
	background: #f5f1f0;
	width: 58%;
}

.Limgbox .t-box:before {
	content: "";
	position: absolute;
	background: #fff;
	left: 0;
	top: 0;
	width: 100%;
	height: 19%;
	z-index: 1;
}

.Limgbox .t-box:after {
	content: "";
	position: absolute;
	background: #fff;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 10%;
	z-index: 1;
}

.Limgbox .t-box .in {
	position: relative;
	z-index: 8;
	padding: 0 30px 0 8%;
	max-width: 1173px;
	width: 100%;
}

.Limgbox .t-box .in dl {
	max-width: 613px;
	position: relative;
	z-index: 5;
}

.leaf07 {
	position: absolute;
	top: -7%;
	left: 72%;
	z-index: 3;
	max-width: 292px;
}

.conceptS01 .texImg {
	position: relative;
	max-width: 546px;
	z-index: 5;
}

.conceptS02 li {
	margin-bottom: 100px;
}

.conceptS02 li .picBox {
	margin-top: 50px;
}

.conceptS02 h4 {
	margin: 0 0 50px;
	line-height: 1.5;
}

.conceptS02 h4 .no {
	font-size: 70px;
	margin-right: 20px;
	width: 80px;
	display: block;
}

.conceptS02 h4 .tit {
	width: calc(100% - 100px);
	display: block;
}

.conceptS02 dt {
	color: #8a4330;
	margin-bottom: 50px;
}

@media only screen and (max-width: 1620px) {
	.leaf06 {
		bottom: -8%;
	}

	.Limgbox .t-box:after {
		content: none;
	}

	.Limgbox .t-box:before {
		height: 7%;
	}

	.Limgbox .t-box .in {
		padding: 0 30px 50px 8%;
	}
}

@media only screen and (max-width: 1024px) {
	.Limgbox .picBox {
		width: 70%;
	}

	.Limgbox .t-box {
		z-index: 6;
		width: 82%;
		max-width: none;
		margin: 50px 0 0 auto;
	}

	.Limgbox.flexb {
		max-width: none;
	}

	.conceptS02 h4 {
		margin: 0 0 30px 0;
	}


	.conceptS02 h4 .no {
		font-size: 50px;
		width: 60px;
	}

	.conceptS02 h4 .tit {
		width: calc(100% - 80px);
	}

	.leaf07 {
		top: -2%;
		left: 75%;
	}

	.leaf06 {
		left: -100px;
	}
}

@media only screen and (max-width: 599px) {
	.Limgbox .picBox {
		width: 70%;
		margin: 0;
		max-width: none;
	}
	.conceptS01 {
	  padding: 50px 0 100px;
	}

	.conceptS01 .texImg {
		margin-bottom: 0;
		margin-top: 50px;
	}

	.Limgbox .t-box .in dl dt br {
		display: none;
	}

	.leaf06 {
		bottom: -11%;
		left: -48px;
	}

	.Limgbox .t-box {
		width: 94%;
	}

	.conceptS02 li {
		margin-bottom: 50px;
	}

	.conceptS02 li .picBox {
		margin-top: 0;
	}

	.conceptS02 h4 .no {
		font-size: 30px;
		width: 40px;
		margin-right: 10px;
	}

	.conceptS02 h4 .tit {
		width: calc(100% - 50px);
	}

	.conceptS02 dt {
		margin-bottom: 30px;
	}

}

/* ##### コンセプト　ここまで ##### */
/* ##### 店舗情報 ##### */
.salonS01 {
	margin-top: 100px;
}

.salonS01 .bgimg img {
	opacity: 0.2;
}

.salonS01 .inner {
	position: relative;
	z-index: 3;
}

.salonS01 .t-box {
	margin-top: -115px;
}

.salonS01 .t-box .tex {
	padding-right: 50px;
}

.salonS01 .t-box .box {
	border: 1px solid #000;
	padding: 50px 30px;
	margin-top: 50px;
	margin-right: -50px;
	position: relative;
	z-index: 3;
	background: rgba(255, 255, 255, 0.8);
}

.salonS02 {
	background: #f5f1f0;
}

.salonS02:after {
	content: "";
	width: 100%;
	height: 50%;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
}

.salonS02 h3 {
	margin-top: -115px;
}

.salonS03 li:nth-of-type(odd) {
	margin-top: -50px;
}

.mishinS01 h3 {
	text-align: right;
}

.mishinS01 .tex {
	text-align: right;
}

.mishinS01 .inner.flex {
	flex-direction: row-reverse;
}

.mishinS01 .t-box .box {
	margin-right: 0;
	margin-left: -50px;
}

.mishinS01 .t-box .tex {
	padding-right: 0;
	padding-left: 50px;
}

.mishinS02 {
	background: #e0ebe7;
}

@media only screen and (max-width: 1024px) {
	.salonS01 .t-box {
		margin-top: -70px;
	}

	.salonS02 h3 {
		margin-top: -73px;
	}
}

@media only screen and (max-width: 599px) {
	.salonS01 {
		margin-top: 50px;
	}

	.salonS01 .t-box {
		margin-top: 20px;
	}

	.salonS01 .inner {
		flex-direction: column-reverse;
	}

	.mishinS01 .t-box .tex {
		padding: 0;
	}

	.salonS01 .t-box .box {
		margin: 20px 0 0;
	}

	.salonS02 .map:after {
		padding-top: 80%;
	}

	.salonS03 li {
		margin: 1% 0 2%;
	}

	.mishinS01 .inner.flex {
		flex-direction: column-reverse;
	}

}

/* ##### 店舗情報ここまで ##### */

/* ##### スタッフ ##### */
[data-element-id] .staffS02 li:nth-of-type(n+9) {
	display: none;
}

.staffS02 li .pic {
	border: 1px solid #7d7d7d;
	width: 100%;
}

.staff-pic .pic {
	max-width: 200px;
}


.mt100 {
	margin-top: 100px;
}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 599px) {
	.staffS01 .pic {
		width: 100%;
		max-width: none;
		margin: 0;
	}

	.mt100 {
		margin-top: 50px;
	}
}

/* ##### スタッフ　ここまで ##### */

/* ##### スタイル ##### */
.categoryList li a {
	display: block;
	border: 1px solid #eeeeee;
	padding: 20px 10px;
	text-align: center;
}

.categoryList .active {
	background: #e0ebe7;
	position: relative;
}
.categoryList .active:after {
content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 11.5px 0 11.5px;
    border-color: #e0ebe7 transparent transparent transparent;
    z-index: 5;
}

.styleS02 li {
	margin: 0 1% 2%;
}

.style-cate {
	display: inline-block;
	padding: 30px 20px;
	text-align: center;
	background: #e0ebe7;
	min-width: 200px;
	margin-bottom: 50px;
}

.styleDetailS01 dt {
	padding-bottom: 10px;
	border-bottom: 1px solid #7d7d7d;
}

.styleDetailS01 .stylist-data h5 {
	display: inline-block;
	margin-left: auto;
	margin-bottom: 0;
}

.styleDetailS01 .stylist-data .pic {
	position: relative;
}

.styleDetailS01 .stylist-data .pic:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 10px;
	top: -10px;
	z-index: 5;
	border: 1px solid #f5f1f0;
}

.styleDetailS01 .more {
	margin: 50px 0 0 auto;
	max-width: 400px;
	width: 100%;
}

.styleDetailS01 .more a {
	background: #f5f1f0;
	padding: 30px 20px;
	border: 1px solid #f5f1f0;
	font-size: 24px;
}

.styleDetailS01 .more a:hover {
	background: transparent;
}


@media only screen and (max-width: 1024px) {

	.styleDetailS01 .gallery {
		width: 100%;
		max-width: 500px;
		margin: 0 auto 50px;
	}
}

@media only screen and (max-width: 599px) {
	.styleS02 .pic {
		width: 100%;
	}

	.style-cate {
		padding: 20px;
		margin-bottom: 20px;
	}

	.styleDetailS01 .tex {
		margin-top: 20px;
	}

	.styleDetailS01 .stylist-data .pic:after {
		left: 5px;
		top: -5px;
	}

	.styleDetailS01 .more a {
		padding: 20px 10px;
		font-size: 12px;
	}

	.styleDetailS01 .stylist-data .w45 {
		width: 45%;
	}

	.styleDetailS01 .stylist-data .pic {
		width: 50%;
	}

	.styleDetailS01 .stylist-data h5 span {
		font-size: 16px;
	}

}

/* ##### スタイル　ここまで ##### */

/* ##### 商品一覧 ##### */
.productS01 .inner {
	padding: 100px 0 50px;
}

.productS02 {
	margin-bottom: 400px;
}

.productS02 .w1400 {
	position: relative;
	z-index: 2;
	background: #f9f8f7;
	padding: 100px 0 200px;
}

.productS02 .productLogo li {
	border: 1px solid #adadad;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background: #fff;
	margin: 0 1% 2%;
}

.productS02 .categoryList li {
  width: calc(15% - 10px);
    margin-bottom: 50px;
}
.heightLine-cate {
  display: block;
}

.productS02 .leafR {
	position: absolute;
	right: -253px;
	top: 80px;
	width: 18%;
	z-index: -1;
	max-width: 253px;
}

.productS02 .leafL {
	position: absolute;
	left: -130px;
	bottom: -180px;
	width: 40%;
	z-index: -1;
	max-width: 537px;
}

[data-element-id] .prpductList li:nth-of-type(n+13) {
  display: none;
}

.prpductList li dt {
	color: #a0a09f;
}

.prpductList li .pic {
	width: 100%;
}


@media only screen and (max-width: 1024px) {
  	.productS01 .inner {
		padding: 50px 0 50px;
	}
	.productS02 {
		margin-bottom: 300px;
    background: #f9f8f7;
}
.productS02 .categoryList li {
  width: calc(33.3333% - 10px);
}
	.productS02 .leafL {
		left: -32px;
		bottom: -100px;
	}
	.prpductList li {
	  width: 31%;
	}
		.prpductList li * {
		  font-size: 14px;
}
}

@media only screen and (max-width: 599px) {
	.productS01 .inner {
		padding: 0 0 50px;
	}
	.productS01 .pic {
	  width: 100%;
	}

	.productS02 {
		margin-bottom: 200px;
	}

	.productS02 .w1400 {
		padding: 50px 0 100px;
	}
	.productS02 .categoryList li {
  width: calc(50% - 10px);
}

	.productS02 .leafL {
		left: -10px;
		bottom: -50px;
	}
		.prpductList li {
	  width: 48%;
	}		
	.prpductList li * {
		  font-size: 12px;
}
}

/* ##### 商品一覧ここまで ##### */

/* ##### 店舗について・先輩インタビュー ##### */
.recruitS01 h3 {
	margin-left: -80px;
	margin-bottom: 0;
	position: relative;
	z-index: 5;
}

.recruitS01 h3 .tit {
	display: inline-block;
	margin-top: 20px;
	padding-left: 20px;
}

.recruitS01 h3 .pic {
	max-width: 413px;
	width: 36%;
}

.recruitS01 .Limgbox .t-box {
	background: #e0ebe7;
}

.recruitS01 .Limgbox .t-box:before {
	height: 17%;
}

.recruitS01 .Limgbox .t-box .in dl {
	max-width: 592px;
}

.recruitS02 {
	background: #f9f8f7;
	padding: 100px 0;
}

.recruitS02 .in {
	max-width: 970px;
	width: 100%;
	padding-left: 30px;
}

.recruitS02 .t-boxContent {
	max-width: 733px;
}

.t-boxContentIn {
	padding-left: 30px;
}

.recruitS02 .texImg {
	position: relative;
	width: 65%;
	max-width: 546px;
	z-index: 5;
	margin-left: auto;
}

.recruitS02 .pointBox dt {
	padding-left: 30px;
}

.recruitS02 .pointBox dt .tit {
	border-bottom: 1px solid #bfbfbf;
	padding: 0 0 10px;
	display: block;
	width: 100%;
}

.recruitS02 .pointBox dt .tit+.tit {
	margin-top: 20%;
}

.recruitS02 .pointBox:nth-of-type(odd) {
	flex-direction: row-reverse;
}

.recruitS02 .pointBox:nth-of-type(odd) dt {
	padding-right: 30px;
	padding-left: 0;
	text-align: right;
}

.recruitS03 {
	background: #f9f8f7;
	padding-bottom: 100px;
}


.recruitS03 li dl {
	margin: 0 0 0 10%;
	width: 80%;
	border-radius: 15px;
	padding: 40px 60px;
	max-width: 1100px;
	background: #e0ebe7;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	min-height: 370px;
}

.recruitS03 li dl dt {
	font-size: 24px;
	margin-bottom: 30px;
}

.recruitS03 ul {
	position: relative;
}

.recruitS03 ul:after {
	background: #bfbfbf;
	position: absolute;
	content: "";
	width: 20px;
	height: 100%;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	z-index: -1;
}

.recruitS03 ul li:nth-of-type(2n) dl {
	background: #fff;
	margin: 0 0 0 15%;
}

.recruitS03 ul li {
	position: relative;
	margin-bottom: 50px;
}

.recruitS03 ul li:nth-of-type(2) .pic {
	position: absolute;
	top: -200px;
	right: 0;
	z-index: 5;
}

.recruitS03 ul li:nth-of-type(3) .pic {
	position: absolute;
	top: -100px;
	left: 0;
	z-index: 5;
}

.recruitS03 ul li:nth-of-type(4) .pic {
	position: absolute;
	top: -200px;
	right: 0;
	z-index: 5;
}

.recruitS03 ul li:nth-of-type(3) dl {
	padding: 40px 60px 40px 20%;
}

.recruitS03 .leafL {
	position: absolute;
	left: 0;
	bottom: -200px;
	width: 39%;
	z-index: 2;
	max-width: 537px;
}

.recruitS04 dl {
	width: 346px;
	position: relative;
	z-index: 5;
}

.recruitS04 .comment {
	background: url(/import/tenant_1/160.16.104.6/html/images/11recruit01/fukidasi.png) no-repeat;
	background-size: 100% 100%;
	padding: 70px 40px;
}

.recruitS04 .comment p:after {
	position: absolute;
	content: "";
	background: url(/import/tenant_1/160.16.104.6/html/images/11recruit01/onpu.png) no-repeat;
	width: 27px;
	height: 53px;
	right: 0;
	bottom: -30px;
}

.recruitS04 .comment+dd {
	text-align: right;
}

.recruitS04 .comment+dd p {
	display: inline-block;
	padding-right: 40px;
}

.recruitS04 .pic {
	width: calc(100% - 346px);
	margin-left: auto;
	margin-top: 100px;
}

.recruitS05 {
	position: relative;
	background: #eeeeee;
}

.recruitS05:after {
	position: absolute;
	background: #fff;
	content: "";
	left: 0;
	bottom: 0;
	height: 30%;
	width: 100%;
}

.recruitS05 .no p {
	background: #fff;
	width: 75px;
	height: 75px;
	margin: 30px auto;
}

.recruitS05.recruitS06 {
	background: #e0ebe7;
}

@media only screen and (max-width: 1620px) {
	.recruitS01 .Limgbox .t-box:before {
		height: 8%;
	}

	.recruitS01 h3 {
		margin-left: -45px;
	}
}

@media only screen and (max-width: 1024px) {
	.recruitS02 .flexb {
		max-width: none;
	}

	.recruitS02 .picBox {
		width: 100%;
	}

	.recruitS02 .picBox .of-img {
		position: relative;
		height: auto;
	}

	.recruitS02 .picBox .of-img img {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}

	.recruitS02 .picBox .of-img:before {
		padding-top: 50%;
		content: "";
		display: block;
	}

	.recruitS02 .t-box {
		width: 94%;
		margin: auto;
		max-width: none;
	}

	.recruitS02 .in {
		width: 100%;
		padding-left: 0;
		max-width: none;
		margin: 50px auto 0;
	}

	.recruitS02 .t-boxContent {
		max-width: none;
	}

	.t-boxContentIn {
		padding-left: 30px;
		max-width: 768px;
		margin: 0 auto;
	}

	.recruitS03 li dl {
		min-height: auto;
	}

	.recruitS03 ul li:nth-of-type(3) .pic {
		top: -65px;
	}

	.recruitS03 ul li:nth-of-type(2) .pic {
		top: -130px;
	}

	.recruitS03 ul li:nth-of-type(4) .pic {
		top: -80px;
	}

	.recruitS04 dl {
		width: 290px;
	}

	.recruitS04 .comment {
		padding: 70px 20px;
	}

	.recruitS04 .pic {
		width: calc(100% - 300px);
		margin-top: 200px;
	}

	.recruitS05:after {
		height: 20%;
	}
}

@media only screen and (max-width: 599px) {
	.recruitS01 h3 .pic {
		margin: 0;
	}

	.recruitS01 h3 {
		margin-left: 0;
	}

	.recruitS01 h3 .tit {
		margin-top: 0;
		padding-left: 0;
		margin-bottom: 10px;
		display: block;
		width: 100%;
	}

	.recruitS02 {
		padding-top: 50px;
	}

	.recruitS03 {
		padding-bottom: 50px;
	}

	.recruitS02 .texImg {
		margin-top: 30px;
	}

	.recruitS02 .pointBox dt {
		width: 50%;
	}

	.recruitS02 .pointBox dd {
		width: 50%;
	}

	.t-boxContentIn {
		padding-left: 0;
	}

	.recruitS02 .pointBox dt {
		padding-left: 0;
		font-size: 12px;
	}

	.recruitS02 .pointBox:nth-of-type(odd) dt {
		padding-right: 0;
	}

	.recruitS03 li dl {
		width: 100%;
		max-width: none;
		margin: 0;
		padding: 20px 30px !important;
	}

	.recruitS03 ul li:nth-of-type(2n) dl {
		background: #fff;
		margin: 0;
	}

	.recruitS03 ul li .pic {
		width: 80%;
		position: static !important;
		margin-bottom: 40px;
	}

	.recruitS03 ul li:nth-of-type(3) .pic,
	.recruitS03 ul li:nth-of-type(4) .pic {
		margin-top: 40px;
	}

	.recruitS03 .leafL {
		width: 60%;
	}

	.recruitS04 .pic {
		width: 100%;
		margin-top: 30px;
	}

	.recruitS04 {
		padding-top: 80px;
	}

	.recruitS04 .comment {
		background: url(/import/tenant_1/160.16.104.6/html/images/11recruit01/fukidasi2.png) no-repeat;
		background-size: 100% 100%;
		padding: 70px 100px 70px 50px;
	}

	.recruitS04 .comment p {
		text-align: center;
	}

	.recruitS04 dl {
		width: 100%;
	}

	.recruitS04 .comment p:after {
		width: 16px;
		height: 35px;
		background-size: contain;
		right: -20px;
		bottom: -30px;
	}

	.recruitS05 li {
		margin-bottom: 30px;
	}

}

/* ##### 店舗について・先輩インタビュー　ここまで ##### */

/* ##### 募集要項 ##### */
.recruit-entryS01 {
	background: #f4f1ef;
	margin: 100px 0;
	padding: 100px 0;
}

.recruit-entryS01 .w1200 {
	background: #fff;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	padding: 60px 75px;
}

.recruit-entryS01 dl dt {
	padding: 30px 50px;
}

.recruit-entryS01 dl dd {
	padding: 30px 20px;
}

.recruit-entryS01 dl:nth-of-type(odd) dt {
	background: #eeeeee;
}

.recruit-entryS01 dl:nth-of-type(odd) dd {
	background: #eeeeee;
	border-left: 1px solid #fff;
}

@media only screen and (max-width: 1024px) {
  .recruit-entryS01 {
    margin: 80px 0 100px;
    padding: 50px 0 ;
  }
	.recruit-entryS01 .w1200 {
		padding: 30px 20px;
	}
}

@media only screen and (max-width: 599px) {
    .recruit-entryS01 {
    margin: 50px 0 100px;
  }
	.recruit-entryS01 dl:nth-of-type(odd) dd {
		background: transparent;
		border-left: none;
	}

	.recruit-entryS01 dl dd {
		padding: 20px;
	}

	.recruit-entryS01 dl dt {
		background: #eeeeee;
		padding: 20px;
	}
}

/* ##### 募集要項　ここまで ##### */

/* ##### トリートメント・ヘアケアについて ##### */
.careS01 .categoryList li {
  position: relative;
}
.careS01 .categoryList li a:hover {
      background-color: #e0ebe7;
       border-color: #e0ebe7;
}
.careS01 .categoryList li a:after {
transition: all 0.3s ease;
}
.careS01 .categoryList li a:hover:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 11.5px 0 11.5px;
    border-color: #e0ebe7 transparent transparent transparent;
    z-index: 5;
}

.careS02 .w1200 dl {
	position: relative;
	z-index: 5;
}

.w1200.strongBox {
	background: #e0ebe7;
	padding: 40px 100px 10%;
	width: 90%;
}

.careS02 .pixBox {
	margin-left: auto;
	margin-top: -8%;
	width: 36%;
	position: relative;
	z-index: 5;
}

.careS02 .box2 {
	margin-top: -7%;
	padding-left: 100px;
}

.careS02 .box2 dl {
	width: 58%;
}

.careS02 .leafR {
	position: absolute;
	right: -20px;
	top: -86px;
	width: 23%;
	z-index: 2;
	max-width: 253px;
}

.careS02 .leafL {
	position: absolute;
	left: -220px;
	top: 120px;
	width: 45%;
	z-index: 2;
	max-width: 537px;
}

.careS04 li:nth-of-type(odd) {
	flex-direction: row-reverse;
}

.careS04 li dt,
.careS05 li dt {
	border-left: 5px solid #e0ebe7;
	padding-left: 20px;
}

.careS05 li {
	width: 31%;
}

.careS05 li dt {
	margin-top: 20px;
}

.careS06 {
	margin-top: 200px;
	margin-bottom: 100px;
}

.careS06 .w1200.strongBox {
	background: #f4f1ef;
}

@media only screen and (max-width: 1024px) {
	.w1200.strongBox {
		padding: 40px 30px 10%;
	}

	.careS02 .leafR {
		right: -10px;
		top: -50px;
	}

	.careS02 .leafL {
		left: -120px;
		top: inherit;
		bottom: -100px;
	}

	.careS02 .box2 {
		width: 90%;
		padding-left: 30px;
	}

	.careS05 li {
		width: 48%;
		margin-bottom: 6%;
	}
}

@media only screen and (max-width: 599px) {
	.careS02 .pixBox {
		margin-top: 100px;
		width: 100%;
	}

	.careS02 .box2 {
		width: 100%;
		padding-left: 0;
		margin-top: 30px;
	}

	.careS02 .leafR {
		top: -23px;
	}

	.careS02 .leafL {
		left: -10px;
		bottom: -66px;
	}

	.careS02 .box2 dl {
		width: 100%;
	}

	.careS04 li .pic {
		width: 100%;
		margin-bottom: 30px;
	}

	.careS05 li {
		width: 100%;
	}

	.careS05 li .pic {
		width: 100%;
	}
	.careS04 li dt,
.careS05 li dt {
  height: auto !important;
}
}

/* ##### トリートメント・ヘアケアについて　ここまで ##### */
/* #####  固定ボタン　ここから ##### */
.fixed-btnarea{
  position: fixed;
  bottom: 9%;
  right: 20px;
  z-index: 100;
}
.fixed-btn{
  width: 100px;
  height: 100px;
}
.fixed-btn a{
  background: #494746;
  color: #fff;
  font-weight: bolder;
  text-align: center;
  line-height: 100px;
  display: block;
  border-radius: 50%;
  overflow: hidden;
  background: #494746;
  box-shadow: 0px 0px 0px 4px #494746 !important;
  border: solid 1px #ffffff;
}
.fixed-btn.type-b a {
  background: #b2b0c4;
  box-shadow: 0px 0px 0px 4px #b2b0c4 !important;
}
@media only screen and (max-width: 1024px) {
  .fixed-btnarea {
    bottom: 4px;
    right: -4px;
    width: 100%;
  }
  .fixed-btn{
    width: 100%;
    height: auto;
  }
  .fixed-btn a{
    width: calc(100% - 8px);
    padding: 10px 0;
    line-height: 160%;
    border-radius: 0;
    letter-spacing: 1px;
    font-size: 14px;
  }
  #wrapper{
    padding-bottom: 46px;
  }
}
@media only screen and (max-width: 599px) {
  .fixed-btn a{
    width: calc(100% - 4px);
    font-size: 12px;
    padding: 7px 0;
    box-shadow: 0px 0px 0px 2px #494746 !important;
  }
  .fixed-btnarea {
    bottom: 2px;
    right: -2px;
  }
  #wrapper{
    padding-bottom: 36px;
  }
}

/* ##### 固定ボタン　ここまで ##### */
@media all and (-ms-high-contrast: none){
  .pageHerder h2 {
    letter-spacing: 0.2em; /* IE10以上 */
  }
}