@charset "utf-8";
/* CSS Document */

/**/

/**/



.cor {
	font-family: 'Cormorant Upright', serif;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
button,
p {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
	/*font-family:"游ゴシック",YuGothic,Hiragino Sans,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
	/*font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;*/
	/*font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ゴシックM-PRO", "HGMaruGothicMPRO";*/
	line-height: 160%;
	color: #828282;
	word-wrap: break-word;
	overflow-wrap: break-word;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*フォント系*/

[data-element-id] h1 {
	position: initial;
	text-indent: initial;
}

h1 {
	width: 100%;
	position: absolute;
	bottom: 200%;
	font-size: 12px;
	font-weight: normal;
}

[data-element-id] h1 {
	width: 100%;
	position: relative;
	bottom: 200%;
	font-size: 12px;
	font-weight: normal;
}

h2 {
	font-size: 40px;
	font-weight: bold;
	font-family: 'Cormorant Upright', "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
}

h3 {
	font-size: 34px;
	font-weight: bold;
	margin-bottom: 50px;
	font-family: 'Cormorant Upright', "游明朝",
		"YuMincho",
		"ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN",
		"HG明朝",
		"Sawarabi Mincho",
		serif;
}

h4 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 30px;
	font-family: 'Cormorant Upright', "游明朝",
		"YuMincho",
		"ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN",
		"HG明朝",
		"Sawarabi Mincho",
		serif;
}

h5 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}

.fs120 {
	font-size: 120%;
}

.fs140 {
	font-size: 140%;
}

.fs160 {
	font-size: 160%;
}

.fs180 {
	font-size: 180%;
}

.fs200 {
	font-size: 200%;
}

.fs220 {
	font-size: 220%;
}

.fs240 {
	font-size: 240%;
}

.fs260 {
	font-size: 260%;
}

.fs280 {
	font-size: 280%;
}

.fs300 {
	font-size: 300%;
}

.fs12 {
	font-size: 12px;
}

.fs14 {
	font-size: 14px;
}

.fs16 {
	font-size: 16px;
}

.fs18 {
	font-size: 18px;
}

.fs20 {
	font-size: 20px;
}

.fs22 {
	font-size: 22px;
}

.fs24 {
	font-size: 24px;
}

.fs26 {
	font-size: 26px;
}

.fs28 {
	font-size: 28px;
}

.fs30 {
	font-size: 30px;
}

.fs32 {
	font-size: 32px;
}

.fs34 {
	font-size: 34px;
}

.fs36 {
	font-size: 36px;
}

.fs38 {
	font-size: 38px;
}

.fs40 {
	font-size: 40px;
}

.fs42 {
	font-size: 42px;
}

.fs44 {
	font-size: 44px;
}

.fs46 {
	font-size: 46px;
}

.bold {
	font-weight: bold;
}

.center {
	text-align: center;
}

.red {
	color: red;
}

.blue {
	color: blue;
}

.white {
	color: #fff;
}

/*クリアフィックス*/

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix:before {
	display: block;
	content: "";
	clear: both;
}

.clearfix {
	display: block;
}

.clear {
	clear: both;
}

.map {
	position: relative;
	overflow: hidden;
}

.map:after {
	display: block;
	content: "";
	padding-top: 50%;
}

.map iframe {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: initial;
	width: 100%;
	height: 100%;
}

iframe {
	max-width: 100%;
}

img {
	vertical-align: top;
	border: none;
	max-width: 100% !important;
	height: auto !important;
}

img:not([src*="."]) {
	display: none;
}

.scale {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.scale:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

[data-element-id] .filter:before,
[data-element-id] .filterT:before,
[data-element-id] .filterR:before,
[data-element-id] .filterB:before,
[data-element-id] .filterL:before,
[data-element-id] .filterRad:before {
	display: none;
}

.filter,
.filterT,
.filterR,
.filterB,
.filterL,
.filterRad {
	position: relative;
}

.filter:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background: rgba(255, 255, 255, 0.6);
}

.filterT:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 1)), color-stop(50%, rgba(255, 255, 255, 0)));
	background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
}

.filterR:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 1)), color-stop(50%, rgba(255, 255, 255, 0)));
	background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
}

.filterB:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), color-stop(50%, rgba(255, 255, 255, 0)));
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
}

.filterL:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 1)), color-stop(50%, rgba(255, 255, 255, 0)));
	background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
}

.filterRad:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 80%);
}

.lb-outerContainer {
	width: 80% !important;
	max-width: 500px !important;
	height: auto !important;
}

.lightbox .lb-image {
	width: 100% !important;
	height: auto !important;
	border: none !important;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: initial !important;
}

.pic {
	text-align: center;
	width: 100%;
}

.pic a {
	display: block;
}

.pic img {
	width: 100%;
}

.bkimg {
	width: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.bkimg img {
	width: 100%;
	min-width: 1200px;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

[data-element-id] .fead-mv {
	opacity: 1;
}

.fead-mv {
	opacity: 0;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-ms-transition: 0.5s;
}

.mv {
	opacity: 1;
}

a {
	text-decoration: none;
	color: #000;
}

a:hover {
	opacity: 0.6;
	color: inherit;
	text-decoration: none;
	cursor: pointer
}

.tel a[href*="tel"] {
	pointer-events: none;
}

ul,
li {
	list-style: none;
	text-align: left;
	padding: 0;
	margin: 0;
}

dl,
dt,
dd {
	text-align: left;
	padding: 0;
	margin: 0;
}

p {
	text-align: left;
}

/*フレックス*/

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flexc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: justify;
	justify-content: center;
}

.flexs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.flexb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.columnreverse {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

.rowreverse {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

/*align-item*/

.itemstart {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.itemcenter {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.itemend {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

/*align-content*/

.contentstart {
	-ms-flex-line-pack: start;
	align-content: flex-start;
}

.contentcenter {
	-ms-flex-line-pack: center;
	align-content: center;
}

.contentend {
	-ms-flex-line-pack: end;
	align-content: flex-end;
}

/*align-self*/

.selfstart {
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
}

.selfcenter {
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
}

.selfend {
	-webkit-align-self: flex-end;
	-ms-flex-item-align: end;
	align-self: flex-end;
}

/* 見たまま編集バリデーション */

.flex>div[data-collection-list-content],
.flexc>div[data-collection-list-content],
.flexs>div[data-collection-list-content],
.flexb>div[data-collection-list-content] {
	width: 100%;
}

.flex>div[data-recommend-collection-list-content],
.flexc>div[data-recommend-collection-list-content],
.flexs>div[data-recommend-collection-list-content],
.flexb>div[data-recommend-collection-list-content] {
	width: 100%;
}

.flex>div[data-collection-filtered-content],
.flexc>div[data-collection-filtered-content],
.flexs>div[data-collection-filtered-content],
.flexb>div[data-collection-filtered-content] {
	width: 100%;
}

.flex>div[data-collection-archive-content],
.flexc>div[data-collection-archive-content],
.flexs>div[data-collection-archive-content],
.flexb>div[data-collection-archive-content] {
	width: 100%;
}

.flex>div[data-collection-list-content] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flexc>div[data-collection-list-content] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: justify;
	justify-content: center;
}

.flexs>div[data-collection-list-content] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.flexb>div[data-collection-list-content] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.flex>div[data-recommend-collection-list-content] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flexc>div[data-recommend-collection-list-content] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: justify;
	justify-content: center;
}

.flexs>div[data-recommend-collection-list-content] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.flexb>div[data-recommend-collection-list-content] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.flex>div[data-collection-filtered-content] {
	display: -webkit-box;
	display: -ms-flexsbox;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flexc>div[data-collection-filtered-content] {
	display: -webkit-box;
	display: -ms-flexsbox;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: justify;
	justify-content: center;
}

.flexs>div[data-collection-filtered-content] {
	display: -webkit-box;
	display: -ms-flexsbox;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.flexb>div[data-collection-filtered-content] {
	display: -webkit-box;
	display: -ms-flexsbox;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.flex>div[data-collection-archive-content] {
	display: -webkit-box;
	display: -ms-flexsbox;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flexc>div[data-collection-archive-content] {
	display: -webkit-box;
	display: -ms-flexsbox;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: justify;
	justify-content: center;
}

.flexs>div[data-collection-archive-content] {
	display: -webkit-box;
	display: -ms-flexsbox;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.flexb>div[data-collection-archive-content] {
	display: -webkit-box;
	display: -ms-flexsbox;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

[data-element-id] [class*="heightLine"] {
	height: auto !important;
}

[data-element-id] .imgalt {
	position: relative;
	color: orange;
	font-size: 14px;
	background: #333;
	padding: 2px 4px;
	text-align: left;
	max-height: 70px;
	overflow: hidden;
	z-index: 50;
}

[data-element-id] .altcolor {
	color: red;
}

[data-common-area] {
	position: relative;
}

[data-common-area]:hover:before {
	content: "共通要素です。";
	position: absolute !important;
	width: 100%;
	min-width: 200px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	bottom: 100%;
	color: #FDC44F;
	font-weight: bold;
	background: #555;
	padding: 5px;
	font-size: 12px;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

a[data-href="#"] {
	border: solid red 5px !important;
	display: block;
	position: relative !important;
	opacity: 1;
}

a[data-href="#"]:hover:before {
	content: "リンクが設定されていない可能性があります。";
	position: absolute !important;
	width: 100%;
	min-width: 200px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	bottom: 100%;
	color: red;
	font-weight: bold;
	background: #555;
	padding: 5px;
	font-size: 12px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

a[data-href*="."] {
	border: solid red 5px !important;
	display: block;
	position: relative !important;
	opacity: 1;
}

a[data-href*="."]:hover:before {
	content: "外部リンクの可能性があります。リンクが飛ばない可能性がありますので注意してください。";
	position: absolute !important;
	width: 100%;
	min-width: 200px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	bottom: 100%;
	color: red;
	font-weight: bold;
	background: #555;
	padding: 5px;
	font-size: 12px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

[data-element-id][data-uk-slideshow]:hover:before {
	content: "※こちらは見たまま編集ができません。①画像をダブルクリック、②変更（歯車マーク）、③スライドショーから編集してください。";
	display: block;
	line-height: 1.8;
	font-weight: bold;
	color: red;
	clear: both;
	background: #4c4c4c;
	padding: 5px;
	text-align: left;
	position: absolute;
	letter-spacing: 1px;
	z-index: 1000;
	font-size: 12px;
	width: 100%;
}

[data-collection-list-content]:hover:before {
	content: "※こちらは見たまま編集ができません。①ページのどこかをダブルクリック、②左下（もしくは左上）のCMSロゴをクリック、③画面右上のメニュー（三本線マーク）から「カスタムコンテンツ管理」をクリック、④編集したいカスタムコンテンツの一覧（三本線マーク）から記事投稿・記事編集ができます。";
	display: block;
	line-height: 1.8;
	font-weight: bold;
	color: red;
	clear: both;
	background: #4c4c4c;
	padding: 5px;
	text-align: left;
	position: absolute;
	letter-spacing: 1px;
	z-index: 1000;
	font-size: 12px;
	width: 100%;
}

/*カラム*/

/* ##### pcで6分割のグリッド ##### */
.gr666,
.gr665,
.gr664,
.gr663,
.gr662,
.gr661,
.gr655,
.gr654,
.gr653,
.gr652,
.gr651,
.gr644,
.gr643,
.gr642,
.gr641,
.gr633,
.gr632,
.gr631,
.gr622,
.gr621,
.gr611 {
	width: 12%;
	margin: 0 2% 6% 2%;
}

/* ##### pcで5分割のグリッド ##### */
.gr555,
.gr554,
.gr553,
.gr552,
.gr551,
.gr544,
.gr543,
.gr542,
.gr541,
.gr533,
.gr532,
.gr531,
.gr522,
.gr521,
.gr511 {
	width: 16%;
	margin: 0 2% 6% 2%;
}

/* ##### pcで4分割のグリッド ##### */
.gr444,
.gr443,
.gr442,
.gr441,
.gr433,
.gr432,
.gr431,
.gr422,
.gr421,
.gr411 {
	width: 21%;
	margin: 0 2% 6% 2%;
}

/* ##### pcで3分割のグリッド ##### */
.gr333,
.gr332,
.gr331,
.gr322,
.gr321,
.gr311 {
	width: 29%;
	margin: 0 2% 6% 2%;
}

/* ##### pcで2分割のグリッド ##### */
.gr222,
.gr221,
.gr211 {
	width: 46%;
	margin: 0 2% 6% 2%;
}

.w100 {
	width: 100%;
}

.w70 {
	width: 70%;
}

.w65 {
	width: 65%;
}

.w60 {
	width: 60%;
}

.w55 {
	width: 55%;
}

.w50 {
	width: 50%;
}

.w48 {
	width: 48%;
}

.w45 {
	width: 45%;
}

.w40 {
	width: 40%;
}

.w35 {
	width: 35%;
}

.w30 {
	width: 30%;
}

.w25 {
	width: 25%;
}

[data-element-id] #wrapper {
	opacity: 1;
	padding-top: 0 !important;
}

#wrapper {
	overflow: hidden;
}

.inner {
	width: 92%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 50px 0;
}

.subtit {
	position: relative;
	overflow: hidden;
}

.subtit h2 {
	text-align: center;
	width: 100%;
}

.subtit img {
	width: 100%;
}

.more {
	text-align: center;
	margin: 50px auto 0 auto;
	width: 80%;
	max-width: 200px;
}

.more a {
	display: block;
	background: #000;
	color: #fff;
	padding: 10px 20px;
}


@media only screen and (max-width: 1024px) {
	.bkimg {
		position: relative;
	}

	.bkimg img {
		min-width: initial !important;
	}

	h2 {
		font-size: 34px;
	}

	h3 {
		font-size: 28px;
		margin-bottom: 40px;
	}

	h4 {
		font-size: 20px;
	}

	.fs20 {
		font-size: 18px;
	}

	.fs22 {
		font-size: 20px;
	}

	.fs24 {
		font-size: 20px;
	}

	.fs26 {
		font-size: 22px;
	}

	.fs28 {
		font-size: 22px;
	}

	.fs30 {
		font-size: 24px;
	}

	.fs32 {
		font-size: 24px;
	}

	.fs34 {
		font-size: 26px;
	}

	.fs36 {
		font-size: 26px;
	}

	.fs38 {
		font-size: 28px;
	}

	.fs40 {
		font-size: 28px;
	}

	.fs42 {
		font-size: 30px;
	}

	.fs44 {
		font-size: 30px;
	}

	.fs46 {
		font-size: 32px;
	}

.tel	a[href*="tel"] {
		pointer-events: initial !important;
	}

	.flex {
		max-width: 768px;
		margin: 0 auto;
	}

	.flexc {
		max-width: 768px;
		margin: 0 auto;
	}

	.flexs {
		max-width: 768px;
		margin: 0 auto;
	}

	.flexb {
		max-width: 768px;
		margin: 0 auto;
	}

	/* カラム */

	/* ##### タブレッドで5分割のグリッド ##### */
	.gr655,
	.gr654,
	.gr653,
	.gr652,
	.gr651 {
		width: 16%;
	}

	/* ##### タブレッドで4分割のグリッド ##### */
	.gr644,
	.gr643,
	.gr642,
	.gr641,
	.gr544,
	.gr543,
	.gr542,
	.gr541 {
		width: 21%;
	}

	/* ##### タブレッドで3分割のグリッド ##### */
	.gr633,
	.gr632,
	.gr631,
	.gr533,
	.gr532,
	.gr531,
	.gr433,
	.gr432,
	.gr431 {
		width: 29%;
	}

	/* ##### タブレッドで2分割のグリッド ##### */
	.gr622,
	.gr621,
	.gr522,
	.gr521,
	.gr422,
	.gr421,
	.gr322,
	.gr321 {
		width: 46%;
	}

	/* ##### タブレッドで1分割のグリッド ##### */
	.gr611,
	.gr511,
	.gr411,
	.gr311,
	.gr211 {
		width: 96%;
	}

	.inner {
		width: 93%;
		max-width: 768px;
		padding: 40px 0;
	}

	.more {
		margin: 40px auto 0 auto;
	}
}

@media only screen and (max-width: 599px) {
	h2 {
		font-size: 28px;
	}

	h3 {
		font-size: 22px;
		margin-bottom: 30px;
	}

	h4 {
		font-size: 18px;
		margin-bottom: 20px;
	}

	h5 {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.fs18 {
		font-size: 16px;
	}

	.fs20 {
		font-size: 18px;
	}

	.fs22 {
		font-size: 18px;
	}

	.fs24 {
		font-size: 20px;
	}

	.fs26 {
		font-size: 20px;
	}

	.fs28 {
		font-size: 22px;
	}

	.fs30 {
		font-size: 22px;
	}

	.fs32 {
		font-size: 24px;
	}

	.fs34 {
		font-size: 24px;
	}

	.fs36 {
		font-size: 26px;
	}

	.fs38 {
		font-size: 26px;
	}

	.fs40 {
		font-size: 28px;
	}

	.fs42 {
		font-size: 28px;
	}

	.fs44 {
		font-size: 30px;
	}

	.fs46 {
		font-size: 32px;
	}

	.flex {
		max-width: 450px;
	}

	.flexc {
		max-width: 450px;
	}

	.flexs {
		max-width: 450px;
	}

	.flexb {
		max-width: 450px;
	}

	/* カラム */

	/* ##### スマホで5分割のグリッド ##### */
	.gr665 {
		width: 16%;
	}

	/* ##### スマホで4分割のグリッド ##### */
	.gr664,
	.gr654,
	.gr554 {
		width: 21%;
	}

	/* ##### スマホで3分割のグリッド ##### */
	.gr663,
	.gr653,
	.gr643,
	.gr633,
	.gr553,
	.gr543,
	.gr533,
	.gr443,
	.gr433 {
		width: 29%;
	}

	/* ##### スマホで2分割のグリッド ##### */
	.gr662,
	.gr652,
	.gr642,
	.gr632,
	.gr622,
	.gr552,
	.gr542,
	.gr532,
	.gr522,
	.gr442,
	.gr432,
	.gr422,
	.gr332,
	.gr322 {
		width: 46%;
	}

	/* ##### スマホで1分割のグリッド ##### */
	.gr661,
	.gr651,
	.gr641,
	.gr631,
	.gr621,
	.gr611,
	.gr551,
	.gr541,
	.gr531,
	.gr521,
	.gr511,
	.gr441,
	.gr431,
	.gr421,
	.gr411,
	.gr331,
	.gr321,
	.gr311,
	.gr221,
	.gr211 {
		width: 96%;
	}

	.w70 {
		width: 100%;
		margin: 2% 0;
	}

	.w65 {
		width: 100%;
		margin: 2% 0;
	}

	.w60 {
		width: 100%;
		margin: 2% 0;
	}

	.w55 {
		width: 100%;
		margin: 2% 0;
	}

	.w50 {
		width: 100%;
		margin: 2% 0;
	}

	.w48 {
		width: 100%;
		margin: 2% 0;
	}

	.w45 {
		width: 100%;
		margin: 2% 0;
	}

	.w40 {
		width: 100%;
		margin: 2% 0;
	}

	.w35 {
		width: 100%;
		margin: 2% 0;
	}

	.w30 {
		width: 100%;
		margin: 2% 0;
	}

	.w25 {
		width: 100%;
		margin: 2% 0;
	}

	.pic {
		width: 90%;
		margin: 0 auto;
	}

	.inner {
		width: 94%;
		max-width: 450px;
		padding: 30px 0;
	}

	.more {
		margin: 30px auto 0 auto;
	}
}

/* ハンバーガー */
#gnav {
	width: 92%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 20px 0;
}

#gnav.fixed {
	position: fixed;
	top: 0;
	background-color: #fff;
	right: 50%;
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
	z-index: 10;
	width: 100%;
	max-width: 100%;
}
[data-element-id]#gnav.fixed{
  position: relative;
}


#gnav.fixed .accordion-inner {
	width: 92%;
	max-width: 1000px;
	margin: 0 auto;
}


@media only screen and (max-width: 1024px) {
  #gnav{
    padding: 0;
  }
  
	#gnav .toggle {
		display: block !important;
		position: fixed !important;
		width: 42px;
		height: 42px;
		top: 0px;
		right: 0px;
		background: #170302;
		cursor: pointer;
		opacity: 0.8;
		z-index: 251;
	}

	#gnav .toggle .bar {
		display: block;
		background: #fff;
		height: 2px;
		width: 28px;
		text-indent: 9999px;
		padding: 0;
		top: 50%;
		left: 7px;
		margin-top: -1px;
		position: absolute;
		-webkit-transition: ease .40s;
		transition: ease .40s;
	}

	#gnav .toggle .bar:before {
		display: block;
		content: "";
		background: #fff;
		height: 2px;
		width: 28px;
		position: absolute;
		top: -10px;
		left: 0;
	}

	#gnav .toggle .bar:after {
		display: block;
		content: "";
		background: #fff;
		height: 2px;
		width: 28px;
		position: absolute;
		top: 10px;
		left: 0;
	}

	#gnav.action .toggle .bar {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	#gnav.action .toggle .bar:after,
	#gnav.action .toggle .bar:before {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		top: 0;
		left: 0;
	}

	#gnav .accordion-body {
		position: fixed !important;
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
		opacity: 0;
		-webkit-transition: height ease .1s, opacity ease .4s;
		transition: height ease .1s, opacity ease .4s;
		background: rgba(255, 255, 255, 0.8);
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		-webkit-transform: translate3d(0, 0, 0) !important;
		transform: translate3d(0, 0, 0) !important;
		z-index: -10;
	}

	#gnav.action .accordion-body {
		height: 100vh;
		opacity: 1;
		z-index: 250;
	}

	#gnav .accordion-inner {
		width: 100%;
		padding: 60px 10px 100px 10px;
	}

	#gnav li {
		display: block;
		width: 100%;
		border: none;
		border-bottom: 1px solid #ddd;
		padding: 0;
		margin: 0;
	}

	#gnav ul li a {
		display: block;
		color: #000;
		text-align: left;
		padding: 10px 15px;
		border: none;
	}

	.overlay:after {
		content: "";
		width: 100%;
		height: 100vh;
		background: #000;
		position: fixed;
		top: 0;
		left: 0;
		opacity: 0.3;
		z-index: 150;
		-webkit-transform: translate3d(0, 0, 0) !important;
		transform: translate3d(0, 0, 0) !important;
	}
}

/* メインビジュアル */

.mainimg {
	position: relative;
	overflow: hidden;
}

.mainimg img {
	width: 100%;
}

.mainimg .uk-slidenav-position {
	position: relative;
	overflow: hidden;
}

.mainimg .uk-slidenav-position:after {
	padding-top: 45%;
	content: '';
	display: block;
}

.mainimg .uk-slideshow {
	position: absolute;
	top: 0;
}

/*stylecss*/
.spdb_logo .logo a {
    display: none;
    width: 100%;
    padding: 15px;
}

.spdb_logo .logo a img {
    display: block;
    margin: 0 auto;
}

[data-element-id] .spdb_logo .logo a {
    display: block;
}
@media only screen and (max-width: 1024px) {
.spdb_logo .logo a {
    display: block;
    
}
}

#gnav li {
	display: inline-block !important;
}

#gnav li.logo {
	width: 100%;
}

#gnav li a {
	font-family: 'Cormorant Upright',
		"游明朝",
		"YuMincho",
		"ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN",
		"HG明朝",
		"Sawarabi Mincho",
		serif;
	font-size: 20px;
	font-weight: bold;
	padding: 15px 21px 15px;
	display: inline-block;
	text-align: center;
}
#gnav li.green a{
  background-color: #a1c8bd;
  color: #fff;
}
#gnav li.green a .min{
  color: #fff;
}

#gnav li.pink a{
  background-color: #e69fb3;
  color: #fff;
}
#gnav li.pink a .min{
  color: #fff;
}
#gnav .accordion-inner > div{
  display: inline-block !important;
}


#gnav li.logo a {
	display: block;
/*   width: 100%; */

}

#gnav li.logo a img {
	display: block;
	margin: 0 auto;
}

#gnav li a .min {
	color: #bbbbbb;
	font-size: 12px;
	font-weight: normal;
}

.fixbtn .contact_btn {
	position: fixed !important;
	top: 450px;
	right: -39px;
	z-index: 10;
}

.fixbtn .contact_btn.insta_btn {
	position: fixed !important;
	top: 587px;
	right: -48px;
}

.fixbtn .contact_btn a {
	font-family: 'Cormorant Upright',
		"游明朝",
		"YuMincho",
		"ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN",
		"HG明朝",
		"Sawarabi Mincho",
		serif;
	font-size: 18px;
	font-weight: bold;
	padding: 11px 30px;
	display: inline-block;
	text-align: center;
	background-color: #898989;
	color: #fff;
	letter-spacing: 1px;
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}

.fixbtn .contact_btn.insta_btn a {
	background-color: #c9c9c9;
}

@media only screen and (max-width: 1024px) {
.fixbtn .contact_btn {
	display: none;
}

.fixbtn .contact_btn.insta_btn {
	display: none;
}
#gnav .accordion-inner > div{
  display: block !important;
  margin-top: 20px;
}
#gnav .accordion-inner > div li a{
  text-align: center;
}

}

/*------------------共通パーツ--------------------------------------------*/
.ofimg img {
	-o-object-fit: cover;
	object-fit: cover;
	object-position: center;
  font-family: 'object-fit: cover; object-position: bottom;'
}

.txt {
	line-height: 200%;
}

@media only screen and (max-width: 599px) {
.sp_tal{
  text-align: left !important; 
}
}

/*heading1*/
.heading1 {
	font-size: 48px;
	color: #a1c8bd;
	font-weight: bold;
	line-height: 40px;
	margin-bottom: 20px;
	letter-spacing: 1px;
}

.heading1 .min {
	display: inline-block;
	width: 100%;
	font-size: 12px;
	color: #a3a3a3;
	line-height: 0;
	position: relative;
	text-align: left;
	overflow: hidden;
	height: 20px;
	padding-top: 20px;
}

.heading1 .min span {
	display: inline-block;
	position: relative;
	font-family: 'Cormorant Upright',
		"游明朝",
		"YuMincho",
		"ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN",
		"HG明朝",
		"Sawarabi Mincho",
		serif;
}

.heading1 .min:before {
	border-top: 1px solid #a1c8bd;
	content: "";
	position: absolute;
	top: 50%;
	width: 99em;
	left: 35%;
}

@media only screen and (max-width: 1024px) {
  .heading1{
   font-size: 32px;
    line-height: 18px;
  }
	.heading1 .min:before {
		left: 55%;
	}
}

@media only screen and (max-width: 599px) {
	.heading1 .min:before {
		left: 65%;
	}
}



/*heading2*/
.heading2 {
	font-size: 48px;
	color: #a1c8bd;
	font-weight: bold;
	line-height: 40px;
	margin-bottom: 20px;
	letter-spacing: 1px;
}

.heading2 .min {
	display: inline-block;
	width: 100%;
	font-size: 12px;
	color: #a3a3a3;
	line-height: 0;
	position: relative;
	text-align: left;
	overflow: hidden;
	height: 20px;
	padding-top: 20px;
}

.heading2 .min span {
	display: inline-block;
	position: relative;
}

.heading2 .min:before {
	border-top: 1px solid #a0a0a0;
	content: "";
	position: absolute;
	bottom: 10%;
	width: 99em;
	right: -50px;
}
@media only screen and (max-width: 599px) {
.heading2{
     font-size: 32px;
    line-height: 14px;
    margin-top: 20px;
}
}

/*heading3*/
.heading3 {
	font-size: 40px;
	color: #c0baab;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 20px;
	text-align: center;
	letter-spacing: 1px;
}
.heading3 a{
  	color: #c0baab;
}

.heading3 .min {
	display: inline-block;
	width: 100%;
	font-size: 12px;
	color: #a3a3a3;
	line-height: 0;
	position: relative;
	text-align: center;
	height: 20px;
	padding-top: 20px;
}
@media only screen and (max-width: 599px) {
.heading3{
     font-size: 32px;
    line-height: 14px;
}
}

/*heading4*/
.heading4 {
	font-size: 48px;
	color: #a1c8bd;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 20px;
	letter-spacing: 1px;
	text-align: center;
}

.heading4 .min {
	display: inline-block;
	width: 100%;
	font-size: 12px;
	color: #a3a3a3;
	line-height: 0;
	position: relative;
	text-align: center;
}
@media only screen and (max-width: 599px) {
.heading4{
     font-size: 32px;
    line-height: 24px;
}
}

/*heading5*/
.heading5 {
	font-size: 36px;
	color: #fff;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 20px;
	letter-spacing: 1px;
}

.heading5 .min {
	display: inline-block;
	width: 100%;
	font-size: 12px;
	color: #fff;
	line-height: 0;
	position: relative;
	height: 20px;
	padding-top: 20px;
}

@media only screen and (max-width: 599px) {
.heading5{
     font-size: 30px;
    line-height: 27px;
}
}

/*heading6*/
.heading6 {
	text-align: center;
	line-height: 30px;
	margin-top: 60px;
}

.heading6 .en {
	display: inline-block;
	font-size: 48px;
	color: #a1c8bd;
	font-weight: bold;
	line-height: 10px;
	margin-bottom: 20px;
	letter-spacing: 1px;
	text-align: center;
	position: relative;
}

.heading6 .en:before {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/message/img04.png) center center no-repeat;
	background-size: contain;
	width: 80px;
	height: 30px;
	position: absolute;
	left: -120px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.heading6 .en:after {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/message/img05.png) center center no-repeat;
	background-size: contain;
	width: 80px;
	height: 30px;
	position: absolute;
	right: -120px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);

}

.heading6 .min {
	display: inline-block;
	width: 100%;
	font-size: 12px;
	color: #a3a3a3;
	line-height: 0;
	position: relative;
	text-align: center;
}



@media only screen and (max-width: 599px) {
	.heading6 .en {
		font-size: 32px;
		padding-right: 50px;
		padding-left: 50px;
		line-height: 34px;
	}

	.heading6 .en:before,
	.heading6 .en:after {
		width: 45px;
		height: 30px;
	}

	.heading6 .en:before {
		left: -0px;

	}

	.heading6 .en:after {
		right: -0px;

	}

	.heading6 {
		margin-top: 10px;
	}

}

/*morebtn*/
.more {
	margin-top: 20px;
}

.more a {
	background-color: transparent;
	color: #c7ab67;
	position: relative;
	font-size: 20px;
}

.more a:before {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/index/img37.png) center center no-repeat;
	background-size: contain;
	width: 40px;
	height: 15px;
	position: absolute;
	left: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.more a:after {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/index/img36.png) center center no-repeat;
	background-size: contain;
	width: 40px;
	height: 15px;
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/*more left_more*/
.more.left_more {
	margin-left: 0;
}

.frame1 {
	position: relative;
}

.frame1:before {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/index/img35.png) center center no-repeat;
	background-size: contain;
	width: 136px;
	height: 143px;
	position: absolute;
	left: 0px;
	bottom: 0;
	z-index: 1
}

.frame1:after {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/index/img32.png) center center no-repeat;
	background-size: contain;
	width: 136px;
	height: 143px;
	position: absolute;
	right: 0px;
	top: 0;
	z-index: 1
}

@media only screen and (max-width: 1024px) {
	.frame1:before {
		height: 70px;
		width: 65px;
		position: absolute;
	}

	.frame1:after {
		height: 70px;
		width: 65px;
	}

}

/*border_inpic*/
.border_inpic .trimmingInner {
	position: relative;
}

.border_inpic .trimmingInner:before {
	content: "";
	display: block;
	position: absolute;
	top: 20px;
	left: 20px;
	right: 20px;
	bottom: 20px;
	border: 1px solid white;
	border-width: 1px 1px;
	z-index: 1;

}

/*commonlayout1*/
.commonlayout1 {
	background: url(/import/tenant_2/133.167.75.240/html/images/index/pattern_01.png);
}

.commonlayout1 .pic {
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid #c2bcae;
}

.commonlayout1 h2 {
	margin-bottom: 60px;
}

.goldframe {
	position: relative;
	margin-bottom: 50px;
}

.goldframe:before {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/index/img26.png) center center no-repeat;
	background-size: contain;
	width: 80px;
	height: 25px;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: -20px;
	z-index: 2
}

.goldframe:after {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/index/img25.png) center center no-repeat;
	background-size: contain;
	width: 80px;
	height: 25px;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: -20px;
	z-index: 2
}

/*commonlayout-staff*/
.commonlayout-staff ul {
	margin-top: 60px;
}

.commonlayout-staff li {
	width: 23%;
	margin: 0 1% 6% 1%;
}


.commonlayout-staff .goldframe:before {
	top: -24px;
}

.commonlayout-staff .goldframe:after {
	bottom: -24px;
}

.commonlayout-staff li .pic {
	border: 1px solid #c0baab;
	margin-bottom: 30px;
}

.commonlayout-staff .position {
	display: block;
	border-bottom: 1px solid #c0baab;
	text-align: center;
	width: 100%;
	font-size: 24px;
	padding-bottom: 15px;
	color: #c0baab;
	font-weight: bold;
}

.commonlayout-staff .tit a {
	display: block;
	text-align: center;
	width: 100%;
	font-size: 30px;
	padding-bottom: 15px;
	color: #c0baab;
	line-height: 27px;
	margin-top: 20px;
}

.commonlayout-staff .tit a span{
  display: block
}

.commonlayout-staff .tit a .ja {
	font-size: 16px;
	color: rgba(130, 130, 130, 255);
	text-align: center;
}


@media only screen and (max-width: 599px) {
	.commonlayout-staff li {
		width: 48%;
	}
}

/*commonlayout2*/
.commonlayout2 .bkimg_fit img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.3;
	width: 100%;
	max-height: 600px;
}

.commonlayout2 .inner {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 1;
	padding: 100px 0;
}

.commonlayout2 h2 {
	margin-bottom: 50px;
}

.commonlayout2 .txtbox {
	text-align: center;
}

.commonlayout2.frame1:after {
	background: url(/import/tenant_2/133.167.75.240/html/images/index/img34.png) center center no-repeat;
	background-size: contain;
}

.commonlayout2.frame1:before {
	background: url(/import/tenant_2/133.167.75.240/html/images/index/img33.png) center center no-repeat;
	background-size: contain;
}

.bg_beige {
	background-color: #f4f1ea;
}

.bg_green {
	background-color: #e9f3f0;
}

.bg_lightgray {
	background-color: #eeeeee;
}

/*more_pink*/
.more_pink a,
.more_pink button {
	display: block;
	background: #e69fb3;
	color: #fff;
	padding: 15px 35px;
	font-family: 'Cormorant Upright',
		"游明朝",
		"YuMincho",
		"ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN",
		"HG明朝",
		"Sawarabi Mincho",
		serif;
	font-size: 20px;
	letter-spacing: 1px;
	font-weight: bold;
	border: 0px;
	position: relative;
	z-index: 3;
}

.more_pink {
	text-align: center;
	margin: 50px auto 0 auto;
	width: 80%;
	max-width: 200px;
}

/*common_w50_rl*/
.common_w50_rl .tit {
	font-size: 20px;
	color: rgba(130, 130, 130, 255);
	font-weight: bold;
	padding-top: 30px;
	margin-bottom: 20px;
}

.common_w50_rl .txt {
	color: rgba(130, 130, 130, 255);
}

.common_w50_rl li:nth-of-type(odd) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.common_w50_rl li {
	margin-bottom: 60px;
}

.back {
	text-align: center;
	margin: 60px auto 0 auto;
	width: 80%;
	max-width: 200px;
}

.back a {
	background-color: transparent;
	color: rgba(108, 108, 108, 255);
	position: relative;
	font-size: 20px;
	padding: 10px 20px;
	display: block;
}

.back a:before {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/gallery_detail/img09.png) center center no-repeat;
	background-size: contain;
	width: 40px;
	height: 15px;
	position: absolute;
	left: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.back a:after {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/gallery_detail/img08.png) center center no-repeat;
	background-size: contain;
	width: 40px;
	height: 15px;
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/*pagenav*/
.pagenav ul {
	margin: 0px auto;
	padding: 20px 0;
	text-align: center;
}

.pagenav li {
	display: inline-block;
	margin: 5px 1px;
	vertical-align: middle;
}

.pagenav li a {
	display: block;
	font-size: 24px;
	padding: 0px 8px 5px;
	font-weight: bold;
	color: rgba(130, 130, 130, 255);
	font-family: 'Cormorant Upright',
		"游明朝",
		"YuMincho",
		"ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN",
		"HG明朝",
		"Sawarabi Mincho",
		serif;
}

.pagenav li.st a {
	background-color: #c7ab67;
	color: #fff;
}

.pagenav li.prev,
.pagenav li.next {
	padding-top: 15px;
}



/*------------------共通パーツここまで----------------------------------------*/
/*home-about*/
.home-about {
	position: relative;
}

.home-about .inner {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 1;
}

.home-about .bkimg_fit img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.3;
	width: 100%;
	max-height: 600px;
}

.home-about .right {
	margin-right: 0;
	margin-left: auto;
}

.home-about .bkimg_fit {
	position: relative;
	overflow: hidden;
}

.home-about .bkimg_fit img {
	position: absolute;
	top: 0;

}

.home-about .bkimg_fit:after {
	display: block;
	content: "";
	padding-top: 500px;
}


@media only screen and (max-width: 1024px) {
	.home-about .bkimg_fit img {
		height: 100% !important;
	}
	
	.home-about .bkimg_fit:after {
	display: block;
	content: "";
	padding-top: 600px;
}

.home-about .bkimg_fit img {
	max-height: 600px;
}
}

/*home-hair*/
.home-hair li {
	margin-bottom: 60px;
}
.home-hair li .pic{
  background: #000;
}
.home-hair li .pic img{
  opacity: 0.7;
}

.home-hair li:nth-last-of-type(even) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.home-hair li:nth-last-of-type(even) h2 {
	text-align: right
}

.home-hair li:nth-last-of-type(even) h2 .min {
	text-align: right
}

.home-hair li:nth-last-of-type(even) .more {
	margin-right: 0;
	margin-left: auto;
}
@media only screen and (max-width: 599px) {
	.more.left_more,.home-hair li:nth-last-of-type(even) .more{
	  margin-left:auto;
	  margin-right:auto;
	}
	.home-hair li:nth-last-of-type(even) h2 {
	text-align: left
}

.home-hair li:nth-last-of-type(even) h2 .min {
	text-align: left
}
	
}

.home-plan1 li .goldframe {
	max-width: 320px;
	margin: 0 auto 50px;
}
@media only screen and (max-width: 599px) {
.home-plan1 li{
  margin-bottom: 10%;
  margin-top: 8%;
}
}

.home-plan2 .planconts li {
	position: relative;
	background-color: #9c9483;

}

.home-plan2 .planconts li .txtbox {
	position: absolute;
	height: 100%;
	z-index: 1;
	color: #fff;
	padding: 30px;
	overflow: auto;
}

.home-plan2 .planconts h3,
.home-plan2 .planconts .txt {
	color: #fff;
}

.home-plan2 .planconts li img {
	opacity: 0.2
}

.home-plan2 .planconts li:before {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/index/img30.png) center center no-repeat;
	background-size: contain;
	width: 202px;
	height: 124px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2
}

.home-plan2 .planconts li:after {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/index/img29.png) center center no-repeat;
	background-size: contain;
	width: 202px;
	height: 124px;
	position: absolute;
	right: 0;
	top: 0px;
	z-index: 2
}

/*
.home-plan2 .bkimg_fit {
    position: relative;
    overflow: hidden;
}

.home-plan2 .bkimg_fit img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.3;
    width: 100%;
    max-height: 100%;
}

.home-plan2 .bkimg_fit img {
    position: absolute;
    top: 0;
    left: 0;
}

.home-plan2 .bkimg_fit:after {
    display: block;
    content: "";
    padding-top: 100%;
}
*/

.home-plan2 .price {
	font-size: 40px;
	font-family: 'Cormorant Upright',
		"游明朝",
		"YuMincho",
		"ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN",
		"HG明朝",
		"Sawarabi Mincho",
		serif;
	color: #fff;
	text-align: right;
	/*	position: absolute;*/
	bottom: 10px;
	right: 30px;
}
@media only screen and (max-width: 599px) {
.home-plan2 .planconts li .txtbox{
  padding: 20px;
}
.home-plan2 .price{
  font-size: 30px;
}
}

.home-blog .left {
	width: 25%;
}

.home-blog .right {
	width: 70%;
}

.home-blog .day {
	font-size: 18px;
	font-family: 'Cormorant Upright',
		"游明朝",
		"YuMincho",
		"ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN",
		"HG明朝",
		"Sawarabi Mincho",
		serif;
	color: rgba(163, 163, 163, 255);
	margin-bottom: 10px;
	display: inline-block;
}

.home-blog .cate {
	padding-left: 15px;
	font-size: 12px;
	color: rgba(187, 198, 195, 255);
	position: relative;
	display: block;
	/*	width: 100%;*/
	display: inline-block;
	font-weight: bold;
}

.home-blog .cate:before {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/index/img27.png) center center no-repeat;
	background-size: contain;
	width: 15px;
	height: 15px;
	position: absolute;
	left: -3px;
	top: 5px;
	z-index: 2;
}

.home-blog .tit a {
	font-size: 18px;
	color: rgba(130, 130, 130, 255);
	font-weight: bold;
}

.home-blog .kizilist {
	margin: 40px 0;
}

.home-blog.home-news .right{
  width: 100%;
}

.home-gallery li {
	margin-bottom: 10px;
}

.home-voice li {
	position: relative;
	margin-bottom: 0;
}

.home-voice .time {
	width: 70px;
	position: relative;
}

.home-voice .year {
	font-size: 16px;
	font-family: 'Cormorant Upright',
		"游明朝",
		"YuMincho",
		"ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN",
		"HG明朝",
		"Sawarabi Mincho",
		serif;
	display: block;
	width: 100%;
	text-align: center;
	color: rgba(192, 186, 171, 255);
}

.home-voice .day {
	font-size: 20px;
	font-family: 'Cormorant Upright',
		"游明朝",
		"YuMincho",
		"ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN",
		"HG明朝",
		"Sawarabi Mincho",
		serif;
	display: block;
	width: 100%;
	text-align: center;
	color: rgba(192, 186, 171, 255);
}

.home-voice .time:before {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/index/img38.png) center center no-repeat;
	background-size: contain;
	width: 71px;
	height: 31px;
	position: absolute;
	left: 0;
	bottom: -20px;
	z-index: 2;
}

.home-voice .cate {
	padding-left: 15px;
	font-size: 12px;
	color: rgba(187, 198, 195, 255);
	position: relative;
	display: block;
	width: 100%;
	display: inline-block;
	font-weight: bold;
	margin-top: 15px;
}

.home-voice .cate:before {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/index/img27.png) center center no-repeat;
	background-size: contain;
	width: 15px;
	height: 15px;
	position: absolute;
	left: -3px;
	top: 2px;
	z-index: 2;
}

.home-voice .tit {
	margin-top: 0px;
}

.home-voice .tit a {
	color: rgba(130, 130, 130, 255);
	font-size: 18px;
	padding-left: 15px;
}

@media only screen and (max-width: 599px) {
	.home-voice .cate {
		width: 90%;
	}
}

.home-recruit .bkimg_fit {
	position: relative;
	overflow: hidden;
}

.home-recruit .bkimg_fit img {
	position: absolute;
	top: 0;

}

.home-recruit .bkimg_fit:after {
	display: block;
	content: "";
	padding-top: 380px;
}

@media only screen and (max-width: 1024px) {

	.home-recruit .bkimg_fit img {
		height: 100% !important;
	}
}

/*home-access*/
.home-access .pic {
	background-color: #9c9483;
}

.home-access .pic {
	position: relative;
	overflow: hidden;
}

.home-access .pic img {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.2;
}

.home-access .pic:after {
	display: block;
	content: "";
	padding-top: 133px;
}

.home-access .bnrpic {
	position: relative;
	margin-bottom: 40px;
}

.home-access .bnrpic .tit {
	position: absolute;
	top: 40px;
	width: 100%;
	text-align: center;
}

.home-access .table dt {
	width: 15%;
	color: rgba(192, 186, 171, 255);
	font-weight: bold;
}

.home-access .table dd {
	width: 80%;
	color: rgba(130, 130, 130, 255);
}

.home-access .table dd.tel a,.home-access .table dd span.tel a {
	font-size: 24px;
	color: rgba(230, 159, 179, 255);

}

.home-access .table dl {
	margin-bottom: 15px;
}

.home-access .map {
	margin-bottom: 60px;
}

.home-access .map:after {
	padding-top: 70%;
}

.home-access .bnrpic:before {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/index/img33.png) center center no-repeat;
	background-size: contain;
	width: 81px;
	height: 71px;
	position: absolute;
	left: 0px;
	bottom: 0;
	z-index: 2;
}

.home-access .bnrpic:after {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/index/img34.png) center center no-repeat;
	background-size: contain;
	width: 81px;
	height: 71px;
	position: absolute;
	right: 0px;
	top: 0;
	z-index: 2;
}


@media only screen and (max-width: 1024px) {

	.home-access .pic img {
		height: 100% !important;
		width: 100%;
	}

	.home-access .bnrpic:after {
		width: 47px;
		height: 50px;
	}

	.home-access .bnrpic:before {
		width: 47px;
		height: 50px;
	}
}

@media only screen and (max-width: 599px) {
	.home-access .pic {
		width: 100%;
	}

	.home-access .table dt,
	.home-access .table dd {
		width: 100%;
	}

	.home-access .table dt {
		padding-bottom: 5px;
	}
}


/**/
.home-contact.commonlayout2 .bkimg_fit img {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	filter: grayscale(0%);
}

.home-contact .bkimg_fit {
	position: relative;
	overflow: hidden;
}

.home-contact .bkimg_fit img {
	position: absolute;
	top: 0;

}

.home-contact .bkimg_fit:after {
	display: block;
	content: "";
	padding-top: 380px;
}

#footer {
	background-color: #b2c4bf;
	padding: 30px;
	margin-top: 8vw;
}

.pb_8{
  padding-bottom: 80px;
}

@media only screen and (max-width: 1024px) {
.pb_8{
  padding-bottom: 8vw;
}
}


.f_mt0 #footer {
	margin-top: 0vw;
}

#footer .nav_txt {
	padding-left: 30px;
	text-align: left;
	position: relative;
	font-size: 22px;
	color: rgba(238, 234, 225, 255);
	font-family: 'Cormorant Upright',
		"游明朝",
		"YuMincho",
		"ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN",
		"HG明朝",
		"Sawarabi Mincho",
		serif;
}

#footer .nav_txt:before {
	position: absolute;
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/index/img24.png) center center no-repeat;
	background-size: contain;
	width: 20px;
	height: 17px;
	position: absolute;
	left: 0px;
	top: 6px;
	z-index: 0;
}

.footnav_list {
	padding-left: 30px;
	font-family: 'Cormorant Upright',
		"游明朝",
		"YuMincho",
		"ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN",
		"HG明朝",
		"Sawarabi Mincho",
		serif;
}

.footnav_list a {
	color: rgba(255, 255, 255, 255);
	font-family: 'Cormorant Upright',
		"游明朝",
		"YuMincho",
		"ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN",
		"HG明朝",
		"Sawarabi Mincho",
		serif;
	font-size: 18px;
}

.footnav_list a .min {
	color: rgba(238, 234, 225, 255);
	font-family: 'Cormorant Upright',
		"游明朝",
		"YuMincho",
		"ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN",
		"HG明朝",
		"Sawarabi Mincho",
		serif;
	font-size: 12px;
	padding-left: 15px;
}

.copy {
	padding-top: 30px;
	text-align: center;
	color: #fff;
}

#footer .inner {
	padding-bottom: 0;
}

/*under_tit*/
.under_tit {
	background: url(/import/tenant_2/133.167.75.240/html/images/index/pattern_02.png);
	position: relative;

}

.under_tit:before {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/index/img33.png) center center no-repeat;
	background-size: contain;
	width: 136px;
	height: 143px;
	position: absolute;
	left: 0px;
	bottom: 0;
	z-index: 2;
}

.under_tit:after {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/index/img34.png) center center no-repeat;
	background-size: contain;
	width: 136px;
	height: 143px;
	position: absolute;
	right: 0px;
	top: 0;
	z-index: 2;
}

.under_tit .tit {
	font-size: 64px;
	color: rgba(192, 186, 171, 255);
	font-weight: bold;
	line-height: 50px;
	margin-bottom: 20px;
	letter-spacing: 1px;
	text-align: center;
	margin-top: 20px;
}

.under_tit .tit .min {
	display: inline-block;
	width: 100%;
	font-size: 12px;
	color: rgba(192, 186, 171, 255);
	line-height: 0;
	position: relative;
	text-align: left;
	overflow: hidden;
	height: 20px;
	padding-top: 20px;
	text-align: center;
}

@media only screen and (max-width: 1024px) {

	.under_tit:after,
	.under_tit:before {
		width: 86px;
		height: 93px;
	}
}

@media only screen and (max-width: 599px) {
	.under_tit .tit {
		font-size: 44px;
	}

	.under_tit:after,
	.under_tit:before {
		width: 66px;
		height: 67px;
	}
}


.pankuzu .inner {
	padding: 10px 0 20px;
}

@media only screen and (max-width: 599px) {
.pankuzu .inner {
	padding: 10px 0 10px;
}
}

.pankuzu li {
	display: inline-block !important;
	font-size: 14px;
	font-family: 'Cormorant Upright',
		"游明朝",
		"YuMincho",
		"ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN",
		"HG明朝",
		"Sawarabi Mincho",
		serif;
	color: rgba(199, 171, 103, 255);
	font-weight: bold;
}

.pankuzu li a {
	font-family: 'Cormorant Upright',
		"游明朝",
		"YuMincho",
		"ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN",
		"HG明朝",
		"Sawarabi Mincho",
		serif;
	font-size: 14px;
	color: rgba(130, 130, 130, 255);
	font-weight: bold;
}

.pankuzu li+li:before {
	content: "-";
	display: inline-block !important;
	margin: 0 0.5em;
}

.message2 .txt {
	padding: 30px 10px 35px
}

.message2 {
	padding-top: 20px;
	padding-bottom: 60px;
}

.Information2 .home-access {
	margin-top: 50px;
}

.Information2 .map:after {
	padding-top: 25%;
}

.Information3 dt {
	width: 90%;
	margin-left: 10%;
	position: relative;
	margin-bottom: 30px;
}
.Information3 dd {
	display: none;
	margin-bottom: 50px;
}

[data-element-id].Information3 dd {
	display: block !important;
}

.Information3 dt:before {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/information/img00.png) center center no-repeat;
	background-size: contain;
	width: 74px;
	height: 57px;
	position: absolute;
	left: -94px;
	top: -12px;
	z-index: 2;
}

.Information3 dt .q {
	position: relative;
	border-bottom: 1px solid #d4d1c8;
	display: block;
	padding: 10px;
	padding-left: 60px;
	padding-bottom: 20px;
	font-size: 20px;
	color: rgba(130, 130, 130, 255);
	-webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    cursor: pointer;
}

.Information3 dt .q:before {
	content: "Q";
	display: block;
	font-size: 48px;
	position: absolute;
	color: rgba(184, 178, 164, 255);
	left: 3px;
	top: 4px;
	z-index: 2;
}

.Information3 dt .q:after {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/information/img01.png) center center no-repeat;
	background-size: contain;
	width: 30px;
	height: 15px;
	position: absolute;
	right: 10px;
	top: 19px;
	z-index: 2;
	-webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.Information3 dt.active .q:after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 35%;
}

@media only screen and (max-width: 599px) {
	.Information3 dt:before {
		width: 34px;
		height: 57px;
		left: -35px;
		top: -7px;
		z-index: 2;
	}

	.Information3 dt .q:before {
		font-size: 30px;
		left: 3px;
		top: 4px;
		z-index: 2;
	}

	.Information3 dt .q {
		padding: 10px;
		padding-left: 43px;
		padding-bottom: 10px;
		font-size: 20px;
	}

	.Information2 .map:after {
		padding-top: 70%;
	}
}


/*common_menu1*/
.common_menu1 .tit {
	font-size: 36px;
	border-bottom: 1px solid rgba(192, 186, 171, 255);
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.common_menu1 .tit .min {
	padding-left: 40px;
	font-size: 12px;
	display: inline;
}


@media only screen and (max-width: 599px) {
	.common_menu1 .tit {
		font-size: 26px;
		padding-bottom: 5px;
		line-height: 28px;
		padding-top: 20px;
	}
}

.common_menu1 .txt {
	margin-bottom: 30px;
}

.common_menu1 dl {
	margin-bottom: 20px;
}

.common_menu1 dt {
	font-size: 16px;
	color: rgba(130, 130, 130, 255);
	width: 100%;
	font-weight: bold;
}

.common_menu1 dd {
	font-size: 24px;
	color: rgba(192, 186, 171, 255);
	font-family: 'Cormorant Upright',
		"游明朝",
		"YuMincho",
		"ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN",
		"HG明朝",
		"Sawarabi Mincho",
		serif;
	text-align: right;
	width: 100%;
}

/*common_menu2*/
.common_menu2 .tit {
	font-size: 36px;
	border-bottom: 1px solid rgba(192, 186, 171, 255);
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.common_menu2 .tit .min {
	padding-left: 40px;
	font-size: 12px;
	display: inline;
}

@media only screen and (max-width: 599px) {
	.common_menu2 .tit {
		font-size: 26px;
		padding-bottom: 5px;
		line-height: 28px;
		padding-top: 20px;
	}

	.common_menu1 .tit .min,
	.common_menu2 .tit .min {
		padding-left: 0;
		width: 100%;
		display: block;
	}
}

.common_menu2 .smalltit {
	font-size: 22px;
	color: rgba(192, 186, 171, 255);
	margin-top: 20px;
}

.common_menu2 .txt {
	margin-bottom: 30px;
}

.common_menu2 dl {
	margin-bottom: 20px;
}
.common_menu2 dl dd{
  position: relative;
}
.Menu1 dl dd{
  position: relative
}
.Menu1 dl dd .sub_menu_tit{
  color: #b9b8b8;
  font-size: 14px;
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
  position: absolute;
  display: block;
  width: 100%;
  top:50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  text-align: left
}

@media only screen and (max-width: 599px) {
.Menu1 dl dd .sub_menu_tit{
  margin-top: 16px;
  position: relative;
  display: block;
  width: 100%;
  top:auto;
  -webkit-transform: translateY(auto);
  -ms-transform: translateY(auto);
  transform: translateY(auto);
  left: 0;
  text-align: left;
  line-height: 100%;
} 
}

.common_menu2 dt {
	font-size: 16px;
	color: rgba(130, 130, 130, 255);
	width: 100%;
	font-weight: bold;
}

.common_menu2 dd {
	font-size: 24px;
	color: rgba(192, 186, 171, 255);
	font-family: 'Cormorant Upright',
		"游明朝",
		"YuMincho",
		"ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN",
		"HG明朝",
		"Sawarabi Mincho",
		serif;
	text-align: right;
	width: 100%;
}

/*menu_checklist*/
.menu_checklist {
	position: relative;
}

.menu_checklist:before {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/menu/img19.png) center center no-repeat;
	background-size: contain;
	width: 60px;
	height: 60px;
	position: absolute;
	left: 0px;
	top: 10px;
	z-index: 2;
}

.menu_checklist:after {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/menu/img18.png) center center no-repeat;
	background-size: contain;
	width: 60px;
	height: 60px;
	position: absolute;
	right: 0px;
	top: 10px;
	z-index: 2;
}

.menu_checklist h4 {
	font-size: 24px;
	color: rgba(192, 186, 171, 255);
	text-align: center;
	margin-top: 40px;
	padding-top: 50px;
	margin-bottom: 25px;
}

.menu_checklist .checklist {
	margin-top: 30px;
}

.menu_checklist .checklist li {
	padding-left: 30px;
	position: relative;
	color: rgba(163, 163, 163, 255);
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

.menu_checklist .checklist li:before {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/menu/img20.png) center center no-repeat;
	background-size: contain;
	width: 20px;
	height: 20px;
	position: absolute;
	left: -3px;
	top: 3px;
	z-index: 2;
}

.menu3 .ul .common_menu1:nth-of-type(even) .row {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

/*flowlist*/
.flowlist h4 {
	text-align: center;
	line-height: 30px;
	margin-top: 60px;
}

.flowlist h4 .en {
	display: inline-block;
	font-size: 36px;
	color: rgba(192, 186, 171, 255);
	font-weight: bold;
	line-height: 10px;
	margin-bottom: 20px;
	letter-spacing: 1px;
	text-align: center;
	position: relative;
}

.flowlist h4 .min {
	display: inline-block;
	width: 100%;
	font-size: 12px;
	color: #a3a3a3;
	line-height: 0;
	position: relative;
	text-align: center;
}

.flowlist h4 .en:before {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/menu/img21.png) center center no-repeat;
	background-size: contain;
	width: 74px;
	height: 57px;
	position: absolute;
	left: -120px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.flowlist h4 .en:after {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/menu/img22.png) center center no-repeat;
	background-size: contain;
	width: 74px;
	height: 57px;
	position: absolute;
	right: -120px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media only screen and (max-width: 599px) {
.flowlist h4 .en:before {
	width: 40px;
	left: 5px;
}

.flowlist h4 .en:after {
	width: 40px;
	right: 5px;
}
.flowlist h4 .en{
  padding-right: 50px;
  padding-left: 50px;
  font-size: 30px;
  line-height: 21px;
}

}

.flowlist li dt {
	font-size: 24px;
	color: rgba(192, 186, 171, 255);
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}

.flowlist li {
	position: relative;
	padding-bottom: 50px;
}

.flowlist li:before {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/menu/arrow.png) center center no-repeat;
	background-size: contain;
	width: 30px;
	height: 15px;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 20px;
	z-index: 2;
}

.flowlist li:last-of-type:before {
	display: none;
}

.timingwrap {
	background-color: #fff;
	padding: 30px;
}

.timingwrap .tit {
	font-size: 36px;
	color: rgba(130, 130, 130, 255);
	font-family: 'Cormorant Upright',
		"游明朝",
		"YuMincho",
		"ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN",
		"HG明朝",
		"Sawarabi Mincho",
		serif;
	text-align: center;
	width: 100%;
	margin-bottom: 40px;
	line-height: 30px;
}

.timingwrap .tit .min {
	font-size: 12px;
	color: rgba(163, 163, 163, 255);
	font-family: 'Cormorant Upright',
		"游明朝",
		"YuMincho",
		"ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN",
		"HG明朝",
		"Sawarabi Mincho",
		serif;
	text-align: center;
	width: 100%;
}

.timingwrap dt {
	font-size: 20px;
	color: rgba(192, 186, 171, 255);
	font-weight: bold;
	margin-bottom: 15px;
}

.timingwrap dd {
	font-size: 16px;
	color: rgba(130, 130, 130, 255);
}

.timingwrap dl {
	margin-bottom: 40px;
}

.bnrlist li .tit {
	font-family: 'Cormorant Upright',
		"游明朝",
		"YuMincho",
		"ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN",
		"HG明朝",
		"Sawarabi Mincho",
		serif;
	font-size: 30px;
	color: #fff;
	margin-bottom: 20px;
	display: block;
	font-weight: bold;
	letter-spacing: 1px;
}

.bnrlist li .text .txt {
	font-size: 14px;
	color: #fff;
}

.bnrlist li .text {
	padding-top: 60px;
	text-align: center;
}

.bnrlist li {
	position: relative;
}

.bnrlist li:before {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/menu/img24.png) center center no-repeat;
	background-size: contain;
	width: 86px;
	height: 58px;
	position: absolute;
	left: 0%;
	bottom: 0px;
	z-index: 2;
}

.bnrlist li:after {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/menu/img23.png) center center no-repeat;
	background-size: contain;
	width: 86px;
	height: 58px;
	position: absolute;
	right: 0%;
	top: 0;
	z-index: 2;
}

.bnrlist li .text {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
}

.bnrlist li .pic {
	background-color: #9c9483;
	width: 100%;
}

.bnrlist li .pic img {
	opacity: 0.4;
}
@media only screen and (max-width: 599px) {
.bnrlist li .text{
  padding-top: 15px;
}
.bnrlist li .tit{
  font-size: 24px;
  margin-bottom: 6px;
}
.bnrlist li .text .txt{
  font-size: 12px;
  line-height: 160%;
}
}

/*Hair set*/

.hair-stylelist dt {
	font-size: 18px;
	color: rgba(130, 130, 130, 255);
	margin-bottom: 10px;
	font-weight: bold;
}

.goldframe_top {
	position: relative;
	margin-bottom: 15px;
}

.goldframe_top:before {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/index/img26.png) center center no-repeat;
	background-size: contain;
	width: 80px;
	height: 25px;
	position: absolute;
	right: 50%;
	-webkit-transform: translateX(57%);
	transform: translateX(57%);
	top: -24px;
	z-index: 2;
}

.goldframe_top .pic {
	border: 2px solid #b8b2a4;
}

.menu_option h4.tit {
	font-size: 30px;
	color: rgba(192, 186, 171, 255);
	font-family: 'Cormorant Upright',
		"游明朝",
		"YuMincho",
		"ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN",
		"HG明朝",
		"Sawarabi Mincho",
		serif;
	text-align: center;
	padding-bottom: 0px;
	margin-bottom: 25px;
	border-bottom: 1px solid rgba(192, 186, 171, 255);
	letter-spacing: 1px;
}

.menu_option dt {
	font-size: 16px;
	color: rgba(130, 130, 130, 255);
	width: 100%;
	font-weight: bold;
}

.menu_option dd {
	font-size: 24px;
	color: rgba(192, 186, 171, 255);
	font-family: 'Cormorant Upright', "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
	text-align: right;
	width: 100%;
}

/*Hedaspa*/
.Hedaspa4 h4 {
	font-size: 18px;
	margin-bottom: 10px;
}

.Hedaspa4 li {
	margin-bottom: 50px;
}

.Hedaspa5 .flowlist li dt {
	color: #a1c8bd;
}

.Hedaspa5 .flowlist li:before {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/head-spa/arrow.png) center center no-repeat;
	background-size: contain;
}

/*Petitphoto*/
.Petitphoto2 .flowlist li dt {
	color: #a1c8bd;
}

.Petitphoto2 .flowlist li:before {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/head-spa/arrow.png) center center no-repeat;
	background-size: contain;
}

.Petitphoto4 dt {
	font-size: 18px;
	color: rgba(130, 130, 130, 255);
	font-weight: bold;
	margin-bottom: 20px;
}

.Petitphoto4 dd {
	color: rgba(130, 130, 130, 255);
}

.Petitphoto4 dl {
	margin-bottom: 35px;
}

/*Gallery*/
.Gallery1 .menu_ul dt {
	background-color: #b8b2a4;
	color: #fff;
	padding: 10px;
	width: 100%;
	font-size: 24px;
	font-family: 'Cormorant Upright',
		"游明朝",
		"YuMincho",
		"ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN",
		"HG明朝",
		"Sawarabi Mincho",
		serif;
	position: relative;
	-webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.Gallery1 .menu_ul dt.p_accod{
  cursor: pointer
}
.Gallery1 .menu_ul dd{
  display: none;
}
.Blog1 .Gallery1 .menu_ul dd{
  display: block !important;
}


[data-element-id].Gallery1 .menu_ul dd{
  display: block;
}

.Gallery1 .menu_ul dt:after {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/gallery/img01.png) center center no-repeat;
	background-size: contain;
	width: 15px;
	height: 8px;
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
	-webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.Gallery1 .menu_ul dt.active:after {
    top: 45%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}


.Gallery1 dd li {
	margin-bottom: 10px;
	border-bottom: 1px solid #c0baab;
	font-size: 18px;
	color: rgba(130, 130, 130, 255);
	padding: 10px;
}

.gallerylist .pic {
	/* background-color: #9c9483; */
	background-color:#524b3b;
	border: 2px solid #9c9483;
}

.gallerylist li .pic img {
	opacity: 1;
	-webkit-transition: .3s;
  transition: .3s;
}

.gallerylist li {
	position: relative;
}

.gallerylist li h3 {
	position: absolute;
	top: 45%;
	width: 100%;
	font-size: 16px;
	color: #fff;
	opacity: 0;
	-webkit-transition: .3s;
  transition: .3s;
  padding: 0 10px;
}
.gallerylist li:hover h3{
  opacity: 1;
  -webkit-transition: .3s;
  transition: .3s;
}
.gallerylist li:hover .pic img{
  opacity: 0.5;
  -webkit-transition: .3s;
  transition: .3s;
}




/*gallergy_detail*/
/*subimg*/
.subimg li {
	width: 30%;
}

.subimg {
	margin-top: 30px;
}

.Gallerydetail1 .right h3 {
	font-size: 24px;
	color: rgba(130, 130, 130, 255);
	margin-bottom: 17px;
	font-weight: bold;
}

.Gallerydetail1 .right .dress_cate {
	font-size: 16px;
	color: rgba(130, 130, 130, 255);
	margin-bottom: 23px;
}

.Gallerydetail1 .right .cate {
	padding-left: 20px;
	font-size: 16px;
	color: rgba(187, 198, 195, 255);
	position: relative;
	display: block;
	width: 100%;
	display: inline-block;
	font-weight: bold;
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(187, 198, 195, 255);
	margin-bottom: 30px;
}

.Gallerydetail1 .right .cate:before {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/index/img27.png) center center no-repeat;
	background-size: contain;
	width: 20px;
	height: 17px;
	position: absolute;
	left: -3px;
	top: 3px;
	z-index: 2;
}

.Gallerydetail1 .right .txt {
	font-size: 16px;
	color: rgba(130, 130, 130, 255);
}

.Gallerydetail2 h3 {
	margin-bottom: 40px;
}

/*Staff_detail1*/
.Staff_detail1 .right p.cate {
	font-size: 30px;
	color: rgba(161, 200, 189, 255);
	font-family: 'Cormorant Upright',
		"游明朝",
		"YuMincho",
		"ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN",
		"HG明朝",
		"Sawarabi Mincho",
		serif;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(187, 198, 195, 255);
	margin-bottom: 15px;
	font-weight: bold;
}

.Staff_detail1 .right h3 {
	font-size: 40px;
	color: rgba(161, 200, 189, 255);
	font-family: 'Cormorant Upright',
		"游明朝",
		"YuMincho",
		"ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN",
		"HG明朝",
		"Sawarabi Mincho",
		serif;
	padding-bottom: 14px;
	margin-bottom: 45px;
	line-height: 30px;
}

.Staff_detail1 .right h3 .min {
	font-size: 16px;
	color: rgba(130, 130, 130, 255);
}

.Staff_detail1 .left .pic {
	border: 2px solid #c2bcae;
}

.Staff_detail1 .goldframe:before {
	top: -24px;
}

.Staff_detail1 .goldframe:after {
	bottom: -24px;
}

.messagebox {
	padding: 30px;
	border: 2px solid #c2bcae;
	margin-top: 80px;
}

/*voicelist*/
.voicelist li {
	padding: 40px 30px 60px;
	border: 2px solid #c2bcae;
	margin-top: 60px;
}

.voicelist li .pic {
	border: 0px solid #fff;
}

.voicelist .right h3 {
	font-size: 24px;
	color: rgba(130, 130, 130, 255);
	font-weight: bold;
	margin-bottom: 10px;
}

.voicelist .right .day {
	font-size: 20px;
	color: rgba(192, 186, 171, 255);
	font-family: 'Cormorant Upright',
		"游明朝",
		"YuMincho",
		"ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN",
		"HG明朝",
		"Sawarabi Mincho",
		serif;
	padding-bottom: 10px;
	border-bottom: 1px solid #c2bcae;
	margin-bottom: 15px;
	text-align: right;
}

.voicelist .right .name {
	font-size: 18px;
	color: rgba(130, 130, 130, 255);
	font-weight: bold;
	margin-bottom: 20px;

}

.voicelist .right .txt {
	font-size: 16px;
	color: rgba(130, 130, 130, 255);
}


@media only screen and (max-width: 599px) {
	.voicelist li {
		padding: 25px;
		padding-bottom: 40px;
	}
}

/*Blog*/

.Blog1 .left .day {
	font-family: 'Cormorant Upright',
		"游明朝",
		"YuMincho",
		"ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN",
		"HG明朝",
		"Sawarabi Mincho",
		serif;
	text-align: right;
	color: rgba(192, 186, 171, 255);
	margin-top: 8px;
	margin-bottom: 5px;
	font-size: 20px;
}

.Blog1 .left .cate {
	color: rgba(130, 130, 130, 255);
}

.Blog1 .left .tit {
	font-size: 18px;
	color: rgba(130, 130, 130, 255);
}

.Blog1 .Gallery1 .menu_ul dt:after {
	display: none;
}

.Blog1 .Gallery1 .menu_ul {
	margin-bottom: 30px;
}

/*.Blogdetail*/
.Blogdetail1 .left .day {
	text-align: left;
}

.Blogdetail1 .left .kiziwrap .tit {
	font-size: 24px;
	margin-bottom: 70px;
}

.Blogdetail1 .left .txtbox {
	padding-bottom: 50px;
}

.Blogdetail1 .left .back {
	margin-bottom: 30px;
}

.blog_recommend {
	padding: 60px 0 60px;
}

.blog_recommend h4 {
	margin-bottom: 40px;
}

/*contact*/
.contact1 dl {
	border-bottom: 1px solid #c0baab;
}

.contact1 dt {
	width: 30%;
	line-height: 26px;
	font-size: 16px;
	background-color: #e9f3f0;
	padding: 30px;
	padding-right: 70px;
	position: relative;
}

.contact1 dd {
	width: 70%;
	padding: 30px;
	padding-left: 20px;
}

.contact1 dl input.size1 {
	background: #ededed;
	line-height: 26px;
	display: inline-block;
	width: 95%;
	border: 0px;
}

.contact1 .table dd label {
	font-size: 16px;
	padding-right: 30px;
	padding-left: 5px;
}

.contact1 dl textarea {
	background: #ededed;
	line-height: 26px;
	display: inline-block;
	width: 100%;
	min-height: 50px;
	width: 95%;
	border: 0px;
}

.contact1 .more_pink {
	margin: 30px auto;
	max-width: 170px;
}

.contact1 .more_pink button {
	padding: 15px 0px;
	width: 100%;
	cursor: pointer;
}

.contact1 .more_pink:nth-of-type(2) {
	margin-left: 30px;
}


.contact1 .btn_list {
	max-width: 430px;
	margin: 0 auto;
}

.contact1 .hissu {
	font-size: 12px;
	padding: 0px 5px;
	color: #fff;
	background-color: #a1c8bd;
	position: absolute;
	top: 30px;
	right: 30px;
	line-height: 160%;
}

@media only screen and (max-width: 599px) {

	.contact1 dt,
	.contact1 dd {
		width: 100%;
		padding: 15px;
		padding-right: 70px;
		border: 1px solid #dcdad6;
		border-bottom: 0px;
		border-top: 0px;
	}

	.contact1 dd {
		padding-right: 10px;
		padding-left: 10px;
	}

	.contact1 .hissu {
		top: 19px;
	}

	.contact1 dl input.size1 {
		line-height: 39px;
	}

	.contact1 li:first-of-type dt {
		border-top: 1px solid #dcdad6;
	}

	.contact1 dl {
		border-bottom: 1px solid #dcdad6;
	}
	.contact1 .more_pink:nth-of-type(2){
	  margin-left: auto
	}
}

/*Recruit1*/
.Recruit1 h3 {
	font-family: 'Cormorant Upright',
		"游明朝",
		"YuMincho",
		"ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN",
		"HG明朝",
		"Sawarabi Mincho",
		serif;
	font-size: 48px;
	color: rgba(255, 255, 255, 255);
	text-align: center;


	text-align: center;
}

.Recruit1 h3 span {
	display: inline-block;
	position: relative;
}

.Recruit1 .txt {
	color: #fff;
}

.Recruit1 h3 span:before {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/recurit/left.png) center center no-repeat;
	background-size: contain;
	width: 134px;
	height: 42px;
	position: absolute;
	left: -180px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.Recruit1 h3 span:after {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/recurit/right.png) center center no-repeat;
	background-size: contain;
	width: 134px;
	height: 42px;
	position: absolute;
	right: -180px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.Recruit1 .inner {
	position: absolute;
	z-index: 1;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.Recruit1 {
	position: relative;
	background-color: rgb(125, 115, 91);
}

.Recruit1 .bkimg_fit {
	position: relative;
	overflow: hidden;
}

.Recruit1 .bkimg_fit img {
	position: absolute;
	top: 0;
}

.Recruit1 .bkimg_fit img {
	opacity: 0.3;
	width: 100%;
	height: 100% !important;
	max-height: 460px;
}

.Recruit1 .bkimg_fit:after {
	display: block;
	content: "";
	padding-top: 460px;
}

@media only screen and (max-width: 1024px) {
	.Recruit1 .bkimg_fit img {
		height: 100% !important;
	}
}

@media only screen and (max-width: 599px) {
	.Recruit1 h3 span:before {
		content: "";
		display: block;
		background: url(/import/tenant_2/133.167.75.240/html/images/recurit/left.png) center center no-repeat;
		background-size: contain;
		width: 50px;
		height: 42px;
		position: absolute;
		left: -70px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.Recruit1 h3 span:after {
		content: "";
		display: block;
		background: url(/import/tenant_2/133.167.75.240/html/images/recurit/right.png) center center no-repeat;
		background-size: contain;
		width: 50px;
		height: 42px;
		position: absolute;
		right: -70px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

.Recruit2 .content {
	margin-bottom: 50px;
}

.Recruit2 .small_tit {
	margin-bottom: 20px;
}


/*stepwrap*/
.Recruit2 .stepwrap ul {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	margin-bottom: 60px;
}

.Recruit2 .stepwrap .prev {
	width: 9%;
	height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background: #d2d2d2;
	color: #fff;
}

.Recruit2 .stepwrap .next {
	color: #fff;
	width: 9%;
	height: 480px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background: #a1c8bd;
}

.stepwrap .step {
	width: 16%;
}

.stepwrap .step .dan {
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}


.stepwrap .step1 .dan {
	height: 80px;
	display: -webkit-box;
	display: -ms-flexbox;
	background: #dbdedd;
}

.stepwrap .step2 .dan {
	height: 160px;
	background: #ccdcd8;
}

.stepwrap .step3 .dan {
	height: 240px;
	background: #d2e7e1;
}

.stepwrap .step4 .dan {
	height: 320px;
	background: #c7e1da;
}

.stepwrap .step5 .dan {
	height: 400px;
	background: #b9d6ce;
}

.stepwrap .hukidashi {
	min-height: 320px;
	position: relative;
	background-color: #eeeeee;
	margin-bottom: 20px;
	padding: 20px 13px;
}

.stepwrap .hukidashi :after {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/recurit/img00.png) center center no-repeat;
	background-size: contain;
	width: 31px;
	height: 15px;
	position: absolute;
	left: 50%;
	-webkit-transform: translatex(-50%);
	transform: translatex(-50%);
	bottom: -14px;

}

.stepwrap .hukidashi .green_tit {
	font-size: 16px;
	color: rgba(161, 200, 189, 255);
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid rgba(161, 200, 189, 255);
}


@media only screen and (max-width: 1024px) {
	.Recruit2 .stepwrap ul {
		display: block;
		max-width: 400px;
	}

	.Recruit2 .stepwrap ul li {
		width: 100%;
		margin-bottom: 6%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;

	}

	.Recruit2 .stepwrap .prev {
		width: 100%;
		margin-bottom: 30px;
	}

	.Recruit2 .stepwrap .next {
		width: 100%;
		margin-bottom: 30px;
	}

	.stepwrap .hukidashi :after {
		display: none;
	}

	.stepwrap .step .dan {
		height: 40px;
	}

	.stepwrap .hukidashi {
		min-height: auto;
		margin-bottom: 0px;
		padding: 20px 33px;
	}

	.Recruit2 .stepwrap .next {
		height: 40px;
	}
}

@media only screen and (max-width: 599px) {
	.Recruit2 .stepwrap ul {
		display: block;
		max-width: 300px;
	}
}

/*stepwrapここまで*/

.bw .box {
	background-color: #eeeeee;
	padding: 20px;
	position: relative;
	min-height: 180px;
	width: 24%;
	margin: 0 0.5% 6% 0.5%;
}

.bw .box:after {
	content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/recurit/img00.png) center center no-repeat;
	background-size: contain;
	width: 31px;
	height: 15px;
	position: absolute;
	left: 50%;
	-webkit-transform: translatex(-50%);
	transform: translatex(-50%);
	bottom: -14px;
}

.bw .box .midashi {
	padding-bottom: 15px;
}

.bw .box .komidashi {
	padding-left: 10px;
}

.bw .tit {
	margin-bottom: 24px;
}

.Recruit2 {
	margin-bottom: 60px;
}

@media only screen and (max-width: 599px) {
	.bw .box {
		width: 98%;
		margin: 0 1% 6% 1%;
		min-height: auto;
	}

	.bw .box:after {
		display: none;
	}
}

.Recruit4 .li_list dl {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #c0baab;
	width: 100%;
}

.Recruit4 .li_list dt {
	padding-left: 15px;
	width: 22%;
	font-size: 16px;
}

.Recruit4 .li_list dd {
	width: 77%;
	font-size: 16px;
}

.Recruit4 .li_list li {
	width: 100%;
}

.Recruit4 .tit {
	margin-bottom: 40px;
}
@media only screen and (max-width: 599px) {
.Recruit4 .li_list dt {
	width: 100%;
}

.Recruit4 .li_list dd {
width: 100%;
padding-left: 15px;
}
}

.Recruit5 h4 {
	margin-bottom: 8px;
}

.Recruit5 .more_pink {
	margin-top: 5px;
}

.Recruit5 .tel a {
	color: #e69fb3;
}

.Recruit5 .tel {
	line-height: 120%;
	padding-bottom: 10px;

}


.Recruit5 .more_pink {
	max-width: 300px;
}
/*スマホボタン*/
.footfix{
    display: none;
    background: #c9c9c9;
    padding: 5px 10px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 150;
}
.footfix .tel {
    width: 65%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}
.footfix .tel a {
    color: #fff;
    display: block;
    font-size: 22px;
    font-weight: bold;
    position: relative;
    text-align: center;
}
.footfix .tel a:before {
    display: inline-block;
    content: "\f095";
    font-family: fontawesome;
    margin-right: 10px;
}
.footfix .contactbtn {
    width: 30%;
}
.footfix .contactbtn a {
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding: 2px 10px;
}
.footfix .contactbtn a:before {
    display: block;
    content: "\f0e0";
    font-size: 14px;
    font-weight: normal;
    font-family: fontawesome;
    line-height: 1.2;
}
[data-element-id].footfix{
  display: block;
}
[data-element-id]#footer{
  padding-bottom: 60px;
}

@media only screen and (max-width: 1024px) {
.footfix {
    display: block;
}
#footer{
  padding-bottom: 60px;
}
}
@media only screen and (max-width: 599px) {
#footer{
  padding: 20px;
  padding-bottom: 60px;
}
.footnav_list{
  padding-left: 0;
}
#footer .right{
  width: 100%;
}

}

.totop{
  position: fixed;
  bottom: 30px;
  right: 50px;
    display: block;
    z-index: 200;
}
.totop a{
  display: block;
  height: 70px;
  width: 70px;
  position: relative;
  background: #b3d1c7;
  overflow: hidden;
  border-radius: 50%;
}

.totop a:before{
  content: "";
	display: block;
	background: url(/import/tenant_2/133.167.75.240/html/images/gallery/img01.png) center center no-repeat;
	background-size: contain;
	width: 20px;
	height: 10px;
	position: absolute;
	top:10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
		font-family: 'Cormorant Upright',
		"游明朝",
		"YuMincho",
		"ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN",
		"HG明朝",
		"Sawarabi Mincho",
		serif;
		font-size: 16px;
		color: #fff;
}

.totop a span{
    font-family: 'Cormorant Upright',
    "游明朝",
    "YuMincho",
    "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN",
    "HG明朝",
    "Sawarabi Mincho",
    serif;
    font-size: 16px;
    color: #fff;
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 23px;
    line-height: 116%;
} 
@media only screen and (max-width: 1024px) {
.totop {
    position: fixed;
    bottom: 80px;
    right: 10px;
}
}

.page_link a{
  color: rgba(130, 130, 130, 255);
  width: 100%;
  display: block;
  padding-bottom: 10px;
  font-weight: bold;
  border-bottom:1px solid #fff;
}
.page_link a:hover{
  color: rgba(156, 148, 131, 255);
  border-bottom:1px solid rgba(156, 148, 131, 255);
  opacity: 1;
}

.tabNav li a{
  border-bottom:1px solid #f4f1ea;
  pointer-events: none !important;
}

.tabNav li:hover{
  cursor: pointer;
}

.tabNav li.select a{
  color: rgba(156, 148, 131, 255);
  border-bottom:1px solid rgba(156, 148, 131, 255);
  opacity: 1;
}
@media only screen and (max-width: 599px) {
.tabNav li.select a{
  font-size: 18px;
}
}

.tabBox.tab2{
  display: none;
}

[data-element-id].tabBox.tab2,[data-element-id].tabBox.tab1{
  display:block !important;
}

.makeup3 li{
  margin-bottom: 30px;  
}

small{
  color: rgb(102, 102, 102);
}

#footer {
    background-color: #fff;
    padding: 30px;
    margin-top: 8vw;
}



/* 7/16 */

.tac{
text-align: center;    
}
  .sp-none{
    display: block;
  }
  
    .pc-none{
    display: none;
  }
@media only screen and (max-width: 1024px){
 .sp-fz28{
    font-size: 28px !important;
  } 
  

}
 
@media only screen and (max-width: 599px){
  .sp-height{
    height: auto !important;
  }
    .sp-none{
    display: none;
  }
  
    .pc-none{
    display: block;
  }
}


/* 0506 追記 */

@media only screen and (min-width: 1025px){
  .bnrlist .gr322{
    width: 30%;
}  
}

/* 0614 追記 */

.mt-100{
  margin-top: 100px;
}


/* 0630 追記 */

.mt10{
  margin-top: 10px;
}

.contact1 dl input.size1::placeholder{
  font-size: 12px;
}

.contact1 dl input.size1{
  padding-left: 10px;  
}

.bg-gray{
  background: #ededed;
  border: none;
  width: 100px;
  padding-left: 10px;
}

.year{
  margin: 0 5px;
}

.mouth{
  margin: 0 5px;
}

.day{
  margin: 0 5px;
}

textarea::placeholder{
      color: #ededed;
      font-size: 12px;
      font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
      padding-left: 10px;
}

.mb20{
  margin-bottom: 40px;
}

.caption{
  text-align: center;
}

.mx-5{
  margin: 0 5px;
}

@media only screen and (max-width: 599px){
  .bg-gray {
    background: #ededed;
    border: none;
    width: 85px;
    padding-left: 10px;
}
}


.r{
  display: inline-block;
}

@media only screen and (max-width: 599px){
  .r{
  display: block;
}
}

/* 2026/10/02 */
.heading3.heading3-01 {
  line-height: 2;
}
.mt50 {
  margin-top: 50px;
}

/*20261002*/
.common_w50_rl .txt {
  font-size: 16px;
}
