@charset "utf-8";
/* ------------------------------
 リセット
------------------------------ */
* {
	border:0;
	margin:0;
	outline:0;
	padding:0;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-o-box-sizing:border-box;
		box-sizing:border-box;
	font:inherit;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	text-decoration:none;
	vertical-align:baseline;
}

html {font-size:62.5%; width:100%; height:100%;}

body {
font-size:10px;
font-size:1.0rem;
line-height:1;
position:relative;
text-align:center;
	-webkit-text-size-adjust:100%;
	/*-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-o-text-size-adjust:100%;
	text-size-adjust:100%;*/
-webkit-font-smoothing:antialiased;
/*font-smoothing:antialiased;*/
-moz-osx-font-smoothing:grayscale;
width:100%;
height:100%;
}

article, aside, dialog, figure, footer, header, main, menu, nav, section {display:block;}
audio, canvas, video {display:inline-block;}

hr {display:block;}

ol,
ul {list-style:none;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}

input,
select {vertical-align:middle;}

table {border-collapse:collapse; border-spacing:0; empty-cells:show;}

/* ------------------------------
 サイト全体（PC）
------------------------------ */
html,
body {
	font-family: 'Arial',sans-serif;
	font-weight: 500;
	line-height: 1.6;
	word-wrap: break-word;
	color: #343232;
	-webkit-text-size-adjust: 100%;
	margin: 0 auto;
}
.site {
	overflow: hidden;
	width: 100%;
	min-width: 1240px;
	margin: 0 auto;
	padding: 0;
	font-size: 1.5rem;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
.cf:after {
	content: "";
	clear: both;
	display: block;
}
.tal {
	text-align:left;
}
.tac {
	text-align:center;
}
.tar {
	text-align:right;
}
.vat {
	vertical-align:top;
}
.vam {
	vertical-align:middle;
}
.vab {
	vertical-align:bottom;
}
.vtb {
	vertical-align:text-bottom;
}
strong,
.bold {
	font-weight: bold;
}
.auto {
	margin-left: auto;
	margin-right: auto;
}
/* スペース */
.mt10 {
	margin-top: 10px !important;
}
.mb0 {
	margin-bottom: 0 !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb35 {
	margin-bottom: 35px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.mb70 {
	margin-bottom: 70px !important;
}
.mb80 {
	margin-bottom: 80px !important;
}
/* リンク */
a {
	color: #343232;
	text-decoration: none;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.cms_text a {
	text-decoration: underline;
}
.cms_text a:hover {
	text-decoration: none;
}
/* カラー */
.red {
	color: #c61a22 !important;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.green {
	color: #693;
}
/* フォントサイズ */
.f12 {
	font-size: 1.2rem;
}
.f13 {
	font-size: 1.3rem;
}
.f14 {
	font-size: 1.4rem;
}
.f15 {
	font-size: 1.5rem;
}
.f16 {
	font-size: 1.6rem;
}
.f18 {
	font-size: 1.8rem;
}
.f20 {
	font-size: 2rem;
}
.f21 {
	font-size: 2.1rem;
}
.f24 {
	font-size: 2.4rem;
}
sup {
	font-size: 65%;
	vertical-align: top;
}
sub {
	font-size: 65%;
	vertical-align: bottom;
}
/* ------------------------------
 サイト全体（PCのみ）
------------------------------ */
@media print, screen and (min-width: 768px) {
	.sp {
		display: none;
	}
	.pc_tal {
		text-align:left;
	}
	.pc_tac {
		text-align:center;
	}
	.pc_tar {
		text-align:right;
	}
	.pc_bold {
		font-weight: bold;
	}
	.pc_nobr br {
		display: none;
	}
	.fl {
		float:left;
	}
	.fr {
		float:right;
	}
	.pc_mb0 {
		margin-bottom: 0 !important;
	}
	.pc_mr0 {
		margin-right: 0 !important;
	}
	a img {
		-webkit-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	}
	a:hover img {
		opacity: 0.7;
	}
}
/* ------------------------------
 サイト全体（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	html,
	body {
		min-width: 100%;
		max-width: 100%;
		background-color: #f6f3ec;
		font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif, "Droid Sans" ,Verdana;
	}
	.site {
		min-width: 320px;
		background-color: #fff;
	}
	#bggr {
		position: relative;
		z-index: 1;
	}
	.pc {
		display: none;
	}
	.sp_tac {
		text-align: center;
	}
	.sp_tal {
		text-align: left;
	}
	.sp_nobr br {
		display: none;
	}
	.sp_db {
		display: block;
	}
	/* スペース */
	.mb15 {
		margin-bottom: 10px !important;
	}
	.mb20 {
		margin-bottom: 10px !important;
	}
	.mb25 {
		margin-bottom: 15px !important;
	}
	.mb30 {
		margin-bottom: 20px !important;
	}
	.mb35 {
		margin-bottom: 25px !important;
	}
	.mb40 {
		margin-bottom: 30px !important;
	}
	.mb50 {
		margin-bottom: 35px !important;
	}
	.mb60 {
		margin-bottom: 40px !important;
	}
	.mb70 {
		margin-bottom: 50px !important;
	}
	.mb80 {
		margin-bottom: 60px !important;
	}
	.sp_mb20 {
		margin-bottom: 20px !important;
	}
	/* フォントサイズ */
	.f18 {
		font-size: 1.7rem;
	}
	.f20,
	.f21 {
		font-size: 1.8rem;
	}
	.f24 {
		font-size: 2.2rem;
	}
	sup {
		font-size: 65%;
	}
	sub {
		font-size: 65%;
	}
}

/* ------------------------------
 ヘッダー
------------------------------ */
.header {
	position: relative;
	width: 100%;
	margin: 0;
	text-align: center;
	/* なんか消えるの解除 ;;edit;; */
	z-index: 777 !important;
	-webkit-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
}
.top_logo {
	background-color: #693;
}
/* ロゴの右Block */
.headerBlock_right a {
	color: #fff;
}
/* ------------------------------
 ヘッダー（PC）
------------------------------ */
@media print, screen and (min-width: 768px) {
	.logo-outer {
		display: flex;
		align-items: center;
	}
	.top_logo {
		width: 290px;
		height: 80px;
		line-height: 0;
	}
	.top_logo a {
		display: block;
		padding: 31px 25px;
	}
	.top_logo img {
		width: 240px;
	}
	.slidemenu-btn,
	.btn-submenu-toggle {
		display: none !important;
	}
	.header {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 600 !important;
		min-width: 1240px;
		height: 80px;
		margin: 0 auto;
		background-color: rgba(255,255,255,1);
	}
	.headerBlock {
		display: flex;
		justify-content: space-between;
		position: relative;
	}
	.headerBlock_right a {
		color: #000;
	}
	.headerBlock .gnav {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.headerBlock .gnav .headerMenu {
		display: flex;
		visibility: visible;
	}
	.headerBlock .gnav .headerMenu > li {
		margin-left: 20px;
		margin-right: 20px;
		font-size: 1.6rem;
		font-weight: bold;
	}
	.headerBlock .gnav .headerMenu > li:nth-child(4) {
		margin-right: 30px;
	}
	.headerBlock .gnav .headerMenu > li > p {
		position: relative;
	}
	.headerBlock .gnav .headerMenu > li > p a {
		display: flex;
		align-items: center;
		height: 80px;
		padding: 0 4px 0;
	}
	.headerBlock .gnav .headerMenu > li p::after {
		content: "";
		display: block;
		opacity: 0;
		position: absolute;
		top: 0;
		right: 0;
		width: 0;
		width: 100%;
		height: 8px;
		background-color: #693;
		-webkit-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}
	.headerBlock .gnav .headerMenu > li:hover p::after,
	.headerBlock .gnav .headerMenu > li.on p::after {
		opacity: 1;
	}
	/* 言語選択 */
	.language {
		/* display: flex;
		flex-direction: column;
		width: 120px;
		height: 80px;
		padding: 0 20px; */
	}
	.language a {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 120px;
		height: 80px;
		background-color: #f6f3ec;
		font-size: 1.6rem;
		font-weight: bold;
	}
	/* .language a:first-child {
		border-bottom: 1px solid #acaaa5;
	}
	.language a[target="_blank"]::after {
		content: "";
		display: inline-block;
		width: 11px;
		height: 11px;
		margin-left: 5px;
		background: url(../img/blank.png) no-repeat 0 0 / cover;
	} */
	.language a:hover {
		text-decoration: underline;
	}
	/* お問合せ */
	.headerContact a {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 120px;
		height: 80px;
		border: 2px solid #693;
		background-color: #693;
		color: #fff;
		font-size: 1.6rem;
		font-weight: bold;
		-webkit-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}
	.headerContact a:hover {
		background-color: #fff;
		color: #693;
	}
	.headerContact a span {
		display: none;
	}
}
/* ------------------------------
 ヘッダー プルダウンメニュー（PC）
------------------------------ */
@media print, screen and (min-width: 768px) {
	.headerBlock .headerMenu > li {
	}
	.headerBlock .headerMenu > li > ul::before {
	}
	.headerBlock .headerMenu > li > ul {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		position: absolute;
		top: 80px;
		left: 0;
		width: 100%;
		padding: 10px 0;
		visibility: hidden;
		opacity: 0;
		z-index: 500;
		background: rgba(42,90,46,1);
		-webkit-transition: visibility 0s ease .15s, opacity .15s ease-in-out .15s;
		transition: visibility 0s ease .15s, opacity .15s ease-in-out .15s;
	}
	.headerBlock .headerMenu > li > ul > li {
		font-size: 1.6rem;
		font-weight: bold;
	}
	.headerBlock .headerMenu > li > ul > li a {
		display: block;
		position: relative;
		padding: 7px 20px 8px;
		color: #fff;
		text-decoration: none;
		-webkit-transition: none;
		transition: none;
		-webkit-transition: 0.1s ease-in-out;
		transition: 0.1s ease-in-out;
	}
	.headerBlock .headerMenu > li > ul > li a::before {
		content: "";
		display: inline-block;
		width: 6px;
		height: 6px;
		margin: -2px 9px 0 1px;
		border: 0;
		border-top: solid 3px #82c221;
		border-right: solid 3px #82c221;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		vertical-align: middle;
	}
	.headerBlock .headerMenu > li > ul > li a:hover {
		text-decoration: underline;
	}
	.headerBlock .headerMenu > li > ul:hover,
	.headerBlock .headerMenu > li:hover > ul {
		visibility: visible;
		opacity: 1;
	}
	.headerBlock .headerMenu > li > ul > li a[target="_blank"]::after {
		content: '';
		width: 9px;
		height: 9px;
		line-height: .7;
		margin-left: 5px;
		display: inline-block;
		background: url(../img/blank_w.png) no-repeat 0 0 / cover;
	}
}
/* ------------------------------
 ヘッダー（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	.header {
		display: block;
		position: fixed !important;
		top: 0;
		left: 0;
		width: 100%;
		min-width: 100%;
	}
	.header.lower {
		background-color: #fff;
	}
	.page-open-slidemenu .header {
		position: fixed !important;
	}
	.headerBlock  {
		position: relative;
		z-index: 780;
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	/* ロゴ */
	.logo-outer {
		position: relative;
		z-index: 790;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 50px;
		background-color: #693;
	}
	.top_logo {
		width: 100%;
		padding-top: 17px;
		padding-left: 5%;
		text-align: left;
		line-height: 0;
	}
	.top_logo img {
		width: 240px;
	}
	/* ロゴの右Block */
	.headerBlock_right {
		text-align: center;
		padding-top: 0;
	}
	/* 開閉メニューボタン */
	.slidemenu-btn {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 800;
		width: 50px;
		height: 50px;
		background-color: #693;
	}
	.menu-icon,
	.menu-icon:before,
	.menu-icon:after {
		display: block;
		position: absolute;
		width: 20px;
		height: 3px;
		background-color: #fff;
	}
	.menu-icon:before,
	.menu-icon:after {
		-webkit-transition: color .25s ease;
		transition: color .25s ease;
	}
	.page-open-slidemenu .menu-icon:before,
	.page-open-slidemenu .menu-icon:after {
		background-color: #fff;
	}
	.menu-icon:before,
	.menu-icon:after {
		content: '';
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
	}
	.menu-icon {
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		-webkit-transition: all .25s ease-out;
		transition: all .25s ease-out;
	}
	.menu-icon:before {
		top: -8px;
		-webkit-transition: -webkit-transform .1s ease-out;
		transition: -webkit-transform .1s ease-out;
		transition: transform .1s ease-out;
		transition: transform .1s ease-out, -webkit-transform .1s ease-out;
	}
	.menu-icon:after {
		bottom: -8px;
		-webkit-transition: -webkit-transform .1s ease-out;
		transition: -webkit-transform .1s ease-out;
		transition: transform .1s ease-out;
		transition: transform .1s ease-out, -webkit-transform .1s ease-out;
	}
	.page-open-slidemenu .menu-icon {
	  background-color: transparent;
	}
	.page-open-slidemenu .menu-icon,
	.page-open-slidemenu .menu-icon:before,
	.page-open-slidemenu .menu-icon:after {
		width: 20px;
		height: 3px;
	}
	.page-open-slidemenu .menu-icon:before {
		-webkit-transform: translateY(10px) rotate(45deg);
		transform: translateY(8px) rotate(45deg);
		-webkit-transition: -webkit-transform .1s ease-out .25s;
		transition: -webkit-transform .1s ease-out .25s;
		transition: transform .1s ease-out .25s;
		transition: transform .1s ease-out .25s, -webkit-transform .1s ease-out .25s;
	}
	.page-open-slidemenu .menu-icon:after {
		-webkit-transform: translateY(-10px) rotate(-45deg);
		transform: translateY(-8px) rotate(-45deg);
		-webkit-transition: -webkit-transform .1s ease-out .25s;
		transition: -webkit-transform .1s ease-out .25s;
		transition: transform .1s ease-out .25s;
		transition: transform .1s ease-out .25s, -webkit-transform .1s ease-out .25s;
	}
	/* 開閉メニュー動き */
	.headerBlock .headerBlock_right {
		position: absolute;
		width: 100%;
		padding-top: 10px;
		background-color: rgba(42,96,40,.9);
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		-webkit-transition: -webkit-transform .3s ease-in-out;
		transition: -webkit-transform .3s ease-in-out;
		transition: transform .3s ease-in-out;
		transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
	}
	.page-open-slidemenu .headerBlock .headerBlock_right {
		overflow-y: auto;
		max-height: 100vh;
		max-height: -webkit-calc(100vh - 50px);
		max-height: calc(100vh - 50px);
		-webkit-transform: translateY(0);
		transform: translateY(0);
		-webkit-overflow-scrolling: touch;
	}
	.page-open-slidemenu .headerBlock .headerMenu {
		padding-left: 5%;
		padding-right: 5%;
	}
	.page-open-slidemenu .headerBlock .headerMenu > li {
		position: relative;
		text-align: left;
	}
	.page-open-slidemenu .headerBlock .headerMenu > li > p {
		position: relative;
	}
	.page-open-slidemenu .headerBlock .headerMenu > li > p > .btn-submenu-toggle {
		position: absolute;
		z-index: 810;
	}
	/* 開閉メニュー */
	/***/
	/* 要検討 */
	.headerBlock .headerMenu > li > ul {
		position: relative;
		overflow: hidden;
		display: none;
	}
	.headerBlock .headerMenu > li.is-open > ul {
		height: 0;
		visibility: visible;
	}
	.headerBlock .headerMenu > li a:not(.btn-submenu-toggle) {
		display: block;
		position: relative;
		width: 100%;
		padding: 15px 0 15px 20px;
		color: #fff;
		font-size: 1.7rem;
		font-weight: bold;
		line-height: 1;
	}
	.headerBlock .headerMenu > li a:not(.btn-submenu-toggle)::before {
		content: "";
		display: inline-block;
		position: absolute;
		top: 18px;
		left: 0;
		width: 6px;
		height: 6px;
		border: 0;
		border-top: solid 3px #82c221;
		border-right: solid 3px #82c221;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.headerBlock .headerMenu > li:not(:first-child) a:not(.btn-submenu-toggle) {
		border-top: 1px solid rgba(255,255,255,.5);
	}
	.headerBlock .headerMenu > li {
		position: relative;
		text-align: left;
	}
	.headerBlock .headerMenu > li:before,
	.headerBlock .headerMenu > li:after {
		content: "";
		display: table;
	}
	.headerBlock .headerMenu > li:after {
		clear: both;
	}
	.headerBlock .headerMenu > li > ul > li > a:not(.btn-submenu-toggle) {
		width: 100%;
		padding: 0 0 10px 37px;
		border-top: none !important;
		font-size: 1.7rem;
		font-weight: bold;
		line-height: 1.3;
	}
	.headerBlock .headerMenu > li > ul > li > a:not(.btn-submenu-toggle)::before {
		content: "";
		display: inline-block;
		position: absolute;
		top: 6px;
		left: 17px;
		width: 6px;
		height: 6px;
		border: 0;
		border-top: solid 3px #82c221;
		border-right: solid 3px #82c221;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	/* トグルボタン */
	.btn-submenu-toggle {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 54px;
		height: 100%;
	}
	.btn-submenu-toggle:before,
	.btn-submenu-toggle:after {
		content: '';
		position: absolute;
		display: block;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		background-color: #82c221;
		-webkit-transition: background-color .2s ease-in-out;
		transition: background-color .2s ease-in-out;
	}
	.btn-submenu-toggle:before {
		width: 3px;
		height: 14px;
	}
	.btn-submenu-toggle:after {
		width: 14px;
		height: 3px;
	}
	.is-open .btn-submenu-toggle:before {
		background-color: transparent;
	}
	.is-open .btn-submenu-toggle:after {
		background-color: #82c221;
	}
	/* 言語選択 */
	.language {
	}
	.language a {
		display: inline-block;
		margin-top: 5px;
		margin-bottom: 16px;
		padding: 0 .5em;
		font-size: 1.7rem;
		line-height: 1;
		font-weight: bold;
	}
	/* お問合せ */
	.headerContact a {
		display: block;
		padding: 12px 0 11px;
		background-color: #693;
		font-size: 1.7rem;
		font-weight: bold;
	}
	.headerContact a span {
		display: inline;
	}
	.headerContact a br {
		display: none;
	}
}
/* ------------------------------
 メニューレイヤー（SP）
------------------------------ */
/* PCは非表示 */
.menu-layer {
	display: none;
}
@media screen and (max-width: 767px) {
	.menu-layer {
		width: 100%;
		height: 100%;
		position: absolute;
		/* ;;edit;;color */
		background-color: rgba(0,0,0,.3);
		top: 0;
		left: 0;
		z-index: 10;
	}
	.page-open-slidemenu .menu-layer {
		display: block;
	}
	.page-open-slidemenu .site {
		overflow: hidden;
	}
}

/* ------------------------------
 コンテンツ（PC）
------------------------------ */
.contentsHome {
	position: relative;
	width: 100%;
	min-width: 1240px;
	padding-top: 80px;
}
.contents {
	position: relative;
	width: 100%;
	min-width: 1240px;
	padding-top: 80px;
}
.contents .inBlock {
	padding-top: 60px;
	padding-bottom: 80px;
	text-align: left;
}
.inBlock::after {
	content: "";
	clear: both;
	display: block;
}
@media print, screen and (min-width: 768px) {
	/* 横幅1140px */
	.inBlock {
		width: 1140px;
		margin-left: auto;
		margin-right: auto;
	}
}
/* ------------------------------
 コンテンツ（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	.contentsHome {
		min-width: 300px;
		padding-top: 50px;
		background-color: #f6f3ec;
	}
	.contents {
		min-width: 288px;
		padding-top: 50px;
		background: #f6f3ec;
	}
	.contents .inBlock {
		padding: 40px 5%;
		background: #fff;
	}
}

/* ------------------------------
 パンくず（PC）
------------------------------ */
.crumb {
	width: 100%;
	height: 48px;
	padding-top: 15px;
	background-color: #f6f3ec;
}
.crumb p {
	width: 1140px;
	margin: auto;
	color: #7f7d7d;
	font-size: 1.3rem;
	line-height: 21px;
	text-align: left;
}
.crumb p img {
	margin-bottom: 4px;
}
.crumb a {
	color: #7f7d7d;
}
.crumb a:hover {
	text-decoration: underline;
}
.crumb a::after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: -3px 10px 0 5px;
	border: 0;
	border-top: solid 1px #666;
	border-right: solid 1px #666;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	vertical-align: middle;
}
.crumb a:hover::after {
	text-decoration: none;
}
/* SPは非表示 */
@media screen and (max-width: 767px) {
	.crumb {
		display: none;
	}
}

/* ------------------------------
 コンテンツメニュー（PC）
------------------------------ */
.contentsMenu {
	display: flex;
	flex-flow: row wrap;
}
.contentsMenu li {
	width: 350px;
	margin-bottom: 45px;
	border-radius: 12px;
	background-color: rgba(246,243,236,1);
	line-height: 1.4;
}
.contentsMenu li div {
	width: 100%;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	background-color: #fff;
}
.contentsMenu li div img {
	width: 100%;
	border: 1px solid #d9d0bd;
	border-bottom: 5px solid #693;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}
.contentsMenu li h2 {
	position: relative;
	margin-bottom: 0;
	padding: 22px 30px 5px 46px;
	border-bottom: none;
	font-size: 1.6rem;
	text-align: left;
}
.contentsMenu li h2::before {
	content: "";
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	top: 28px;
	left: 28px;
	border: 0;
	border-top: solid 3px #693;
	border-right: solid 3px #693;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.contentsMenu li p {
	padding: 0 30px 25px;
}
@media print, screen and (min-width: 768px) {
	.contentsMenu li {
		-webkit-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	}
	.contentsMenu li:not(:nth-child(3n+1)) {
		margin-left: 45px;
	}
	.contentsMenu li:hover {
	background-color: rgba(246,243,236,.4);
	}
}
/* ------------------------------
 コンテンツメニュー（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	.contentsMenu li {
		width: 47.5%;
		margin-bottom: 30px;
		border-radius: 8px;
		background-color: #f6f3ec;
	}
	.contentsMenu li div img {
		border-bottom: 4px solid #693;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}
	.contentsMenu li h2 {
		padding: 13px 10px 0 22px;
		font-size: 1.4rem;
	}
	.contentsMenu li h2::before {
		width: 5px;
		height: 5px;
		top: 19px;
		left: 9px;
		border-top: solid 2px #693;
		border-right: solid 2px #693;
	}
	.contentsMenu li:not(:nth-child(2n+1)) {
		margin-left: 5%;
	}
	.contentsMenu li a {
		display: block;
		padding-bottom: 15px;
	}
	.contentsMenu li p {
		display: none;
	}
}

/* ------------------------------
 ページメニュー（PC）
------------------------------ */
.pageMenu {
	margin-bottom: 25px;
	border-bottom: 1px solid #808080;
	display: flex;
	flex-flow: row wrap;
}
.pageMenu li {
	margin-bottom: 40px;
}
.pageMenu li a {
	display: block;
	position: relative;
	font-size: 1.6rem;
	font-weight: bold;
}
@media print, screen and (min-width: 768px) {
	.pageMenu {
		justify-content: center;
	}
	.pageMenu li {
		padding-left: 1em;
		padding-right: 1em;
		line-height: 1;
	}
	.pageMenu li:not(:last-child) {
		border-right: 1px solid #bcbcbc;
	}
	.pageMenu li a::after {
		content: "";
		display: block;
		opacity: 0;
		position: absolute;
		bottom: -14px;
		width: 100%;
		height: 4px;
		background-color: #693;
		-webkit-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}
	.pageMenu li a:hover::after,
	.pageMenu li.on a::after {
		opacity: 1;
	}
}
/* ------------------------------
 ページメニュー（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	.pageMenu {
		margin-bottom: 15px;
		padding-bottom: 10px;
	}
	.pageMenu li {
		position: relative;
		margin-bottom: 15px;
		margin-left: 1em;
	}
	.pageMenu li:not(:last-child) {
		margin-right: 1em;
	}
	.pageMenu li::before {
		content: "";
		display: block;
		position: absolute;
		width: 5px;
		height: 5px;
		top: 8px;
		left: -1em;
		border: 0;
		border-top: solid 2px #693;
		border-right: solid 2px #693;
		border-radius: 0;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.pageMenu li a {
		margin-bottom: 0;
		padding: 0;
		border-bottom: none;
		font-size: 1.4rem;
		text-align: left;
	}
	.pageMenu li.on a::after {
		content: "";
		display: block;
		position: absolute;
		bottom: -3px;
		width: 100%;
		height: 3px;
		background-color: #693;
	}
}

/* ------------------------------
 コンテンツトップ（PC）
------------------------------ */
.contentsTop {
	text-align: center;
}
.contentsTop a {
	display: inline-block;
	position: relative;
	padding-left: 36px;
	font-size: 2.1rem;
	font-weight: bold;
}
.contentsTop a::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 24px;
	height: 24px;
	margin: auto;
	border: 1px solid #693;
	border-radius: 100%;
	background-color: #fff;
	vertical-align: middle;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.contentsTop a::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 7px;
	width: 7px;
	height: 7px;
	margin: auto;
	border-right: solid 3px #693;
	border-bottom: solid 3px #693;
	vertical-align: middle;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
@media print, screen and (min-width: 768px) {
	.contentsTop {
		margin-bottom: 20px;
	}
	.contentsTop a:hover::before {
		background-color: #693;
	}
	.contentsTop a:hover::after {
		border-right: solid 3px #fff;
		border-bottom: solid 3px #fff;
	}
}
/* ------------------------------
 コンテンツトップ（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	.contentsTop a {
		padding-left: 26px;
		font-size: 1.8rem;
	}
	.contentsTop a::before {
		width: 20px;
		height: 20px;
		margin: auto;
	}
	.contentsTop a::after {
		width: 5px;
		height: 5px;
		border-right: solid 2px #693;
		border-bottom: solid 2px #693;
	}
}

/* ------------------------------
 ページリンク（PC）
------------------------------ */
.pageLink {
}
.pageLink .cms_link {
	display: inline-block;
}
.pageLink .cms_link:not(:last-child) {
	margin-right: 2.5em;
}
.pageLink .cms_link a {
	display: inline-block;
	font-size: 1.6rem;
	font-weight: bold;
	text-decoration: none;
}
.pageLink .cms_link a::before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 .5em 6px 0;
	border: 0;
	border-top: solid 3px #693;
	border-right: solid 3px #693;
	vertical-align: middle;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
@media print, screen and (min-width: 768px) {
	.pageLink {
		text-align: center;
	}
	.pageLink .cms_link a:hover {
		text-decoration: underline;
	}
}
/* ------------------------------
 ページリンク（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	.pageLink .cms_link {
		margin-bottom: 5px;
	}
	.pageLink .cms_link:not(:last-child) {
		margin-right: 1.5em;
	}
	.pageLink .cms_link a {
		font-size: 1.4rem;
	}
	.pageLink .cms_link a::before {
		width: 5px;
		height: 5px;
		margin: 0 .5em 5px 0;
		border-top: solid 2px #693;
		border-right: solid 2px #693;
	}
}

/* ------------------------------
 フッター（PC）
------------------------------ */
.footer {
	background: #f6f3ec;
}
/* フッターメニュー */
.footerMenu {
	text-align: left;
}
.footerMenu a {
	font-size: 1.4rem;
}
.footerMenu .naviBox li {
	position: relative;
	padding-left: 27px;
}
.footerMenu .naviBox li::before {
	content: "－";
	position: absolute;
	top: 0;
	left: 11px;
}
/* ロゴ・コピーライト */
.footerBottom {
	background-color: #2a5a2e;
	line-height: 1;
	color: #fff;
}
.ft_logo {
	margin-bottom: 15px;
}
.ft_logo img {
	width: 320px;
	height: auto;
}
.copyright {
	font-size: 1.2rem;
}
@media print, screen and (min-width: 768px) {
	.footer {
		min-width: 1240px;
	}
	/* フッターメニュー */
	.footerTop {
		width: 1140px;
		margin: 0 auto;
		padding: 55px 0 65px;
	}
	.footerMenu {
		width: 1140px;
		display: flex;
		justify-content: space-between;
	}
	.footerMenu a:hover {
		text-decoration: underline;
	}
	.footerMenu p {
		font-weight: bold;
	}
	.footerMenu p::before {
		content: "";
		display: inline-block;
		width: 4px;
		height: 4px;
		margin: -2px 7px 0 0;
		border: 0;
		border-top: solid 2px #693;
		border-right: solid 2px #693;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		vertical-align: middle;
	}
	.naviBox ul + p {
		margin-top: 20px;
	}
	.naviBox p + p {
		margin-top: 5px;
	}
	/* ロゴ・コピーライト */
	.footerBottom {
		height: 120px;
		padding-top: 35px;
	}
	/* mypagemenu */
	.mypageMenu {
		position: fixed;
		top: 320px;
		right: 0;
		z-index: 1000000;
		width: 80px;
		font-size: 1.4rem;
		font-weight: bold;
	}
	.mypageMenu ul li a:hover {
		background-color: rgba(102,153,51,.7);
	}
}
/* ページトップ */
.js-btn-pagetop {
	display: block;
	position: fixed;
	bottom: 70px;
	right: 70px;
	z-index: 1000;
	width: 70px;
	height: 70px;
	border: 3px solid #693;
	border-radius: 100%;
	background-color: #fff;
	color: #693;
	font-size: 1.2rem;
	font-weight: bold;
	cursor: pointer;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.js-btn-pagetop span {
	display: block;
	position: relative;
	padding-top: 33px;
}
.js-btn-pagetop span::before {
	content: "";
	position: absolute;
	top: 20px;
	left: 50%;
	width: 16px;
	height: 16px;
	margin-left: -10px;
	border: 0;
	border-top: solid 4px #693;
	border-right: solid 4px #693;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
@media print, screen and (min-width: 768px) {
	.js-btn-pagetop:hover {
		background-color: #693;
		color: #fff;
	}
	.js-btn-pagetop:hover span::before {
		border-color: #fff;
	}
}
/* ------------------------------
 フッター（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	/* フッターメニュー */
	.footerTop {
		padding: 20px 5%;
		background-color: #fff;
	}
	.footerMenu .naviBox  {
		text-align: center;
	}
	.footerMenu .naviBox p:not(.pc)  {
		display: inline-block;
		line-height: 1;
	}
	.footerMenu .naviBox p:not(:last-child)::after {
		display: inline-block;
		content: "｜";
		padding-left: .3em;
	}
	/* ロゴ・コピーライト */
	.footerBottom {
		padding: 20px 5%;
	}
	.ft_logo {
		margin-bottom: 10px;
	}
	.ft_logo img {
		width: 240px;
		height: auto;
	}
	/* PAGE TOP */
	.js-btn-pagetop {
		bottom: 40px;
		right: 3%;
		width: 48px;
		height: 48px;
		font-size: 1rem;
	}
	.js-btn-pagetop span {
		padding-top: 22px;
	}
	.js-btn-pagetop span::before {
		top: 13px;
		width: 12px;
		height: 12px;
		margin-left: -8px;
		border-top: solid 3px #693;
		border-right: solid 3px #693;
	}
}
@media screen and (max-width: 320px) {
	/* フッターメニュー */
	.footerMenu a {
		font-size: 1.2rem;
	}
	.ft_logo img {
		width: 200px;
	}
	.copyright {
		font-size: 1rem;
	}
}

/* ------------------------------
 マイページメニュー（PC）
------------------------------ */
.mypageMenu {
	position: fixed;
	top: 320px;
	right: 0;
	z-index: 1000000;
	width: 80px;
}
.mypageMenu ul li:not(:last-child) {
	margin-bottom: 1px;
}
.mypageMenu ul li a {
	display: block;
	width: 80px;
	height: 80px;
	padding-top: 45px;
	border: 2px solid #693;
	background: #693 url(../img/icon_download.png) no-repeat center 15px/ 26px 26px;
	color: #fff;
	font-size: 1.3rem;
	font-weight: bold;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.mypageMenu ul li:nth-child(2) a {
	background: #693 url(../img/icon_models.png) no-repeat center 15px/ 26px 26px;
}
.mypageMenu ul li:nth-child(3) a {
	background: #693 url(../img/icon_profile.png) no-repeat center 15px/ 26px 26px;
}
.mypageMenu ul li:nth-child(4) a {
	background: #693 url(../img/icon_logout.png) no-repeat center 15px/ 26px 26px;
}
.mypageMenu ul li.menuLogin a {
	background: #693 url(../img/icon_login.png) no-repeat center 15px/ 26px 26px;
}
@media print, screen and (min-width: 768px) {
	.mypageMenu ul li a:hover {
		background-color: #fff;
		background: #fff url(../img/icon_download_g.png) no-repeat center 15px/ 26px 26px;
		color: #693;
	}
	.mypageMenu ul li:nth-child(2) a:hover {
		background: #fff url(../img/icon_models_g.png) no-repeat center 15px/ 26px 26px;
	}
	.mypageMenu ul li:nth-child(3) a:hover {
		background: #fff url(../img/icon_profile_g.png) no-repeat center 15px/ 26px 26px;
	}
	.mypageMenu ul li:nth-child(4) a:hover {
		background: #fff url(../img/icon_logout_g.png) no-repeat center 15px/ 26px 26px;
	}
	.mypageMenu ul li.menuLogin a:hover {
		background: #fff url(../img/icon_login_g.png) no-repeat center 15px/ 26px 26px;
	}
}
/* ------------------------------
 マイページメニュー（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	.mypageMenu {
		top: 190px;
		width: 50px;
		z-index: 776;
	}
	.mypageMenu ul li a {
		width: 50px;
		height: 50px;
		padding-top: 10px;
		background: #693 url(../img/icon_download.png) no-repeat center 10px/ 27px 27px;
	}
	.mypageMenu ul li:nth-child(2) a {
		background: #693 url(../img/icon_models.png) no-repeat center 10px/ 27px 27px;
	}
	.mypageMenu ul li:nth-child(3) a {
		background: #693 url(../img/icon_profile.png) no-repeat center 10px/ 27px 27px;
	}
	.mypageMenu ul li:nth-child(4) a {
		background: #693 url(../img/icon_logout.png) no-repeat center 10px/ 27px 27px;
	}
	.mypageMenu ul li.menuLogin a {
		background: #693 url(../img/icon_login.png) no-repeat center 10px/ 27px 27px;
	}
	.mypageMenu ul li a:hover {
		color: #fff !important;
	}
	.mypageMenu ul li a span {
		display: none;
	}
}

/* ------------------------------
 Cookie受け入れ（PC）
------------------------------ */
.cookie {
	position: fixed;
	bottom: 0;
	left: auto;
	right: auto;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
	background-color: rgba(102,153,51,.9);
	color: #fff;
	z-index: 100;
}
.cookieIn p {
	font-size: 1.4rem;
	line-height: 1.4;
	text-align: left;
}
.cookieIn a {
	color: #fff;
	text-decoration: underline;
}
.cookieIn a:hover {
	text-decoration: none;
}
.cookieIn button {
	display: inline-block;
	width: 180px;
	height: 40px;
	border: 1px solid #fff;
	border-radius: 6px;
	background-color: transparent;
	color: #fff;
	font-size: 1.8rem;
	line-height: 40px;
	font-weight: bold;
	text-align: center;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	cursor: pointer;
}
.cookieIn button:hover {
	background-color: rgba(255,255,255,.3);
}
@media print, screen and (min-width: 768px) {
	.cookieIn {
		width: 1140px;
		margin-left: auto;
		margin-right: auto;
	}
	.cookieIn::after {
		content: "";
		display: block;
		clear: both;
	}
	.cookieIn p {
		width: 910px;
		float: left;
	}
	.cookieIn button {
		float: right;
	}
	.cookieIn button:hover {
		background-color: rgba(255,255,255,.3);
	}
}
/* ------------------------------
 Cookie受け入れ（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	.cookie {
		padding-top: 15px;
		padding-bottom: 20px;
	}
	.cookieIn p {
		margin-bottom: 15px;
		padding-left: 5%;
		padding-right: 5%;
	}
}

/* ------------------------------
 ノースクリプト
------------------------------ */
#nojs {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	width: 100%;
	padding: 0;
	background: #2a5a2e;
	text-align: center;
}
#nojs p {
	padding: 3px 0;
	color: #fff;
	font-size: 1.4rem;
}

/* ------------------------------
 印刷用コード
------------------------------ */
@media print {
	html,
	body {
		background: none;
	}
	.header {
		position: absolute;
	}
	.contents {
		margin-top: 0;
	}
	.js-btn-pagetop {
		display: none !important;
	}
}
/* 余白 */
@page {
	margin: 9.7mm 9.7mm;
}

/* ------------------------------
 Android用アラート
------------------------------ */
.alert-old-android-browser {
	display: none;
}
.alert-old-android-browser.is-show {
	border-top: 1px solid #aaa;
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	color: #222;
	font-size: 16px;
	z-index: 200000;
	padding: 30px 40px 20px 20px;
}
/* android browser */
.page-fixed-header-android .alert-old-android-browser.is-show {
	position: fixed;
	bottom: 0;
	left: 0;
}
.alert-old-android-browser.is-show > .alert-old-android-browser__text {
	margin-bottom: 1em;
	line-height: 18px;
	background-size: 20px 18px;
	margin-bottom: 10px;
}
.alert-old-android-browser.is-show > .alert-old-android-browser__link {
	text-decoration: none;
}
.alert-old-android-browser.is-show > .alert-old-android-browser__close {
	display: block;
	position: absolute;
	width: 40px;
	height: 40px;
	top: 0px;
	right: 0px;
}
.alert-old-android-browser.is-show > .alert-old-android-browser__close:before,
.alert-old-android-browser.is-show > .alert-old-android-browser__close:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 20px;
	height: 2px;
	margin: auto;
	background-color: #aaa;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.alert-old-android-browser.is-show > .alert-old-android-browser__close:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.alert-old-android-browser.is-show > .alert-old-android-browser__close:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.alert-old-android-browser.is-show > .alert-old-android-browser__link:before {
	content: "\f138";
	display: inline-block;
	margin-right: 5px;
	color: #b09e71;
	font-family: 'FontAwesome';
}