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



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

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

@font-face {
	font-family: 'yasashisaantique';
	src: url(/import/tenant_1/153.126.154.180/html/font/YasashisaAntique.eot);
	src: url(/import/tenant_1/153.126.154.180/html/font/YasashisaAntique.eot) format('embedded-opentype');
	src: url(/import/tenant_1/153.126.154.180/html/font/YasashisaAntique.otf),
	url(/import/tenant_1/153.126.154.180/html/font/YasashisaAntique.woff) format('woff'),
	url(/import/tenant_1/153.126.154.180/html/font/YasashisaAntique.ttf) format('truetype');
	font-weight: normal;
	font-style: normal;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
button,
p {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	font-weight: 500;
	/*	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: #5d5d5d;
	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: 30px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}

h3.under {
	border-bottom: solid 3px #a9d06b;
	color: #009944;
	padding-bottom: 10px;
}

h3.border {
	color: #37a392;
	position: relative;
	margin-bottom: 20px;
	padding-left: 20px;
	text-align: left;
	font-family: 'yasashisaantique';
	font-weight: 500;
}

h3.border:before,
h3.border:after {
	display: block;
	content: "";
	position: absolute !important;
	left: 0;
	width: 8px;
	height: 50%;
}

h3.border:before {
	top: 0;
	background: #33a761;
}

h3.border:after {
	bottom: 0;
	background: #a9d06b;
}

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

h4.border {
	color: #37a392;
	position: relative;
	margin-bottom: 20px;
	padding-left: 20px;
	text-align: left;
	font-family: 'yasashisaantique';
	font-weight: 500;
}

h4.border:before,
h4.border:after {
	display: block;
	content: "";
	position: absolute !important;
	left: 0;
	width: 8px;
	height: 50%;
}

h4.border:before {
	top: 0;
	background: #33a761;
}

h4.border:after {
	bottom: 0;
	background: #a9d06b;
}

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

.mincho {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
}

.fs120 {
	font-size: 120%;
}

.fs140 {
	font-size: 140%;
}

.fs160 {
	font-size: 160%;
}

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

.orange {
	color: #f39800;
}

/*クリアフィックス*/

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

.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: 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: -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, 0) 0%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 100%);
	background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 100%);
}

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

.rp .pic {
	width: 35%;
}

.rp .tbox {
	width: 60%;
}

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

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

/*トランスフォーム*/

.tfmp {
	position: relative;
}

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

.tfmy {
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.tfmxy {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

/*トリミング*/

.trimming {
	width: 100%;
	position: relative;
	display: block;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 0;
	height: 0;
  transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
}
.trimming2 {
	width: 100%;
	position: relative;
	display: block;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 0;
	height: 0;
  transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
}
.trimmingInner {
	width: 100%;
	position: relative;
	display: block;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*フレックス*/

.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%;
}
.flexb [data-collection-archive-content], .flexb [data-collection-filtered-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;
}

.w48 {
	width: 48%;
}

/*カスタムコンテンツ用*/

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

[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;
	border-bottom: solid 5px #009944;
	margin-bottom: 20px;
}

.subtit .inner {
	padding: 0;
}

.subtit h2 {
	width: 50%;
	text-align: left;
	color: #009944;
}

.subtit .pic {
	width: 50%;
}

.breadcrumb {
	margin-bottom: 20px;
}

.breadcrumb .inner {
	padding: 0;
}

.breadcrumb li {
	position: relative;
	display: inline-block;
	margin-right: 5px;
	padding-right: 20px;
}

.breadcrumb li:not(:last-of-type):before {
	display: block;
	content: ">";
	position: absolute;
	right: 0;
}

.breadcrumb li a {
	display: block;
	text-decoration: underline;
}

.more {
	text-align: center;
	margin: 30px auto;
	width: 80%;
	max-width: 400px;
	background: #fff;
	border: solid 2px #009944;
}

.more a {
	position: relative;
	display: block;
	color: #fff;
	padding: 10px 20px 10px 30px;
	color: #009944;
	font-weight: bold;
}

.more a:before {
	display: block;
	content: ">";
	position: absolute;
	font-weight: bold;
	font-size: 16px;
	left: 10px;
}

.more2 {
	text-align: center;
	margin: 30px auto;
	width: 80%;
	max-width: 120px;
	background: #009944;
	border-radius: 20px;
}

.more2 a {
	display: block;
	color: #fff;
	padding: 2px 10px;
}

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

#header {
	background: #e5f5ec;
}

#header .inner {
	padding: 20px 0;
}

#header .left {
	width: 40%;
}

#header .left h1 {
	margin-bottom: 10px;
	color: #009944;
	font-size: 16px;
	font-weight: 500;
}

#header .right {
	width: 46%;
	text-align: right;
}

#header .right .tel {
	display: inline-block;
	position: relative;
	padding-left: 30px;
	text-align: right;
}

#header .right .tel:before {
	display: block;
	content: "";
	position: absolute;
	background: url(/import/tenant_1/153.126.154.180/html/images/common/tel.png) center no-repeat;
	margin-bottom: 10px;
	left: 0;
	width: 20px;
	height: 100%;
	background-size: contain;
}

#header .right .tel a {
	color: #009944;
	font-weight: bold;
	letter-spacing: 2px;
}

#header .right .headerinfo dt,
#header .right .headerinfo dd {
	color: #009944;
	text-align: right;
}

#gnav {
	background: #33a761;
	position: relative;
	top: -100%;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

#gnav.fixed {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0.9;
	z-index: 150;
}

#gnav ul {
	width: 92%;
	max-width: 1000px;
	margin: auto;
	padding: 20px 0;
}

#gnav li {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

#gnav li a {
	display: block;
	text-align: center;
	color: #fff;
	font-weight: bold;
	border-right: solid 2px #a9dabd;
}

#gnav li:first-of-type a {
	border-left: solid 2px #a9dabd;
}

.totop {
	position: fixed !important;
	z-index: 100;
	right: 2%;
	bottom: 2%;
	width: 150px;
	opacity: 0.9;
}
.footfix {
    display: none;
}
#footer {
	background: #f7f7e4;
}

#footer .left {
	width: 35%;
}

#footer .left .footcatch {
	margin-bottom: 5px;
	color: #009944;
	font-size: 18px;
	font-weight: 600;
}

#footer .left .footlogo {
	margin-bottom: 10px;
}

#footer .left .tel {
	position: relative;
	padding-left: 30px;
	margin-bottom: 10px;
}

#footer .left .tel:before {
	display: block;
	content: "";
	position: absolute;
	background: url(/import/tenant_1/153.126.154.180/html/images/common/tel.png) center no-repeat;
	margin-bottom: 10px;
	left: 0;
	width: 20px;
	height: 100%;
	background-size: contain;
}

#footer .left .tel a {
	color: #009944;
	font-weight: bold;
}

#footer .left .footinfo dt,
#footer .left .footinfo dd {
	color: #009944;
}

#footer .footnav {
	width: 60%;
}

#footer .footnav ul {
	width: 31%;
}

#footer .footnav li {
	margin-bottom: 10px;
}

#footer .footnav li a {
	display: block;
	color: #009944;
	font-weight: bold;
	font-size: 16px;
}

.copy {
	text-align: center;
	color: #009944;
}

@media only screen and (max-width: 1024px) {
	.bkimg {
		position: relative;
	}
	.bkimg img {
		min-width: initial !important;
	}
	h2 {
		font-size: 34px;
	}

	h3 {
		font-size: 26px;
	}

	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: 26px;
	}

	.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;
	}
	#header .left {
		width: 80%;
		max-width: 350px;
	}
	#header .right {
		display: none;
	}
	#gnav p {
		display: block !important;
		position: fixed;
		width: 42px;
		height: 42px;
		top: 0px;
		right: 0px;
		background: #009944;
		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, 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-top: 50px;
		padding-bottom: 80px;
	}
	#gnav li {
		display: block !important;
		width: 100%;
		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;
		color: #009944;
	}
	.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;
	}
	.footfix {
	  display: block !important;
    position: fixed !important;
    bottom: 10px;
    left: 10px;
    z-index: 150;
  }
  .footfix li {
    position: relative;
    padding-left: 30px;
  }
  .footfix li:before {
    display: block;
    content: "";
    position: absolute;
    background: url(/import/tenant_1/153.126.154.180/html/images/common/tel.png) center no-repeat;
    margin-bottom: 10px;
    left: 0;
    width: 20px;
    height: 100%;
    background-size: contain;
  }
  .footfix li a {
    color: #009944;
    font-weight: bold;
  }
	.totop {
		right: 10px;
		bottom: 10px;
		width: 80px;
	}
	#footer {
		padding-bottom: 100px;
	}
	#footer .left .footcatch {
		text-align: center;
	}
	#footer .left .footlogo {
		max-width: 350px;
		margin: auto;
		margin-bottom: 30px;
	}
	#footer .left {
		width: 100%;
		margin-bottom: 30px;
	}
	#footer .footnav {
		width: 100%;
	}
}

@media only screen and (max-width: 599px) {
	h2 {
		font-size: 28px;
	}

	h3 {
		font-size: 22px;
	}

	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%;
	}
	.rp {
		max-width: 450px;
		margin: auto;
	}
	.rp .pic {
		float: none !important;
		width: 90% !important;
		margin: 20px auto;
	}
	.rp .tbox {
		float: none !important;
		width: 100% !important;
		padding: 0 !important;
	}
	.subtit .inner {
		width: 100%;
		max-width: none;
	}
	.subtit h2 {
		width: 95%;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		margin: auto;
		text-align: center;
		z-index: 10;
	}
	.subtit .pic {
		width: 100%;
	}
	.subtit .pic:before {
		display: block;
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 5;
		background: rgba(255, 255, 255, 0.6);
	}
	.inner {
		width: 94%;
		max-width: 450px;
		padding: 30px 0;
	}
	#header .left h1 {
		font-size: 10px;
	}
	#header .left {
		width: 100%;
		max-width: 280px;
		margin: auto;
	}
	#footer .footnav ul {
		width: 48%;
	}
}

.home-news .slider {
	margin-top: 30px;
}
.home-news .slider li {
	width: 14.28571%;
}
.home-news .list {
	padding: 0 20%;
}

.home-news dl {
	position: relative;
	border-bottom: solid 2px #9fa0a0;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.home-news dl:first-of-type:before {
	display: block;
	content: "NEW!";
	position: absolute;
	left: 102%;
	color: #e60012;
	font-size: 16px;
	font-weight: bold;
}

.home-news dl:last-of-type {
	border-bottom: none;
}

.home-news dt {
	width: 20%;
}

.home-news dd {
	width: 75%;
}

.home-news .more2 {
	margin-left: auto;
	margin-right: 0;
}

.home-kaizen {
	background: url(/import/tenant_1/153.126.154.180/html/images/index/home-kaizen-bg.png) center top 50px no-repeat #dcf2e6;
}

.home-kaizen .list li {
	border: solid 3px #70bc8d;
	text-align: center;
	padding: 20px 5px 20px 30px;
	background: url(/import/tenant_1/153.126.154.180/html/images/index/home-kaizen-leaf.png) center left 10px no-repeat #fff;
	border-radius: 15px;
	color: #694b40;
	font-weight: bold;
	background-size: 20px;
}

.home-kaizen h3 {
	color: #00913a;
}

.home-kaizen h3 .big {
	display: inline-block;
	color: #00913a;
	border-bottom: solid 3px #fff;
	margin-top: 10px;
	padding-bottom: 10px;
}

.home-kaizen h3 .big rt {
	color: #6ec08f;
}

.home-kaizen .maintxt {
	text-align: center;
	margin: 30px 0;
	line-height: 160%;
	font-size: 18px;
}

.home-kaizen dl {
	padding: 10px;
	border: solid 1px #9ec8b4;
	background: #f0f9f4;
	margin-bottom: 1%;
}

.home-kaizen dd {
	text-align: center;
	margin-top: 10px;
	font-weight: bold;
}

.home-nayami {
	position: relative;
	background: #e2fae0;
	padding-top: 20px;
}

.home-nayami:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: url(/import/tenant_1/153.126.154.180/html/images/index/home-nayami-arrow.png) no-repeat;
	width: 250px;
	height: 50px;
	background-size: contain;
}

.home-nayami .pic {
	padding: 10px;
	border-radius: 100%;
	overflow: hidden;
	border: solid 4px #c7eed0;
	margin-bottom: 5px;
}

.home-nayami .pic .trimmingInner {
	border-radius: 100%;
	overflow: hidden;
}

.home-nayami .pic .tit {
	font-weight: bold;
	position: absolute !important;
	bottom: 0px;
	left: 0;
	right: 0;
	margin: auto;
	background: rgba(255, 255, 255, 0.2);
	color: #00913a;
	width: 100%;
	padding: 10% 18% 10% 18%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 5;
}

.home-josei h3 {
	color: #000;
	padding: 10px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(231, 193, 180, 1)), color-stop(50%, rgba(255, 255, 255, 1)), to(rgba(231, 193, 180, 1)));
	background: -webkit-linear-gradient(left, rgba(231, 193, 180, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(231, 193, 180, 1) 100%);
	background: linear-gradient(to right, rgba(231, 193, 180, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(231, 193, 180, 1) 100%);
	margin-bottom: 0;
}

.home-josei .inner {
	padding: 0;
}

.home-josei .box .pic {
	width: 45%;
	float: left;
}

.home-josei .box .tbox {
	width: 50%;
	float: right;
	padding: 30px 0;
}

.home-josei .tbox ul {
	margin-bottom: 30px;
}

.home-josei .tbox .hexagonA {
	margin: 0 auto;
	width: 140px;
	height: 80px;
	display: block;
	position: relative;
	background: -webkit-gradient(linear, left top, right top, from(rgba(230, 192, 179, 1)), color-stop(10%, rgba(255, 255, 255, 0.3)), color-stop(90%, rgba(255, 255, 255, 0.3)), to(rgba(230, 192, 179, 1)));
	background: -webkit-linear-gradient(left, rgba(230, 192, 179, 1) 0%, rgba(255, 255, 255, 0.3) 10%, rgba(255, 255, 255, 0.3) 90%, rgba(230, 192, 179, 1) 100%);
	background: linear-gradient(to right, rgba(230, 192, 179, 1) 0%, rgba(255, 255, 255, 0.3) 10%, rgba(255, 255, 255, 0.3) 90%, rgba(230, 192, 179, 1) 100%);
	margin: 45px 0;
}

.home-josei .tbox .hexagonA span {
	width: 100%;
	color: #000;
	text-align: center;
	display: block;
	position: absolute !important;
	top: 50%;
	z-index: 1;
	color: #e61673;
	font-weight: 500;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.home-josei .tbox .hexagonA:before,
.home-josei .tbox .hexagonA:after {
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background: -webkit-gradient(linear, left top, right top, from(rgba(230, 192, 179, 1)), color-stop(10%, rgba(255, 255, 255, 0.3)), color-stop(90%, rgba(255, 255, 255, 0.3)), to(rgba(230, 192, 179, 1)));
	background: -webkit-linear-gradient(left, rgba(230, 192, 179, 1) 0%, rgba(255, 255, 255, 0.3) 10%, rgba(255, 255, 255, 0.3) 90%, rgba(230, 192, 179, 1) 100%);
	background: linear-gradient(to right, rgba(230, 192, 179, 1) 0%, rgba(255, 255, 255, 0.3) 10%, rgba(255, 255, 255, 0.3) 90%, rgba(230, 192, 179, 1) 100%);
}

.home-josei .tbox .hexagonA:before {
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}

.home-josei .tbox .hexagonA:after {
	-webkit-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
}

.home-josei .more {
	border-color: #e73562;
}

.home-josei .more a {
	color: #e73562;
}

.home-flow {
	position: relative;
	overflow: hidden;
	padding: 50px 0 200px 0;
	text-align: center;
}

.home-flow .inner {
	position: relative;
	z-index: 5;
	width: 40%;
	margin-left: 15%;
	background: rgba(255, 255, 255, 0.6);
	padding: 30px;
}

.home-flow h4 {
	display: inline-block;
	position: relative;
	color: #17904b;
	padding-left: 40px;
	text-align: center;
}

.home-flow h4:before {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	background: url(/import/tenant_1/153.126.154.180/html/images/index/home-flow-mark.png) center left no-repeat;
	width: 30px;
	height: 100%;
	background-size: contain;
}

.home-flow .maintxt {
	text-align: center;
	margin: 20px 0;
	color: #000;
	font-weight: 600;
}

.home-flow li {
	color: #fff;
	background: #009944;
	border-radius: 25px;
	padding: 5px 30px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 10px;
}

.home-blog dl {
	border: solid 2px #9fa0a0;
	padding: 5px;
}

.home-blog dd {
	margin-top: 5px;
}

.home-reason h3 {
	position: relative;
	color: #000;
	font-weight: 500;
	padding-bottom: 30px;
}

.home-reason h3:before {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 120px;
	height: 120px;
	border-radius: 100%;
	background: #f3e5b6;
	z-index: -1;
}

.home-reason .repeatinner {
	margin-bottom: 50px;
}

.home-reason .repeatinner:nth-of-type(2n + 1) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.home-reason .repeatinner .tbox {
	width: 50%;
}

.home-reason .repeatinner .tbox .txt {
	padding: 0px 20px 20px 20px;
}

.home-reason .repeatinner h4 {
	position: relative;
	color: #c30d23;
	border-bottom: solid 3px #c30d23;
	padding: 10px 0 5px 20px;
	margin-bottom: 20px;
}

.home-reason .repeatinner h4:before {
	display: block;
	content: "";
	position: absolute;
	left: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 80px;
	height: 80px;
	border-radius: 100%;
	background: #ffefef;
	z-index: -1;
}

.home-reason .repeatinner .pic {
	width: 50%;
	padding: 10px;
	border: solid 1px #009944;
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
}

.home-staff {
	background: #f8f7e5;
}

.home-staff h3 {
	color: #37a392;
}

.home-staff h4 {
	color: #009944;
	margin-bottom: 10px;
}

.home-staff .box .pic {
	float: left;
}

.home-staff .box .tbox {
	float: right;
}

.home-staff .tbox .name {
	text-align: right;
	margin: 20px 0;
	color: #000;
}

.home-product dd {
	text-align: center;
	font-weight: 500;
	margin-top: 10px
}

.home-product .more2 {
	margin-top: 20px;
	margin-bottom: 0;
}

.home-ekiten {
	position: relative;
	overflow: hidden;
}

.home-ekiten .inner {
	position: absolute !important;
	z-index: 5;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding: 0;
}

.home-ekiten .bk {
	background: rgba(255, 255, 255, 0.6);
	padding: 30px 50px;
	margin-bottom: 50px;
}

.home-ekiten .bk .pic {
	width: 20%;
}

.home-ekiten .bk h3 {
	width: 75%;
	font-weight: 500;
	color: #009944;
	margin-bottom: 0;
}

.home-ekiten .bk h3 .star {
	display: block;
	color: #ffd900;
	letter-spacing: 5px;
	margin-top: 20px;
}

.home-movie dt.movie {
	position: relative;
	overflow: hidden;
}

.home-movie dt.movie:after {
	display: block;
	content: "";
	padding-top: 65%;
}

.home-movie dt.movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
}

.home-movie dd {
	margin-top: 10px;
}

.home-voice .list {
	position: relative;
	overflow: hidden;
	padding-bottom: 35%;
	margin-bottom: 30px;
}

.home-voice li {
	position: absolute;
	width: 20%;
	overflow: hidden;
}

.home-voice li:after {
	display: block;
	content: "";
	padding-top: 100%;
}

.home-voice li img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
}

.home-voice li:nth-of-type(1) {
	width: 27%;
	top: 0;
	left: 0;
}

.home-voice li:nth-of-type(1):after {
	padding-top: 130%;
}

.home-voice li:nth-of-type(2) {
	width: 16%;
	left: 29%;
}

.home-voice li:nth-of-type(2):after {
	padding-top: 130%;
}

.home-voice li:nth-of-type(3) {
	width: 16%;
	right: 37%;
	top: 0;
}

.home-voice li:nth-of-type(3):after {
	padding-top: 130%;
}

.home-voice li:nth-of-type(4) {
	right: 0;
	top: 0;
	width: 35%;
}

.home-voice li:nth-of-type(5) {
	left: 29%;
	top: 63%;
	width: 10%;
}

.home-voice li:nth-of-type(5):after {
	padding-top: 130%;
}

.home-voice li:nth-of-type(6) {
	width: 22%;
	right: 37%;
	top: 63%;
}

.home-voice li:nth-of-type(6):after {
	padding-top: 60%;
}

.home-voice .maintxt {
	text-align: center;
	line-height: 200%;
	color: #000;
}

.home-voice .maintxt .pink {
	color: #951051;
}

@media only screen and (max-width: 1024px) {
	.home-news .slider li {
		width: 25%;
	}
	.home-news .slider li:nth-of-type(n+5) {
		width: 33.3%;
	}
	.home-news .list {
		padding: 0%;
	}
	.home-news dl:first-of-type:before {
		display: block;
		content: "NEW!";
		position: absolute;
		left: 5px;
		bottom: 100%;
		color: #e60012;
		font-size: 16px;
		font-weight: bold;
	}
	.home-flow {
		padding: 0;
	}
	.home-flow .inner {
    width: 100%;
    margin: auto;
    padding: 30px 0;
  }
	.home-josei .box .pic {
		width: 100% !important;
		float: none;
		margin-top: 0;
	}
	.home-josei .box .tbox {
		width: 100% !important;
		float: none;
	}
	.home-reason h3 {
		padding-bottom: 5px;
	}
	.home-reason h3 span {
		display: block;
	}
	.home-ekiten .inner {
		position: static !important;
		z-index: 5;
		top: 0%;
		left: 0%;
		-webkit-transform: translate(0%, 0%);
		-ms-transform: translate(0%, 0%);
		transform: translate(0%, 0%);
	}
	.home-ekiten .bk {
		background: rgba(255, 255, 255, 0.6);
		padding: 0px;
		margin-bottom: 0px;
	}
	.home-ekiten .bk .pic {
		width: 20%;
		margin: auto;
		margin-bottom: 20px;
	}
	.home-ekiten .bk h3 {
		width: 100%;
	}
}

@media only screen and (max-width: 599px) {
	.home-news dt {
		width: 100%;
	}
	.home-news dd {
		width: 100%;
	}
	.home-reason .repeatinner .tbox {
		width: 100%;
	}
	.home-reason .repeatinner .pic {
		width: 100%;
	}
	.home-ekiten .bk .pic {
		width: 30%;
	}
}

.about1 .left {
	float: left;
	width: 48%;
}

.about1 .left .map:after {
	padding-top: 100%
}

.about1 .right {
	float: right;
	width: 48%;
}

.about1 .right .pic {
	margin-bottom: 20px;
}

.about1 .info dl {
	border-bottom: solid 2px #a0a0a0;
	background: #dcf1e6;
}

.about1 .info dl:first-of-type {
	border-top: solid 2px #a0a0a0;
}

.about1 .info dt {
	width: 20%;
	background: #dcf1e6;
	padding: 10px;
}

.about1 .info dd {
	width: 75%;
	background: #fff;
	padding: 10px;
}

.about2 .root dl {
	position: relative;
	margin: 0 1.5% 4% 1.5%;
}

.about2 .root dt {
	margin-bottom: 10px;
}

.about2 .root dl:before {
	display: block;
	content: url(/import/tenant_1/153.126.154.180/html/images/about/about-arrow.png);
	position: absolute;
	top: 33%;
	left: 100%;
	line-height: 100%;
	-webkit-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
}

.about2 .root dl:last-of-type:before {
	display: none;
}

@media only screen and (max-width: 1024px) {
	.about2 .root dl:before {
		top: 40%;
	}
	.about1 .info dt {
		width: 100%;
	}
	.about1 .info dd {
		width: 100%;
	}
}

@media only screen and (max-width: 599px) {
	.about1 .left {
		float: none;
		width: 100%;
	}
	.about1 .right {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.about2 .root dl {
		width: 96%;
		margin-bottom: 9%;
	}
	.about2 .root dl:before {
		top: 100%;
		left: 50%;
		-webkit-transform: translateX(-50%) rotate(90deg);
		-ms-transform: translateX(-50%) rotate(90deg);
		transform: translateX(-50%) rotate(90deg);
	}
}

/*ブログ*/

.bloglist dl {
	padding: 5px;
	border: solid 2px #9fa0a0;
}

.bloglist dd {
	margin-top: 10px;
	padding: 0 10px;
}

.pagenav ul {
	text-align: center;
}

.pagenav li {
	display: inline-block;
	margin: 0 8px;
}

.pagenav li a {
	display: block;
	font-weight: bold;
	color: #66bd89;
	font-size: 22px;
}

.blogbottom .cat {
	width: 48%;
}

.blogbottom .cat li {
	width: 48%;
	border-bottom: solid 2px #a0a0a0;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.blogbottom .cat li a {
	display: block;
	font-size: 18px;
}

.news1 .newslist {
	width: 70%;
}

.news1 .newslist dl {
	border: none;
	border-bottom: solid 2px #a0a0a0;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.news1 .newslist dt {
	width: 25%;
	position: relative;
	color: #33a761;
	padding-left: 25px;
}

.news1 .newslist dt:before {
	display: block;
	content: "■";
	position: absolute;
	left: 0;
}

.news1 .newslist dd {
	width: 75%;
	padding: 0;
	margin: 0;
}

.news1 .blogbottom {
	width: 25%;
}

.news1 .blogbottom .cat {
	width: 100%;
	margin-bottom: 30px;
}

.news1 .blogbottom .cat li {
	width: 100%;
}

.news1 .blogbottom .arc li {
	width: 48%;
}

.blogsingle .info {
	margin-bottom: 20px;
	text-align: center;
}

.blogsingle .info dt {
	display: inline-block;
	color: #fff;
	background: #33a761;
	margin-bottom: 15px;
	text-align: center;
	padding: 5px 30px;
}

.blogsingle .info dd {
	color: #33a761;
	margin-bottom: 15px;
	text-align: center;
	font-size: 18px;
}
.blogsingle .txt img {
    display: block;
    margin: auto;
    width: 80%;
    max-width: 500px !important;
}
.back {
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.back:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #009944;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.back:hover:before {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}

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

@media only screen and (max-width: 1024px) {
	.news1 .newslist {
		width: 100%;
	}
	.news1 .newslist dt {
		width: 100%;
		margin-bottom: 10px;
	}
	.news1 .newslist dd {
		width: 100%;
	}
	.news1 .blogbottom {
		width: 100%;
	}
	.blog1 .blogbottom .cat {
		width: 48%;
	}
}

@media only screen and (max-width: 599px) {
	.blog1 .blogbottom .cat {
		width: 100%;
		margin-bottom: 30px;
	}
	.blogbottom .cat li {
		width: 100%;
	}
}

/*スタッフ*/

.staff1 .pic {
	margin-bottom: 50px;
}

.staff .carrer {
	margin-bottom: 30px;
}

.staff .carrer .chu {
	margin-bottom: 20px;
	color: #009944;
	font-weight: bold;
}

.staff .carrer dl {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: solid 2px #a0a0a0;
}

.staff1 .carrer dt {
	width: 10%;
}

.staff1 .carrer dd {
	width: 85%;
}

.staff1 .prof {
	margin-bottom: 30px;
}

.staff1 .prof dl {
	margin-bottom: 10px;
}

.staff1 .prof dt {
	color: #009944;
	font-weight: bold;
}

.staff1 .comment {
	padding: 20px;
	background: #e2fae0;
}

@media only screen and (max-width: 1024px) {
	.staff1 .carrer dt {
		width: 100%;
		margin-bottom: 5px;
	}
	.staff1 .carrer dd {
		width: 100%;
	}
}

/*よくある質問*/

.faq .faqbox dl {
	padding: 20px;
	border: solid 1px #33a761;
	margin-bottom: 30px;
}

.faq .faqbox dt {
	position: relative;
	margin-bottom: 30px;
	padding-left: 50px;
	min-height: 38px;
	font-weight: bold;
}

.faq .faqbox dt .q {
	position: absolute;
	left: 0;
	color: #009944;
	font-size: 38px;
	font-weight: bold;
	font-family: 'yasashisaantique';
}

.faq .faqbox dd {
	position: relative;
	padding-left: 50px;
	min-height: 25px;
}

.faq .faqbox dd .a {
	position: absolute;
	left: 0;
	color: #8cd473;
	font-size: 38px;
	font-weight: bold;
	font-family: 'yasashisaantique';
}

/*お問合せ*/

.contact1 .txt {
	margin-bottom: 20px
}

.contact2 {
	background: #e2fae0;
}

.contact2 dl {
	text-align: center;
}

.contact2 dt {
	position: relative;
	display: inline-block;
	text-align: center;
	color: #009944;
	padding-left: 40px;
	margin-bottom: 10px;
}

.contact2 dt:before {
	display: block;
	content: "\f2a0";
	position: absolute;
	left: 0;
	font-family: "Font Awesome 5 Free";
}

.contact2 dt a {
	color: #009944;
}

.contact2 dd {
	text-align: center;
}

.contact3 {
	text-align: center;
}

.contact3 dl {
	margin-bottom: 30px;
}

.contact3 dt {
	width: 30%;
	font-size: 18px;
}

.contact3 dd {
	width: 70%;
}

.contact3 dd input {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #e0e8e0;
	border: none;
	line-height: 50px;
	height: 50px;
}

.contact3 dd textarea {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #e0e8e0;
	border: none;
	height: 250px;
}

.contact3 button {
	color: #fff;
	background: #33a761;
	font-weight: bold;
	font-size: 20px;
	border: none;
	display: inline-block;
	width: 80%;
	max-width: 250px;
	padding: 10px 20px;
	cursor: pointer;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border: solid 2px #33a761;
}

.contact3 button:hover {
	background: #fff;
	color: #33a761;
}
@media only screen and (max-width: 1024px) {
	.contact3 dt {
    width: 100%;
    margin-bottom: 5px;
  }
	.contact3 dd {
    width: 100%;
  }
}

/*商品紹介*/

.product1 .box {
	padding: 20px;
	border: solid 2px #33a761;
	background: #e2fae0;
	margin-bottom: 30px;
}

.product1 .box:nth-of-type(2n) {
	background: #f7f7e4;
}

.product1 .box .pic {
	float: left;
	width: 48%;
}

.product1 .box .tbox {
	float: right;
	width: 48%
}

/*初めての方へ*/

.first2 .inner {
	counter-reset: num;
}

.first2 .flowbox {
	position: relative;
	overflow: hidden;
	padding-left: 50px;
	padding-bottom: 30px;
}

.first2 .flowbox:before {
	display: block;
	content: "";
	background: #e2fae0;
	width: 10px;
	height: 100%;
	position: absolute;
	top: 40px;
	left: 15px;
}

.first2 .flowbox:after {
	display: block;
	content: counter(num);
	position: absolute;
	top: 0;
	left: 0px;
	counter-increment: num;
	color: #fff;
	background: #33a761;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	font-size: 28px;
}

.first2 .flowbox h4 {
	position: relative;
	font-family: 'yasashisaantique';
	margin-bottom: 15px;
	font-weight: 500;
	color: #37a392;
}

.first2 .box .pic {
	float: right;
}

.first2 .box .tbox {
	float: left;
	position: relative;
}

@media only screen and (max-width: 599px) {
	.first2 .flowbox {
		padding-right: 20px;
	}
	.first2 .box .pic {
		margin: 20px 0;
		width: 100% !important;
	}
}

/*他院との違い*/

.difference1 {
	position: relative;
	overflow: hidden;
	padding: 100px 0;
}

.difference1 .inner {
	position: relative;
	z-index: 5;
}

.difference2 .repeatinner {
	margin-bottom: 50px;
}

.difference2 .repeatinner:nth-of-type(2n) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

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

@media only screen and (max-width: 599px) {
	.difference2 .repeatinner .pic {
		width: 100%;
	}
	.difference2 .repeatinner .txt {
		width: 100%;
		margin-bottom: 20px;
	}
}

/*腰の痛み*/

.west .bg:nth-of-type(2n) {
	background: #e2fae0;
}

.west1 .maintxt {
	margin-bottom: 30px;
}

.west1 .repeatinner {
	margin-bottom: 50px;
}

.west1 .repeatinner:nth-of-type(2n) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.west2 .maintxt {
	margin-bottom: 30px;
}

.west2 .repeatinner h4 {
	width: 100%;
}

.west2 .repeatinner {
	margin-bottom: 50px;
}

.west2 .repeatinner:nth-of-type(2n) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

@media only screen and (max-width: 599px) {
	.west1 .repeatinner .w48 {
		width: 100%;
	}
	.west1 .repeatinner .w48.tbox {
		margin-bottom: 20px;
	}
	.west2 .repeatinner .w48 {
		width: 100%
	}
	.west2 .repeatinner .w48.tbox {
		margin-bottom: 20px;
	}
}

/*患者様の声*/

.voicebox {
	position: relative;
	padding-bottom: 50px;
	margin-bottom: 50px;
}

.voicebox:before {
	display: block;
	content: "";
	width: 80%;
	height: 5px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background: #a9d06b;
}

.voicebox .info h3 {
	width: 30%;
}

.voicebox .info h3 span {
	display: block;
	font-size: 16px;
}

.voicebox .info h3 .age {
	display: inline-block;
	margin-right: 10px;
}

.voicebox .info h3 .sex {
	display: inline-block;
	margin-right: 10px;
}

.voicebox .info .pic {
	width: 30%;
}

.voicebox h4 {
	background: #33a761;
	color: #fff;
	font-family: 'yasashisaantique';
	font-weight: 500;
	margin: 20px 0;
	padding: 5px 10px;
}

.voicebox .interview dl {
	border-bottom: solid 2px #a0a0a0;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.voicebox .interview dt {
	position: relative;
	font-size: 16px;
	margin-bottom: 20px;
	padding-left: 35px;
	min-height: 33px;
	font-weight: bold;
}

.voicebox .interview dt .q {
	position: absolute;
	left: 0;
	color: #009944;
	font-size: 30px;
	font-weight: bold;
	font-family: 'yasashisaantique';
}

.voicebox .interview dd {
	position: relative;
	padding-left: 35px;
	min-height: 27px;
}

.voicebox .interview .a {
	position: absolute;
	left: 0;
	color: #8cd473;
	font-size: 30px;
	font-weight: bold;
	font-family: 'yasashisaantique';
}

@media only screen and (max-width: 1024px) {
	.voicebox .info h3 {
		width: 55%;
	}
	.voicebox .info .pic {
		width: 40%;
	}
}

@media only screen and (max-width: 599px) {
	.voicebox .w48 {
		width: 100%;
	}
	.voicebox .info h3 {
		width: 65%;
	}
	.voicebox .info .pic {
		width: 30%;
	}
}

/*料金・メニュー*/

.price1 .pricebox dl {
	padding-bottom: 20px;
}

.price1 .pricebox dt {
	color: #37a392;
	position: relative;
	margin-bottom: 10px;
	padding-left: 20px;
	text-align: left;
	font-family: 'yasashisaantique';
	font-weight: 500;
}

.price1 .pricebox dt:before,
.price1 .pricebox dt:after {
	display: block;
	content: "";
	position: absolute !important;
	left: 0;
	width: 8px;
	height: 50%;
}

.price1 .pricebox dt:before {
	top: 0;
	background: #33a761;
}

.price1 .pricebox dt:after {
	bottom: 0;
	background: #a9d06b;
}

.price1 .pricebox dd {
	color: #37a392;
}

.price1 .maintxt {
	color: #37a392;
	font-family: 'yasashisaantique';
	margin-bottom: 30px;
	text-align: center;
}

/*美容鍼*/

.biyo .bg:nth-of-type(2n) {
	background: #e2fae0;
}

.biyo .bg .maintxt {
	margin: 20px 0;
}

.biyo .repeatinner {
	margin-bottom: 20px;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.biyo .repeatinner:nth-of-type(2n) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

@media only screen and (max-width: 599px) {
	.biyo .repeatinner .w48 {
		width: 100%;
	}
	.biyo .repeatinner .w48 {
		margin-bottom: 20px;
	}
}

/*女性特有のお悩み*/

.woman h3 {
	color: #e23a79;
	border-color: #e23a79;
}

.woman .bg:nth-of-type(2n) {
	background: #f2deed;
}

.woman .repeatinner .pic {
	border-radius: 100%;
	overflow: hidden;
}

/*交通事故治療*/

.jiko1 {
	position: relative;
	overflow: hidden;
	padding-top: 50px;
	padding-bottom: 150px;
}

.jiko1 .inner {
	position: relative;
	z-index: 5;
}

.jiko1 .bkimg {
	background: #eafbe9;
}

.jiko1 .bkimg img {
	opacity: 0.2;
}

.jiko2 .maintxt {
	margin-bottom: 30px;
}

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

/********** 2019/09/17 SP時.moreを消す **********/ 

@media only screen and (max-width: 599px){
  .more {
    display: none;
  }
  
  .back {
    display: block !important;
  }
}
