@charset "UTF-8";

/* reset fix */
* {
	padding: 0;
	margin: 0;
}
*, *::before, *::after {
	box-sizing: border-box;
}
.container h1, .container h2, .container h3, .container h4, .container p, dl, dt, dd {
	padding: 0;
	margin: 0;
}

main{
	/* ie */
	display: block;
	width: 100%;
	height: 100%;
}

/* config */
.fl {
	float: left;
}
.fr {
	float: right;
}
.ib {
	display: inline-block;
}
.oh {
	overflow: hidden;
}
.sp-block {
	display: block;
}
.sp-del {
	display: none;
}
img {
	-webkit-backface-visibility: hidden;
}
@media screen and (min-width: 960px) { /* pc */
	/* hover img alpha */
	a img.alpha {
		transition: all 0.2s ease 0s;
	}
	a:hover img.alpha {
		opacity: 0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
	}
}
@media screen and (min-width: 768px) { /* tab pc */
	.sp-block {
		display: inline;
	}
	.pc-ib {
		display: inline-block;
	}
	.pc-block {
		display: block;
	}
	.pc-del{
		display: none;
	}
}
.container img {
	max-width: 100%;
	width: /***/ auto; /* IE8用 */
	height: auto;
	border: none;
	vertical-align: middle;
}
.container .indent {
	text-indent: 1em;
}
.container .indent05 {
	text-indent: 0.5em;
}
.container .indent-ico {
	text-indent: -1em;
	margin-left: 1em;
}
.container .indent *, .container .indent05 *, .container .indent-ico * {
	text-indent: 0;
	margin-left: 0;
}
.container a {
	color: #0F6744; /* default */
}
@media screen and (min-width: 960px) { /* pc */
	.container a:hover {
		color: #000;
		text-decoration: underline;
	}
}
.container a, .container a * {
	transition: all 0.2s ease 0s;
}
.container .pd4per {
	padding: 0 4%;
}
.container .bold {
	font-weight: bold;
}
.container .italic {
	font-style: italic;
}
.container .small {
	font-size: 0.8em;
}
.container .mb1em {
	margin-bottom: 1em;
}

.container {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 100%;
	line-height: 1.6;
	font-display: swap; /* display=swapの設定 */
}

.lang-sc {
	font-family: 'Noto Sans SC', sans-serif;
}

.lang-tc {
	font-family: 'Noto Sans TC', sans-serif;
}

.container .mw1180px {
	max-width: 1180px;
	margin: 0 auto;
}
.container .mw680px {
	max-width: 680px;
	margin: 0 auto;
}
.container .txt-c {
	text-align: center;
}
.container .txt-r {
	text-align: right;
}
.container .fullsize {
	width: 100%;
}
.longurl {
	word-break: break-all;
}
.color01 {
	color: #43703A;
}
.color02 {
	color: #333399;
}
.color03 {
	color: #A62721;
}
.color04 {
	color: #CF6F3A;
}
.container .color-red, .container .color-red * {
	color: #D5001E;
}

a:focus, input:focus ,button:focus{
    outline: 2px #dc1753 solid !important;
}

/* page index */
.page-index-box {
	background-color: #ADCCC0; /* default, color01 */
	padding: 1em;
}
.page-index-box ul {
	padding-left: 1em;
	list-style: none;
	text-align: center;
}

/* sec common */
.page-bg-box {
	background-position: top center;
	background-repeat: repeat-y;
	padding-top: 4em;
	padding-bottom: 1px;
}
@media screen and (min-width: 768px) { /* tab pc */
	div.page-bg-box {
		padding-top: 6em;
	}
}

.beige-bg-box {
	background-color: #F3F2ED;
	padding-top: 3em;
	padding-bottom: 1px;
}

.container .sec {
	margin-bottom: 4em;
	overflow: hidden;
}
.container .sec-sub {
	margin-bottom: 2em;
}
.container .sec-sub:last-child {
	margin-bottom: 0;
}
@media screen and (min-width: 768px) { /* tab pc */
	div.container .sec {
		margin-bottom: 6em;
	}
	div.container .sec-sub {
		margin-bottom: 3em;
	}
}

/* Heading */
.container .heading-a-bg {
	/* default */
	font-size: 1em;
	background-color: #43703A;
	background-image: url("../page_ttl_bg01.jpg");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	color: #fff;
	text-align: center;
	line-height: 1.3;
	padding: 2em 2%;
}
.container .heading-a-bg > * {
	font-size: 1.5em;
}
.container .heading-a-nobg {
	font-size: 1em;
	line-height: 1.3;
	color: #0F6744;
	text-align: center;
	padding: 2em 2%;
	border-top: 1px solid #0F6744;
}
.container .heading-a-nobg > * {
	font-size: 1.5em;
	font-family: 'Noto Serif JP', serif;
}
@media screen and (min-width: 768px) { /* tab sp */
	div.container .heading-a-bg,
	div.container .heading-a-nobg {
		height: 160px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	div.container .heading-a-bg {
		padding: 0 2%;
	}
	div.container .heading-a-bg > * {
		font-size: 212.50%; /* 34px */
	}
	div.container .heading-a-nobg {
		border: none;
	}
	div.container .heading-a-nobg > * {
		font-size: 212.50%; /* 34px */
	}
}
.heading-b {
	line-height: 1.3;
	color: #0F6744;
	text-align: center;
	padding: 0 2%;
}
.heading-b > * {
	font-size: 1.5em;
}
@media screen and (min-width: 768px) { /* tab sp */
	.container .heading-b > * {
		/*font-size: 250.00%; /* 40px */
		font-size: 212.50%; /* 34px */
	}
}
.heading-c {
	color: #0F6744;
}
.heading-d {
	color: #0F6744;
}
.heading-c {
	line-height: 1.3;
	margin-bottom: 1em;
}
.heading-d {
	line-height: 1.3;
	margin-bottom: 0.8em;
}
.heading-e {
	line-height: 1.3;
	margin-bottom: 0.5em;
}
.heading-c > * {
	font-size: 1.4em;
}
.heading-d > * {
	font-size: 1.3em;
}
.heading-e > * {
	font-size: 1.2em;
}
@media screen and (min-width: 768px) { /* tab sp */
	div.heading-c > * {
		font-size: 175.00%; /* 28px */
	}
	div.heading-d > * {
		font-size: 137.50%; /* 22px */
	}
	div.heading-e > * {
		font-size: 125.00%; /* 20px */
	}
}
.note-box {
	font-size: 0.75em;
}
.img-note-box {
	font-size: 87.50%; /* 14px */
	padding-top: 1em;
	line-height: 1.4;
}
.img-ttl-box {
	text-align: center;
	font-size: 125.00%; /* 20px */
	margin-bottom: 1em;
}
.container .sec-txt-box p {
	margin-bottom: 1.6em;
}
.container .sec-txt-box p:last-child {
	margin-bottom: 0;
}

/* list box */
.container .ol-list-box > ol {
	padding-left: 1.3em;
}
.container .ol-list-box > ol > li + li {
	padding-top: 0.5em;
}
.container .ul-list-box > ul {
	padding-left: 1.3em;
}
.container .link-list-box > ul {
	padding-left: 1.3em;
}
.container .link-list-box > ul li + li {
	padding-top: 0.5em;
}
.container .list-style-katakana {
	list-style-type: katakana;
}

/* link btn list */
.container .img-link-list-box {
	text-align: center;
}
.container .img-link-list-box ul {
	max-width: 536px;
	margin: 0 auto;
	font-size: 1.5em;
	line-height: 1.4;
}
.container .img-link-list-box ul li {
	list-style: none;
	border-radius: 10px;
	padding: 4px;
	background-color: #fff;
	margin-bottom: 0.5em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.container .img-link-list-box ul li a {
	/* default */
	background-color: #43703A;
	color: #fff;
	text-decoration: none;
	background-size: cover;
	background-position: center;
	padding: 1em;
	border-radius: 6px;
	text-shadow: 3px 3px 3px rgb(0, 0, 0);
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.container .img-link-list-box ul li.bg01 a {
	background-image: url("../page_link_bg01.png");
	background-color: #43703A;
}
.container .img-link-list-box ul li.bg02 a {
	background-image: url("../page_link_bg02.png");
	background-color: #A62721;
}
.container .img-link-list-box ul li.bg03 a {
	background-image: url("../page_link_bg03.png");
	background-color: #1C107A;
}
@media screen and (min-width: 768px) { /* tab pc */
	div.container .img-link-list-box ul {
		font-size: 2em;
		max-width: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	div.container .img-link-list-box ul li {
		-ms-flex-preferred-size: 48%;
		flex-basis: 48%;
		margin: 0 0 1em;
		min-height: 5em;
	}
	div.container .img-link-list-box ul li:nth-child(2n) {
		margin-left: auto;
	}
	div.container .img-link-list-box ul li a {
		padding: 0.2em;
	}
}
@media screen and (min-width: 960px) { /* pc */
	.container .img-link-list-box ul li a:hover {
		opacity: 0.8;
	}
}

/* link bg color list */
.container .bg-color-link-list-box {}
.container .bg-color-link-list-box + .bg-color-link-list-box {
	padding-top: 2em;
}
.container .bg-color-link-list-box .title-box {
	font-size: 125.00%; /* 20px */
	text-align: center;
	font-weight: bold;
	margin-bottom: 0.5em;
}
.container .bg-color-link-list-box ul {
	max-width: 536px;
	margin: 0 auto;
	font-size: 112.50%; /* 18px */
	line-height: 1.3;
}
.container .bg-color-link-list-box ul li {
	list-style: none;
	margin-bottom: 0.5em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.container .bg-color-link-list-box ul li a {
	/* default */
	background-color: #43703A;
	color: #fff;
	text-decoration: none;
	padding: 1em 1.5em 1em 1em;
	border-radius: 6px;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	top: 0;
	left: 0;
}
.container .bg-color-link-list-box ul li a:after {
	content: " ";
	width: 0.7em;
	height: 0.7em;
	border-right: 3px solid #fff;
	border-top: 3px solid #fff;
	display: inline-block;
	transform: rotate(45deg);
	position: absolute;
	right: 0.8em;
	top: calc(50% - 0.3em);
}
.container .bg-color-link-list-box ul li.bg01 a {
	background-color: #43703A;
}
.container .bg-color-link-list-box ul li.bg02 a {
	background-color: #A62721;
}
.container .bg-color-link-list-box ul li.bg03 a {
	background-color: #333399;
}
.container .bg-color-link-list-box ul li.bg04 a {
	background-color: #7F6F3A;
}
@media screen and (min-width: 768px) { /* tab pc */
	div.container .bg-color-link-list-box .title-box {
		font-size: 1.5em;
	}
	div.container .bg-color-link-list-box ul {
		font-size: 112.50%; /* 18px */
		max-width: 932px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	div.container .bg-color-link-list-box ul li {
		-ms-flex-preferred-size: 32%;
		flex-basis: 32%;
		min-height: 5em;
		margin: 0 0 1em;
	}
	div.container .bg-color-link-list-box ul li:nth-child(3n),
	div.container .bg-color-link-list-box ul li:nth-child(3n - 1) {
		/* margin-left: auto; ie doesn't work */
	}
	div.container .bg-color-link-list-box ul li a {
		padding: 0.2em 2em 0.2em 1em;
	}
	div.container .bg-color-link-list-box ul li.pc-1item,
	div.container .bg-color-link-list-box ul li.pc-2item-only {
		/* ie doesn't work
		margin-left: auto;
		margin-right: auto;
		*/
		-ms-flex-preferred-size: 48%;
		flex-basis: 48%;
	}
	div.container .bg-color-link-list-box ul li.pc-2item {
		margin-left: 16%;
		/* ie doesn't work
		margin-left: auto;
		margin-right: auto;
		*/
	}
	div.container .bg-color-link-list-box ul li.pc-2item + li.pc-2item {
		margin-left: inherit;
		margin-right: 16%;
	}
}
@media screen and (min-width: 960px) { /* pc */
	.container .bg-color-link-list-box ul li a:hover {
		opacity: 0.8;
	}
}

.container .single-bg-color-link {
	display: block;

}

.container .single-bg-color-link ul {
	max-width: 536px;
	margin: 0 auto;
	font-size: 100%; /* 18px */
	list-style-type: none;
}

.container .single-bg-color-link ul li {
	margin-bottom: 1em;
}

.container .single-bg-color-link a {
	background-color: #43703A;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 1.5;
	padding: 0.5em;
	border-radius: 6px;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.container .single-bg-color-link.bg01 a {
	background-color: #43703A;
}

.container .single-bg-color-link.bg02 a {
	background-color: #A62721;
}

.container .single-bg-color-link.bg03 a {
	background-color: #333399;
}

.container .single-bg-color-link.bg04 a {
	background-color: #7F6F3A;
}

.container .single-bg-color-link .link-caption {
	font-size: 0.875rem; /* 14px */
	padding-top: 0.5em;
}

.attention-box {
	border: 1px solid #A62721;
	padding: 1em;
}

@media screen and (min-width: 768px) {
	.container .single-bg-color-link a:hover {
		opacity: 0.8;
		color: #FFF;
		text-decoration: none;
	}

	.container .single-bg-color-link ul {
		display: flex;
		flex-wrap: wrap;
		max-width: none;
		justify-content: center;
		align-items: stretch;
		margin-left: -0.5em;
		margin-right: -0.5em;
	}

	.container .single-bg-color-link ul li {
		margin:0 0.5em 1em;
		flex-basis: calc(50% - 1em);
		max-width: calc(50% - 1em);
	}

	.container .single-bg-color-link ul li.full {
		flex-basis: 100%;
		max-width: 100%;
	}
}

/* header ================ */
.header-box {
	padding: 0;
}
.header-box img{
	width: 100%; /* ie flex */
}
.header-box .header-padding-box {
	padding: 0 0.5em;
	position: relative;
	z-index: 1;
}

.header-box .header-padding-box .header-inner-box{
	position: relative;
	z-index: 1;
}
.header-box .header-padding-box .logo-flex-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.header-box .header-padding-box .logo-flex-box .logo-box {
	padding: 2px; /* focus border */
}
.header-box .header-padding-box .logo-flex-box .logo-box h1 {
	font-size: 1em;
}
.header-box .header-padding-box .logo-flex-box .ico-box {

}

@media screen and (min-width: 768px) { /* tab pc */
	div.header-box .header-padding-box .logo-flex-box{
		width: calc(100% - 440px); /* head right width */
		height: 78px;
	}
	div.header-box .header-padding-box .logo-flex-box .logo-box {
		padding-right: 0;
	}
	div.header-box .header-padding-box .logo-flex-box .ico-box {
		display: block;
		margin-right: 2px; /* focus border */
	}
}

/* head right box */
.header-box .header-padding-box .pc-head-right-box{
	padding-bottom: 2px; /* focus border */
	overflow: hidden;
}

@media screen and (min-width: 768px) { /* tab pc */
	div.header-box .header-padding-box .pc-head-right-box{
		position: absolute;
		top: 0.5em;
		right: 0.5em;
		z-index: auto;
	}
}

/* info box */
.header-box .header-padding-box .info-box {
	font-size: 0.8em; /* official */

	line-height: 1;
	margin-bottom: 0.8em;
	overflow: hidden;
}

.header-box .header-padding-box .info-box a{
	color: #0F6744;
	text-decoration: none;
	display: inline-block; /* focus border */
}

.header-box .header-padding-box .info-box ul {
	float: right;
	list-style: none;
	overflow: hidden;
	padding: 2px 0; /* focus border */
}

.header-box .header-padding-box .info-box ul li {
	padding: 3px 8px 3px 20px;
	float: left;
	border-left: 1px solid #ccc;
	background: url(ico_arrow_green.png) 8px center no-repeat;
}

.header-box .header-padding-box .info-box ul li:first-child {
    border: none;
}

@media screen and (min-width: 768px) { /* tab pc */
	div.header-box .header-padding-box .info-box {
		font-size: 0.8em; /* official */
	}
}

/* search */
.header-box .header-padding-box .search-box{
	display: inline-block;
	font-size: 1em;
	margin: 0 1em 0 0;
}
.header-box .header-padding-box .search-box table.gsc-search-box {
	border: none !important;
	width: auto !important;
	margin: 0 !important;
}

.header-box .header-padding-box .search-box .gsib_a {
	width: 100%;
	padding: 0 !important;
}
.header-box .header-padding-box .search-box .gsib_b { /* form reset */
	display: none;
}
.header-box .header-padding-box .search-box .gsc-search-box-tools .gsc-search-box .gsc-input::-ms-clear {
	display: none;
	visibility: hidden;
}
.header-box .header-padding-box .search-box table.gsc-search-box td.gsc-input {
	width: 246px;
	height: auto !important;
	margin-right: 0;
  padding-right: 0;
}
.header-box .header-padding-box .search-box input.gsc-input {
	padding: 1px 4px 1px !important;
	font-size: 93% !important;
	color: #008a23 !important;
}
.header-box .header-padding-box .search-box .gsc-input-box table {
	width: 100% !important;
}
.header-box .header-padding-box .search-box td.gsc-search-button {
	width: auto !important;
	background-color: #0f6744 !important;
}
.header-box .header-padding-box .search-box td.gsc-search-button button.gsc-search-button-v2 {
	margin: 0 !important;
	padding: 7px !important;
	border: none !important;
	background-image: none !important;
	cursor: pointer !important;
	background-color: #0f6744 !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f6744', endColorstr='#0f6744', GradientType=0);
	border-radius: 0 !important;
}

/* header lang */
.header-box .lang-box {
	float: right;
	text-align: right;
}
.header-box .lang-box ul li {
	display: inline-block;
	font-size: 0.75em;
}
.header-box .lang-box a {
	display: inline-block;
	background-color: #6c6c6c;
	color: #fff;
	text-decoration: none;
	padding: 0.2em 1em;
	border-radius: 1em;
}
@media screen and (min-width: 960px) { /* pc */
	.header-box .lang-box a:hover {
		text-decoration: underline;
	}
}
@media screen and (min-width: 768px) { /* tab pc */
	div.header-box .lang-box {
		padding: 0 2px; /* focus border */
		position: relative; /* lang box */
		z-index: 1;
		max-width: 1180px;
		margin: 0 auto;
	}
	div.header-box .lang-box > .inner {
		position: absolute;
		z-index: 1;
		top: -4.6em;
		right: 184px;
	}
	div.header-box .lang-box ul li {
		font-size: 87.50%; /* 14px */
	}
}

.header-box .separator {
	width: 100%;
	height: 40px;
	background-color: #0F6744;
}

/* nav sp */
/* js sp-mode */
.sp-mode .nav,
.sp-mode .sub-menu {

}

/* sp hamburger menu */
.sp-nav-btn {
	line-height: 1;
	margin: auto;
	cursor: pointer;
	text-align: center;
	background-color: #0f6744;
	color: #fff;
	padding: 2px 2vw;
	font-size: 87.50%; /* 14px */
	border: none;
	text-decoration: none;
	width: 100%;
	display: block; /* buttonタグはdisplay:inline-block 固定の仕様 */
	/*	pointer-events: none; js clickも不能になる a tag disabled */
}

.sp-nav-btn .sp-nav-bar {
	position: relative;
	top: 0;
	left: 0;
	width: 3em;
	height: calc(2.6em);
	margin: 0 auto;
}
.sp-nav-btn .sp-nav-bar .bar,
.sp-nav-btn .sp-nav-bar .bar:before,
.sp-nav-btn .sp-nav-bar .bar:after {
	content: " ";
	display: block;
	margin: auto;
	height: 3px;
	background-color: #fff;
	border-radius: 3px;
	position: absolute;
	left: 0;
	right: 0;
	top: calc((100% - 4px)/2);
	transition: .2s;
}
.sp-nav-btn .sp-nav-bar .bar {
	width: 80%;
}
.sp-nav-btn .sp-nav-bar .bar:before,
.sp-nav-btn .sp-nav-bar .bar:after {
	width: 100%;
}

.sp-nav-btn .txt{
	margin-top: -0.2em;
	padding-bottom: 0.3em;
}

/* js nav is open */
.sp-nav-btn .sp-nav-bar div::before { /* top */
	transform: translateY(-0.7em);
}
.sp-nav-btn .sp-nav-bar div::after { /* bottom */
	transform: translateY(0.7em);
}
.sp-nav-btn .sp-nav-bar p {
	text-align: center;
	margin: 0;
	letter-spacing: 0;
	font-size: 1.1em;
}
@media only screen and (min-width: 768px) { /* tab pc */
	.sp-nav-btn { /* sp menu */
		display: none;
	}
}

/* sp nav 閉じる */
.sp-nav-close {
	text-align: right;
	padding: 8px;
	cursor: pointer;
	background-color: #0F6744;
	color: #fff;
}
.sp-nav-close:after {
	content: "× ";
}
@media screen and (min-width: 768px) { /* tab pc */
	div.header-box .gnav-box .nav > ul > li.sp-nav-close {
		display: none;
	}
}

/* sp nav btn close */
div.menu--isOpen,
div.menu--isOpen .sp-nav-bar .bar {
	color: #fff;
	background: #0F6744;
}
div.menu--isOpen .sp-nav-bar div::before {
	transform: rotate(45deg);
	background: #fff;
}
div.menu--isOpen .sp-nav-bar div::after {
	transform: rotate(-45deg);
	background: #fff;
}

/* gnav list */
.header-box .gnav-box {
	background-color: #0f6744;
	color: #fff;
}

.header-box .gnav-box button{
	width: 100%;
}

.header-box .gnav-box .nav > ul {
	border-top: 1px solid #3F8569;
}
.header-box .gnav-box .nav > ul > li {
	border-bottom: 1px solid #3F8569;
	list-style: none;
}
.header-box .gnav-box .nav > ul > li > a,
.header-box .gnav-box .nav > ul > li > button {
	color: #fff;
	display: block;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/* sp more ico */
.header-box .gnav-box .nav > ul > li {
	position: relative;
}
.header-box .gnav-box .nav > ul > li .sp-sub-nav-btn {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	height: 3.6em;
	width: 4em;
}
.header-box .gnav-box .nav > ul > li .sp-sub-nav-btn:after {
	/* sp more ico */
	content: "▼";
	color: #fff;
	position: absolute;
	top: calc(50% - 0.8em);
	right: 1em;
	z-index: 1;
}
.header-box .gnav-box .nav > ul > li span.subnav--isOpen:after {
	/* sp more ico , isopen */
	content: "▲";
}
@media only screen and (min-width: 768px) { /* tab pc */
	div.header-box .gnav-box .nav > ul > li .sp-sub-nav-btn {
		display: none;
	}
	div.header-box .gnav-box .nav > ul > li .sp-sub-nav-btn:after {
		content: "";
		position: absolute;
		display: none;
	}
}
.header-box .gnav-box .nav > ul > li > button,
.header-box .gnav-box .nav > ul > li > a {
	padding: 1em 0.5em;
}
@media only screen and (min-width: 768px) { /* tab pc */
	div#menu { /* js */
		display: block;
	}

	/* common header nav */
	div.header-box .gnav-box {
		padding: 1em 0.5em;
		font-size: 87.50%; /* 14px */
	}
	div.header-box .gnav-box .nav {
		max-width: 800px;
		margin: 0 auto;
		position: relative; /* border cut */
		z-index: 1;
	}
	div.header-box .gnav-box .nav > ul > li.pc1dan {
		position: relative;
		top: 0;
		left: 0;
		z-index: 1;
	}
	div.header-box .gnav-box .nav > ul > li:nth-child(1):after,
	div.header-box .gnav-box .nav > ul > li:nth-child(2):before, div.header-box .gnav-box .nav > ul > li:nth-child(2):after, div.header-box .gnav-box .nav > ul > li:nth-child(3):before {
		content: " ";
		height: 1em;
		background-color: #0F6744;
		position: absolute;
		z-index: 1;
	}
	div.header-box .gnav-box .nav > ul > li:nth-child(1):after, div.header-box .gnav-box .nav > ul > li:nth-child(2):after {
		width: calc(0.5em + 1px);
		bottom: -0.5em;
		right: -1px;
	}
	div.header-box .gnav-box .nav > ul > li:nth-child(2):before, div.header-box .gnav-box .nav > ul > li:nth-child(3):before {
		width: 0.5em;
		bottom: -0.5em;
		left: 0;
	}

	div.header-box .gnav-box .nav > ul {
		border: none;
		list-style: none;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	div.header-box .gnav-box .nav > ul > li {
		-ms-flex-preferred-size: calc(33.33% - 1px);
		flex-basis: calc(33.33% - 1px);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		border-right: 1px solid #3F8569;
		border-bottom: 1px solid #3F8569;
	}
	div.header-box .gnav-box .nav > ul > li > button,
	div.header-box .gnav-box .nav > ul > li > a {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		color: #fff;
		text-align: center;
		text-decoration: none;
		padding: 0.8em 0.5em;
	}
	div.header-box .gnav-box .nav > ul > li:hover,
	div.header-box .gnav-box .nav > ul > li:hover > a,
	div.header-box .gnav-box .nav > ul > li > a:hover,
	div.header-box .gnav-box .nav > ul > li > a:active {
		text-decoration: underline;
	}

	/* nav border */
	div.header-box .gnav-box .nav > ul > li:nth-child(3) {
		border-right: none;
	}
	div.header-box .gnav-box .nav > ul > li:nth-child(4) {
		border-bottom: none;
	}
	div.header-box .gnav-box .nav > ul > li:nth-child(5) {
		border-bottom: none;
	}
	div.header-box .gnav-box .nav > ul > li:nth-child(6) {
		border: none;
	}
}



/* global nav */
/* global nav bg */
@media screen and (min-width: 768px) { /* tab pc */
	div.gnav-box {
		background-image: url("../common/gnav_bg01_pc.png");
		background-position: center;
		background-size: cover;
	}
}

/* 親メニュー - Parent nav */
.header-box .gnav-box {
}
.header-box .gnav-box .nav > ul {
	border-top: 1px solid #3F8569;
}
.header-box .gnav-box .nav > ul > li {
	border-bottom: 1px solid #3F8569;
	list-style: none;
	position: relative;
}

.header-box .gnav-box .nav > ul > li > button{
	background-color: transparent;
	border: none;
	line-height: inherit;
}

.header-box .gnav-box .nav > ul > li > a,
.header-box .gnav-box .nav > ul > li > button {
	color: #fff;
	display: block;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

@media only screen and (min-width: 768px) { /* tab pc */
	div.header-box .gnav-box {
		padding: 1em 0.5em;
		font-size: 87.50%; /* 14px */
	}
	div.header-box .gnav-box .nav {
		max-width: 800px;
		margin: 0 auto;
		position: relative; /* border cut */
		z-index: 1;
	}

	/* pc gnav flex */
	div.header-box .gnav-box .nav > ul {
		border: none;
		list-style: none;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	div.header-box .gnav-box .nav > ul > li {
		-ms-flex-preferred-size: calc(33.33% - 1px);
		flex-basis: calc(33.33% - 1px);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		border-right: 1px solid #3F8569;
		border-bottom: 1px solid #3F8569;
	}
	div.header-box .gnav-box .nav > ul > li > button,
	div.header-box .gnav-box .nav > ul > li > a {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		color: #fff;
		text-align: center;
		text-decoration: none;
		padding: 0.8em 0.5em;
	}
	div.header-box .gnav-box .nav > ul > li:hover,
	div.header-box .gnav-box .nav > ul > li:hover > a,
	div.header-box .gnav-box .nav > ul > li > a:hover,
	div.header-box .gnav-box .nav > ul > li > a:active {
		text-decoration: underline;
	}


	/* pc gnav border */
	div.header-box .gnav-box .nav > ul > li.pc1dan {
		position: relative;
		top: 0;
		left: 0;
		z-index: 1;
	}
	div.header-box .gnav-box .nav > ul > li:nth-child(1):after,
	div.header-box .gnav-box .nav > ul > li:nth-child(2):before,
	div.header-box .gnav-box .nav > ul > li:nth-child(2):after,
	div.header-box .gnav-box .nav > ul > li:nth-child(3):before {
		content: " ";
		height: 1em;
		background-color: #0F6744;
		position: absolute;
		z-index: 1;
	}
	div.header-box .gnav-box .nav > ul > li:nth-child(1):after,
	div.header-box .gnav-box .nav > ul > li:nth-child(2):after {
		width: calc(0.5em + 1px);
		bottom: -0.5em;
		right: -1px;
	}
	div.header-box .gnav-box .nav > ul > li:nth-child(2):before,
	div.header-box .gnav-box .nav > ul > li:nth-child(3):before {
		width: 0.5em;
		bottom: -0.5em;
		left: 0;
	}

	/* pc gnav border */
	div.header-box .gnav-box .nav > ul > li:nth-child(3) {
		border-right: none;
	}
	div.header-box .gnav-box .nav > ul > li:nth-child(4) {
		border-bottom: none;
	}
	div.header-box .gnav-box .nav > ul > li:nth-child(5) {
		border-bottom: none;
	}
	div.header-box .gnav-box .nav > ul > li:nth-child(6) {
		border: none;
	}

}

/* 子メニュー - .sub-menu */
/* sub-menu */
.header-box .gnav-box .sub-menu {
	width: 100%;
	background-color: #CFE1DA;
	padding: 0;
}
.header-box .gnav-box .sub-menu ul li a {
	display: block;
	padding: 0.5em 0.8em;
	text-decoration: none;
	color: #0F6744;
}
.header-box .gnav-box .sub-menu ul.sub-menu-1st {
	list-style: none;
	margin: 0;
	padding-bottom: 0.6em;
}
.header-box .gnav-box .sub-menu ul.sub-menu-1st > li > a {
	font-weight: bold;
	font-size: 1em;
}
.header-box .gnav-box .sub-menu ul.sub-menu-2nd {
	margin-left: 2em;
}
.header-box .gnav-box .sub-menu ul.sub-menu-2nd > li {
	list-style: disc;
	padding: 0;
	margin: 0 0;
}
.header-box .gnav-box .sub-menu ul.sub-menu-2nd > li > a {
	font-size: 1em;
	padding: 0.2em 1em 0.2em 0;
}
.header-box .gnav-box .sub-menu ul.sub-menu-3rd {
	list-style: none;
}
.header-box .gnav-box .sub-menu ul.sub-menu-3rd > li > a {
	font-size: 87.50%; /* 14px */
	padding: 0.2em 1em 0.2em 1em;
}
.header-box .gnav-box .sub-menu ul li a:hover {
	text-decoration: underline;
}

@media screen and (min-width: 768px) { /* tab pc */
	div.header-box nav .sub-menu {
		position: absolute;
		width: 100%;
		top: 100%;
		left: 0;
		z-index: 999;

		opacity: 0;
 		visibility: hidden;
	}
}

/* sp menu invisible */
.header-box .sp-mode .nav,
.header-box .sp-mode nav .sub-menu {
	opacity: 0;
 	visibility: hidden;

	height: 0;
	overflow: hidden;

	transition: all 0.2s ease 0s;
}

/* sp menu focused visible */
.header-box .sp-mode nav .focused,
.header-box .sp-mode nav .menu-item-has-children .focused {
  opacity: 1;
  visibility: visible;

	height: auto;
}

/* hoverまたはfocus時、子メニュー表示 , js addclass */
.header-box nav .menu-item-has-children .focused {
  opacity: 1;
  visibility: visible;
}

@media screen and (min-width: 768px) { /* tab pc */
	.header-box nav .menu-item-has-children:hover .sub-menu{
		opacity: 1;
		visibility: visible;
	}
}

/* sp submenu title */
.header-box .gnav-box .nav > ul > li > button,
.header-box .gnav-box .nav > ul > li > a {
	padding: 1em 0.5em;
}

/* breadcrumb */
.breadcrumb-box {
	font-size: 87.50%; /* 14px */
}
.breadcrumb-box ul {
	padding: 0.5em 0;
	list-style: none;
	font-weight: bold;
}
.breadcrumb-box ul li {
	display: inline-block;
	margin-right: 0.5em;
}
.breadcrumb-box ul li + li:before {
	content: ">";
	display: inline-block;
	padding: 0 0.5em 0 0;
	font-weight: normal;
}
.breadcrumb-box ul li a {
	color: #151515;
	text-decoration: none;
	font-weight: normal;
}
.breadcrumb-box ul li a:hover {
	color: #0F6744;
	text-decoration: underline;
}
@media screen and (min-width: 768px) { /* tab pc */
	div.breadcrumb-box {
		border: none;
	}
	div.breadcrumb-box ul {
		padding: 0.6em 0;
	}
}

/* footer */
.footer-box {
	background-color: #0F6744;
	color: #fff;
	font-size: 87.50%; /* 14px */

	clear: both;
	width: 100%;
	position: relative;
	z-index: auto;
	overflow: hidden;
	*zoom: 1;
}

.footer-box .footer-inner-box{
	text-align: center;
	font-size: 1.5em;
}

.footer-box .footer-inner-box .env-logo {
	display: none;
}

.footer-box .footer-inner-box .copyright {
	padding: 28px 0 0 0;
}

.footer-box .footer-inner-box .copyright p {
	margin-bottom: 1em;
}

.footer-box .footer-inner-box .copyright ul {
	list-style: none;
}

.footer-box .footer-inner-box .copyright ul li {
	padding: 8px 0 6px;
}

.footer-box .footer-inner-box .copyright a {
	border: none;
}

.footer-box .footer-inner-box .copyright p a {
	margin-left: 10px;
	font-size: 93%;
	display: inline-block;
}

.footer-box .footer-inner-box .copyright .caption{
	padding-top: 1em;
}

.container .footer-box a,
.container .footer-box a:hover{
	color: #fff;
}

.footer-box .footer-inner-box .sns-box {
	padding-top: 1em;
}
.footer-box .footer-inner-box .sns-box ul li {
	list-style: none;
	display: inline-block;
	width: 2em;
}
.footer-box .footer-inner-box .sns-box ul li + li {
	margin-left: 0.5em;
}

@media screen and (min-width: 768px) { /* tab pc */
	div.footer-box {
		background-image: url("../common/gnav_bg01_pc.png");
		background-position: center;
		background-size: cover;
	}

	div.footer-box .footer-inner-box{
		text-align: left;
		font-size: 1em;
		overflow: hidden;

		position: relative;
		top:0;
		z-index: 1;
		background-color: #fff;
	}

	div.footer-box .footer-inner-box .env-logo {
		display: block;

    height: auto;
		padding: 40px 0;
		float: left;
		margin-right: 20px;
		background: #fff;
	}

	div.footer-box .footer-inner-box .copyright {
		padding-top: 28px;
		margin-left: 56px;
		background-color: #0f6744;
		min-height: 180px;
	}

	div.footer-box .footer-inner-box .copyright p {
		margin-bottom: 0;
	}

	div.footer-box .footer-inner-box .copyright > ul {
		overflow: hidden;
	}

	div.footer-box .footer-inner-box .copyright > ul li {
		padding: 2px 3px 3px;
		float: left;
		font-size: 93%;
	}
	div.footer-box .footer-inner-box .copyright > ul li a {
		border-left: 1px solid #ccc;
		padding-left: 6px;
	}
	div.footer-box .footer-inner-box .copyright > ul li:first-child {
		padding-left: 0;
	}
	div.footer-box .footer-inner-box .copyright > ul li:first-child a {
		border: none;
		padding: 0;
	}

	div.footer-box .footer-inner-box .copyright .caption{
		text-align: right;
		padding-bottom: 0.5em;
	}

	div.footer-box .sns-box {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
		padding: 0;

		text-align: right;
	}
	.footer-box .footer-inner-box .sns-box ul li:nth-child(2) {
		margin-left: 0.25em;
	}
}

/* nav fix */
@media screen and (min-width: 768px) { /* tab pc */
	.pc-mode .nav > ul {
		position: relative;
		top: 0;
		left: 0;
		z-index: 1;
	}
	.pc-mode .nav > ul > li:hover .sub-nav,
	.pc-mode .nav > ul > li .category:focus ~ .sub-nav{
		display: block;
	}
}
.sp-sub-nav-btn {
	padding: 1em 0.5em;
	display: block;
}

/* sub-navigation */
.pc1dan .sub-nav {
	width: 100%;
	background-color: #CFE1DA;
	padding: 0;
	display: none;
}
.gnav-box .sub-nav ul li a {
	display: block;
	padding: 0.5em 0.8em;
	text-decoration: none;
	color: #0F6744;
}
.gnav-box .sub-nav ul.sub-nav-1st {
	list-style: none;
	margin: 0;
	padding-bottom: 0.6em;
}
.gnav-box .sub-nav ul.sub-nav-1st > li > a {
	font-weight: bold;
	font-size: 1em;
}
.gnav-box .sub-nav ul.sub-nav-2nd {
	margin-left: 2.3em;
}
.gnav-box .sub-nav ul.sub-nav-2nd > li {
	list-style: disc;
	padding: 0;
	margin: 0 0;
}
.gnav-box .sub-nav ul.sub-nav-2nd > li > a {
	font-size: 1em;
	padding: 0.2em 1em 0.2em 0;
}
.gnav-box .sub-nav ul.sub-nav-3rd {
	list-style: none;
}
.gnav-box .sub-nav ul.sub-nav-3rd > li > a {
	font-size: 87.50%; /* 14px */
	padding: 0.2em 1em 0.2em 1em;
}
.gnav-box .sub-nav ul li a:hover {
	text-decoration: underline;
}
@media screen and (min-width: 768px) { /* tab pc */
	div.gnav-box .pc1dan .sub-nav {
		position: absolute;
		width: 100%;
		top: 100%;
		left: 0;
		z-index: 999;
	}
}