@charset "UTF-8";


/* anchor fix
------------------------------------------------------------------------------------------------------------ */
.anchor-fix {
	padding-top: 70px;
	margin-top: -70px;
}

@media only screen and (max-width: 768px) {
	.anchor-fix {
		padding-top: 50px;
		margin-top: -50px;
	}
}

/* header
------------------------------------------------------------------------------------------------------------ */
.header {
	height: 70px;
}

.header.front {
	height: 0;
}

.header.front .header-body {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(transparent));
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
	border: none;
	-webkit-transition: background .3s, border-color .3s;
	transition: background .3s, border-color .3s;
}

.header.front.active .header-body {
	background: #fff;
	border-bottom: 1px solid #e6e6e6;
}

.header.front.nav-open .header-body {
	background: #fff;
	-webkit-transition: none;
	transition: none;
}

.header .header-inner {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
}

.header .header-body {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-width: 1020px;
	height: 70px;
	background: #fff;
	border-bottom: 1px solid #e6e6e6;
}

.header .header-siteroot {
	margin: 0 40px;
	position: absolute;
}

.header .header-gnav {
	margin-left: auto;
	width: 100%;
	height: 100%;
}

.tablet .header {
	height: 50px;
}

.tablet .header .header-body {
	position: relative;
	display: block;
	min-width: 0;
	height: 50px;
}

.tablet .header .header-siteroot {
	margin: 0;
}

.siteroot {
	font-size: 0;
}

.siteroot a {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	width: 270px;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}

.siteroot a:hover {
	opacity: 0.7;
}

.siteroot a:before {
	content: '';
	display: block;
	padding-top: 11.11111%;
	background: url(/common/img/logo_green.png) no-repeat center;
	background-size: contain;
}

.front .siteroot a:before {
	position: relative;
	background-image: url(/common/img/logo_white.png);
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}

.front .siteroot a:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding-top: 11.11111%;
	background: url(/common/img/logo_green.png) no-repeat center;
	background-size: contain;
	opacity: 0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}

.front.active .siteroot a:before {
	opacity: 0;
}

.front.active .siteroot a:after {
	opacity: 1;
}

.front.nav-open .siteroot a:before {
	opacity: 0;
	-webkit-transition: none;
	transition: none;
}

.front.nav-open .siteroot a:after {
	opacity: 1;
}

.tablet .siteroot a {
	width: 212px;
	padding: 15px 20px;
}

.tablet .front .siteroot a:after {
	margin: 15px 20px;
}

.gnav {
	height: 100%;
}

.gnav .gnav-body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	width: 100%;
    justify-content: center;
}

.gnav .gnav-items {
	height: 100%;
	letter-spacing: -0.5em;
}
.gnav .gnav-items.lang .js-gnav-trigger{
    width: auto;
    position: absolute;
    right: 0;
}
.gnav .gnav-items.menu .gnav-item {
	/* background: #00833e; */
	color: #000;
	font-size: 14px;
	font-size: 0.93333rem;
	line-height: 1.14286;
}
body.company .gnav .gnav-items.menu .gnav-item:nth-child(1) >a,
body.business .gnav .gnav-items.menu .gnav-item:nth-child(2) >a,
body.topics .gnav .gnav-items.menu .gnav-item:nth-child(3) >a,
body.recruit .gnav .gnav-items.menu .gnav-item:nth-child(4) >a{
	color: #00833e;
}
body.company .gnav .gnav-items.menu .gnav-item:nth-child(1) >a:after,
body.business .gnav .gnav-items.menu .gnav-item:nth-child(2) >a:after,
body.topics .gnav .gnav-items.menu .gnav-item:nth-child(3) >a:after,
body.recruit .gnav .gnav-items.menu .gnav-item:nth-child(4) >a:after{
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding-top: 3px;
	margin: 0;
	background: #00833E;
	background-color: #00833E;
}
.gnav .gnav-items.menu .gnav-item > a {
	position: relative;
}

.gnav .gnav-items.menu .gnav-item > a:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 2px;
	padding-top: 0;
	background: #00833E;
	-webkit-transition: padding-top .3s;
	transition: padding-top .3s;
}

.gnav .gnav-items.menu .gnav-item > a:hover:after {
	padding-top: 3px;
}

.gnav .gnav-items.lang .gnav-item {
	/* background: #fff; */
	color: #00833e;
	font-size: 10px;
	font-size: 0.66667rem;
	line-height: 1;
}

.gnav .gnav-items.lang .gnav-item > a {
	width: 70px;
	padding-left: 0;
	padding-right: 0;
	-webkit-transition: background .3s, color .3s;
	transition: background .3s, color .3s;
}

.gnav .gnav-items.lang .gnav-item > a:after {
	content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 0;
    margin: 0;
    background: #00833E;
    background-color: #00833E;
	transition: padding-top .3s;
}
.gnav .gnav-items.lang .gnav-item > a:hover:after {
	padding-top: 3px;
}
/* .gnav .gnav-items.lang .gnav-item > a:hover i {
	background-image: url(/common/img/ico_globe_white.png);
} */

.gnav .gnav-items.lang .gnav-item i {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	width: 24px;
	height: 24px;
	background: url(/common/img/ico_globe.svg) no-repeat center;
	background-size: contain;
}

.gnav .gnav-item {
	display: inline-block;
	vertical-align: bottom;
	height: 100%;
	font-weight: 500;
	text-align: center;
	letter-spacing: normal;
}

.gnav .gnav-item > a {
	position: relative;
	display: inline-block;
	padding: 0 25px;
	height: 100%;
	color: inherit;
}

.gnav .gnav-item > a span {
	display: block;
	position: relative;
	top: 50%;
	text-align: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.gnav .gnav-megamenu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	padding: 0 10px;
	background: #fafafa;
	/* -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); */
}

.gnav .gnav-megamenu .gnav-megamenu-inner {
	max-width: 455px;
	margin: auto;
	padding: 30px 0 40px;
}

.gnav .gnav-megamenu .gnav-megamenu-header {
	padding:  0 0 30px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #B4B4B4;
	font-size: 20px;
	font-size: 1.33333rem;
	line-height: 1;
	font-weight: bold;
	text-align: left;
}

.gnav .gnav-megamenu .gnav-megamenu-header a {
	display: inline-block;
	padding-right: 48px;
	color: inherit;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	position: relative;
}
.gnav .gnav-megamenu .gnav-megamenu-header a:before {
	content: '';
	display: block;
	width: 27px;
	height: 27px;
  background: url(../img/mrk_circlearrow_01_rht_b.svg) no-repeat;
  background-size: contain;
  position: absolute;
	right: 0;
	top: -2px;
}

.gnav .gnav-megamenu .gnav-megamenu-header a:hover {
	opacity: 0.7;
}

.gnav .gnav-megamenu .gnav-megamenu-categories {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: left;
}

.gnav .gnav-megamenu .gnav-megamenu-category:not(.pictorial) {
	width: 255px;
}

.gnav .gnav-megamenu .gnav-megamenu-category.pictorial {
	overflow: hidden;
}

.gnav .gnav-megamenu .gnav-megamenu-categoryHeader {
	margin-bottom: 20px;
	font-size: 16px;
	font-size: 1.06667rem;
	line-height: 1;
	color: #222;
}

.gnav .gnav-megamenu .gnav-megamenu-item {
	/* color: #00833e; */
	font-size: 16px;
	font-size: 1.06667rem;
	line-height: 1.5;
}

.gnav .gnav-megamenu .gnav-megamenu-item:not(:last-child) {
	margin-bottom: 20px;
}

.gnav .gnav-megamenu .gnav-megamenu-item a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	color: inherit;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;

}

.gnav .gnav-megamenu .gnav-megamenu-item a:hover {
	opacity: 0.7;
}

.gnav .gnav-megamenu .gnav-megamenu-item a:before {
	content: '';
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: block;
	width: 10px;
	height: 24px;
	margin-right: 8px;
	/* background: url(/common/img/ico_triangle_right_green.png) no-repeat center;
	background-size: contain; */
	background: url(/common/img/arrow_right_green.png) no-repeat right center;
	background-size: 7px auto;
}

.gnav .gnav-megamenu .gnav-megamenu-pictures {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 -10px;
}

.gnav .gnav-megamenu .gnav-megamenu-picture {
	position: relative;
	width: 150px;
	margin: 0 10px;
}

.gnav .gnav-megamenu .gnav-megamenu-picture > a {
	display: block;
}

.gnav .gnav-megamenu .gnav-megamenu-picture > a:hover .gnav-megamenu-pictureHeader {
	background: rgba(0, 131, 62, 0.9);
}

.gnav .gnav-megamenu .gnav-megamenu-pictureHeader {
	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;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px 5px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-size: 0.93333rem;
	line-height: 1.42857;
	background: rgba(0, 0, 0, 0.5);
	-webkit-transition: background .3s;
	transition: background .3s;
}

.gnav .gnav-language {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	width: 100%;
	text-align: left;
	color: #000;
	background: #fafafa;
	padding: 33px 0;
}
.gnav .gnav-language .gnav-language-items {
	display: flex;
	align-items: center;
	justify-content: center;
}
.gnav .gnav-language .gnav-language-item a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 15px 30px;
	color: inherit;
	-webkit-transition: background .3s, color .3s;
	transition: background .3s, color .3s;
	font-size: 14px;
	/* font-size: 0.93333rem; */
	font-size: 1.125rem;
	line-height: 1.28571;
	transition: all 0.2s;
}
.gnav .gnav-language .gnav-language-item a:hover {
	opacity: 0.7;
}
.gnav .gnav-language .gnav-language-item a:before {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	margin-right: 15px;
	background: url(/common/img/arrow_right_green.png) no-repeat right center;
    background-size: 7px auto;
}

.gnav .gnav-close {
	display: none;
}

.tablet .gnav.is-open .gnav-toggle > a:before {
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotate(45deg) translate(0, -2px);
	transform: rotate(45deg) translate(0, -2px);
}

.tablet .gnav.is-open .gnav-toggle > a:after {
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-transform: rotate(-45deg) translate(0, 2px);
	transform: rotate(-45deg) translate(0, 2px);
}

.tablet .gnav.is-open .gnav-body {
	display: block;
}

.tablet .gnav br.pc-br {
	display: none;
}

.tablet .gnav .gnav-toggle {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 56px;
}

.tablet .gnav .gnav-toggle > a {
	position: relative;
	display: block;
	height: 100%;
}

.tablet .gnav .gnav-toggle > a:before {
	content: '';
	display: block;
	position: absolute;
	top: 18px;
	left: 0;
	right: 0;
	width: 20px;
	margin: auto;
	padding-top: 2px;
	background: #00833e;
}

.tablet .gnav .gnav-toggle > a:after {
	content: '';
	display: block;
	position: absolute;
	top: 28px;
	left: 0;
	right: 0;
	width: 20px;
	margin: auto;
	padding-top: 2px;
	background: #00833e;
}

.tablet .gnav .gnav-body {
	display: none;
}

.tablet .gnav .gnav-body {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: none;
	height: auto;
	overflow: auto;
}

.tablet .gnav .gnav-items {
	height: auto;
	background: #fff;
}

.tablet .gnav .gnav-items.menu .gnav-item {
	background: #fff;
	color: #222;
}

.tablet .gnav .gnav-items.menu .gnav-item > a:not(.has-pane):before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 8px;
	height: 26px;
	background: url(/common/img/arrow_right_green.png) no-repeat center;
	background-size: contain;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.tablet .gnav .gnav-items.menu .gnav-item > a.has-pane:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 15px;
	height: 15px;
	background: url(/common/img/ico_plus_green.png) no-repeat center;
	transform-origin: center;
	background-size: contain;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.tablet .gnav .gnav-items.menu .gnav-item > a.has-pane.is-open:before {
	background-image: url(/common/img/ico_minus_green.png);
}

.tablet .gnav .gnav-items.menu .gnav-item > a:after {
	display: none;
}

.tablet .gnav .gnav-items.lang .gnav-item > a {
	display: block;
	width: auto;
	padding: 20px 10px;
	pointer-events: none;
	border-bottom: none;
}

.tablet .gnav .gnav-items.lang .gnav-item > a span {
	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;
	font-size: 14px;
	font-size: 0.93333rem;
	line-height: 1;
	color: #666;
}

.tablet .gnav .gnav-items.lang .gnav-item > a i {
	width: 14px;
	height: 14px;
	margin: 0 8px 0 0;
	background-image: url(/common/img/ico_globe_gray.png);
}

.tablet .gnav .gnav-item {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	display: block;
	height: auto;
	text-align: left;
}

.tablet .gnav .gnav-item > a {
	position: relative;
	display: block;
	padding: 18px 56px 18px 20px;
	font-size: 18px;
	font-size: 1.2rem;
	line-height: 1;
	border-bottom: 1px solid #ccc;
}

.tablet .gnav .gnav-item > a span {
	position: static;
	text-align: left;
	-webkit-transform: none;
	transform: none;
}

.tablet .gnav .gnav-megamenu {
	position: static;
	top: auto;
	left: auto;
	right: auto;
	padding: 0 0 10px 18px;
	background: none;
	border-bottom: 1px solid #ccc;
}

.tablet .gnav .gnav-megamenu .gnav-megamenu-inner {
	display: block;
	padding: 0;
}

.tablet .gnav .gnav-megamenu .gnav-megamenu-header {
	display: none;
}

.tablet .gnav .gnav-megamenu .gnav-megamenu-categories {
	display: block;
}

.tablet .gnav .gnav-megamenu .gnav-megamenu-category.sp-v {
	display: block !important;
}

.tablet .gnav .gnav-megamenu .gnav-megamenu-category:not(.pictorial) {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: auto;
}

.tablet .gnav .gnav-megamenu .gnav-megamenu-categoryHeader {
	display: none;
}

.tablet .gnav .gnav-megamenu .gnav-megamenu-item {
	font-size: 14px;
	font-size: 0.93333rem;
	line-height: 1;
	border-bottom: 1px solid #ccc;
}

.tablet .gnav .gnav-megamenu .gnav-megamenu-item:not(:last-child) {
	margin-bottom: 0;
}

.tablet .gnav .gnav-megamenu .gnav-megamenu-item a {
	position: relative;
	display: block;
	padding: 15px 34px 15px 0;
}

.tablet .gnav .gnav-megamenu .gnav-megamenu-item a:before {
	display: none;
}

.tablet .gnav .gnav-megamenu .gnav-megamenu-item a:not(.has-pane):after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 8px;
	height: 26px;
	background: url(/common/img/arrow_right_green.png) no-repeat center;
	background-size: contain;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.tablet .gnav .gnav-megamenu .gnav-megamenu-category:last-child .gnav-megamenu-item:last-child {
	border-bottom: none;
}

.tablet .gnav .gnav-megamenu .gnav-megamenu-pictures {
	display: block;
	margin: 0;
}

.tablet .gnav .gnav-megamenu .gnav-megamenu-picture {
	position: relative;
	width: auto;
	margin: 0;
	font-size: 14px;
	font-size: 0.93333rem;
	line-height: 1;
}

.tablet .gnav .gnav-megamenu .gnav-megamenu-picture img {
	display: none;
}

.tablet .gnav .gnav-megamenu .gnav-megamenu-picture a {
	display: block;
	padding: 15px 34px 15px 0;
}

.tablet .gnav .gnav-megamenu .gnav-megamenu-picture a:not(.has-pane):before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 8px;
	height: 26px;
	background: url(/common/img/arrow_right_green.png) no-repeat center;
	background-size: contain;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.tablet .gnav .gnav-megamenu .gnav-megamenu-picture a:not(.has-pane):after {
	display: none;
}

.tablet .gnav .gnav-megamenu .gnav-megamenu-picture a:hover .gnav-megamenu-pictureHeader {
	background: none;
}

.tablet .gnav .gnav-megamenu .gnav-megamenu-picture:not(:last-child) {
	border-bottom: 1px solid #ccc;
}

.tablet .gnav .gnav-megamenu .gnav-megamenu-pictureHeader {
	display: block;
	position: static;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	padding: 0;
	color: #00833e;
	text-align: left;
	background: none;
	-webkit-transition: none;
	transition: none;
}

.tablet .gnav .gnav-language {
	display: block !important;
	position: static;
	top: auto;
	right: auto;
	width: auto;
	padding: 0 0 23px;
	color: #00833e;
	background: #fff;
}

.tablet .gnav .gnav-language .gnav-language-items {
	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;
}

.tablet .gnav .gnav-language .gnav-language-item a {
	display: block;
	padding: 0 14px;
	font-size: 14px;
	font-size: 0.93333rem;
	line-height: 1;
}

.tablet .gnav .gnav-language .gnav-language-item a:before {
	display: none;
}

.tablet .gnav .gnav-language .gnav-language-item:not(:last-child) {
	border-right: 1px solid #ccc;
}

.tablet .gnav .gnav-close {
	display: block;
}

.tablet .gnav .gnav-close a {
	display: block;
	padding: 18px 10px;
	background: #00833e;
	color: #fff;
	font-size: 14px;
	font-size: 0.93333rem;
	line-height: 1;
	text-align: center;
}

.tablet .front .gnav-toggle > a:before, .tablet .front .gnav-toggle > a:after {
	background: #fff;
}

.tablet .front.active .gnav-toggle > a:before, .tablet .front.active .gnav-toggle > a:after,
  .tablet .front .is-open .gnav-toggle > a:before,
  .tablet .front .is-open .gnav-toggle > a:after {
	background: #00833e;
}

@media only screen and (max-width: 768px) {
	.header {
		height: 50px;
	}

	.header.front.nav-open .header-body {
		-webkit-transition: none;
		transition: none;
	}

	.header .header-body {
		position: relative;
		display: block;
		min-width: 0;
		height: 50px;
	}

	.header .header-siteroot {
		margin: 0;
	}

	.header .header-gnav {
		height: auto;
	}

	.siteroot a {
		width: 212px;
		padding: 15px 20px;
	}

	.front .siteroot a:after {
		margin: 15px 20px;
	}

	.front.nav-open .siteroot a:before {
		opacity: 0;
		-webkit-transition: none;
		transition: none;
	}

	.front.nav-open .siteroot a:after {
		opacity: 1;
		-webkit-transition: none;
		transition: none;
	}

	.gnav {
		height: auto;
	}

	.front .gnav {
		border-top: none;
	}

	.gnav.is-open .gnav-toggle > a:before {
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: rotate(45deg) translate(0, -2px);
		transform: rotate(45deg) translate(0, -2px);
	}

	.gnav.is-open .gnav-toggle > a:after {
		-webkit-transform-origin: 0 100%;
		transform-origin: 0 100%;
		-webkit-transform: rotate(-45deg) translate(0, 2px);
		transform: rotate(-45deg) translate(0, 2px);
	}

	.gnav.is-open .gnav-body {
		display: block;
	}

	.gnav .gnav-toggle {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 56px;
	}

	.gnav .gnav-toggle > a {
		position: relative;
		display: block;
		height: 100%;
	}

	.gnav .gnav-toggle > a:before {
		content: '';
		display: block;
		position: absolute;
		top: 18px;
		left: 0;
		right: 0;
		width: 20px;
		margin: auto;
		padding-top: 2px;
		background: #00833e;
	}

	.gnav .gnav-toggle > a:after {
		content: '';
		display: block;
		position: absolute;
		top: 28px;
		left: 0;
		right: 0;
		width: 20px;
		margin: auto;
		padding-top: 2px;
		background: #00833e;
	}

	.front .gnav .gnav-toggle > a:before, .front .gnav .gnav-toggle > a:after {
		background: #fff;
	}

	.front.active .gnav .gnav-toggle > a:before, .front.active .gnav .gnav-toggle > a:after {
		background: #00833e;
	}

	.front.nav-open .gnav .gnav-toggle > a:before, .front.nav-open .gnav .gnav-toggle > a:after {
		opacity: 1;
		background: #00833e !important;
	}

	.gnav .gnav-body {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: none;
		height: auto;
		overflow: auto;
	}

	.gnav .gnav-items {
		height: auto;
		background:#EFEFEF;
	}
	
	.gnav .gnav-items.lang .js-gnav-trigger{
		display: none;
	}
	.gnav .gnav-items.menu .gnav-item {
		background:#EFEFEF;
		color: #222;
	}

	.gnav .gnav-items.menu .gnav-item > a:not(.has-pane):before {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		right: 20px;
		width: 8px;
		height: 26px;
		/* background: url(/common/img/arrow_right_green.png) no-repeat center; */
		background-size: contain;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.gnav .gnav-items.menu .gnav-item > a.has-pane:before {
		content: '';
		display: block;
		position: absolute;
		top: 30%;
		right: 22px;
		width: 22px;
		height: 20px;
	  background: url(../img/mrk_circlearrow_01_rht_b.svg) no-repeat center;
	  background-size: contain;
	  transform: rotate(90deg);
		/* width: 15px;
		height: 15px; */
		/* background: url(/common/img/ico_plus_green.png) no-repeat center;
		background-size: contain;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%); */
	}

	.gnav .gnav-items.menu .gnav-item > a.has-pane.is-open:before {
		transform: rotate(270deg);
		/* background-image: url(/common/img/ico_minus_green.png); */
	}

	.gnav .gnav-items.menu .gnav-item > a:after {
		display: none !important;
	}

	
	.gnav .gnav-items.lang .gnav-item > a {
		display: block;
		width: auto;
		padding: 20px 10px;
		pointer-events: none;
		border-bottom: none;
	}

	.gnav .gnav-items.lang .gnav-item > a span {
		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;
		font-size: 14px;
		font-size: 0.93333rem;
		line-height: 1;
		color: #666;
	}
	.gnav .gnav-items.lang .gnav-item .js-gnav-trigger {
		display: none;
	}
	.gnav .gnav-items.lang .gnav-item > a i {
		width: 14px;
		height: 14px;
		margin: 0 8px 0 0;
		background-image: url(/common/img/ico_globe_gray.png);
	}

	.gnav .gnav-item {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		display: block;
		height: auto;
		text-align: left;
	}

	.gnav .gnav-item > a {
		position: relative;
		display: block;
		padding: 18px 56px 18px 20px;
		font-size: 18px;
		font-size: 1.2rem;
		line-height: 1;
		border-top: 1px solid #ccc;
	}

	.gnav .gnav-item > a span {
		position: static;
		text-align: left;
		-webkit-transform: none;
		transform: none;
	}

	.gnav .gnav-megamenu {
		position: static;
		top: auto;
		left: auto;
		right: auto;
		padding: 0 0 10px 18px;
		background: none;
		/* border-bottom: 1px solid #ccc; */
	}

	.gnav .gnav-megamenu .gnav-megamenu-inner {
		display: block;
		padding: 0;
	}

	.gnav .gnav-megamenu .gnav-megamenu-header {
		display: none;
	}

	.gnav .gnav-megamenu .gnav-megamenu-categories {
		display: block;
	}

	.gnav .gnav-megamenu .gnav-megamenu-category:not(.pictorial) {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: auto;
	}

	.gnav .gnav-megamenu .gnav-megamenu-categoryHeader {
		display: none;
	}

	.gnav .gnav-megamenu .gnav-megamenu-item {
		font-size: 14px;
		font-size: 0.93333rem;
		line-height: 1;
		/* border-bottom: 1px solid #ccc; */
	}

	.gnav .gnav-megamenu .gnav-megamenu-item:not(:last-child) {
		margin-bottom: 0;
	}

	.gnav .gnav-megamenu .gnav-megamenu-item a {
		position: relative;
		display: block;
		padding: 15px 34px 15px 15px;
		/* color: #00833e; */
	}
	.gnav .gnav-megamenu .gnav-megamenu-item br {
		display: none;
	}
	.gnav .gnav-megamenu .gnav-megamenu-item a:before {
		display: none;
	}

	.gnav .gnav-megamenu .gnav-megamenu-item a:not(.has-pane):before {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		left: 0px;
		width: 8px;
		height: 26px;
		background: url(/common/img/arrow_right_green.png) no-repeat center;
		background-size: contain;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.gnav .gnav-megamenu .gnav-megamenu-category:last-child .gnav-megamenu-item:last-child {
		border-bottom: none;
	}

	.gnav .gnav-megamenu .gnav-megamenu-pictures {
		display: block;
		margin: 0;
	}

	.gnav .gnav-megamenu .gnav-megamenu-picture {
		position: relative;
		width: auto;
		margin: 0;
		font-size: 14px;
		font-size: 0.93333rem;
		line-height: 1;
	}

	.gnav .gnav-megamenu .gnav-megamenu-picture img {
		display: none;
	}

	.gnav .gnav-megamenu .gnav-megamenu-picture a {
		display: block;
		padding: 15px 34px 15px 0;
	}

	.gnav .gnav-megamenu .gnav-megamenu-picture a:not(.has-pane):before {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		right: 20px;
		width: 8px;
		height: 26px;
		background: url(/common/img/arrow_right_green.png) no-repeat center;
		background-size: contain;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.gnav .gnav-megamenu .gnav-megamenu-picture a:not(.has-pane):after {
		display: none;
	}

	.gnav .gnav-megamenu .gnav-megamenu-picture a:hover .gnav-megamenu-pictureHeader {
		background: none;
	}

	.gnav .gnav-megamenu .gnav-megamenu-picture:not(:last-child) {
		border-bottom: 1px solid #ccc;
	}

	.gnav .gnav-megamenu .gnav-megamenu-pictureHeader {
		display: block;
		position: static;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
		padding: 0;
		color: #00833e;
		text-align: left;
		background: none;
		-webkit-transition: none;
		transition: none;
	}

	.gnav .gnav-language {
		display: block !important;
		position: static;
		top: auto;
		right: auto;
		width: auto;
		padding: 30px 0;
		color:  #7D7D7D;
		background: #EFEFEF;
		border-top: 1px solid #ccc;
	}

	.gnav .gnav-language .gnav-language-items {
		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;
	}

	.gnav .gnav-language .gnav-language-item a {
		display: block;
		padding: 0 14px;
		font-size: 14px;
		font-size: 0.93333rem;
		line-height: 1;
	}

	.gnav .gnav-language .gnav-language-item a:before {
		display: none;
	}

	.gnav .gnav-language .gnav-language-item:not(:last-child) {
		border-right: 1px solid #ccc;
	}

	.gnav .gnav-close {
		display: block;
	}

	.gnav .gnav-close a {
		display: block;
		padding: 18px 10px;
		background: #00833e;
		color: #fff;
		font-size: 14px;
		font-size: 0.93333rem;
		line-height: 1;
		text-align: center;
	}
}

@media print {
	.header {
		position: relative;
		height: 70px !important;
	}

	.header .header-inner {
		position: static !important;
	}

	.header .header-body {
		background: #fff !important;
	}

	.siteroot a:before {
		background-image: url(/common/img/logo_green.png) !important;
	}

	.siteroot a:after {
		display: none;
	}
}

/* footer
------------------------------------------------------------------------------------------------------------ */
.footer {
	position: relative;
	background: #f2f2f2;
}
.footer .sitemap {
	padding: 0 20px;
	background: #f2f2f2;
	border-bottom: 1px solid #D0D0D0;
}

.footer .sitemap .sitemap-inner {
	max-width: 1000px;
	margin: auto;
	padding: 50px 0 60px;
	overflow: hidden;
}

.footer .sitemap .sitemap-heading {
	display: block;
	width: 270px;
	margin: 0 0 45px;
}

.footer .sitemap .sitemap-heading:before {
	content: '';
	display: block;
	padding-top: 30px;
	background: url(/common/img/logo_green.png) no-repeat center;
	background-size: contain;
}

.footer .sitemap .sitemap-categories {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin: 0 -30px;
}

.footer .sitemap .sitemap-category {
	min-width: 110px;
	margin: 0 30px;
}

.footer .sitemap .sitemap-category-heading {
	/* padding-left: 18px; */
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.125;
	font-weight: bold;
	color: #666;
	/* background: url(/common/img/ico_triangle_right.png) no-repeat left 0.25em;
	background-size: 8px auto; */
}

.footer .sitemap .sitemap-category-heading a {
	color: inherit;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}

.footer .sitemap .sitemap-category-heading a:hover {
	opacity: 0.7;
}

.footer .sitemap * + .sitemap-category-heading {
	margin-top: 30px;
}

.footer .sitemap .sitemap-category-items {
	/* padding-left: 18px; */
	font-size: 14px;
	font-size: 0.93333rem;
	line-height: 1.28571;
	color: #888;
}

.footer .sitemap .sitemap-category-items a {
	color: inherit;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}

.footer .sitemap .sitemap-category-items a:hover {
	opacity: 0.7;
}

.footer .sitemap * + .sitemap-category-items {
	margin-top: 30px;
}

.footer .sitemap .sitemap-category-item:not(:last-child) {
	margin-bottom: 20px;
}

.footer .sitemap .sitemap-legals {
	display: none;
}

.footer .backtotop {
	position: absolute;
	z-index: 1;
	height: 0;
	bottom: 119px;
	right: 0;
	text-align: right;
}

.footer .backtotop a {
	display: inline-block;
	vertical-align: bottom;
	width: 70px;
	height: 70px;
	background: #005b2b url(/common/img/arrow_up_white.png) no-repeat center;
	background-size: 24px auto;
	font-size: 0;
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
}

.footer .backtotop a:hover {
	background-color: #005126;
}

.footer .copyright {
	width: 1000px;
	margin: 0 auto;
	height: 48px;
	padding: 0px;
	font-size: 10px;
	font-size: 0.66667rem;
	line-height: 1;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footer .copyright-nav-items {
	display: flex;
}
.footer .copyright-nav-item {
	margin-right: 14px;
}
.footer .copyright-nav-item a {
	color:#676767;
	transition: all 0.2s;
}
.footer .copyright-nav-item a:hover {
	opacity: 0.7;
}
@media only screen and (max-width: 768px) {
	.footer .sitemap {
		padding: 0;
	}

	.footer .sitemap .sitemap-inner {
		padding: 30px 0 30px;
	}

	.footer .sitemap .sitemap-heading {
		width: 245px;
		margin:0 auto 30px;
	}

	.footer .sitemap .sitemap-categories {
		position: relative;
		display: block;
		margin: 0 3vw 0;
		letter-spacing: -0.5em;
	}

	/* .footer .sitemap .sitemap-categories:after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 1px;
		margin: auto auto 24px;
		background: #ccc;
	} */

	.footer .sitemap .sitemap-category {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		display: inline;
		margin: 0;
		min-width: 0;
	}

	.footer .sitemap .sitemap-category-heading {
		display: inline-block;
		text-align: center;
		width:32%;
		margin-top: 0 !important;
		margin-bottom: 24px;
		letter-spacing: normal;
		background-position: 5px 0.25em;
	}
	.footer .sitemap .sitemap-category:nth-of-type(4) .sitemap-category-heading:first-of-type {
		width: 34%;
		padding-right: 2%;
	}
	.footer .sitemap .sitemap-category-items {
		display: none;
	}

	.footer .sitemap .sitemap-legals {
		display: block;
		margin-top: 32px;
		padding: 0 25px;
	}

	.footer .sitemap .sitemap-legals-items {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		/* justify-content: space-between; */
		flex-wrap: wrap;
		margin: 0 -8px;
	}

	.footer .sitemap .sitemap-legals-item {
		margin: 0 10px 10px 0;
		color: #888;
		font-size: 3vw !important;
		font-size: 0.66667rem;
		line-height: 1.1;
	}

	.footer .sitemap .sitemap-legals-item a {
		color: inherit;
	}
	.footer .sitemap .sitemap-legals-item br {
		display: none;
	}
	.footer .backtotop {
		position: static;
		z-index: auto;
		height: auto;
		display: none;
	}

	.footer .backtotop a {
		display: block;
		width: auto;
		height: 55px;
	}

	.footer .copyright {
		width: 100%;
		height: auto;
		padding: 16px 0;
		font-size:3.6vw;
		display: block;
	}

	.footer .copyright span {
		display: block;
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
	.footer .copyright-nav-items {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		flex-wrap: wrap;
		width: 100%;
		margin: 0 4vw 2vw;
	}

	footer .copyright-nav-item {
		margin: 0 10px 10px 0;
		color: #888;
		font-size: 3vw !important;
		font-size: 0.66667rem;
		line-height: 1.1;
		margin-right: 10px;
	}
}


@media only screen and (min-width: 769px) {

	.footer .sitemap .sitemap-additional {
		position: relative;
		width: 100%;
	}
	.footer .sitemap .sitemap-additional br.sp {
		display: none;
	}
	.footer .sitemap .sitemap-additional .sitemap-additional-items {
	}
	.footer .sitemap .sitemap-additional .sitemap-additional-item {
		width: 260px;
		margin-bottom: 20px;
	}
	.footer .sitemap .sitemap-additional .sitemap-additional-item .icon-external {
		font-size: 14px;
		font-weight: 500;
		line-height: 137.143%; 
	}
	.footer .sitemap .sitemap-additional .sitemap-additional-item .icon-external a {
		color: #00833E;
		position: relative;
		transition: all 0.2s;

	}
	.footer .sitemap .sitemap-additional .sitemap-additional-item .icon-external a:hover {
		opacity: 0.7;
	}
	.footer .sitemap .sitemap-additional .sitemap-additional-item .icon-external a::before {
		content: '';
		display: block;
		width: 24px;
		height: 18px;
		background: url(../img/ico_externallink_01.svg) no-repeat;
		background-size: contain;
		position: absolute;
        right: -30px;
        top: 3px;
	}
	.footer .sitemap .sitemap-additional .sitemap-additional-item .my-ttl {
		display: table;
		padding: 0 0 14px 0;
	}
	.footer .sitemap .sitemap-additional .sitemap-additional-item .my-ttl p {
		display: table-cell;
		vertical-align: bottom;
		line-height: 1.4;
		font-size: 12px;
		font-weight: 500;
		letter-spacing: -0.04em;
		color: #676767;
		white-space: nowrap;
	}
	.footer .sitemap .sitemap-additional .sitemap-additional-item .my-body {
	}
	.footer .sitemap .sitemap-additional .sitemap-additional-item .my-body .btn-frame {
		width: 100%;
		height: 46px;
		border-radius: 100px;
		overflow: hidden;
	}
	.footer .sitemap .sitemap-additional .sitemap-additional-item .btn-frame.border-button.bb-type1 {
		background: #00833E;
	}
	.footer .sitemap .sitemap-additional .sitemap-additional-item .my-body .btn-frame a {
		width: 100%;
		height: 100%;
	}
	.footer .sitemap .sitemap-additional .sitemap-additional-item .my-body .btn-frame a p {
		position: relative;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0);
        text-align: center;
        -webkit-transition-property: background-color;
        transition-property: background-color;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
		padding: 13px 0 0 0;
        text-indent: -30px;
	}
	.footer .sitemap .sitemap-additional .sitemap-additional-item .my-body .btn-frame a p i {
		position: absolute;
        width: 60px;
        aspect-ratio: 60 / 20;
        overflow: hidden;
		right: 10px;
        top: 12px;
	}
	.footer .sitemap .sitemap-additional .border-button.bb-type1 p i b {
        
    }
	.footer .sitemap .sitemap-additional .border-button.bb-type1 p i b>svg {
       
		position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        fill: rgba(0, 0, 0, 0);
        stroke: rgba(0, 0, 0, 0);
        stroke-width: 1;
        stroke-opacity: 1;
        stroke-linecap: round;
        stroke-linejoin: miter;
		stroke: var(--color-02);
		stroke-width: 0.8;
    }
	.footer .sitemap .sitemap-additional .border-button.bb-type1 a:hover p i b>svg {
        stroke: var(--color-01);
		stroke-width: 0.8;
    }
	
	.footer .sitemap .sitemap-additional .sitemap-additional-item:nth-of-type(1) .my-body .btn-frame a p i {
		width: 60px;
	}
	.footer .sitemap .sitemap-additional .sitemap-additional-item:nth-of-type(2) .my-body .btn-frame a p i {
		width: 58px;
	}
	.footer .sitemap .sitemap-additional .sitemap-additional-item:nth-of-type(3) .my-body .btn-frame a p i {
		width: 58px;
	}
	.footer .sitemap .sitemap-additional .sitemap-additional-item .my-body .btn-frame a p span {
		display: inline-block;
		vertical-align: top;
		width: 100%;
		height: 100%;
		line-height: 1;
		font-size: 17px;
		font-weight: 500;
		letter-spacing: 0.1em;
		color: #ffffff;
	}
	.footer .sitemap .sitemap-additional .sitemap-additional-item .my-body .btn-frame a:hover p {
		background-color: #ffffff;
	}
	/* .footer .sitemap .sitemap-additional .sitemap-additional-item .my-body .btn-frame a:hover p i{
		background-color: #00833e;
	} */
	.footer .sitemap .sitemap-additional .sitemap-additional-item .my-body .btn-frame a:hover p i:before {
		border-color: #00833e;
	}
	.footer .sitemap .sitemap-additional .sitemap-additional-item .my-body .btn-frame a:hover p span {
		color: #00833e;
	}

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

	.footer .sitemap .sitemap-additional {
		width: 100%;
	}
	.footer .sitemap .sitemap-additional br.pc {
		display: none;
	}
	.footer .sitemap .sitemap-additional .sitemap-additional-items {
		display: block;
		width: 70%;
		margin: 0 auto 30px auto;
		text-align: center;
	}
	
	.footer .sitemap .sitemap-additional .sitemap-additional-item {
		font-size: 16px;
		width: 100%;
		padding: 10px 0 0 0;
	}
	.footer .sitemap .sitemap-additional .sitemap-additional-item a {
		position: relative;
		display: block;
		width: 100%;
		letter-spacing: 0.1em;
		color: #00833E;
	}
	
	.footer .sitemap .sitemap-additional .sitemap-additional-item .icon-external a::after {
        content: '';
        display: inline-block;
        width: 24px;
        height: 18px;
        background: url(../img/ico_externallink_01.svg) no-repeat;
        background-size: contain;
		vertical-align: -4px;
		margin-left: 5px;
    }
	.footer .sitemap .sitemap-additional .sitemap-additional-item:nth-of-type(1) {
		padding: 0 0 15px 0;
		text-align: center;
	}
	.footer .sitemap .sitemap-additional .sitemap-additional-item .my-ttl {
		margin-bottom: 1vw;
	}
	.footer .sitemap .sitemap-additional .sitemap-additional-item .my-ttl p {
		line-height: 2.5;
		font-size: 12px;
		font-weight: 700;
		letter-spacing: 0.08em;
		color: #676767;
		white-space: nowrap;
	}
	.footer .sitemap .sitemap-additional .sitemap-additional-item .my-body {
	}
	.footer .sitemap .sitemap-additional .sitemap-additional-item .my-body .btn-frame {
        width: 65vw;
	}
	.footer .sitemap .sitemap-additional .sitemap-additional-item .my-body .btn-frame a {
		width: 100%;
		height: 100%;
	}
	.footer .sitemap .sitemap-additional .sitemap-additional-item .my-body .btn-frame a p {
		position: relative;
		width: 100%;
		height: 100%;
		padding: 0 15px 0 0;
		text-align: right;
		background-color: #00833e;
	}
	/* .footer .sitemap .sitemap-additional .sitemap-additional-item .my-body .btn-frame a p i {
		position: absolute;
		left: 15px;
		top: 18px;
		height: 1px;
		background-color: #ffffff;
	} */
	.footer .sitemap .sitemap-additional .sitemap-additional-item:nth-of-type(1) .my-body .btn-frame a p {
        padding: 3.3vw 0 0 0;
        text-indent: -16vw;
		text-align: center;
		position: relative;
        width: 100%;
        height: 100%;
	}
	.footer .sitemap .sitemap-additional .sitemap-additional-item:nth-of-type(1) .my-body .btn-frame a p i {
		right: 4vw;
        top: 3.5vw;
        position: absolute;
        width: 12vw;
        aspect-ratio: 60 / 20;
        overflow: hidden;
		left: auto;
	}
	.footer .sitemap .sitemap-additional .sitemap-additional-item:nth-of-type(1) .my-body .btn-frame a p i b{
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
		left: -30%;
	}
	.footer .sitemap .sitemap-additional .sitemap-additional-item:nth-of-type(1) .my-body .btn-frame a p i svg{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        fill: rgba(0, 0, 0, 0);
        stroke: rgba(0, 0, 0, 0);
        stroke-width: 1.2;
        stroke-opacity: 1;
        stroke-linecap: round;
        stroke-linejoin: miter;
        stroke: var(--color-02);
	}
	.footer .sitemap .sitemap-additional .sitemap-additional-item:nth-of-type(2) .my-body .btn-frame a p i {
		width: calc(100% - 140px);
	}
	.footer .sitemap .sitemap-additional .sitemap-additional-item:nth-of-type(3) .my-body .btn-frame a p i {
		width: calc(100% - 140px);
	}
	.footer .sitemap .sitemap-additional .sitemap-additional-item .my-body .btn-frame a p span {
		display: inline-block;
		vertical-align: top;
		width: 100%;
		height: 100%;
		line-height: 1;
		font-size: 16px;
		font-weight: 700;
		letter-spacing: 0.1em;
		color: #ffffff;
	}

} /* end of media query */


/* breadcrumbs
------------------------------------------------------------------------------------------------------------ */
.breadcrumbs {
	margin-top: 20px;
	margin-bottom: -10px;
}

.breadcrumbs .breadcrumbs-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 40px;
	font-size: 14px;
	font-size: 0.93333rem;
	line-height: 1.28571;
	color: #666;
}

.breadcrumbs .breadcrumbs-item {
	margin-right: 10px;
}

.breadcrumbs .breadcrumbs-item > a {
	color: inherit;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}

.breadcrumbs .breadcrumbs-item > a:hover {
	opacity: 0.7;
}

.breadcrumbs .breadcrumbs-item > a:after {
	content: '';
	display: inline-block;
	width: 8px;
	height: 14px;
	margin-left: 10px;
	line-height: 1;
	background: url(/common/img/arrow_right_gray.png) no-repeat center;
	background-size: contain;
}

@media only screen and (max-width: 768px) {
	.breadcrumbs {
		display: none;
	}
}

/* structure
------------------------------------------------------------------------------------------------------------ */
.structure {
	padding: 60px 20px 100px;
}

.structure .structure-container {
	max-width: 1000px;
	margin: auto;
}

.structure .structure-container.full {
	max-width: none;
	margin: 0 -20px;
}

.structure .structure-container.sm {
	max-width: 700px;
}

@media only screen and (max-width: 768px) {
	.structure {
		padding: 24px 20px 60px;
	}
}

/* modules
------------------------------------------------------------------------------------------------------------ */
/* 見出し */
.mod-ttl {
	margin-bottom: 50px;
	font-size: 42px;
	font-size: 2.8rem;
	line-height: 1.09524;
	font-weight: bold;
	color: #00833e;
	letter-spacing: 0.05em;
}

.mod-subTtl {
	margin-bottom: 50px;
	font-size: 14px;
	font-size: 0.93333rem;
	line-height: 1.14286;
	font-family: "Roboto", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", YuGothic, "游ゴシック", Meiryo, "メイリオ", sans-serif;
	font-weight: bold;
	color: #888;
	letter-spacing: 0.1em;
}

.mod-ttl + .mod-subTtl {
	margin-top: -35px;
}

.mod-ttl-secondary {
	margin-bottom: 45px;
	font-size: 28px;
	font-size: 1.86667rem;
	line-height: 1.5;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #222;
}

.mod-ttl-tertiary {
	position: relative;
	padding-top: 21px;
	color: #00833e;
	font-size: 24px;
	font-size: 1.6rem;
	line-height: 1.58333;
	letter-spacing: 0.1em;
}

.mod-ttl-tertiary:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 2px;
	background-color: #00833e;
}

.mod-lead {
	margin-bottom: 50px;
	font-size: 16px;
	font-size: 1.06667rem;
	line-height: 2;
	color: #666;
}

.mod-ttl + .mod-lead {
	margin-top: -10px;
}

.mod-subTtl + .mod-lead {
	margin-top: -10px;
}

/* ボタン */
.mod-button {
	text-align: center;
}

.mod-button > a, .mod-button > button {
	position: relative;
	display: block;
	padding: 14px 40px;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.06667rem;
	line-height: 1.375;
	color: #00833e;
	border: 2px solid #00833e;
	border-radius: 6px;
	-webkit-transition: background .3s, color .3s;
	transition: background .3s, color .3s;
}

.mod-button > a:after, .mod-button > button:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 16px;
	width: 8px;
	height: 14px;
	background: url(/common/img/arrow_right_green.png) no-repeat center;
	background-size: contain;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.mod-button > a:hover, .mod-button > button:hover {
	background: #00833e;
	color: #fff;
}

.mod-button > a:hover:after, .mod-button > button:hover:after {
	background-image: url(/common/img/arrow_right_white.png);
}

.mod-button > a:hover[target="_blank"]:after, .mod-button > button:hover[target="_blank"]:after {
	background-image: url(/common/img/ico_blank_white.png);
}

.mod-button > a[target="_blank"]:after {
	width: 16px;
	height: 16px;
	background-image: url(/common/img/ico_blank_green.png);
}

.mod-button > a[href*=".pdf"]:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 24px;
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(/common/img/ico_pdf_red.png) no-repeat center;
	background-size: contain;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.mod-button.back > a:after, .mod-button.back > button:after {
	left: 16px;
	background-image: url(/common/img/arrow_left_green.png);
}

.mod-button.back > a:hover:after, .mod-button.back > button:hover:after {
	background-image: url(/common/img/arrow_left_white.png);
}

.mod-button.white > a, .mod-button.white > button {
	color: #fff;
	border: 2px solid #fff;
}

.mod-button.white > a:after, .mod-button.white > button:after {
	background-image: url(/common/img/arrow_right_white.png);
}

.mod-button.white > a:hover, .mod-button.white > button:hover {
	background: #fff;
	color: #00833e;
}

.mod-button.white > a:hover:after, .mod-button.white > button:hover:after {
	background-image: url(/common/img/arrow_right_green.png);
}

.mod-button.green > a, .mod-button.green > button {
	background: #00833e;
	color: #fff;
}

.mod-button.green > a:after, .mod-button.green > button:after {
	background-image: url(/common/img/arrow_right_white.png);
}

.mod-button.green > a:hover, .mod-button.green > button:hover {
	background: #fff;
	color: #00833e;
	border: 2px solid #00833e;
}

.mod-button.green > a:hover:after, .mod-button.green > button:hover:after {
	background-image: url(/common/img/arrow_right_green.png);
}

.mod-button.green > a:hover[href*=".pdf"]:before, .mod-button.green > button:hover[href*=".pdf"]:before {
	background-image: url(/common/img/ico_pdf_green.png);
}

.mod-button.green > a:hover[target="_blank"]:after, .mod-button.green > button:hover[target="_blank"]:after {
	width: 16px;
	height: 16px;
	background-image: url(/common/img/ico_blank_green.png);
}

.mod-button.green > a[href*=".pdf"]:before {
	background-image: url(/common/img/ico_pdf_white.png);
}

.mod-button.green > a[target="_blank"]:after {
	width: 16px;
	height: 16px;
	background-image: url(/common/img/ico_blank_white.png);
}

.mod-button.list > a:after, .mod-button.list > button:after {
	width: 18px;
	height: 16px;
	background-image: url(/common/img/ico_list_green.png);
}

.mod-button.list > a:hover:after, .mod-button.list > button:hover:after {
	width: 18px;
	height: 16px;
	background-image: url(/common/img/ico_list_white.png);
}

.mod-button-down {
	text-align: center;
}

.mod-button-down > a, .mod-button-down > button {
	position: relative;
	display: block;
	padding: 14px 40px;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.06667rem;
	line-height: 1;
	color: #00833e;
	border: 2px solid #00833e;
	border-radius: 6px;
	-webkit-transition: background .3s, color .3s;
	transition: background .3s, color .3s;
}

.mod-button-down > a:after, .mod-button-down > button:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 16px;
	width: 14px;
	height: 8px;
	background: url(/common/img/arrow_down_green.png) no-repeat center;
	background-size: contain;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.mod-button-down > a:hover, .mod-button-down > button:hover {
	background: #00833e;
	color: #fff;
}

.mod-button-down > a:hover:after, .mod-button-down > button:hover:after {
	background-image: url(/common/img/arrow_down_white.png);
}

.mod-button-down.white > a, .mod-button-down.white > button {
	color: #fff;
	border: 2px solid #fff;
}

.mod-button-down.white > a:after, .mod-button-down.white > button:after {
	background-image: url(/common/img/arrow_down_white.png);
}

.mod-button-down.white > a:hover, .mod-button-down.white > button:hover {
	background: #fff;
	color: #00833e;
}

.mod-button-down.white > a:hover:after, .mod-button-down.white > button:hover:after {
	background-image: url(/common/img/arrow_down_green.png);
}

.mod-button-cv > a, .mod-button-cv > button {
	position: relative;
	display: block;
	padding: 20px 40px;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.06667rem;
	line-height: 1.375;
	color: #fff;
	border: 2px solid #f27900;
	background: #f27900;
	border-radius: 6px;
	text-align: center;
	-webkit-transition: background .3s, color .3s;
	transition: background .3s, color .3s;
}

.mod-button-cv > a:after, .mod-button-cv > button:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 16px;
	width: 8px;
	height: 14px;
	background: url(/common/img/arrow_right_white.png) no-repeat center;
	background-size: contain;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.mod-button-cv > a:hover, .mod-button-cv > button:hover {
	background: #fff;
	color: #f27900;
}

.mod-button-cv > a:hover:after, .mod-button-cv > button:hover:after {
	background-image: url(/common/img/arrow_right_orange.png);
}

.mod-link {
	position: relative;
	display: inline-block;
	padding-left: 24px;
}

.mod-link:before {
	content: '';
	position: absolute;
	top: 0.5em;
	left: 0;
	display: block;
	width: 16px;
	height: 1em;
	background: url(/common/img/ico_triangle_right.png) no-repeat center;
	background-size: 8px auto;
	margin-top: -0.25em;
}

.mod-link.green:before {
	background: url(/common/img/ico_triangle_right_green.png) no-repeat center;
	background-size: 8px auto;
}

.mod-link[target="_blank"]:before {
	background: url(/common/img/ico_blank_gray.png) no-repeat center;
	background-size: 14px auto;
}

.mod-link[href*=".pdf"]:before {
	background: url(/common/img/ico_pdf_red.png) no-repeat center;
	background-size: 15px auto;
}

/* ホバー　背景緑 */
.mod-hover-bg {
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
}

.mod-hover-bg:hover {
	background-color: rgba(0, 131, 62, 0.9);
}

/* リスト テキスト */
.mod-list-text-items > li {
	position: relative;
	padding-left: 20px;
	color: #222;
	font-size: 18px;
	font-size: 1.2rem;
	line-height: 1.5;
}

.mod-list-text-items > li:not(:last-child) {
	margin-bottom: 20px;
}

.mod-list-text-items > li:before {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 0;
	border-color: #00833e transparent transparent transparent;
}

@media only screen and (max-width: 768px) {
	.mod-ttl {
		margin-bottom: 25px;
		font-size: 30px;
		font-size: 2rem;
		line-height: 1.4;
	}

	.mod-subTtl {
		margin-bottom: 50px;
		font-size: 11px;
		font-size: 0.73333rem;
		line-height: 1.18182;
	}

	.mod-ttl + .mod-subTtl {
		margin-top: -15px;
	}

	.mod-ttl-secondary {
		margin-bottom: 20px;
		font-size: 18px;
		font-size: 1.2rem;
		line-height: 1.33333;
	}

	.mod-ttl-tertiary {
		padding-top: 22px;
		color: #00833e;
		font-size: 16px;
		font-size: 1.06667rem;
		line-height: 1.4375;
	}

	.mod-lead {
		margin-bottom: 25px;
		font-size: 14px;
		font-size: 0.93333rem;
		line-height: 2;
	}

	.mod-ttl + .mod-lead {
		margin-top: -10px;
	}

	.mod-subTtl + .mod-lead {
		margin-top: -10px;
	}

	.mod-button > a, .mod-button > button {
		padding: 12px 40px;
	}

	.mod-button-down > a, .mod-button-down > button {
		padding: 12px 40px;
	}

	.mod-link:before {
		background-size: 8px auto;
	}

	.mod-link[target="_blank"]:before {
		background-size: contain;
	}

	.mod-link[href*=".pdf"]:before {
		background-size: contain;
	}

	.mod-hover-bg {
		-webkit-transition: none;
		transition: none;
	}

	.mod-hover-bg:hover {
		background: transparent;
	}

	.mod-list-text-items > li {
		font-size: 14px;
		font-size: 0.93333rem;
		line-height: 1.5;
	}

	.mod-list-text-items > li:not(:last-child) {
		margin-bottom: 15px;
	}

	.mod-list-text-items > li:before {
		top: 5px;
	}
}

/* テーブル */
.mod-table {
	width: 100%;
	padding: 0;
	border-collapse: collapse;
	border-top: 1px solid #9c999a;
	border-bottom: 1px solid #9c999a;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.mod-table th {
	padding: 22px 26px;
	border-bottom: 1px dashed #928f90;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #f2f2f2;
	color: #222;
	font-size: 18px;
	font-size: 1.2rem;
	line-height: 1.66667;
	font-weight: normal;
	text-align: left;
	letter-spacing: 0.05em;
}

.mod-table td {
	padding: 15px;
	border-bottom: 1px dashed #928f90;
	border-left: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	font-size: 1.06667rem;
	line-height: 1.875;
	letter-spacing: 0.05em;
}

.mod-table td p + p {
	margin-top: 19px;
}

.mod-table.table-information th {
	width: 23.5%;
}

.mod-table.table-information td {
	width: 76.5%;
}

@media only screen and (max-width: 768px) {
	.mod-table th {
		padding: 6px 15px;
		color: #222;
		font-size: 16px;
		font-size: 1.06667rem;
		line-height: 1.875;
	}

	.mod-table td {
		padding: 9px 15px;
		font-size: 14px;
		font-size: 0.93333rem;
		line-height: 1.5;
	}

	.mod-table.table-information th {
		width: 34.32%;
	}

	.mod-table.table-information td {
		width: 65.67%;
	}
}

/* テーブル v2 */
.mod-table-v2 {
	width: 100%;
	border-top: 1px solid #9c999a;
	border-bottom: 1px solid #9c999a;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-collapse: collapse;
}

.mod-table-v2 th, .mod-table-v2 td {
	padding: 15px 25px;
	text-align: left;
	font-weight: normal;
	border-left: 1px solid #ccc;
	border-bottom: 1px dashed #928f90;
}

.mod-table-v2 thead th {
	font-size: 18px;
	font-size: 1.2rem;
	line-height: 1.33333;
	background: #f2f2f2;
}

.mod-table-v2 tbody tr {
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}

.mod-table-v2 tbody tr.hidden {
	display: none;
}

.mod-table-v2 tbody th, .mod-table-v2 tbody td {
	vertical-align: top;
	font-size: 16px;
	font-size: 1.06667rem;
	line-height: 1.5;
}

.mod-table-v2 tbody th {
	font-weight: bold;
}

.mod-table-v2 tbody th a {
	color: #00833e;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}

.mod-table-v2 tbody th a:hover {
	opacity: 0.7;
}

@media only screen and (max-width: 768px) {
	.mod-table-v2 colgroup {
		display: none;
	}

	.mod-table-v2 col {
		width: auto;
	}

	.mod-table-v2 th, .mod-table-v2 td {
		padding: 6px 15px;
	}

	.mod-table-v2 thead th {
		font-size: 16px;
		font-size: 1.06667rem;
		line-height: 1.875;
	}

	.mod-table-v2 tbody th, .mod-table-v2 tbody td {
		font-size: 14px;
		font-size: 0.93333rem;
		line-height: 1.5;
	}
}

/* テーブル v3 */
.mod-table-v3 {
	width: 100%;
	padding: 0;
	border-collapse: collapse;
	border-top: 1px solid #9c999a;
	border-bottom: 1px solid #9c999a;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.mod-table-v3 th {
	width: 28%;
	border-bottom: 1px dashed #928f90;
	background-color: #f2f2f2;
	color: #222;
	font-size: 18px;
	font-size: 1.2rem;
	line-height: 1.66667;
	font-weight: normal;
	text-align: left;
	letter-spacing: 0.05em;
}

.mod-table-v3 td {
	width: 72%;
	padding: 20px;
	border-bottom: 1px dashed #928f90;
	border-left: 1px solid #ccc;
	font-size: 16px;
	font-size: 1.06667rem;
	line-height: 1.875;
	letter-spacing: 0.05em;
}

.mod-table-v3 td p + p {
	margin-top: 19px;
}

@media only screen and (max-width: 768px) {
	.mod-table-v3 {
		display: block !important;
		width: 100% !important;
		border-bottom: 0;
	}

	.mod-table-v3 tr, .mod-table-v3 th, .mod-table-v3 td, .mod-table-v3 tbody {
		display: block !important;
		width: 100% !important;
	}

	.mod-table-v3 th {
		clear: both !important;
		float: left !important;
		border-bottom: 1px solid #ccc;
	}

	.mod-table-v3 td {
		clear: both !important;
		border-left: 0;
		border-bottom: 1px solid #ccc;
	}
}

/* Fade Animation
------------------------------------------------------------------------------------------------------------ */
.js-fadein-static {
	opacity: 0;
	-webkit-transform: translate(0, 20px);
	transform: translate(0, 20px);
}

.js-fadein-static.js-animated {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: opacity .4s ease-in, -webkit-transform .4s ease-out;
	transition: opacity .4s ease-in, -webkit-transform .4s ease-out;
	transition: opacity .4s ease-in, transform .4s ease-out;
	transition: opacity .4s ease-in, transform .4s ease-out, -webkit-transform .4s ease-out;
}

.js-fadein {
	opacity: 0;
	-webkit-transform: translate(0, 70px);
	transform: translate(0, 70px);
}

.js-fadein.js-animated {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: opacity .6s ease-in, -webkit-transform .6s ease-out;
	transition: opacity .6s ease-in, -webkit-transform .6s ease-out;
	transition: opacity .6s ease-in, transform .6s ease-out;
	transition: opacity .6s ease-in, transform .6s ease-out, -webkit-transform .6s ease-out;
}

.js-fadein-slide {
	opacity: 0;
	-webkit-transform: translate(-70px, 0);
	transform: translate(-70px, 0);
}

.js-fadein-slide.js-animated {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: opacity .6s ease-in, -webkit-transform .6s ease-out;
	transition: opacity .6s ease-in, -webkit-transform .6s ease-out;
	transition: opacity .6s ease-in, transform .6s ease-out;
	transition: opacity .6s ease-in, transform .6s ease-out, -webkit-transform .6s ease-out;
}

/* 複数を順位出す場合親要素に「.js-fadegroup」をつける */
.js-fadegroup .js-fadein:nth-of-type(1) {
	-webkit-transition-delay: 0ms;
	transition-delay: 0ms;
}

.js-fadegroup .js-fadein:nth-of-type(2) {
	-webkit-transition-delay: 100ms;
	transition-delay: 100ms;
}

.js-fadegroup .js-fadein:nth-of-type(3) {
	-webkit-transition-delay: 200ms;
	transition-delay: 200ms;
}

.js-fadegroup .js-fadein:nth-of-type(4) {
	-webkit-transition-delay: 300ms;
	transition-delay: 300ms;
}

.js-fadegroup .js-fadein:nth-of-type(5) {
	-webkit-transition-delay: 400ms;
	transition-delay: 400ms;
}

.js-fadegroup .js-fadein:nth-of-type(6) {
	-webkit-transition-delay: 500ms;
	transition-delay: 500ms;
}

.js-fadegroup .js-fadein:nth-of-type(7) {
	-webkit-transition-delay: 600ms;
	transition-delay: 600ms;
}

.js-fadegroup .js-fadein:nth-of-type(8) {
	-webkit-transition-delay: 700ms;
	transition-delay: 700ms;
}

.js-fadegroup .js-fadein:nth-of-type(9) {
	-webkit-transition-delay: 800ms;
	transition-delay: 800ms;
}

.js-fadegroup .js-fadein:nth-of-type(10) {
	-webkit-transition-delay: 900ms;
	transition-delay: 900ms;
}

.js-fadegroup .js-fadein:nth-of-type(11) {
	-webkit-transition-delay: 1000ms;
	transition-delay: 1000ms;
}

.js-fadegroup .js-fadein:nth-of-type(12) {
	-webkit-transition-delay: 1100ms;
	transition-delay: 1100ms;
}

.js-fadegroup .js-fadein:nth-of-type(13) {
	-webkit-transition-delay: 1200ms;
	transition-delay: 1200ms;
}

.js-fadegroup .js-fadein:nth-of-type(14) {
	-webkit-transition-delay: 1300ms;
	transition-delay: 1300ms;
}

.js-fadegroup .js-fadein:nth-of-type(15) {
	-webkit-transition-delay: 1400ms;
	transition-delay: 1400ms;
}

.js-fadegroup .js-fadein:nth-of-type(16) {
	-webkit-transition-delay: 1500ms;
	transition-delay: 1500ms;
}

.js-fadegroup .js-fadein:nth-of-type(17) {
	-webkit-transition-delay: 1600ms;
	transition-delay: 1600ms;
}

.js-fadegroup .js-fadein:nth-of-type(18) {
	-webkit-transition-delay: 1700ms;
	transition-delay: 1700ms;
}

.js-fadegroup .js-fadein:nth-of-type(19) {
	-webkit-transition-delay: 1800ms;
	transition-delay: 1800ms;
}

.js-fadegroup .js-fadein:nth-of-type(20) {
	-webkit-transition-delay: 1900ms;
	transition-delay: 1900ms;
}

/* アコーディオン */
.mod-accordion {
	border: 1px solid #ccc;
}

.mod-accordion.open .mod-accordion-header:after {
	background-image: url(/common/img/ico_accordion_minus.png);
}

.mod-accordion .mod-accordion-header {
	position: relative;
	padding: 20px 60px 20px 35px;
	background: #f2f2f2;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	font-size: 18px;
	font-size: 1.2rem;
	line-height: 1.22222;
}

.mod-accordion .mod-accordion-header:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 18px;
	height: 18px;
	background: url(/common/img/ico_accordion_plus.png) no-repeat center;
	background-size: 18px auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.mod-accordion .mod-accordion-body {
	display: none;
	padding: 30px 35px;
	border-top: 1px solid #ccc;
}

@media only screen and (max-width: 768px) {
	.mod-accordion {
		border: 1px solid #ccc;
	}

	.mod-accordion .mod-accordion-header {
		padding: 15px 40px 15px 18px;
		text-align: left;
	}

	.mod-accordion .mod-accordion-header:after {
		right: 12px;
		width: 15px;
		height: 15px;
	}

	.mod-accordion .mod-accordion-body {
		padding: 15px 18px;
	}
}

.mod-tag {
	display: inline-block;
	min-width: 90px;
	margin-right: 10px;
	padding: 5px 10px;
	font-weight: normal;
	letter-spacing: normal;
	text-align: center;
	font-size: 12px;
	font-size: 0.8rem;
	line-height: 1;
}

.mod-tag.beige {
	color: #222;
	background: #e6e3d5;
}

.mod-tag.bordered-green {
	color: #00833e;
	border: 1px solid #00833e;
}

.mod-radio {
	display: inline-block;
	cursor: pointer;
}

.mod-radio input {
	display: none;
}

.mod-radio input + span {
	position: relative;
	display: inline-block;
	padding-left: 40px;
	font-size: 18px;
	font-size: 1.2rem;
	line-height: 1.27778;
}

.mod-radio input + span:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
	height: 25px;
	border: 1px solid #ccc;
	border-radius: 50%;
}

.mod-radio input + span:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	height: 12px;
	margin: 6px;
	background: #00833e;
	border-radius: 50%;
	visibility: hidden;
}

.mod-radio input:checked + span:after {
	visibility: visible;
}

.mod-checkbox {
	display: inline-block;
	cursor: pointer;
}

.mod-checkbox input {
	display: none;
}

.mod-checkbox input + span {
	position: relative;
	display: inline-block;
	padding-left: 34px;
	font-size: 18px;
	font-size: 1.2rem;
	line-height: 1;
}

.mod-checkbox input + span:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.mod-checkbox input + span:after {
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 11px;
	height: 7px;
	border-left: 3px solid #fff;
	border-bottom: 3px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	visibility: hidden;
}

.mod-checkbox input:checked + span:before {
	background: #00833e;
	border-color: #00833e;
}

.mod-checkbox input:checked + span:after {
	visibility: visible;
}

@media only screen and (max-width: 768px) {
	.mod-radio input + span {
		font-size: 16px;
		font-size: 1.06667rem;
		line-height: 1.5625;
	}

	.mod-checkbox input + span {
		font-size: 16px;
		font-size: 1.06667rem;
		line-height: 1.25;
	}
}

.mod-input-text input {
	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;
	width: 100%;
	height: 40px;
	border: 1px solid #999;
	padding: 0 8px;
	font-size: 16px;
	font-size: 1.06667rem;
	line-height: 1.25;
	line-height: 1;
}

.mod-input-text input:focus {
	outline: 2px solid #00833e;
}

.mod-input-text input[type="number"]::-webkit-outer-spin-button, .mod-input-text input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.mod-input-text input[type="number"] {
	-moz-appearance: textfield;
}

@media only screen and (max-width: 768px) {
	.mod-input-text input {
		font-size: 16px;
	}
}

.mod-input-textarea textarea {
	display: block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	height: auto;
	min-height: 210px;
	border: 1px solid #999;
	padding: 8px;
	resize: vertical;
	overflow: auto;
	font-size: 16px;
	font-size: 1.06667rem;
	line-height: 1.25;
	line-height: 1.4;
}

.mod-input-textarea textarea:focus {
	outline: 2px solid #00833e;
}

/* utility
------------------------------------------------------------------------------------------------------------ */
.visibilittyHidden {
	position: absolute !important;
	clip: rect(0 0 0 0) !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
}

.pc-v {
	display: block !important;
}

.sp-v {
	display: none !important;
}

@media only screen and (max-width: 768px) {
	.pc-v {
		display: none !important;
	}

	.sp-v {
		display: block !important;
	}
}

.pc-br {
	display: inline;
}

.sp-br {
	display: none;
}

@media only screen and (max-width: 768px) {
	.pc-br {
		display: none !important;
	}

	.sp-br {
		display: inline !important;
	}
}

.align-left {
	text-align: left !important;
}

.align-center {
	text-align: center !important;
}

.align-right {
	text-align: right !important;
}