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

/**/

/**/

/**/


 

.nsans {
	font-family: 'Noto Sans', serif;
}

.nsansj {
	font-family: "Noto Sans Japanese", sans-serif;
}

.nserif {
	font-family: 'Noto Serif', serif;
}

.hannari {
	font-family: 'Hannari';
}

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明朝", 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: #332b25;
	word-wrap: break-word;
	overflow-wrap: break-word;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media all and (-ms-high-contrast:none) {
	body,
	div,
	dl,
	dt,
	dd,
	ul,
	ol,
	li,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	form,
	input,
	button,
	p {
		font-family: "Noto Sans Japanese", 'Noto Sans', sans-serif;
	}
}

/*フォント系*/

[data-element-id] h1 {
	position: initial;
	text-indent: initial;
}

h1 {
	width: 100%;
	position: absolute;
	bottom: 200%;
	font-size: 12px;
	font-weight: normal;
}

h2 {
	font-size: 40px;
	font-weight: bold;
}

h3 {
	font-size: 34px;
	font-weight: bold;
	margin-bottom: 50px;
}

h4 {
	font-size: 24px;
	font-weight: bold;
}

h5 {
	font-size: 18px;
	font-weight: bold;
}

.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;
}

.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: 35%;*/
    padding-top: 30%;
}

.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);
	-ms-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);
	-ms-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: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
	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: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
	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: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
	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: 1px;
	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: -webkit-linear-gradient(right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
	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: -webkit-radial-gradient(center, ellipse, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 80%);
	background: -webkit-radial-gradient(center ellipse, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 80%);
	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: 400px !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 img {
	width: 100%;
}

.trimmingInner {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.bkimg {
	width: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.bkimg img {
	width: 100%;
	min-width: 1200px;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-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;
}

a[href*="tel"] {
	pointer-events: none;
}

a[data-href="#"] {
	border: solid red 5px;
	display: block;
	position: relative !important;
	opacity: 1;
}

a[data-href*="."] {
	border: solid red 5px;
	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*="."]: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;
}

.tel 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%;
}

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: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flexc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: justify;
	-webkit-justify-content: center;
	justify-content: center;
}

.flexs {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.flexb {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.columnreverse {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

.rowreverse {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

/*align-item*/

.itemstart {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.itemcenter {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.itemend {
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}

/*align-content*/

.contentstart {
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
}

.contentcenter {
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
}

.contentend {
	-webkit-align-content: flex-end;
	-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: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flexc>div[data-collection-list-content] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: justify;
	-webkit-justify-content: center;
	justify-content: center;
}

.flexs>div[data-collection-list-content] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.flexb>div[data-collection-list-content] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.flex>div[data-recommend-collection-list-content] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flexc>div[data-recommend-collection-list-content] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: justify;
	-webkit-justify-content: center;
	justify-content: center;
}

.flexs>div[data-recommend-collection-list-content] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.flexb>div[data-recommend-collection-list-content] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.flex>div[data-collection-filtered-content] {
	display: -webkit-box;
	display: -ms-flexsbox;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flexc>div[data-collection-filtered-content] {
	display: -webkit-box;
	display: -ms-flexsbox;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: justify;
	-webkit-justify-content: center;
	justify-content: center;
}

.flexs>div[data-collection-filtered-content] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexsbox;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.flexb>div[data-collection-filtered-content] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexsbox;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.flex>div[data-collection-archive-content] {
	display: -webkit-box;
	display: -ms-flexsbox;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flexc>div[data-collection-archive-content] {
	display: -webkit-box;
	display: -ms-flexsbox;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: justify;
	-webkit-justify-content: center;
	justify-content: center;
}

.flexs>div[data-collection-archive-content] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexsbox;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.flexb>div[data-collection-archive-content] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexsbox;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

/*カラム*/

.cc221 {
	width: 47%;
	margin-bottom: 4%;
}

.cc332 {
	width: 30%;
	margin-bottom: 4%;
}

.cc432 {
	width: 22%;
	margin-bottom: 4%;
}

.cc533 {
	width: 17%;
	margin-bottom: 4%;
}

.gr211 {
	width: 47%;
	margin-bottom: 4%;
}

.gr321 {
	width: 30%;
	margin-bottom: 4%;
}

.gr422 {
	width: 22%;
	margin-bottom: 4%;
}

.gr532 {
	width: 17%;
	margin-bottom: 4%;
}

.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;
}

#wrapper {
	overflow: hidden;
}

.inner {
	width: 92%;
	max-width: 1000px;
	margin: 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: 30px auto;
	width: 80%;
	max-width: 200px;
}

.more a {
	display: block;
	color: #fff;
	padding: 10px 20px;
	-webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.mainimg {
	position: relative;
	overflow: hidden;
}

.mainimg img {
	width: 100%;
}

.mainimg .uk-slidenav-position {
	position: relative;
	overflow: hidden;
	border-radius: 30px;
	z-index: 1;
}

.mainimg .uk-slidenav-position:after {
	padding-top: 45%;
	content: '';
	display: block;
}

.mainimg .uk-slideshow {
	position: absolute;
	top: 0;
}
.mainimg .inner .main_txt {
  margin: auto;
}
.mainimg .inner .main_txt h2.txt {
  position: absolute;
  top: 40%;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  z-index: 10;
}

@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;
	}
	a[href*="tel"] {
		pointer-events: initial !important;
	}
	.flex {
		max-width: 768px;
		margin: auto;
	}
	.flexc {
		max-width: 768px;
		margin: auto;
	}
	.flexs {
		max-width: 768px;
		margin: auto;
	}
	.flexb {
		max-width: 768px;
		margin: auto;
	}
	/* カラム */
	.cc221 {
		width: 47%;
	}
	.cc332 {
		width: 30%;
	}
	.cc432 {
		width: 30%;
	}
	.cc533 {
		width: 30%;
	}
	.gr211 {
		width: 97%;
	}
	.gr321 {
		width: 47%;
	}
	.gr422 {
		width: 47%;
	}
	.gr532 {
		width: 30%;
	}
	.inner {
		width: 93%;
		max-width: 768px;
		padding: 40px 0;
	}
	#gnav p {
		display: block !important;
		position: fixed;
		width: 42px;
		height: 42px;
		top: 0px;
		right: 0px;
		background: #170302;
		cursor: pointer;
		opacity: 0.8;
		z-index: 251;
	}
	#gnav p span.n {
		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 p span.n:before {
		display: block;
		content: "";
		background: #fff;
		height: 2px;
		width: 28px;
		position: absolute;
		top: -10px;
		left: 0;
	}
	#gnav p span.n:after {
		display: block;
		content: "";
		background: #fff;
		height: 2px;
		width: 28px;
		position: absolute;
		top: 10px;
		left: 0;
	}
	#gnav.action p span.n {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#gnav.action p span.n:after,
	#gnav.action p span.n:before {
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		top: 0;
		left: 0;
	}
	#gnav .accordion-body {
		position: fixed;
		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;
		padding: 0;
		border: none;
		padding-bottom: 0;
		background: rgba(255, 255, 255, 1);
		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-top: 50px;
		padding-bottom: 80px;
	}
	#gnav li {
		display: block !important;
	/*   width: 100%; */
	width: 45%;
		text-align: center;
		float: none;
		border: none !important;
		border-bottom: 1px dotted #cacad9 !important;
		padding: 0 !important;
		margin-top: 0;
	}
	#gnav li:hover:before {
		display: none;
	}
	#gnav ul li a {
		height: auto;
		display: block;
		text-align: left;
		padding: 10px 15px;
		border: none !important;
	}
	.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;
	}
}

@media only screen and (max-width: 599px) {
  .mainimg .inner .main_txt h2.txt{
    font-size: 14px;
  }
  
  	#gnav li {
width: 100%;
	}
  
	h2 {
		font-size: 16px;
	}
	h3 {
		font-size: 22px;
		margin-bottom: 30px;
	}
	h4 {
		font-size: 18px;
	}
	h5 {
		font-size: 16px;
	}
	.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;
		margin: auto;
	}
	.flexc {
		max-width: 450px;
		margin: auto;
	}
	.flexs {
		max-width: 450px;
		margin: auto;
	}
	.flexb {
		max-width: 450px;
		margin: auto;
	}
	/* カラム */
	.cc221 {
		width: 97%;
	}
	.cc332 {
		width: 47%;
	}
	.cc432 {
		width: 47%;
	}
	.cc533 {
		width: 30%;
	}
	.gr211 {
		width: 97%;
	}
	.gr321 {
		width: 97%;
	}
	.gr422 {
		width: 47%;
	}
	.gr532 {
		width: 47%;
	}
	.w70 {
        width: 100%;
	}
	.w65 {
        width: 100%;
	}
	.w60 {
        width: 100%;
	}
	.w55 {
        width: 100%;
	}
	.w50 {
        width: 100%;
	}
	.w48 {
        width: 100%;
	}
	.w45 {
        width: 100%;
	}
	.w40 {
        width: 100%;
	}
	.w35 {
        width: 100%;
	}
	.w30 {
        width: 100%;
	}
	.w25 {
		width: 100%;
	}
	.inner {
		width: 94%;
		max-width: 450px;
		padding: 30px 0;
	}
}
/*header*/
.headerinner{
    width: 92%;
	max-width: 1000px;
	margin: auto;
	padding: 18px 0 10px;
    position: relative;
}
.headerinner .center .w30{
   margin: 0 auto;
    min-height: 76px;
}
.headerinner .center a{
    display: block;
}


.headerinner .right{
    position: absolute;
   right: 0;
    top: 30px;
}
.headerinner .right span{
    display: block;
    text-align: right;
    height: 170%;
}
.headerinner .tel a{
   padding-left: 35px;
    position: relative;
}
.headerinner .tel a:before{
    background: url(/import/tenant_1/153.126.207.186/html/images/common/tel.png) no-repeat;
    background-size:contain;
    top:7px;
    left: 0px;
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 22px;
}
#gnav.fixed {
    position: fixed;
    top: 0px;
    left: 0;
    bottom: auto;
    width: 100%;
    max-width: 100%;
    z-index: 10;
    background: rgba(255, 255, 255, 0.9);
}

@media only screen and (max-width: 1024px) {
    .headerinner .right{
    position: relative;
    top: 0;
    margin: auto;
}
.headerinner .right span{
        text-align: center;
    }
    .headerinner .center .w30{
        padding-bottom: 20px;
        min-height: auto;
    }
    .headerinner .right span.tel{
        padding-bottom: 10px;
    }
    .headerinner .tel a:before{
        top:3px;
    }
    .headerinner .right{
        width: 100%;
    }
    
}
@media only screen and (max-width: 599px) {
    .headerinner .center .w30{
        width: 70%;
    }
    h3{
        padding-top: 20px;
    }
}


/*mainimg*/
.mainimg img{
    overflow: hidden;
}
.mainimg .inner{
    padding: 0;
}

.accordion-body li{
    text-align: center;
    border-left: 1px solid #f29600;
    width: 16.5%;
}
.accordion-body li.tab_db{
  display: none;
}

[data-element-id].accordion-body li.tab_db{
  display: block;
}


@media only screen and (max-width: 1024px) {
 .accordion-body li.tab_db{
  display: block;
} 
  
}



.accordion-body li a{
    display: block;
}

.accordion-body li:first-of-type{
    border-left: 0px solid #f29600;
}

.accordion-body li .en{
    font-size: 10px;
    color: rgba(111, 180, 44, 255);
}

.accordion-body ul{
    width: 92%;
	max-width: 1000px;
	margin: auto;
	padding: 26px 26px 26px;
    position: relative;
    
}

/*home-about*/
.home-about .pic{
    border-radius: 20px;
    overflow: hidden;
}

h3,.subtit h2{
   text-align: center;
    width: 100%;
    max-width: 180px;
    margin:0 auto;
    font-size: 28px;
    margin-bottom: 36px;
}
@media only screen and (max-width: 599px) {
   h3,.subtit h2{
    font-size: 22px;
} 
    
}

.h3s{
    font-size: 10px;
    position: relative;
    
}
h3.orange_sun .h3s:before,h2.orange_sun .h3s:before{
    position: absolute;
    content:"";
    display: block;
    top: -21px;
    right: -30px;
    width: 27px;
    height: 25px;
    background-size:contain;
    background: url(/import/tenant_1/153.126.207.186/html/images/01index/h3horange.png) no-repeat;
}
h3.orange_sun,h2.orange_sun{
   border-bottom: solid 2px #f29600;
}
h3.green .h3s:before{
    position: absolute;
    content:"";
    display: block;
    top: -21px;
    right: -30px;
    width: 27px;
    height: 25px;
    background-size:contain;
    background: url(/import/tenant_1/153.126.207.186/html/images/01index/h3green.png) no-repeat;
}
h3.green{
   border-bottom: solid 2px #b6d76e;
}
p.lh230{
    line-height: 230%;
}
h3.orange_bd{
     border-bottom: solid 2px #f29600;
}

/*home-beauty*/
.home-beauty{
    position: relative;
    overflow: hidden;
}
.home-beauty .inner{
    position: relative;
    z-index: 1;
}
.home-beauty .tbox{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (max-width: 599px) {
.home-beauty .tbox{
    width: 100%;
}
}

p.more a{
    background: #fff;
    border-radius: 20px;
    border: solid 2px #d2f090;
    font-size: 16px;
    color:#000;
    padding: 9px 20px;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
p.more a:hover{
  -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}

p.more{
    max-width: 230px;
}

p.more a:before{
     position: absolute;
    content:"▶";
    display: block;
    left: 20px;
    font-size: 10px;
}

/*home-nayami*/
.home-nayami li{
    border-radius: 30px;
    overflow: hidden;
    border:solid 2px #d2f090;
}
.home-nayami li.tit{
    background: #d2f090;
    padding: 20px 40px;
}

.home-nayami li h3{
    max-width: 210px;
    margin-bottom: 0;
    
}

.home-nayami li{
    position: relative;
}
.home-nayami li.pic_on .txt{
    position: absolute;
    z-index: 1;
    bottom: 30px;
    width: 100%;
}
.home-nayami li.pic_on .pic{
    position: relative;
    padding: 0;
}


.home-nayami li.pic_on p{
    text-align: center;
    display: block;
    padding: 10px 0;
    background: rgba(255,255,255,0.5);
    width: 100%;
}
.home-nayami{
    background: url(/import/tenant_1/153.126.207.186/html/images/01index/bb.png) no-repeat;
    background-size: cover;
}
@media only screen and (max-width: 1024px) {
.home-nayami li.tit{
   padding: 10px 20px; 
}
    .home-nayami li h3{
        padding-top: 0;
        font-size: 20px;
    }
    p.more a:before{
        left: 10px;
    }
}

@media only screen and (max-width: 599px) {
.home-nayami li.tit{
   padding: 10px 10px; 
}
    .home-nayami li h3{
        padding-top: 0;
        font-size: 18px;
    }
    
}

/*home-news*/
.home-news .pic{
    border-radius: 20px;
    overflow: hidden;
}
.home-news .day{
    width:16%;
}
.home-news .cate{
    width:18%;
    background: #f9bf2c;
    border-radius: 15px;
    text-align: center;
    color: #fff;
}
.home-news .tit{
    width:64%;
}
.home-news li{
    border-bottom: dashed 1px #332b25;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.home-news .more a{
    border: solid 2px #f29600;
}
/*home-blog*/
.home-news.home-blog .cate{
    background: #b6d76e;   
}
.home-news.home-blog .more a{
    border: solid 2px #b6d76e;
}
@media only screen and (max-width: 1024px) {
  .home-news .day,.home-news .cate,.home-news .tit{
    flex-direction: column;
    width: auto;
}  
    .home-news .cate{
        padding: 3px;
    }
}
@media only screen and (max-width: 599px) {
.newsrever .flexb{
   -webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse; 
}
}

/*home-voice*/
.home-voice{
    overflow: hidden;
    position: relative;
}
.home-voice .inner{
    position: relative;
    z-index: 1;
    max-width: 100%;
}

[data-element-id].home-voice .inner{
  height: 450px;
  overflow: hidden;
}

h3.yellow_bd{
  border-bottom: solid 2px #ffeb64;  
}
.home-voice .voice_box{
    width: 80%;
   /*  max-width: 590px; */
    -webkit-box-shadow: 6px 6px 12px #eae7e7;
    box-shadow: 6px 6px 12px #eae7e7;
    margin: 0 auto;
    background: #fff;
}
.voice_box .tbox{
    padding: 20px 30px;
}
.bborder{
    display: inline-block!important;
    width: 100%;
}
.voice_box h4{
    display: inline-block !important;
    text-align: left;  
}
.voice_box h4 span{
    text-align: right;
    padding-left: 20px;
}
.voice_box .txt{
    padding-top: 10px;
}

.bborder{
    border-bottom: solid 2px #60c9e7;
}

.voice_box .more{
    margin: 20px auto;
}
.voice_box .more a{
    border:solid 2px #60c9e7;
}
/*footer01*/
.footer01{
    background: #fffbe8;
}
.footer01 li{
    border-radius: 10px;
    border: solid 1px #372c29;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

/*footer02*/
.footer02 .footlogo{
    text-align: center;
}
ul.nav{
   padding: 50px 0 50px; 
}

ul.nav li{
    text-align: center;
    border-left: 1px solid #f29600;
    width: 12.5%;
}
ul.nav li:last-of-type{
  border-right: 1px solid #f29600;
}


ul.nav li a{
    display: block;
}


ul.nav li .en{
        font-size: 10px;
    color: rgba(111, 180, 44, 255);
}
.footer02 .tel a{
    position: relative;
    padding-left: 35px;
}
.footer02 .tel{
    padding-bottom: 10px;
}


.footer02 .address,.footer02 .tel{
    display: block;
    margin: 0 auto;
}
.footer02 .tel a:before{
    background: url(/import/tenant_1/153.126.207.186/html/images/common/tel.png) no-repeat;
    background-size:contain;
    top:7px;
    left: 0px;
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 22px;
}
.footer02 .w48{
    padding: 0 50px 0 0px;
}
.footer02 .w48:first-of-type{
    padding: 0 0px 0 15%;
}


.footer02 .time dt{
    width: 19%;
    font-weight: bold;
}
.footer02 .time dd{
    width: 65%;
}
.footer02 .time dd span{
    display: block;
    padding-bottom:10px;
}
.footer02 .inner{
    padding-bottom: 30px;
}
.copy{
    text-align: center;
}

.footer-bnr {
    display: none;
}
[data-element-id].footer-bnr {
    display: flex;
}
[data-element-id].footer02 ul.footer-bnr {
    border-top: 1px solid #ddd;
    position: fixed;
    bottom: -11px;
    z-index: 100;
        display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
}

[data-element-id].footer02 ul.footer-bnr li{
  -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
}
[data-element-id].footer02 ul.footer-bnr li a{
  padding: 0.7rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    background: #fff;
    color:#000;
}
[data-element-id].footer02 .footer-bnr li:nth-of-type(2) a {
    background-color: #d2f090;
    color: #000;
}

[data-element-id].footer02 .footer-bnr .tel a:before{
  display: none;
}




@media only screen and (max-width: 1024px) {
ul.nav li{
       width: 33.3%;
    margin-bottom: 15px;
}
ul.nav li:last-of-type{
  border-right: 0px solid #f29600;
}

    ul.nav li:nth-child(3n+3){
      border-right: 1px solid #f29600;  
    }  
    .footer02 .w48:first-of-type{
        padding-left: 0px;
}
    .footer02 .w48{
      padding: 0 0px 0 0px;  
    }
    .footer02 .tel a{
        padding-bottom: 10px;
    }
    .footer02 .time dt{
        width: 100%;
        padding-bottom: 5px;
    }
    .footer02 .time dd{
        width: 100%;
    }
    .footer02 .tel a:before{
      top: 3px;  
    }
    
}
@media only screen and (max-width: 599px) {
    ul.nav li {
    width: 49%;
    margin-bottom: 15px;
}
     ul.nav li:nth-child(3n+3){
      border-right: 0px solid #f29600;  
    } 
     ul.nav li:nth-child(2n+1){
      border-left: 0px solid #f29600;  
    } 
    .footer02 .w48:first-of-type {
    text-align: center;
    margin-bottom: 15px;
}
    .footer02 .w48{
        width: 80%;
        margin: auto;
    }
    .footer02 .time dt{
        text-align: center
    }
    .footer02 ul.footer-bnr {
    border-top: 1px solid #ddd;
    position: fixed;
    bottom: -11px;
    z-index: 100;
        display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
}

.footer02 ul.footer-bnr li{
  -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
.footer02 ul.footer-bnr li a{
  padding: 0.7rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    background: #fff;
    color:#000;
}
.footer02 .footer-bnr li:nth-of-type(2) a {
    background-color: #d2f090;
    color: #000;
}

.footer02 .footer-bnr .tel a:before{
  display: none;
}
#wrapper{
  padding-bottom: 41px;
}    

}
/*当院について*/
.pankuzu{
    background: #fffbe8;
}
.pankuzu li {
    display: inline-block !important;
    font-size: 14px;
}
.pankuzu li+li:before {
    content: ">";
    display: inline-block !important;
    margin: 0 0.5em;
}
.pankuzu .inner{
    padding: 10px 0;
}
.centerbox{
    margin:50px auto;
}
.about2{
    padding: 100px 0;
}
.about3 li dd,.about3 li dt{
    padding-left: 30px;
    font-size: 18px;
}
.about3 li dt{
    position: relative;
    font-weight: bold;
}
.about3 li dt:before{
    content: "";
    position: absolute;
    top:2px;
    left: 0;
    background: url(/import/tenant_1/153.126.207.186/html/images/02about/circle01.png) no-repeat;
    background-size:contain;
    width: 20px;
    height: 20px;
        
}
.about3 li dl span{
    display: block;
    padding: 10px 0;
}
.about3 li{
    padding-bottom: 40px;
}
.about4{
    margin: 110px auto; 
}


.about5 .ownerpic{
    margin: 60px auto;
    width: 90%;
}
.about5 h3{
    max-width: 200px;
}
@media only screen and (max-width: 599px) {
.about2{
    padding: 30px 0;
}
.about4{
  margin: 40px 0;
}
    .accordion-body ul{
      padding-bottom: 90px;
    }
}



.faq01 .q{
    background: #b6d76e;
    padding: 8px 30px;
    border-radius: 30px;
    position: relative;
    z-index: 2;
}
.faq01 .q:before{
    content: "";
    display: block;
    width: 48px;
    height: 41px;
    background:url(/import/tenant_1/153.126.207.186/html/images/02about/sankaku.png) no-repeat;
    background-size:contain;
    position: absolute;
    left: 35px;
    bottom: -14px;
    z-index: 0;
}
.faq01 .q span.qtxt{
    position: relative;
    padding-left: 60px;
    display: inline-block;
   line-height: 40px;
}
.faq01 .q span.qtxt:before{
    content: "Q.";
    display: block;
    position: absolute;
    top: 0px;
    left: 13px;
    font-size: 36px;
    color: #fff;
    width:50px;
    height: 36px;
    line-height: 36px; 
}
.faq01 .a{
    background: #eeeeee;
    padding:60px 35px 35px;
    margin-top: -30px;
}
.faq01 li{
    margin-bottom: 30px;
}
/*menu*/
.menu .subtit h2.orange_sun{
    position: absolute;
    z-index: 1;
    margin: auto;
    top:-20%;
    bottom: 0;
    left: 0;
    right: 0;
    height: 110px;
}

.menu1 h4{
   border-left: 1px solid #f29600; 
    line-height: 100%;
    padding-left: 10px;
    margin-bottom: 40px;
    
}
.menu1 h4 .en{
    font-size: 12px;
color: rgba(111, 180, 44, 255);
}

.menu1 li{
     padding-bottom: 40px;
}
.menu1 li:nth-of-type(even){
    margin-right: 0;
}


.menu1 li dd, .menu1 li dt {
    padding-left: 30px;
    font-size: 18px;
}
.menu1 li dt {
    position: relative;
    font-weight: bold;
}
.menu1 li dt:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    background: url(/import/tenant_1/153.126.207.186/html/images/02about/circle01.png) no-repeat;
        background-size: auto auto;
    background-size: contain;
    width: 20px;
    height: 20px;
}
.menu1 li dd.price{
    text-align: right;
}

.menu1 li dd.txt span{
    font-size: 14px;
}
.menu1 .w48{
    margin-right: 2%;
}
.menu1{
    background: #fffbe8;
}
.menu1 .inner{
    background: #fff;
    padding: 50px 30px;
    margin-top: -150px;
    position: relative;
}
.menu1 .box{
    padding-bottom: 30px;
}
@media only screen and (max-width: 1024px) {
.menu1 .inner{
    margin-top: -50px;
}
}
@media only screen and (max-width: 599px) {
.menu1 .inner{
    margin-top: -0px;
}
}

/*美容鍼とは*/
.under h2.orange_sun{
   text-align: center;
    width: 100%;
    max-width: 180px;
    margin:0 auto;
    font-size: 28px;
    margin-bottom: 36px;
}
.under h2.orange_sun .h3s:before{
    position: absolute;
    content:"";
    display: block;
    top: -21px;
    right: -30px;
    width: 27px;
    height: 25px;
    background-size:contain;
    background: url(/import/tenant_1/153.126.207.186/html/images/01index/h3horange.png) no-repeat;
}
.beauty1 h2.orange_sun{
    max-width: 230px;
    margin-bottom: 50px;
}
.beauty1 .pic{
    padding: 40px 0;
}
.beauty1 .pic img{
 border-radius: 20px;
   overflow: hidden; 
}
.beauty1 .pic .trimmingInner{
  border-radius: 20px;
    overflow: hidden;  
}

.beauty1 .picontxt{
  position: relative;
}
.beauty1 .picontxt .txt{
    position: absolute;
    top: 50%;
    left: 30px;
    margin: auto;
    transform: translateY(-50%);
    font-size: 16px;
    font-weight: bold;
    line-height: 230%;
    text-shadow: 2px 2px 0 #fff,
             -2px 2px 0 #fff,
             2px -2px 0 #fff,
             -2px -2px 0 #fff;
}


.txt_center{
    text-align: center;
}
.beauty1 .picbox{
    padding: 20px 0;
}
.beauty2 h4{
  border-bottom: solid 2px #b6d76e;
    font-size: 16px;
    max-width: 240px;
    padding-bottom: 10px;
    margin: 0 auto;
    margin-bottom: 50px;
     text-align: center;
}
.beauty2 li{
    position: relative;
    padding-left: 40px;
    padding-bottom: 20px;
}
.check:before{
    content: "";
    display: block;
    width: 20px;
    height: 16px;
    background: url(/import/tenant_1/153.126.207.186/html/images/04beauty/check.png) no-repeat;
    background-size: contain;
    position: absolute;
    top:0;
    left: 0;
}
.beauty2{
    margin-bottom: 30px;
}
.beauty2.beauty3 h4{
  border-bottom: solid 2px #f29600;
    max-width: 120px;
    text-align: center;

}
li.arrow:before{
    content: "";
    display: block;
    width: 24px;
    height: 22px;
    background: url(/import/tenant_1/153.126.207.186/html/images/04beauty/arrow.png) no-repeat;
    background-size: contain;
    position: absolute;
    top:0;
    left: 0;
}
.beauty2 ul{
    padding-top: 30px;
}
@media only screen and (max-width: 1024px) {
.beauty1 .picontxt .txt{
    font-size: 14px;
}
}


@media only screen and (max-width: 599px) {
.under h2.orange_sun{
    font-size: 22px;
}
.beauty1 .picontxt .txt{
    position: relative;
    padding: 0px 0 50px;
    top: auto;
    left: auto;
    margin: auto;
    transform: translateY(-0%);
}


}

/*tarumi*/
.tarumi dt {
    position: relative;
    font-weight: bold;
    padding-bottom: 20px;
}
.tarumi dd, .tarumi dt {
    padding-left: 30px;
    font-size: 18px;
}
.tarumi dt:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    background: url(/import/tenant_1/153.126.207.186/html/images/02about/circle01.png) no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
}
@media only screen and (max-width: 599px) {
.tarumi dd{
    padding-left: 0;
}


}

/*09肌荒れ*/

/*11イライラする・夜寝付けない*/
.tarumi.iraira dt:before {
    background: url(/import/tenant_1/153.126.207.186/html/images/11iraira/circle.png) no-repeat;
}
h2.green.orange_sun .h3s:before {
    position: absolute;
    content: "";
    display: block;
    top: -21px;
    right: -30px;
    width: 27px;
    height: 25px;
    background-size: contain;
    background: url(/import/tenant_1/153.126.207.186/html/images/01index/h3green.png) no-repeat;
}
h2.green.orange_sun {
    border-bottom: solid 2px #b6d76e;
}
/*nayami*/
.mainimg3 {
    position: relative;
    overflow: hidden;
}
.mainimg3 img{
    width: 100%;
    height: auto;
}
.mainimg3 .tit{
    text-align: center;
    width:50%;
    padding: 10px 80px;
    background: #f29600;
    position: absolute;
    top:auto;
    bottom: 10%;
    left: 0;
    right: auto;
    z-index: 2;
    height: 60px;
}
.nayami h2.orange_sun{
    max-width: 230px;
}
.nayami1 .tit{
    background: #f29600;
    padding: 15px 30px;
    margin-top: 40px;
}
.nayami1 ul{
    padding: 20px 35px;
}
.nayami1 li{
   position: relative;
padding-left: 40px;
padding-bottom: 20px;
}

.nayami1 .picbox .pic{
    position: relative;
    display: block;
}
.nayami1 .more{
    position: absolute;
    bottom: -20px;
    top:auto;
    z-index: 2;
    right: 0;
    left: 0;
}
.more.orange a {
    border: solid 2px #f29600;
}
.nayami1 .box{
    padding: 40px;
}
.nayami1 .box:nth-of-type(even){
    background: #fffbe8;
}

.nayami1 .box:nth-of-type(even) .tit{
    background: #b6d76e;
}
.nayami1 .box:nth-of-type(even) .more.orange a{
    border: solid 2px #b6d76e;
}

@media only screen and (max-width: 1024px) {
.mainimg3 .tit{
      padding: 10px 10px;
}
}


@media only screen and (max-width: 599px) {
.mainimg3 .tit{
    padding: 5px;
    font-size: 18px;
    height: auto;
    width: 80%;
}
    .nayami h2.orange_sun{
        font-size: 22px;
        margin-bottom: 20px;
    }
    .nayami1 .box{
        padding: 0 0 20px 0;
    }
}

/*08benpi*/
.mainimg4 img{
    width: 100%;
}
.mainimg4 .maru_h2{
  width:270px;
  position: absolute;
  top:0;
  left:50%;
  transform: translateX(-50%);
}
.mainimg4 .maru_h2 h2.orange_sun {
  font-size: 18px;
  max-width: 270px;
  width: 270px;
  border-bottom: solid 0px #f29600;
}
.mainimg4 .maru_h2 h2.orange_sun span{
  color: white;
}

.mainimg4 .maru_h2 h2.orange_sun .h3s:before{
  background: none;
  background: url('/upload/tenant_1/2e18d831b91270b177cdfa97af6febe7.png') no-repeat;
}
.marumozi{
  position: absolute;
  top:50px;
}

.mainimg4{
  position: relative;
}


.benpi1 .pic.circle{
    overflow: hidden;
    border-radius: 50%;  
}
.benpi1 .tbox{
    width: 80%;
    margin: 50px auto;
}
.benpi1 h3{
    max-width:100%;
    font-size: 18px;
    text-align: left;
}
.benpi2 .pic{
    border-radius: 20px;
    overflow: hidden;
    margin: 40px 0;
}
.benpi3 .pic{
    border-radius: 30px;
    overflow: hidden;
}

.benpi3 dt{
    padding-left: 30px;
    font-size: 18px;
    position: relative;
    font-weight: bold;
    padding-bottom: 20px;
}
.benpi3 dt:before{
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    background: url(/import/tenant_1/153.126.207.186/html/images/02about/circle01.png) no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
}
.benpi3 .tbox{
   padding-top:100px;
} 

@media only screen and (max-width: 599px) {
.benpi1 .tbox{
    width: 100%;
    margin: 0 auto;
}
    .benpi2 .pic{
      margin: 0px 0;
        margin-bottom: 30px;
    }
    .benpi3 .tbox{
        padding-top: 30px;
    }
  .mainimg4 .maru_h2>img{
   position: relative;
  top:0;
  left:50%;
  transform: translateX(-50%);
  width: 100px;
}
.marumozi {
    position: absolute;
    top: 0px;
}
}


/*kusumi*/
.kusumi .tarumi dt:before{
    background: url(/import/tenant_1/153.126.207.186/html/images/11iraira/circle.png) no-repeat;
}
.kusumi .benpi3 dt:before{
    display: none;
}
.kusumi .benpi3 dt{
    padding-left: 0;
}
/*news*/
.news .day{
    width: 14%;
}

.news .cate {
/*    width: 18%;*/
    background: #f9bf2c;
    border-radius: 15px;
    text-align: center;
    color: #fff;
    padding: 5px 10px;
    margin-left: 10px;
}

.news .tit{
/*    width: 100%;*/
    line-height: 44px;
}
.news .tit a{
    display: block;
}
.news .flowboxs{
    width: 70%;
}
.news .side{
    width: 20%;
}

.news p.more{
    width: 100%;
    margin: 0 auto;
   
}
.news p.more a{
    border: solid 2px #f29600; 
}
.news .box li{
   border-bottom: 2px dotted #000;
    padding-bottom: 20px;
    margin-bottom: 15px;
}

.news .side .catemidashi, .news .side .archive{
    background: #f9bf2c;
    padding: 5px;
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
    border-radius: 10px;
}
.news .side li{
    position: relative;
    padding-left: 30px;
    padding-bottom: 15px;
}

.news .side li:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    background: url(/import/tenant_1/153.126.207.186/html/images/02about/circle01.png) no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
}

.pagenav li a {
    display: block;
    font-size: 16px;
    padding: 4px 10px;
    font-weight: bold;
    color: #000;
}
.pagenav li {
    display: inline-block;
    margin: 5px;
    vertical-align: middle;
}
.pagenav li.next a,.pagenav li.prev a{
    display: block;
    font-size: 16px;
    padding: 4px 7px;
    font-weight: bold;
    background-color: #f9bf2c;
    color: #fff;
    border-radius: 50%;
}
.pagenav ul{
    max-width: 300px;
    margin: 20px auto;
}
@media only screen and (max-width: 1024px) {
.news p.more a:before {
    position: absolute;
    content: "▶";
    display: block;
    left: 20px;
}
    .news .tit{
        width: 100%;
    }
    .news .tit+.w35{
        width: 100%;
    }
    .news p.more{
        margin-right: 0;
    }
    .news .flowboxs{
        width: 65%;
    }
    .news .side{
       width: 30%;
    }
}
@media only screen and (max-width: 599px) {
    
    .news .flowboxs{
        width: 100%;
        margin-bottom: 30px;
    }
    .news .side{
       width: 100%;
    }
    p.more a {
    font-size: 14px;
    color: #000;
    padding: 7px 20px;
}
    
}


/*news_detail*/
.news.news_detail .tit{
   border-bottom: 2px dotted #000;
    padding-bottom: 20px;
    margin-bottom: 40px; 
    width: 100%;
    text-align: center;
    font-weight: bold;
}
.news.news_detail .day{
    width: 14%;
    padding-left: 5px;
    line-height: 34px;
}

.news.news_detail .cate {
    width: 18%;
    background: #f9bf2c;
    border-radius: 15px;
    text-align: center;
    color: #fff;
    padding: 5px 10px;
    margin-left: 0px;
}
.news.news_detail .kiziwrap{
    padding-bottom: 120px;
    border-bottom: 2px dotted #000;
    margin-bottom: 20px;
}

.news.news_detail .kiziwrap p{
    padding: 10px 0;
    line-height: 230%;
}
.list_back a{
    display: block;
}
.list_back a span{
    font-size: 16px;
    padding:6px 8px;
    font-weight: bold;
    background-color: #f9bf2c;
    color: #fff;
    border-radius: 50%;
    margin-right: 10px;
}
/*blog*/
.blog1 .day{
    width: 14%;
    line-height: 33px;
}
.blog1 .cate {
    width: 95%;
    background: #b6d76e;
    border-radius: 15px;
    text-align: center;
    color: #fff;
    padding: 5px 10px;
    margin-left: 0px;
   /*  display: block; */
    text-align: left;
}
.blog1 .pic{
    margin: 20px 0
}
.blog1 .tit{
    font-size: 18px;
    font-weight: bold;
}
.blog1 .tit a{
    display: block;
}
.blog1 .more{
    margin: 20px auto;
}

.blog1 .cc332{
    margin-right: 3.2%;
}
.blog1 .pagenav li.next a,.blog1 .pagenav li.prev a{
    background-color: #b6d76e;
}
.blog1 .pagenav{
    margin-bottom: 80px
}
@media only screen and (max-width: 1024px) {
.blog1 .more a:before{
    left: 20px;
}
}
@media only screen and (max-width: 599px) {
    .blog1 .cc332 {
    margin-right: 3%;
}
    p.more a{
        padding: 5px;
        font-size: 12px;
    }
    .blog1 .more a:before{
       left: 10px;  
    }
    
}


.cate_archive .midashi{
    width: 100%;
    display: block;
    padding: 15px 30px;
    text-align: center;
    position: relative;
    background: #b6d76e;
    font-weight: bold;
    color: #fff;
    font-size: 18px;
}
.cate_archive .midashi:after{
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top:0;
    bottom: 0;
    right: 20px;
    background-size: contain;
    background: url(/import/tenant_1/153.126.207.186/html/images/14blog/cate_ar01.png) no-repeat;
    margin: auto;
}

.cate_archive ul{
    padding: 30px 25px;
    background: #eeeeee;
    display: none;
}
.cate_archive li a:before{
    position: absolute;
    content: "▶";
    display: block;
    left: 8px;
    font-size: 10px;
}
.cate_archive li a{
    position: relative;
    display: block;
    padding: 10px 0;
    padding-left: 40px;
    border-bottom: 2px dotted #000;
    margin-bottom: 10px;
    
}
@media only screen and (max-width: 599px) {
    .cate_archive ul{
        padding: 20px;
        margin-bottom: 20px;
    }
    
}
/*blog_detail*/


.blog_detail .blog1 .cate{
      display: inline;
}
.blog_detail .blog_kiziwrap .tit{
    font-size: 18px;
    padding-bottom: 10px;
    padding-top: 20px;
     border-bottom: 2px dotted #000;
    margin-bottom: 40px;
}
.blog_detail .blog_kiziwrap{
    text-align: center;
}
.blog_detail .blog_kiziwrap .kizi p{
    padding: 40px 0;
    
}
.blog_detail .blog_kiziwrap .kizi{
    padding-bottom: 140px;
     border-bottom: 2px dotted #000;
    margin-bottom: 30px;
    text-align: left;
}
.blog_detail .cate_archive{
    margin-top: 40px;
    margin-bottom: 40px;
}
.blog_detail .list_back a span {
    background-color: #b6d76e;
}
.blog_detail .recomend{
    padding: 40px 0
}

@media only screen and (max-width: 599px) {
.blog_detail .blog_kiziwrap .tit{
    margin-bottom: 20px;
}
    .blog_detail .blog_kiziwrap .kizi{
        padding-bottom: 40px;
    }
}

/*よくある質問*/
.under .faq h2.orange_sun{
    max-width: 200px;
}
.faq dt{
    padding: 20px;
    padding-bottom: 30px;
     border-bottom: 2px dotted #000;
    margin-bottom: 30px;
}
.faq dd{
    padding: 20px;
    padding-top: 0;
}
.faq dd p{
    padding: 10px 0;
    line-height: 230%;
}
.faq ul{
    margin-top:50px;
}
.faq li{
    padding: 25px
}

@media only screen and (max-width: 599px) {
.faq li{
    padding: 20px 0;
}
}

/*お客様の声*/

.voice .menu1 h4{
    border-left: 0px solid #f29600;
    border-bottom: 1px solid #f29600;
    padding-bottom: 10px;
    margin-bottom: 26px;
}
.voice .menu1 dt{
    position: relative;
    padding-left: 30px;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 20px;
}
.voice .menu1 dt:before{
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    background: url(/import/tenant_1/153.126.207.186/html/images/02about/circle01.png) no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
}
.voice .menu1 dl{
    padding: 50px 0 90px;
}
.voice .menu1 .staffbox{
    padding: 15px;
    background: #eee;
}
.voice .menu1 .staffbox h5 span{
    display: block;
    font-size: 18px;
}
.voice .menu1 .staffbox h5{
    font-size: 24px;
    margin-bottom: 10px;
}
.voice .menu1 .staffbox .w55{
    padding: 10px;
}
.voice .menu1 .inner{
    padding: 50px
}
@media only screen and (max-width: 599px) {
.menu.voice .subtit h2.orange_sun{
    height: 80px;
}
    .voice .menu1 .inner{
        padding: 20px 0;
    }
    .voice .right{
        padding: 20px 20px;
    }
    .pagenav ul{
        text-align: center;
    }
}
/*美容鍼のすすめ*/
.merit1 p.center{
    text-align: center;
}
.beauty1 .kodawari_list .pic{
    padding: 10px 0 0px;
    margin-bottom: 30px;
}
.beauty1 .kodawari_list p.tit{
    text-align: center;
    font-size: 16px;
}
.beauty1 .kodawari_list li{
    padding-bottom: 60px;
}
.beauty1.merit1 .picbox{
    padding-top: 70px;
}
.merit2{
    background: url(/import/tenant_1/153.126.207.186/html/images/01index/bb.png) no-repeat;
    background-size: auto auto;
    background-size: cover;
}
.merit2 li .pic{
    position: relative;
    overflow: hidden;
}
.merit2 li .pic:before{
    z-index: 1;
    width: 100px;
    height: 81px;
    background: url(/import/tenant_1/153.126.207.186/html/images/05merit/kado_sankaku.png) no-repeat;
    background-size: cover;
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0;
    border-radius: 0px 0px 20px 0px / 0px 0px 20px 0px;
}
.merit2 li .pic span.num{
    z-index: 2;
    position: absolute;
    bottom: 20px;
    right: 20px;
}
@media only screen and (max-width: 599px) {
.beauty1 .kodawari_list li p.more a:before{
        left: 10px;
}
}


/*お問合せ*/

.pankuzu.white{
    background: #fff;
}

.contact1{
    background: #fffbe8;
}
.contact1 dl input.size1{
    background: #fff;
    border: solid 1px #000;
    line-height: 40px;
    display: inline-block;
    width: 100%;
    
}
.contact1 dt{
    width: 20%;
    line-height: 40px;
}
.contact1 dt .hissu{
    color:#f29600;
}

.contact1 dd{
    width: 80%;
}
.contact1 dl{
    padding-bottom: 30px;
    margin-bottom: 40px;
    border-bottom: 2px dotted #000;
}
.contact1 dl textarea{
    background: #fff;
    border: solid 1px #000;
    line-height: 40px;
    display: inline-block;
    width: 100%;
    max-height: 226px;
    
}
.more button{
    background: #fff;
    border-radius: 20px;
    border: solid 2px #d2f090;
    font-size: 16px;
    color: #000;
    padding: 9px 20px;
    position: relative;
    width: 100%;
}
.more button:before {
    position: absolute;
    content: "▶";
    display: block;
    right: 50px;
    font-size: 10px;
}
.contact1 .more {
    margin: 70px auto;
}
.contact1 h4{
  text-align: center;
  padding-bottom: 10px;
}


@media only screen and (max-width: 599px) {
.contact1 dt{
    width: 100%;
}
.contact1 dd{
    width: 95%;
}
    .contact1 dl {
    padding-bottom: 25px;
    margin-bottom: 30px;
}
    .contact1 .more{
      margin: 40px auto;  
    }
}

/*17baci*/
.mainimg4{
    position: relative;
    width: 100%;
}
.mainimg4 .imgtxt .bacilogo{
    width: 80%;
}
.mainimg4 .imgtxt{
    width: 30%;
    position: absolute;
    padding: 4% 0;
    top:0;
    bottom: 0;
    margin: auto;
    left: 14%;
}
.mainimg4 .txt{
    padding-top: 40px;
    font-size: 16px;
     font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
}

h4.baci_midashi{
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    font-size: 16px;
    padding-left: 100px;
    position: relative;
    margin-bottom: 40px;
}
h4.baci_midashi:before{
    content: "";
    display: block;
    width: 90px;
    height: 80px;
    background: url(/import/tenant_1/153.126.207.186/html/images/17baci/3.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    bottom: 0;     
}
.baci1 .txtbox p{
    padding: 275px 0 250px;
    background: url(/import/tenant_1/153.126.207.186/html/images/17baci/4.png) no-repeat;
    background-size: 206px 208px;
    background-position: center center;
    text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    font-weight: bold;
    font-size: 16px;
}
@media only screen and (max-width: 1024px) {
  .mainimg4 .imgtxt .bacilogo {
    width: 40%;
    max-width: 300px;
    margin: 0 auto;
}
.mainimg4 .imgtxt {
    width: 80%;
    position: relative;
    padding: 4% 0;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0%;
}  
   .baci1 .txtbox p {
    padding: 75px 0 90px;
} 
    
}

.baci2 .beauty2 h4{
    max-width: 50%;  
}

.baci .merit2 li .pic:before{
   background: url(/import/tenant_1/153.126.207.186/html/images/17baci/kadosankaku2.png) no-repeat; 
}
.baci3.beauty2 h4 span.bbt_pink{
    color:#df2079;
}
.baci3.beauty2 h4{
    max-width: 100%;
}
.baci4 dt,.baci4 dd{
    font-size: 16px;
    font-weight: bold;
    padding: 10px 30px;
    margin-bottom: 30px;
    
}
.baci4 dt{
    border-left: solid 4px #df2079;
   width: 20%;
}
.baci4 dd{
     width: 80%;
}
.baci5 h4{
   color:#df2079;
    font-size: 24px;
    margin-bottom: 30px;
}
.baci5 dl{
    padding: 30px 0;
}

.baci5 dt{
    position: relative;
    padding-left: 30px;
    padding-bottom: 20px; 
    font-size: 18px;
    font-weight: bold;
}
.baci5 dt:before{
    content: "";
    display: block;
    width: 20px;
    height: 16px;
    background: url(/import/tenant_1/153.126.207.186/html/images/17baci/midashishikaku.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 5px;
    left: 0;
}

.baci6 .home-eye a .w {
    color: #fff;
    font-size: 16px;
    position: absolute;
    background: #df2079;
    height: 100%;
    box-sizing: border-box;
    padding: 2% 7.5% 0 11.5%;
    transform: skewX(15deg);
    transform-origin: left bottom;
}
.baci6 .home-eye a {
    display: inline-block !important;
    position: relative;
    overflow: hidden;
    width: 100%;
}
.baci6 .home-eye a .m {
    display: inline-block !important;
    transform: skewX(-15deg);
}
.baci6 .home-eye a img{
    float: right;
}
.baci6 .home-eye a .w .fs48{
    font-size: 48px;
    line-height: 48px;
}
.baci7 h4.baci_midashi:before{
    top:0;
    margin: auto;
    z-index: -1;
}
.baci7 h4.baci_midashi{
    padding-left: 70px;
}
.baci7 .txt_p{
    padding: 40px 0;
}
.baci7 .box .num{
   display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color:#fff;
    text-align: center;
    border-radius: 50%;
    background-color: #df2079;
    margin-right: 10px;
     font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    font-weight: bold; 
}
.baci7 .box li{
   font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    font-weight: bold;
    margin-bottom: 10px;
}

.baci7 .box .pink{
    color: #df2079;
}
.baci7 .box .w50{
    width: 52%;
}

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

.baci7 .box .num {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    background-color: #df2079;
    margin-right: 10px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    font-weight: bold;
    position: absolute;
    left: 4px;
}
.baci7 .box li {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    font-weight: bold;
    margin-bottom: 30px;
    position: relative;
    padding-left: 50px;
}
    .baci6 .home-eye a .w {
    font-size: 14px;
}
.baci6 .home-eye a .w .fs48 {
    font-size: 34px;
    line-height: 48px;
}
.baci6 .home-eye a .w {
    padding: 2% 0.5% 0 5.5%;
}
}

.baci8 .kodawari_list li{
  margin-right: 3.32%;  
}    

.baci9 .pic{
    border-radius: 20px;
    overflow: hidden;
}
.baci9 dt{
    background: #df2079;
    padding: 5px;
    text-align: center;
    display: block;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}
.baci9 h4{
    color: #df2079;
    padding-bottom: 10px;
}
.baci9 dd .w50{
    padding: 10px;
    margin: 10px 0;
}
.baci9 dd .w50:first-of-type{
    border-right: solid 1px #bfbfbf;
}
.baci9 .txt{
    padding-bottom: 20px;
}
.baci9 .goukei p{
    border: 4px solid #df2079;
    color: #df2079;
    padding: 10px;
    display: block;
    text-align: center;
    font-weight: bold;
}
.baci9 .bbt_pink{
    color: #df2079;
}
.baci9 li{
    padding-bottom: 50px;
}
.baci10 .wakubbt_pink{
    border: 4px solid #df2079;
    color: #df2079;
    padding: 10px;
    display: block;
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}
.baci10 .pic{
    border-radius: 20px;
    overflow: hidden;
}
.baci10 .bg_txt{
    color: #cccccc;
    font-size: 120px;
     font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    display: inline-block;
    line-height: 120px;
}
.baci10 .mt_- .w60{
    margin-top: -90px;
}
.baci10 li{
    margin-bottom: 50px
}
.baci10 li .w90{
    width: 90%;
}
.baci10 li .w90 .pic{
    border-radius: 0px;
}
.baci11 .midahi{
   background: #df2079;
    color: #fff;
    padding: 10px;
    width:47%;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}
.baci11 .left{
    width: 6%;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 18px;
    border:solid 3px #df2079;
    color: #df2079;
    font-weight: bold;
    text-align: center;
}
.baci11 .table,.baci11 table{
    width: 100%;
}
.baci11 .txt{
    padding: 15px;
}
.baci11 .txt_right{
    text-align: right;
}
.baci11 table .flex{
    padding: 20px 0;
}
.baci11 table .bbt_pink{
    color: #df2079;
}
.baci11 .box{
    margin-bottom: 50px;
}

.baci11 .pic_box{
    margin-bottom: 50px;
}
.baci11 .pic_box .w15{
    width: 20%;
}
.baci11 .pic_box .w85{
    width: 80%;
}
.baci11 .pic_box .w85 p{
    font-size: 18px;
    font-weight: bold;
    padding: 20px;
}
.baci11 .pic_box{
    border:solid 3px #df2079;
}
.box_arari{
    padding: 30px;
    background: #df2079;
    font-weight: bold;
    margin-bottom: 20px;
   
}
.box_arari .w50 p .txt_arari_right{
   float: right;
}
.box_arari .w50 p{
     color: #fff;
}
.box_arari .w50{
    padding: 0 30px;
}
.box_arari .w50:first-of-type{
    border-right: 1px solid #fff;
}
.baci11 .box2 .left {
    width: 2%;
}
.baci11 .box2 .midahi{
    color:#000;
    background: #fff;
    text-align: left;
    padding: 20px;
    border-bottom: 4px solid #bfbfbf;
    padding-top: 30px;
}
.baci11 .purasu{
    position: relative;
    margin-bottom: 200px;
}
.baci11 .purasu:after{
    content: "";
    display: block;
    background: url(/import/tenant_1/153.126.207.186/html/images/17baci/purasu.png) no-repeat;
    background-size:contain;
    width: 108px;
    height: 108px;
    position: absolute;
    bottom: -130px;
    right: 0;
    left: 0;
    margin: auto;
}

.baci12 h4.baci_midashi {
    padding-left: 70px;
}
.baci12 h4.baci_midashi:before {
    top: 0;
    margin: auto;
    z-index: -1;
}
.baci12 .fs48{
    font-size: 48px;
}
.baci12 .bbt_pink{
    color: #df2079;
}
.baci12 .home-eye a {
    display: inline-block !important;
    position: relative;
    overflow: hidden;
    width: 100%;
}
.baci12 .home-eye a .w {
    font-size: 16px;
    position: absolute;
    background: #fff;
    height: 100%;
    box-sizing: border-box;
    padding: 2% 2.5% 0 11.5%;
    transform: skewX(15deg);
    transform-origin: left bottom;
    width: 64%;
}
.baci12 .home-eye a .m {
    display: inline-block !important;
    transform: skewX(-15deg);
}
.baci12 .home-eye a img {
    float: right;
}
.baci12 .flow_box li{
    position: relative;
    margin-bottom: 180px;
}
.baci12 .flow_box li:after{
    content: "";
    display: block;
    position: absolute;
    bottom: -140px;
   left: 0;
    right: 0;
    margin:auto;
    background: url(/import/tenant_1/153.126.207.186/html/images/17baci/arrow.png) no-repeat;
    width: 188px;
    height: 55px;
    background-size:contain;
    
}
.baci12 .flow_box li:last-of-type:after{
    display: none;
}
.baci12 .flow_box li:last-of-type{
    margin-bottom: 50px;
}


@media only screen and (max-width: 1024px) {
    .baci12 .fs48 {
    font-size: 28px;
}
    
}
.baci13 dt .q{
   padding: 0 1%;
    width: 4%;
    text-align: center;
    display: block;
}
.baci13 dt {
    background: #df2079;
    cursor: pointer;
    padding: 10px;
    box-sizing: border-box;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}
.baci13 dt .txt {
    width: 90%;
    display: block;
}
.baci13 dd {
    padding: 25px 3% 45px;
    font-size: 18px;
    color: #df2079;
    display: none;
    font-weight: bold;
}
.baci13 dl {
    border: 4px solid #df2079;
    margin-bottom: 20px;
    margin-bottom: 30px;
}

.baci13 dl:first-of-type dd {
    display: block;
}

@media only screen and (max-width: 599px) {
    h4.baci_midashi:before {
    bottom: auto;
    height: 59px;
}
    .beauty2 li {
    position: relative;
    padding-left: 25px;
    padding-bottom: 24px;
}
.baci4 dt {
    border-left: solid 4px #df2079;
    width: 100%;
}
.baci4 dt, .baci4 dd {
    font-size: 16px;
    font-weight: bold;
    padding: 5px 30px;
    margin-bottom: 11px;
}
.baci4 dd {
    width: 100%;
    font-weight: normal;
}
    .baci6 .home-eye a {
    display: inline-block !important;
    position: relative;
    overflow: hidden;
    width: 100%;
}
.baci6 .home-eye a .w {
    color: #fff;
    font-size: 16px;
    position: relative;
    display: block;
    background: #df2079;
    height: auto;
    box-sizing: border-box;
    padding: 2% 7.5% 0 11.5%;
    transform: skewX(0deg);
    transform-origin: left bottom;
}
.baci6 .home-eye a .m {
    display: block !important;
    transform: skewX(-0deg);
}
    .baci6 .home-eye a .w .fs48{
        display: block;
    }
    .baci7 .box .w50 {
    width: 100%;
}
    .baci7 .box ul{
        margin: 30px 0;
    }
    .beauty1.merit1 .picbox{
        padding-top: 20px;
    }
    .baci8 .kodawari_list li{
        margin-right: 3%;
    }
    .baci9 h4 {
    color: #df2079;
    padding-bottom: 10px;
    padding-top: 20px;
    text-align: center;
    }
    .baci9 dt {
    margin-top: 30px;
}
    .baci10 li .w90 .pic{
          margin: 30px 0;  
    }
    .baci10 li .w90{
        width: 100%;
    }
    .baci11 .pic_box .w15,.baci11 .pic_box .w85{
        width: 100%;
    }
    .box_arari .w50{
        padding-top: 10px;
    }
    
    .box_arari .w50:first-of-type{
        border-right: 0px;
        border-bottom:1px solid #fff;
        padding-bottom: 10px;
    }
    .baci12 .home-eye a .w {
    font-size: 16px;
    position: relative;
    display: block;
    height: auto;
    box-sizing: border-box;
    padding:7%;
    transform: skewX(0deg);
    transform-origin: left bottom;
        width: 100%;
}
.baci12 .home-eye a .m {
    display: block !important;
    transform: skewX(-0deg);
}
    .baci12 .home-eye a .w .fs48{
        display: block;
    }
    .baci13 dt .q{
     width: 8%;   
    }
    .baci9 dd .w50 p{
        text-align: center;
    }
    .baci9 dd .w50:first-of-type{
        border-right: 0px;
        border-bottom: solid 1px #bfbfbf;
    }
    .baci10 li:nth-of-type(2) > .flexb{
       -webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse; 
    }
    
    .baci12 .flow_box li:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -70px;
    left: 0;
    right: 0;
    margin: auto;
    background: url(/import/tenant_1/153.126.207.186/html/images/17baci/arrow.png) no-repeat;
    width: 111px;
    height: 55px;
    background-size: contain;
}
.baci12 .flow_box li {
    position: relative;
    margin-bottom: 69px;
}

}

.home-voice .voice_box{
  margin: 0 2rem;
}

.home-voice .slick-next {
    border: none;
    text-indent: -999rem;
    width: 3rem;
    height: 3rem;
    background-color: rgba(0, 0, 0, 0) !important;
    background-image: url(/upload/tenant_1/c324c4d12389eb104bc440da64f6d75e.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    position: absolute;
    top: 50%;
    right: calc(100% / 3 - 1.5rem);
    margin: auto;
    outline: none;
    z-index: 1;
}
.home-voice .slick-prev {
    border: none;
    text-indent: -999rem;
    width: 3rem;
    height: 3rem;
    background-color: rgba(0, 0, 0, 0) !important;
    background-image: url(/upload/tenant_1/367b4af165b51cede7838cdec47ee254.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    position: absolute;
    top: 50%;
    left: calc(100% / 3 - 1.5rem);
    margin: auto;
    outline: none;
    z-index: 1;
}
@media only screen and (max-width: 1600px) {
  .voice_box .w45,.voice_box .w55{
    width: 100%;
  }
  
}



@media only screen and (max-width: 1024px) {
.home-voice .voice_box {
    margin: 0 4.5rem;
}

.home-voice .slick-next {
  right: 0
}


.home-voice .slick-prev {
   left: 0;
}
}

@media only screen and (max-width: 599px) {
.home-voice .voice_box {
    margin: 0 1rem;
}

.home-voice .slick-next {
  top:250px;
}


.home-voice .slick-prev {
    top:250px;
}
}



.imgalt{
  display: none;
}