/* -----------------------------------------------
 [1. Layout]
 -------------------------------------------------- */
/* 1-1. #l-document
-------------------------------------------------- */
#l-document {
	overflow: hidden;
}

.l-document--search .l-footer {
	margin-top: 0;
}

/* 1-2. #l-header
-------------------------------------------------- */
#l-header {}

.l-header {
	background: #fff;
}

.l-header__inner {
	position: relative;
}

.l-header__upper {
	border-bottom: 1px solid #eee;
}

.l-header__left {
	float: left;
}

.pct-sitelogo {
	padding: 12px 0 12px 50px;
	transition: all .5s;
}

[lang="zh-cmn-Hans"] .pct-sitelogo {
	padding: 9px 0 9px 50px;
}

.pct-sitelogo img {
	width: 144px;
	transition: all .5s;
}

[lang="en"] .pct-sitelogo img {
	width: 270px;
}

.l-header__right {
	float: right;
	display: table;
}

.l-header__upper-link {
	display: table-cell;
	vertical-align: middle;
	padding: 0 12px;
	font-size: 15px;
	letter-spacing: 0.14em;
	color: #333;
}

.l-header__right>a span,
.l-header__right>a.is-current span {
	position: relative;
	display: block;
}

@media only screen and (min-width: 1025px) {

	.l-header__right>a span>span.header-ngkstory,
	.l-header__right>a.is-current span>span.header-ngkstory {
		position: relative;
		display: inline;
		left: -4px;
	}
}

.l-header__right>a>span:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 3px;
	background: #0a899c;
	position: absolute;
	bottom: -21px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	transition: width .4s;
}

.l-header__right>a.is-current>span:before {
	width: 100%;
}

.l-header__right>a:hover>span:before {
	width: 100%;
}

.l-header__right>a:hover {
	text-decoration: none;
}

.l-header__btn {
	display: table-cell;
	vertical-align: middle;
	padding-left: 10px;
}

.l-header__btn ul {
	font-size: 0;
}

.l-header__btn ul li {
	display: table-cell;
	box-sizing: border-box;
	position: relative;
}

.l-header__btn ul li .icon:before {
	font-size: 17px;
}

.l-header__btn ul li .icon-gaishi02-earth:before {
	font-size: 19px;
}

.l-header__btn ul li:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 1px;
	height: 100%;
	background: #fff;
}

.l-header__btn ul li:first-child:before {
	content: none;
}

.l-header__btn ul li.is-active a {
	background: #dae2ea;
}

.l-header__btn ul li a {
	display: block;
	background: #edeff1;
	display: block;
	/*padding: 20px 26px;*/
	padding: 20px 25px;
	color: #3377b5;
	font-size: 15px;
}

.l-header__btn ul li.icon-language a {
	padding: 20px 24px;
}

.l-header__btn ul li a:hover {
	background: #dae2ea;
}

.l-header__btn ul li a:hover {
	text-decoration: none;
}

.l-header__btn ul li.menu {
	display: none;
}

.l-header__sub {
	position: relative;
}

.l-header__sub.is-fixed {
	position: fixed;
	z-index: 10;
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
	background: #fff;
	border-bottom: 1px solid #eee;
}

.l-header__sub.is-fixed .pct-sitelogo {
	padding: 5px 0 5px 50px;
}

.l-header__sub.is-fixed .l-header__sub__logo {
	display: block;
	float: left;
}

.l-header__sub.is-fixed .l-header__sub__menu {
	clear: right;
}

.l-header__sub__logo {
	display: none;
}

.l-header__sub__menu {
	clear: both;
	width: 201px;
	float: right;
	text-align: center;
}

.l-header__sub__trigger a {
	display: block;
	color: #333;
	font-size: 15px;
	letter-spacing: 0.1em;
	padding: 14px 20px 15px;
	box-sizing: border-box;
	border-left: 1px solid #eee;
}

.l-header__sub__trigger a:hover {
	text-decoration: none;
}

.l-header__sub__trigger .icon-menu {
	margin-right: 10px;
	position: relative;
	transition: all .4s;
}

.l-header__sub__trigger.is-active .icon-menu span:nth-of-type(1) {
	-webkit-transform: translateY(5px) rotate(-45deg);
	transform: translateY(5px) rotate(-45deg);
}

.l-header__sub__trigger.is-active .icon-menu span:nth-of-type(2) {
	opacity: 0;
}

.l-header__sub__trigger.is-active .icon-menu span:nth-of-type(3) {
	-webkit-transform: translateY(-5px) rotate(45deg);
	transform: translateY(-5px) rotate(45deg);
}

.l-header__sub__trigger.is-active {
	background: #dae2ea;
}

.l-header__sub__trigger.is-active .icon-menu span {
	background: #57595d;
}

#l-header__sub__inner {
	max-width: 590px;
	position: absolute;
	z-index: 3;
	top: 53px;
	right: 0;
	background: #dae2ea;
	display: none;
}

@media only screen and (min-width: 1025px) {
	#l-header__sub__inner {
		min-width: 200px;
	}
}

.l-header__sub__content {
	padding: 60px 40px;
	box-sizing: border-box;
	overflow-y: scroll;
}

.l-header-sub__more {
	display: none;
	position: absolute;
	left: 100%;
	right: -100%;
	bottom: 0;
	top: 0;
	z-index: 9;
	background: #dae2ea;
	padding: 60px 40px;
	box-sizing: border-box;
}

.l-header-sub-sub__more {
	display: none;
	position: absolute;
	left: 100%;
	right: -100%;
	bottom: 0;
	top: 0;
	z-index: 9;
	background: #dae2ea;
	padding: 60px 40px;
	box-sizing: border-box;
}

.l-header__sub-sub__more__title,
.l-header__sub__title,
.l-header__sub__more__title {
	display: block;
	font-size: 20px;
	color: #57595d;
	margin-bottom: 20px;
}

.l-header__sub__more__title .icon {
	margin-right: 10px;
}

.l-header__sub__link li {
	border-bottom: 1px solid #a6abb2;
}

.l-header__sub__link li:first-child {
	border-top: 1px solid #a6abb2;
}

.l-header__sub__link li a {
	display: block;
	padding: 10px 10px 10px 0;
	color: #57595d;
}

.l-header__sub__link li a:hover {
	text-decoration: none;
	color: #0a899c;
}

.l-header__sub__link li a.is-active {
	color: #0a899c;
}

.l-header__sub__link li .l-header-sub__more__link li a.is-active {
	font-weight: bold;
	color: #57595d;
}

.l-header__sub__link li a.has-sub-sub,
.l-header__sub__link li a.has-sub {
	position: relative;
}

.l-header__sub__link li a.has-sub-sub:after,
.l-header__sub__link li a.has-sub:after {
	content: '\f105';
	font-family: 'gaishi';
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.l-header-upper {
	width: 100%;
	min-width: 1200px;
	height: 98px;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	background-color: #fff;
}

.l-header-lower-list {
	width: 100%;
	height: auto;
	position: absolute;
	top: 63px;
	left: 0;
	z-index: 4;
}

.l-header-lower {
	position: relative;
	top: -1px;
	left: 0;
	width: 100%;
	height: 0;
	background-color: rgba(41, 51, 55, 0.8);
	z-index: 2;
}

.l-header__dropdown__inner {
	max-width: 1200px;
	padding: 35px 20px 40px;
	margin: 0 auto;
}

.l-header-lower>* {
	opacity: 0;
	visibility: hidden;
}

.l-header-lower:hover {
	height: auto;
	min-height: 250px;
}

.l-header-lower:hover>* {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity .15s ease .2s, visibility .15s ease .2s;
	transition: opacity .15s ease .2s, visibility .15s ease .2s;
}

.header-upper-inner-story:hover~.l-header-lower-list>.header-upper-inner-story {
	height: auto;
	min-height: 250px;
}

.header-upper-inner-story:hover~.l-header-lower-list>.header-upper-inner-story>* {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity .15s ease .2s, visibility .15s ease .2s;
	transition: opacity .15s ease .2s, visibility .15s ease .2s;
}

.header-upper-inner-product:hover~.l-header-lower-list>.header-upper-inner-product {
	height: auto;
	min-height: 250px;
}

.header-upper-inner-product:hover~.l-header-lower-list>.header-upper-inner-product>* {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity .15s ease .2s, visibility .15s ease .2s;
	transition: opacity .15s ease .2s, visibility .15s ease .2s;
}

.header-upper-inner-research:hover~.l-header-lower-list>.header-upper-inner-research {
	height: auto;
	min-height: 250px;
}

.header-upper-inner-research:hover~.l-header-lower-list>.header-upper-inner-research>* {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity .15s ease .2s, visibility .15s ease .2s;
	transition: opacity .15s ease .2s, visibility .15s ease .2s;
}

.header-upper-inner-company:hover~.l-header-lower-list>.header-upper-inner-company {
	height: auto;
	min-height: 250px;
}

.header-upper-inner-company:hover~.l-header-lower-list>.header-upper-inner-company>* {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity .15s ease .2s, visibility .15s ease .2s;
	transition: opacity .15s ease .2s, visibility .15s ease .2s;
}

.header-upper-inner-ir:hover~.l-header-lower-list>.header-upper-inner-ir {
	height: auto;
	min-height: 250px;
}

.header-upper-inner-ir:hover~.l-header-lower-list>.header-upper-inner-ir>* {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity .15s ease .2s, visibility .15s ease .2s;
	transition: opacity .15s ease .2s, visibility .15s ease .2s;
}

.header-upper-inner-sustainability:hover~.l-header-lower-list>.header-upper-inner-sustainability {
	height: auto;
	min-height: 250px;
}

.header-upper-inner-sustainability:hover~.l-header-lower-list>.header-upper-inner-sustainability>* {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity .15s ease .2s, visibility .15s ease .2s;
	transition: opacity .15s ease .2s, visibility .15s ease .2s;
}

.header-upper-inner-career:hover~.l-header-lower-list>.header-upper-inner-career {
	height: auto;
	min-height: 250px;
}

.header-upper-inner-career:hover~.l-header-lower-list>.header-upper-inner-career>* {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity .15s ease .2s, visibility .15s ease .2s;
	transition: opacity .15s ease .2s, visibility .15s ease .2s;
}

.l-header__dropdown a {
	color: #fff;
	display: block;
}

.l-header__dropdown__title {
	margin-bottom: 17px;
}

.l-header__dropdown__title a {
	font-size: 22px;
	letter-spacing: 0.05em;
	font-weight: bold;
	border-bottom: 1px solid #687073;
	position: relative;
	padding-bottom: 10px;
	display: block;
	color: #fff;
}

.l-header__dropdown__title a:hover {
	text-decoration: none;
	color: #a1be3e;
}

.l-header__dropdown__title a:before {
	content: '\f105';
	font-family: 'gaishi';
	position: relative;
	display: inline-block;
	padding-right: 10px;
	line-height: 1;
	top: -1px;
}

.l-header__dropdown__content>div>.grid-col--3:nth-of-type(4n+1) {
	clear: both;
}

.l-header__dropdown__content__detail li {
	padding: 7px 0 7px 15px;
}

.l-header__dropdown__content__detail li a {
	font-size: 15px;
	letter-spacing: 0;
	line-height: 20px;
	color: #fff;
	padding-left: 0;
	box-sizing: border-box;
	text-indent: -15px;
}

.l-header__dropdown__content__detail li a:hover {
	text-decoration: none;
	color: #a1be3e;
}

.l-header__dropdown__content__detail li.is-current a {
	color: #a1be3e;
}

.l-header__dropdown__content .grid-col--3 {
	margin-bottom: 0;
}

.l-header--simple .icon {
	position: absolute;
	top: 16px;
	right: 50px;
	font-weight: bold;
	font-size: 20px;
	color: #a1be3e;
	cursor: pointer;
}

#nav-global {
	display: none;
}

#nav-global-language {
	display: none;
	background: #dae2ea;
	position: absolute;
	top: 63px;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 3;
}

#nav-global-language {
	padding: 55px 0;
}

#nav-global-language ul {
	margin: 10px -15px 0;
}

#nav-global-language ul li {
	padding: 0 15px;
}

#nav-global-language a {
	display: block;
	background: #fff;
	padding: 14px 20px;
	font-size: 16px;
	letter-spacing: 0.06em;
	color: #333;
}

#nav-global-language a:hover {
	text-decoration: none;
}

#nav-global-language a .icon {
	float: right;
	position: relative;
	top: 4px;
}

.nav-global-language__title {
	font-size: 19px;
	font-weight: bold;
	letter-spacing: normal;
}

#nav-global-language ul+.nav-global-language__title {
	margin-top: 40px;
}

#nav-global-search {
	display: none;
	background: #dae2ea;
	padding: 70px 0;
	position: absolute;
	top: 63px;


	left: 0;
	right: 0;
	width: 100%;
	z-index: 3;
}

#nav-global-search .wrp-content {
	max-width: 900px;
}

#nav-global-search input {
	width: 100%;
	padding: 15px 60px 15px 10px;
	height: 60px;
	box-sizing: border-box;
}

#nav-global-search input::placeholder {
	font-size: 20px;
	color: #8a9ca8;
	letter-spacing: 0.05em;
}

.frm-search__inner {
	position: relative;
}

#search-btn {
	position: absolute;
	right: 0;
	top: 1px;
	width: 59px;
	height: 58px;
	font-size: 18px;
	background: #a1be3e;
	color: #fff;
}

.frm-search__title {
	font-size: 24px;
}

@media only screen and (min-width: 1025px) and (max-width: 1260px) {
	.l-header__right a {
		font-size: 12px;
		padding: 0 5px;
	}

	.l-header__dropdown__content__detail li a {
		font-size: 12px;
	}

	.l-header__dropdown__title a {
		font-size: 22px;
	}
}

@media only screen and (max-width: 1024px) {
	#l-header {
		position: fixed;
		width: 100%;
		left: 0;
		right: 0;
		top: 0;
		z-index: 100;
	}

	.nav-breadcrumb {
		display: none;
	}

	.pct-sitelogo {
		padding: 9px 10px;
	}

	.pct-sitelogo img {
		width: 100px;
	}

	[lang="zh-cmn-Hans"] .l-header__left,
	[lang="en"] .l-header__left {
		width: 53%;
	}

	[lang="zh-cmn-Hans"] .pct-sitelogo img,
	[lang="en"] .pct-sitelogo img {
		width: 100%;
	}

	.l-header__upper-link {
		display: none;
	}

	.l-header__btn ul li a {
		padding: 12px 15px 11px;
	}

	.l-header__btn ul li.icon-language a {
		padding: 12px 14px 11px;
	}

	.l-header__btn ul li.icon-contact {
		display: none;
	}

	.l-header__btn ul li.menu {
		display: table-cell;
	}

	.l-header__btn ul li.menu a {
		box-sizing: border-box;
		background: #a1be3e;
		width: 46px;
		height: 45px;
		padding: 14px 10px;
		text-align: center;
	}

	.l-header__btn ul li.menu .menu__inner {
		position: relative;
		width: 18px;
		height: 14px;
		display: inline-block;
		text-align: center;
	}

	.l-header__btn ul li.menu .menu__inner span {
		position: absolute;
		left: 0;
		width: 17px;
		height: 2px;
		background: #fff;
		right: 0;
		margin: auto;
		transition: all .4s;
	}

	.l-header__btn ul li.menu .menu__inner span:nth-of-type(1) {
		top: 0;
	}

	.l-header__btn ul li.menu .menu__inner span:nth-of-type(2) {
		top: 6px;
	}

	.l-header__btn ul li.menu .menu__inner span:nth-of-type(3) {
		bottom: 0;
	}

	.l-header__btn ul li.menu.is-active .menu__inner span:nth-of-type(1) {
		-webkit-transform: translateY(6px) rotate(-45deg);
		transform: translateY(6px) rotate(-45deg);
	}

	.l-header__btn ul li.menu.is-active .menu__inner span:nth-of-type(2) {
		opacity: 0;
	}

	.l-header__btn ul li.menu.is-active .menu__inner span:nth-of-type(3) {
		-webkit-transform: translateY(-6px) rotate(45deg);
		transform: translateY(-6px) rotate(45deg);
	}

	.l-header--simple .icon {
		top: 10px;
		right: 20px;
	}

	#nav-global {
		position: absolute;
		z-index: 10;
		top: 45px;
		left: 0;
		right: 0;
		width: 100%;
		background: #a1be3e;
		display: none;
	}

	.nav-global-sp li {
		border-bottom: 1px solid #80bae1;
	}

	.nav-global-sp a {
		color: #fff;
		display: block;
		padding: 15px 20px;
		font-size: 14px;
		letter-spacing: 0.1em;
	}

	.nav-global-sp a:hover {
		text-decoration: none;
	}

	.nav-global-sp a .icon {
		float: right;
	}

	.nav-global-sp__button {
		text-align: center;
		padding: 35px 0 40px;
	}

	.nav-global-sp__button a {
		display: inline-block;
		padding: 8px 10px;
		background: #fff;
		color: #a1be3e;
		font-size: 15px;
		letter-spacing: 0.1em;
		min-width: 280px;
	}

	.nav-global-sp__button a .icon {
		margin-right: 5px;
	}

	.l-header__sub__menu {
		width: 100%;
		border-bottom: 1px solid #eee;
	}

	.l-header__sub__trigger a {
		text-align: left;
		font-size: 14px;
		padding: 9px 10px;
	}

	.l-header__sub__trigger .icon-menu {
		margin-right: 8px;
	}

	#l-header__sub__inner {
		max-width: 100%;
		top: 41px;
		width: 100%;
		display: none;
	}

	#nav-global-language {
		top: 45px;
		padding: 35px 0;
		display: none;
	}

	#nav-global-search {

		top: 45px;
		padding: 35px 0;
		display: none;
	}

	#nav-global-language ul li {
		display: block;
		width: 100%;
		margin-top: 20px;
	}

	#nav-global-language a {
		font-size: 14px;
		padding: 10px 20px;
	}

	#nav-global-language ul li:first-child {
		margin-top: 0;
	}

	.l-header__btn ul li.icon-language {
		width: 46px;
		text-align: center;
	}

	.l-header__btn ul li.icon-search {
		width: 47px;
		text-align: center;
	}

	.l-header__btn ul li.icon-language.is-active .icon-gaishi-earth:before {
		content: '\e80d';
		font-family: 'gaishi';
	}

	.l-header__btn ul li.icon-search.is-active .icon-gaishi-search:before {
		content: '\e80d';
		font-family: 'gaishi';
	}

	.frm-search__title {
		font-size: 16px;
		margin-bottom: 3px;
	}

	#nav-global-search input {
		padding: 10px;
		height: 40px;
	}

	#nav-global-search input::placeholder {
		font-size: 15px;
	}

	#search-btn {
		width: 40px;
		height: 38px;
		font-size: 14px;
	}

	.l-header-sub-sub__more,
	.l-header__sub__content,
	.l-header-sub__more {
		padding: 10px;
	}

	.l-header__sub__title,
	.l-header__sub__link li .l-header__sub-sub__more__title a,
	.l-header__sub__link li .l-header__sub__more__title a {
		font-size: 17px;
		margin-bottom: 10px;
		padding: 0;
	}

	.l-header__sub__link li .l-header__sub-sub__more__title,
	.l-header__sub__link li .l-header__sub__more__title {
		margin-bottom: 0;
	}

	.l-header__sub__link li:last-child {
		border-bottom: 0;
	}

	.l-header__sub__link li a {
		font-size: 12px;
		padding: 11px 10px 11px 0;
		letter-spacing: 0;
	}

	#nav-global-language a .icon {
		top: 0;
	}
}

/* 1-3. #l-container
-------------------------------------------------- */
#l-container {}

@media only screen and (max-width: 1024px) {
	#l-container {
		padding-top: 88px;
	}
}

/* 1-3-1. #l-main
-------------------------------------------------- */

/* 1-3-2. #l-sub
-------------------------------------------------- */


/* 1-4. #l-footer
-------------------------------------------------- */
.l-footer {
	position: relative;
	background: #293337;
	margin-top: 260px;
}

.l-footer--simple {
	margin-top: 120px;
}

.txt-copyright {
	color: #999;
	font-size: 13px;
	text-align: center;
	background: #252323;
	padding: 10px;
}

.nav-footer {
	padding-bottom: 75px;
}

.l-footer a {
	color: #9da3a7;
}

.lst-footer__title {
	position: relative;
	display: block;
	box-sizing: border-box;
	padding-left: 15px;
	font-size: 15px;
	font-weight: bold;
}

.lst-footer__title:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -3px;
	width: 8px;
	height: 3px;
	background: #a1be3e;
}

.lst-footer__inner {
	display: block;
}

.lst-footer__title a {
	display: block;
	padding: 14px 0;
}

.lst-footer__title a:hover,
.lst-footer__inner li a:hover,
.nav-footer-link li a:hover {
	text-decoration: none;
	opacity: 0.7;
}

.lst-footer__inner li a {
	font-size: 12px;
	display: block;
	padding-bottom: 11px;
	padding-left: 8px;
	text-indent: -8px;
}

.lst-footer__inner li a span:before {
	margin-right: 2px;
	position: relative;
	top: -2px;
}

/*-----------------------*/
.nav-footer-link {
	text-align: center;
	margin-bottom: 48px;
}

.nav-footer-link li {
	display: inline-block;
	padding: 0 22px;
	border-left: 1px solid #9da3a7;
	line-height: 1;
}

.nav-footer-link li:first-child {
	border-left: 0;
}

.nav-footer-link li a {
	color: #9da3a7;
	display: block;
	font-size: 12px;
}

@media only screen and (max-width: 767px) and (min-width: 1px) {
	.l-footer {
		margin-top: 119px;
	}

	.nav-footer {
		margin: 0 -15px;
		padding-bottom: 0;
	}

	.nav-footer .grid-row {
		margin-left: 0;
		margin-right: 0;
	}

	.lst-footer.grid-col--2 {
		padding: 0;
	}

	.lst-footer__title {
		border-bottom: 1px solid #48565c;
		padding-left: 25px;
	}

	.lst-footer__title:before {
		left: 15px;
		width: 4px;
		height: 2px;
	}

	.lst-footer__inner li {
		border-bottom: 1px solid #48565c;
	}

	.lst-footer__inner li a {
		padding: 14px 35px;
		text-indent: -10px;
		font-size: 10px;
	}

	.lst-footer__inner li a span:before {
		margin-right: 5px;
	}

	.nav-footer-link {
		display: block;
		margin: 0 -15px;
		overflow-x: hidden;
	}

	.nav-footer-link li {
		display: inline-block;
		width: 50%;
		text-align: center;
		border-left: 0;
		padding: 0;
		float: left;
		border-bottom: 1px solid #48565c;
		font-size: 0;
		box-sizing: border-box;
		position: relative;
	}

	.nav-footer-link li:nth-child(odd) {
		border-right: 1px solid #48565c;
	}

	.nav-footer-link li a {
		padding: 14px 0;
		font-size: 10px;
		line-height: 1.5;
	}

	.nav-footer-link li:last-child:before {
		content: "";
		width: 110%;
		height: 1px;
		background: #48565c;
		bottom: -1px;
		right: 1px;
		position: absolute;
		transform: translateX(100%);
	}

	.has-menu .lst-footer__title a {
		position: relative;
	}

	.has-menu .lst-footer__title a:after {
		content: '\e903';
		font-family: 'gaishi' !important;
		position: absolute;
		color: #fff;
		right: 15px;
		top: 50%;
		margin-top: -7px;
	}

	.has-menu.is-active .lst-footer__title a:after {
		content: '\e901';
	}

	.txt-copyright {
		font-size: 6px;
	}

	.lst-footer__title a {
		font-size: 10px;
	}
}

/*--------------------------------*/
a.btn-pagetop {
	color: #fff;
}

.btn-pagetop {
	display: block;
	background: #a1be3e;
	color: #fff;
	width: 600px;
	text-align: center;
	z-index: 9;
	margin: auto;
	position: relative;
	top: -50px;
	margin-bottom: 50px;
}

.btn-pagetop:hover {
	color: #fff;
	text-decoration: none;
	opacity: 1;
}

.btn-pagetop:hover:before {
	-webkit-transform: translateZ(0) scaleY(1);
	transform: translateZ(0) scaleY(1);
}

.btn-pagetop:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #a1be3e;
	opacity: 0.7;
	-webkit-transform: translateZ(0) scaleY(0);
	transform: translateZ(0) scaleY(0);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left;
	transition: -webkit-transform .4s cubic-bezier(.645, .045, .355, 1);
	transition: transform .4s cubic-bezier(.645, .045, .355, 1);
	transition: transform .4s cubic-bezier(.645, .045, .355, 1),
		-webkit-transform .4s cubic-bezier(.645, .045, .355, 1)
}

.btn-pagetop:after {
	top: 0;
	background: #fff;
}

.btn-pagetop span {
	display: block;
	padding: 35px 0;
	font-style: italic;
	position: relative;
	z-index: 1;
}

.btn-pagetop:hover:after {
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-transform: translate3d(0, -3px, 0) scaleY(0);
	transform: translate3d(0, -3px, 0) scaleY(0)
}

.btn-pagetop:after {
	content: "";
	height: 65px;
	width: 1px;
	left: 0;
	right: 0;
	bottom: 90px;
	margin: auto;
	display: block;
	background: url("../images/bg-line01.png") no-repeat center center;
	position: absolute;
	z-index: 1;
	-webkit-transform: translate3d(0, 0, 0) scaleY(1);
	transform: translate3d(0, 0, 0) scaleY(1);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left;
	transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1);
	transition: transform .4s cubic-bezier(.215, .61, .355, 1);
	transition: transform .4s cubic-bezier(.215, .61, .355, 1), -webkit-transform .4s cubic-bezier(.215, .61, .355, 1)
}

@media only screen and (max-width: 767px) and (min-width: 1px) {
	.btn-pagetop {
		top: -25px;
		width: auto;
		display: block;
		margin: 0 15px;
		margin-bottom: 0;
	}

	.btn-pagetop:after {
		height: 32px;
		bottom: 40px;
	}

	.btn-pagetop span {
		padding: 17px 0 9px;
		font-size: 10px;
	}
}

/* 1-5. #l-nav-global
-------------------------------------------------- */

/* -----------------------------------------------
 [2. Object]
 -------------------------------------------------- */

/* 2-1. Component a.k.a Module
-------------------------------------------------- */
/*2-1-1.  Wrap     [wrp-***]*/
.wrp-article {
	max-width: 1180px;
	padding: 0 20px;
	margin: 0 auto;
}

.wrp-container {
	max-width: 1180px;
	padding: 0 20px;
	margin: 0 auto;
}

.wrp-article>.wrp-container {
	max-width: 1180px;
	padding: 0 0;
	margin: 0 auto;
}

.box-heading+.wrp-container,
.box-main-image+.wrp-container {
	padding-top: 70px;
}

.box-heading+.wrp-container>*:first-child,
.box-main-image+.wrp-container>*:first-child {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.box-tab .box-tab__content>.wrp-container>h2:first-child,
.box-tab .box-tab__content>*:first-child {
	margin-top: 0 !important;
}

.box-heading+.wrp-container>div.box-link-02 {
	padding-top: 25px !important;
}

.wrp-container--sm {
	max-width: 980px;
}

.wrp-tabs {
	margin: 0 auto;
}

.wrp-content {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

.wrp-content--sm {
	max-width: 780px;
	margin: auto;
}

.wrp-content--lg {
	max-width: 880px;
	margin: auto;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.wrp-container {
		padding: 0 15px;
	}

	.box-heading+.wrp-container,
	.box-main-image+.wrp-container {
		padding-top: 20px;
	}
}

/*2-1-2.  Box      [box-***]*/
.box-table {
	display: table;
}

.box-table__col {
	display: table-cell;
	vertical-align: middle;
	float: none !important;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {

	.box-table,
	.box-table__col {
		display: block;
		text-align: center;
	}
}

/*------------------------------*/
.box-report {
	overflow: hidden;
}

.box-report__text,
.box-report__pic,
.box-report__button,
.box-report__content {
	box-sizing: border-box;
}

.box-report__text {
	float: right;
	max-width: 84.75%;
	padding-left: 3.5%;
}

.box-report__pic {
	float: left;
	max-width: 15.25%;
}

.box-report__button {
	float: left;
	max-width: 84.75%;
	padding-left: 3.5%;
	margin-top: 25px;
}

.box-report__content {
	float: right;
	max-width: 84.75%;
	padding-left: 3.5%;
}

.box-report__button .btn {
	font-size: 15px;
	min-width: 360px;
	width: unset;
	padding: 15px 25px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {

	.box-report__text,
	.box-report__pic,
	.box-report__button,
	.box-report__content {
		float: none;
		width: 100%;
		max-width: 100%;
		padding-left: 0;
	}

	.box-report__pic {
		text-align: center;
		padding: 20px 0;
	}

	.box-report__button {
		margin-top: 0;
	}

	.box-report__button .btn {
		font-size: 13px;
		min-width: unset;
	}
}

/*-----------------------------------*/
.box-slect-year {
	padding: 30px 0;
}

.box-slect-year+.hdg-lv5 {
	margin-top: 0;
}

.box-slect-year>select {
	padding: 5px 10px;
}

/*-------------------------------*/
.box-links {
	margin-bottom: 15px;
}

.box-links__title {
	margin-bottom: 5px;
	display: block;
}

.box-links a {
	display: block;
}

/*------------------------------------*/
.box-video {
	text-align: center;
	background: #edeff1;
	margin-bottom: 20px;
	cursor: pointer;
}

.box-video>a {
	color: #000;
}

.box-video>a:hover {
	text-decoration: none;
}

.box-video__thumb img {
	width: 100%;
}

.box-video__thumb__play {
	border: 1px solid #0075c4;
	font-size: 0;
}

.box-video__thumb__play video {
	width: 100%;
}

.box-video__title {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.05em;
	padding: 30px 10px 5px;
}

.box-video__des {
	padding: 0 10px 30px;
}

.__is-videos .mfp-title {
	position: relative;
	z-index: 9;
	;
	background: #fff;
	color: #000;
	padding: 20px;
	font-weight: bold;
	font-size: 20px;
}

.__is-videos .mfp-bg {
	background: #fff;
	opacity: .7;
}

.__is-videos .mfp-iframe-scaler iframe {
	padding: 0 10px 10px;
	background: #fff;
	box-sizing: border-box;
	box-shadow: none;
}

.__is-videos .mfp-iframe-holder .mfp-close,
.__is-videos .mfp-inline-holder .mfp-close {
	color: #a1be3e;
	width: 60px;
	height: 60px;
	top: 0;
	right: 0;
	padding-right: 0;
	text-align: center;
	font-size: 40px;
	line-height: 1;
}

.__is-videos .mfp-iframe-holder .mfp-content,
.__is-videos .mfp-inline-holder .mfp-content {
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.box-video--main {
	padding: 0 30px;
	background: none;
}

#box-flash {
	padding: 0 10px 10px;
	background: #fff;
	box-sizing: border-box;
	box-shadow: none;
}

#box-flash .mfp-title {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

#box-flash {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 61.6%;
	position: relative;
}

#box-flash object {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 58px 10px 10px 10px;
	box-sizing: border-box;
}

#box-flash embed {
	width: 100%;
	height: 100%;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-video__title {
		font-size: 14px;
		padding: 15px 10px 5px;
	}

	.box-video__des {
		font-size: 10px;
		padding-bottom: 20px;
	}

	.__is-videos .mfp-title {
		font-size: 14px;
		padding: 10px;
	}

	.__is-videos .mfp-iframe-holder .mfp-close,
	.__is-videos .mfp-inline-holder .mfp-close {
		width: 30px;
		height: 30px;
		font-size: 30px;
	}

	.box-video--main {
		padding: 0;
	}
}

/*-------------------------------------*/
.box-data {
	text-align: center;
}

.box-data__thumb>img {
	width: 100%;
}

.box-data__content {
	padding: 25px 20px 35px;
}

.box-data__title {
	font-size: 20px;
	color: #a1be3e;
	font-weight: bold;
	margin-bottom: 10px;
}

.box-data__link {
	margin-bottom: 30px;
}

.box-data__link a {
	display: block;
}

.box-data__button .btn {
	min-width: 160px;
	font-size: 12px;
	display: inline-block;
	width: auto;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-data__content {
		padding: 10px 10px 15px;
	}

	.box-data__title {
		font-size: 16px;
	}

	.box-data__link {
		margin-bottom: 15px;
	}
}

.bnr-csr {
	padding: 60px;
	background: url("../images/bg-csr01.jpg") no-repeat center;
	background-size: cover;
	color: #fff;
	overflow: hidden;
	position: relative;
	margin-top: 35px;
}

.bnr-csr__content {
	padding-right: 350px;
}

.bnr-csr__btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 60px;
	margin-top: 5px;
}

.bnr-csr__btn .btn {
	background: #fff;
	color: #a1be3e;
	width: 325px;
	padding: 20px;
	text-align: center;
}

.bnr-csr__btn .btn span {
	text-align: center;
	display: inline-block;
	padding-right: 25px;
}

.bnr-csr__title {
	font-size: 22px;
	margin-bottom: 10px;
}

.bnr-csr--01 {
	background: #0074b8;
	padding: 0;
}

.bnr-csr--01 .bnr-csr__content {
	padding-right: 445px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.bnr-csr {
		padding: 30px;
		margin-top: 20px;
	}

	.bnr-csr__content {
		max-width: 100%;
		padding-right: 0;
	}

	.bnr-csr__title {
		line-height: 1.28;
	}

	.bnr-csr__btn {
		position: relative;
		transform: translateY(0);
		top: auto;
		right: 0;
		margin-top: 20px;
	}

	.bnr-csr__btn .btn {
		width: 100%;
	}

	.bnr-csr--01 {
		padding: 0;
	}

	.bnr-csr--01 .bnr-csr__content {
		display: block;
		padding-right: 0;
	}

	.bnr-csr--01 .bnr-csr__btn {
		text-align: center;
		margin-bottom: 15px;
	}

	.bnr-csr--01 .bnr-csr__btn a {
		width: 190px;
		font-size: 11px;
		padding: 11px 13px;
	}
}

/*---------------------------------------------*/
.box {
	border: 1px solid #ddd;
	margin-bottom: 20px;
}

.box__title {
	padding: 9px 10px;
	background: #424242;
	color: #fff;
	font-size: 16px;
}

.box__inner {
	padding: 10px;
	box-sizing: border-box;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {}

.box-heading {
	background: #edeff1;
	padding: 60px 0 50px;
	text-align: center;
	position: relative;
}

.box-heading:before {
	content: "";
	height: 3px;
	width: 50px;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
	position: absolute;
	background: #a1be3e;
}

.box-heading__sub {
	color: #a1be3e;
	font-size: 15px;
	letter-spacing: 0.16em;
	margin-bottom: 20px;
}

.box-heading .hdg-lv1 {
	font-size: 35px;
	letter-spacing: 0.06em;
	font-weight: normal;
	line-height: 1.28;
}

.box-heading--02 {
	padding: 60px 0 70px;
}

.box-heading--03 {
	padding: 60px 0 40px;
	margin-bottom: 70px;
}

.box-heading--03 .box-heading__sub {
	margin-bottom: 10px;
}

.box-heading--03 .box-heading__sub span {
	display: inline-block;
	font-size: 12px;
	letter-spacing: 0.04em;
	color: #000;
	padding: 4px 29px;
	box-sizing: border-box;
	background: #e5e5e5;
	border-radius: 3px;
	margin-right: 10px;
}

.box-heading--03 .box-heading__sub span:last-child {
	margin-right: 0;
}

.box-heading__date {
	font-size: 15px;
	color: #717171;
	margin-top: 10px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-heading {
		padding: 20px 0 24px;
	}

	.box-heading__sub {
		font-size: 10px;
		margin-bottom: 10px;
	}

	.box-heading .hdg-lv1 {
		font-size: 20px;
	}

	.box-heading:before {
		width: 25px;
		height: 1px;
	}

	.box-heading--03 {
		margin-bottom: 25px;
	}

	.box-heading--03 .box-heading__sub span {
		font-size: 9px;
		padding: 1px 9px;
	}

	.box-heading__date {
		font-size: 9px;
	}
}

/*---------------------------*/
.box-article__thumb {
	text-align: center;
}

.box-article__des {
	margin-top: 10px;
	color: #909090;
	line-height: 1.666;
	font-size: 12px;
}

.box-article--02 .box-article__des {
	font-size: 15px;
	line-height: 24px;
	color: #333;
}

.box-article--02 .box-article__des span {
	font-size: 16px;
	font-weight: bold;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-article__des {
		font-size: 10px;
		line-height: 1.25;
		margin-top: 5px;
	}

	.box-article {
		padding-bottom: 10px;
	}

	.box-article--02 .box-article__des {
		font-size: 12px;
		line-height: 18px;
	}

	.box-article--02 .box-article__des span {
		font-size: 14px;
	}
}

/*-----------------------------*/
.box-link {
	background: #edeff1;
	padding: 25px 40px;
	margin: 40px 0;
}

.box-link__title {
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 10px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-link {
		padding: 12px 20px;
		margin: 20px 0;
	}

	.box-link p {
		font-size: 12px;
	}

	.box-link p.box-link__title {
		font-size: 14px;
		margin-bottom: 5px;
	}
}

.box-link-02 {
	padding: 25px 30px 30px;
	background: #8a9ca8;
	margin-top: 30px;
}

.box-link-02__title {
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 20px;
}

.box-link-02__link a {
	color: #fff;
	display: block;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-link-02 {
		padding: 20px 15px 15px;
	}

	.box-link-02__title {
		font-size: 14px;
		line-height: 15px;
		margin-bottom: 15px;
	}

	.box-link-02__link p {
		border-bottom: 1px solid #acbcc6;
	}

	.box-link-02__link p:first-child {
		border-top: 1px solid #acbcc6;
	}

	.box-link-02__link a {
		padding: 9px 0;
		letter-spacing: 0.03em;
	}

	.box-link-02__link a span {
		font-size: 10px;
	}
}

.box-link__cg p:first-child {
	text-indent: -80px;
	padding-left: 80px;
}

.box-link__cg p:last-child {
	text-indent: -71px;
	padding-left: 71px
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-link__cg p:first-child {
		text-indent: -6em;
		padding-left: 6em;
	}

	.box-link__cg p:last-child {
		text-indent: -5em;
		padding-left: 5em;
	}
}

/*--------------------------------*/
.box-pickup {
	margin: 90px 0 60px;
	background: #edeff1;
}

.box-pickup__title {
	padding: 30px 0;
	font-size: 20px;
	color: #0a899c;
	font-weight: bold;
	padding-left: 40px;
	position: relative;
}

.box-pickup__title:before {
	content: "";
	height: 8px;
	width: 30px;
	position: absolute;
	left: 0;
	top: 45%;
	background: #0a899c;
}

.box-pickup__content {
	padding: 0 40px 35px;
	overflow: hidden;
}

.box-pickup__head {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
}

.box-pickup__head small {
	font-size: 15px;
	display: block;
}

.box-pickup__des {
	font-size: 15px;
	line-height: 25px;
}

.box-pickup__txt {
	float: left;
	width: 69.09%;
	box-sizing: border-box;
	padding-right: 40px;
}

.box-pickup__img {
	float: right;
	width: 30.91%;
	line-height: 0;
}

@media only screen and (min-width: 768px) {
	.box-pickup__content-imgvertical .box-pickup__txt {
		width: 80%;
	}

	.box-pickup__content-imgvertical .box-pickup__img {
		width: 20%;
	}
}

.box-pickup__img img {
	width: 100%;
}

.box-pickup__img span {
	display: block;
	font-size: 12px;
	color: #909090;
	margin-top: 10px;
	line-height: 1.6666;
}

.box-pickup--sm .box-pickup__txt {
	width: 81.82%;
}

.box-pickup--sm .box-pickup__img {
	width: 18.18%;
	padding-top: 0;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-pickup {
		margin: 25px 0;
	}

	.box-pickup__title {
		font-size: 16px;
		padding: 20px 15px 5px;
	}

	.box-pickup__title:before {
		top: 56%;
	}

	.box-pickup__content {
		padding: 0 15px 21px;
	}

	.box-pickup__head {
		font-size: 14px;
		margin-bottom: 5px;
	}

	.box-pickup__txt,
	.box-pickup__img {
		float: none;
		display: block;
		width: 100%;
	}

	.box-pickup__img {
		text-align: center;
		padding-top: 10px;
	}

	.box-pickup__img span {
		text-align: left;
		font-size: 10px;
		line-height: 1.5;
		letter-spacing: 0;
		margin-top: 5px;
	}

	.box-pickup__txt {
		margin-top: 8px;
		padding-right: 0;
	}

	.box-pickup__title:before {
		width: 10px;
		height: 4px;
	}

	.box-pickup__des {
		font-size: 13px;
		line-height: 20px;
	}

	.box-pickup--sm .box-pickup__txt,
	.box-pickup--sm .box-pickup__img {
		width: 100%;
	}
}

/*---------------------------*/
.box-download {
	background: #8a9ca8;
	padding: 70px 0 80px;
	text-align: center;
}

.box-download__head {
	font-size: 30px;
	color: #fff;
	letter-spacing: 0.14em;
	margin-bottom: 30px;
}

.box-download__text {
	color: #fff;
	letter-spacing: 0.14em;
	font-size: 16px;
	margin-bottom: 35px;
}

.box-download--01 {
	padding: 70px 10px 65px;
}

.box-download--01 .box-download__head {
	margin-bottom: 15px;
}

.box-download__btn .btn--second span {
	display: inline;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-download {
		padding: 35px 20px;
	}

	.box-download__head {
		font-size: 20px;
		letter-spacing: 0.08em;
		line-height: 1.125;
		margin-bottom: 22px;
	}

	.box-download__btn .btn {
		text-align: left;
		padding: 10px 40px 5px 15px;
		line-height: 1.45;
	}

	.box-download__btn .icon-gaishi-download {
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
	}

	.box-download__text {
		font-size: 13px;
		line-height: 15px;
		margin-bottom: 20px;
	}

	.box-download--01 {
		padding-left: 15px;
		padding-right: 15px;
	}

	.box-download--01 .btn {
		font-size: 12px;
		text-align: center;
		padding: 11px 15px;
	}

	.box-download--02 {
		margin: 0 -20px;
	}

	.box-download--02 .box-download__btn a {
		padding: 12px 15px;
		text-align: center;
	}
}

/*---------------------------*/
.box-contact {
	background: #8a9ca8;
	padding: 60px 0 60px;
	text-align: center;
}

.box-contact__head {
	font-size: 30px;
	color: #fff;
	letter-spacing: 0.14em;
	margin-bottom: 30px;
	font-weight: normal;
}

.box-contact__body {
	display: table;
	width: 100%;
}

.box-contact__tel {
	display: table-cell;
	box-sizing: border-box;
	width: 50%;
	padding: 0 20px 0 60px;
	color: #fff;
	border-right: 1px solid #93aec0;
	vertical-align: middle;
	text-align: left;
}

.box-contact__tel h4 {
	margin-top: 5px;
	padding: 0 0 5px;
}

.box-contact__tel ul li {
	padding: 9px 0 0;
	line-height: 1;
	letter-spacing: -0.4em;
}

.box-contact__form {
	display: table-cell;
	box-sizing: border-box;
	width: 50%;
	padding: 0 60px;
	vertical-align: middle;
}

.box-contact__form p {
	line-height: 0;
}

.box-contact__tel .box-contact__office {
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
	letter-spacing: 1px;
	margin-bottom: 7px;
}

.box-contact__tel .box-contact__office span {
	display: inline-block;
	width: 105px;
	border: 1px solid #fff;
	padding: 5px 15px 4px;
	font-size: 12px;
	line-height: 1.25;
	text-align: center;
}

.box-contact__tel .box-contact__tel02 {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: 1px;
	margin-right: 5px;
}

.box-contact__tel a {
	display: inline-block;
	color: #fff;
	cursor: default;
	font-weight: bold;
	font-size: 26px;
	letter-spacing: 1px;
	margin-right: 5px;
	vertical-align: middle;
}

.box-contact__tel a:hover {
	text-decoration: none;
}

.box-contact__tel a .icon {
	margin-right: 3px;
}

.box-contact__tel .box-contact__fax {
	display: inline-block;
	font-size: 12px;
	vertical-align: text-bottom;
	letter-spacing: 1px;
	line-height: 0.5;
}

.box-contact__form .btn {
	width: 100%;
	line-height: 1.666666;
}

.box-contact__form .btn--second {
	min-width: 1%;
}

.box-contact__tel02>span {
	display: inline-block;
	color: #fff;
	cursor: default;
	font-weight: bold;
	font-size: 26px;
}

.box-contact__txt {
	display: block;
	letter-spacing: 0em;
	line-height: 1.6;
	font-size: 13px;
	margin-top: 15px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-contact {
		margin: 0 -20px;
		padding: 30px 20px;
	}

	.box-contact__head {
		font-size: 20px;
		letter-spacing: 0.08em;
		line-height: 23px;
		margin-bottom: 25px;
	}

	.box-contact__tel {
		display: block;
		width: 100%;
		padding: 0;
		border-right: 0;
	}

	.box-contact__form {
		padding: 0;
		display: block;
		width: 100%;
	}

	.box-contact__tel h4 {
		padding: 0;
	}

	.box-contact__tel .box-contact__office {
		margin-bottom: 0;
	}

	.box-contact__tel .box-contact__tel02 {
		margin-right: 0;
		display: block;
		text-align: left;
	}

	.box-contact__tel .box-contact__office {
		float: left;
	}

	.box-contact__tel .box-contact__office span {
		min-width: unset;
		width: 90px;
		padding: 5px 10px;
		line-height: 15px;
		box-sizing: border-box;
	}

	.box-contact__tel .box-contact__fax {
		display: block;
		padding-top: 5px;
		text-align: left;
		line-height: 1;
	}

	.box-contact__tel {
		border-bottom: 1px solid #93aec0;
		padding-bottom: 30px;
		margin-bottom: 25px;
	}

	.box-contact__tel ul {
		max-width: 300px;
		margin: 0 auto;
	}

	.box-contact__form .btn {
		font-size: 12px;
		width: 250px;
		margin: 0 auto;
	}

	.box-contact__txt:before {
		content: "";
		display: block;
		clear: both;
	}
}

/*-------------------------------*/
.box-contact--01 .box-contact__head {
	font-size: 28px;
}

.box-contact--01 .box-contact__tel h4 {
	font-size: 15px;
}

.box-contact--01 .box-contact__tel .box-contact__office span {
	font-size: 15px;
	letter-spacing: 0.06em;
	padding: 7px 5px;
	box-sizing: border-box;
}

.box-contact--01 .box-contact__tel02>span {
	font-size: 32px;
}

.box-contact--01 .box-contact__tel h4 {
	padding: 0;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-contact--01 .box-contact__head {
		font-size: 20px;
	}

	.box-contact--01 .box-contact__tel .box-contact__office span {
		font-size: 12px;
		padding: 5px 10px;
	}

	.box-contact--01 .box-contact__tel .box-contact__fax {
		padding: 5px 0 0;
		font-size: 12px;
	}
}

/*-------------------------------*/
.box-contact--02 {
	padding: 60px 0 40px;
}

.box-contact--02 .box-contact__tel {
	display: block;
	width: 100%;
	border-right: 0;
}

.box-contact--02 .box-contact__form {
	display: block;
	width: 100%;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-contact--02 {
		padding: 30px 20px;
	}
}

/*-------------------------------*/
.box-card {
	padding: 35px 0 95px;
	background: #edeff1;
	margin: 90px 0 60px;
}

.box-card .hdg-lv2 {
	margin-top: 0;
}

.box-card__content {
	background: #fff;
}

.box-card__inner {
	color: #333;
}

.box-card__inner:hover {
	text-decoration: none;
}

.box-card__inner:hover .box-card__content__head {
	color: #333;
}

.box-card__content__thumb {
	overflow: hidden;
	line-height: 0;
	display: block;
}

.box-card__content__thumb img {
	-webkit-transition: all .5s;
	transition: all .5s;
	width: 100%;
}

.box-card__content:not(.noHover):hover .box-card__content__thumb img {
	transform: scale(1.1);
}

.noHover .ngk-image {
	transition: none !important;
}

.box-card__content__txt {
	padding: 25px;
	display: block;
}

.box-card__content-02 .box-card__content__txt {
	padding: 25px 25px 60px;
	position: relative;
}

.box-card__content__head {
	font-size: 20px;
	display: block;
}

.box-card__content-02 .box-card__content__head {
	margin-bottom: 20px;
}

.box-card__content__link {
	margin-top: 25px;
	display: block;
	color: #0a899c;
}

.box-card__content-02 .box-card__content__detail {
	display: block;
}

.box-card__inner:hover .box-card__content__detail {
	color: #333;
}

.box-card__content-02 .box-card__content__link {
	position: absolute;
	bottom: 0;
	margin-top: 0;
	right: 0;
	left: 0;
	width: 100%;
	padding: 19px 25px;
	box-sizing: border-box;
	background: #fff;
	color: #0a899c !important;
}

.box-card__content-02:hover .box-card__content__link:after {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	visibility: visible;
}

.box-card__content-02 .box-card__content__link span {
	display: inline-block;
	padding-right: 15px;
}

.box-card__content-02:hover .box-card__content__link span:before {
	right: -10px;
}

.box-card__content-02 .box-card__content__link .icon {
	margin-left: 5px;
}

.box-card__content__link a {
	display: inline-block;
	margin-right: 30px;
}

.box-card__content__link a:last-child {
	margin-right: 0;
}

.box-card__content__link a.btn--link {
	margin-right: 0;
	width: 100%;
	padding: 14px 50px;
	margin-top: 12px;
}

.box-card__content__link a.btn--link:first-child {
	margin-top: 0;
}

.box-card__content__link a.btn--link {
	text-align: center;
}

.box-card__content__link a.btn--link span.icn-external {
	display: inline-block;
	padding-left: 15px;
}

.box-card__content__link a.btn--link span.icn-external:before {
	content: '\f08e';
	right: auto;
	left: -10px;
}

.box-card__content__link a.btn--link span.icn-pdf {
	display: inline-block;
	padding-left: 15px;
}

.box-card__content__link a.btn--link span.icn-pdf:before {
	content: '\f1c1';
	right: auto;
	left: -10px;
}

.box-card__head {
	display: table;
	width: 100%;
}

.box-card__head__logo {
	display: table-cell;
	vertical-align: top;
	width: 45px;
}

.box-card__head__detail {
	display: table-cell;
	vertical-align: top;
	padding-left: 15px;
	line-height: 1.1;
	padding-top: 5px;
}

.box-card__head__detail span {
	font-size: 15px;
	display: block;
}

.box-card__content {
	display: block;
}

.box-card__content-02 {
	display: block;
}

.box-card--01 {
	margin: 210px 0 15px;
	padding-bottom: 65px;
}

.box-card--01>.wrp-container {
	margin-top: -150px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-card {
		margin: 40px 0 0;
		padding-bottom: 0;
	}

	.box-card--01 {
		margin-top: 95px;
		padding-bottom: 5px;
	}

	.box-card--01>.wrp-container {
		margin-top: -85px;
	}

	.box-card__content {
		margin-bottom: 10px;
	}

	.box-card__content__txt {
		padding: 10px 12px 20px;
	}

	.box-card__content__head {
		font-size: 14px;
	}

	.box-card__content-02 .box-card__content__head {
		font-size: 13px;
		margin-bottom: 0;
	}

	.box-card__content__des {
		font-size: 11px;
	}

	.box-card__content__link {
		margin-top: 15px;
	}

	.box-card__content__link a {
		display: block;
		margin-left: 0;
		margin-top: 20px;
		font-size: 12px;
	}

	.box-card__content__thumb img {
		width: 100%;
		height: auto;
	}

	.box-card .grid-col-sp--6 .box-card__content__link a {
		font-size: 10px;
	}

	.box-card__head__logo {
		width: 23px;
	}

	.box-card__head__detail {
		padding-left: 8px;
		padding-top: 0;
		line-height: 15px;
		font-size: 13px;
	}

	.box-card__head__detail span {
		font-size: 9px;
		display: block;
		line-height: 1;
		margin-top: 5px;
	}

	.box-card__content-02 .box-card__content__txt {
		padding: 20px 8px 45px;
	}

	.box-card__content-02 .box-card__content__link {
		font-size: 10px;
		text-align: left;
		padding: 10px 15px 15px;
	}

	.box-card__content-02 .box-card__content__link span {
		padding-right: 10px;
	}

	.box-card__content__link a.btn--link {
		margin-top: 15px;
		padding: 6px 50px;
	}
}

/*-------------------------*/
.box-col {
	display: table;
	width: 100%;
	margin-bottom: 70px;
}

.box-col__text,
.box-col__image {
	display: table-cell;
	vertical-align: top;
	box-sizing: border-box;
}

.box-col__text {
	width: 67.79%;
	padding-left: 40px;
	font-size: 15px;
}

.box-col__text p {
	line-height: 25px;
	text-align: justify;
}

.box-col__text .txt-note {
	margin-top: 30px;
	font-size: 15px;
	color: #333;
}

.box-col--direction {
	direction: rtl;
}

.box-col--direction .box-col__image {
	direction: ltr;
}

.box-col--direction .box-col__text {
	direction: ltr;
	padding-right: 40px;
	padding-left: 0;
	line-height: 25px;
}

.box-col--direction .box-col__text h4:first-child {
	margin-top: 0;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-col {
		margin-bottom: 30px;
	}

	.box-col__text,
	.box-col__image {
		display: block;
		float: none;
		width: 100%;
	}

	.box-col__text,
	.box-col--direction .box-col__text {
		padding: 10px 0;
	}

	.box-col__text .txt-note {
		margin-top: 10px;
		font-size: 12px;
	}

	.box-col__image {
		text-align: center;
	}

	.box-col__text p {
		font-size: 13px;
		line-height: 20px;
	}

	.box-col--02__content p {
		font-size: 13px;
		line-height: 20px;
	}
}

/*-------------------------*/
.box-col--02 {
	margin: 0 -20px;
	overflow: hidden;
}

.box-col--02__content {
	padding: 0 20px;
	width: 50%;
	box-sizing: border-box;
	float: left;
}

.box-col--02__content p {
	text-align: justify;
	line-height: 25px;
}

.box-col--02__content p.box-col--02__link {
	text-align: left;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-col--02 {
		margin: 0;
	}

	.box-col--02__content {
		float: none;
		width: 100%;
		margin-top: 15px;
		padding: 0;
	}
}

/*------------------------*/
.lst-media {
	margin-bottom: 100px;
	padding-top: 50px;
}

.lst-media .grid-row>div {
	margin-bottom: 20px;
}

.lst-media__inner {
	display: block;
}

.lst-media__inner:hover {
	text-decoration: none;
}

.box-media {
	text-align: center;
	display: block;
}

.box-media__content {
	background: #edeff1;
	display: block;
	color: #333;
}

.box-media__content__ttl {
	font-size: 20px;
	line-height: 1.3333;
	padding: 25px 20px 10px;
	font-weight: bold;
	display: block;
}

.box-media__content__text {
	font-size: 15px;
	padding: 25px 20px 0;
	text-align: left;
	line-height: 20px;
}

.box-media__content__ttl+.box-media__content__text {
	padding-top: 0;
}

.box-media__content__des {
	font-size: 15px;
	margin-bottom: 10px;
	padding: 0 20px;
	display: block;
}

.box-media__content__btn {
	position: relative;
	display: block;
	color: #0a899c;
	font-size: 15px;
	padding: 20px;
	z-index: 1;
}

.box-media__content__btn a {
	display: block;
	padding: 5px 0;
}

/*.box-media__content__btn:before{
	content: "";
	left: 0;
	height: 2px;
	bottom: 0;
	right: 0;
	background: #0a899c;
	position: absolute;
	z-index: -1;
	-webkit-transition: all .5s;
	transition: all .5s;
}*/
.box-media__thumb {
	overflow: hidden;
	display: block;
}

.box-media__thumb img {
	-webkit-transition: all .6s;
	transition: all .6s;
	width: 100%;
}

.lst-media__inner:hover .box-media__content__btn a {
	text-decoration: none;
}

.lst-media__inner .box-media__content__btn .icon {
	-webkit-transition: all .5s;
	transition: all .5s;
	position: relative;
	right: 0;
}

.box-media--direction {
	direction: ltr;
}

@media only screen and (min-width: 768px) {
	.lst-media__inner:not(.noEffect):hover .box-media__content__btn .icon {
		right: -10px;
	}

	.lst-media__inner:hover .box-media__content__btn:before {
		height: 100%;
	}

	.lst-media__inner:hover .box-media__thumb img {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.lst-media {
		margin-bottom: 25px;
		padding-top: 20px;
	}

	.lst-media .grid-row>div {
		margin-bottom: 10px;
	}

	.box-media {
		margin-bottom: 0;
	}

	.box-media__content__ttl {
		font-size: 10px;
		padding: 12px 12px 10px;
	}

	.box-media__content__des {
		font-size: 8px;
		padding: 0 12px;
		margin-bottom: 5px;
		line-height: 10px;
	}

	.box-media__content__btn a {
		padding: 7px 10px;
		font-size: 10px;
		text-align: left;
	}

	.box-media__thumb img {
		width: 100%;
		height: auto;
	}

	.box-media__content__btn:before {
		height: 1px;
	}

	.lst-media__special-01 {
		margin-top: 20px;
	}

	.box-media-01 .box-media__content__ttl {
		font-size: 13px;
		text-align: left;
		font-weight: normal;
	}

	.box-media-01 .box-media__content__btn {
		padding: 0 0 15px;
	}

	.box-media-01 .box-media__content__btn a {
		font-size: 10px;
		padding: 5px 10px;
	}

	.box-media__content__text {
		padding: 15px 10px 0;
	}

	/*-------------------------------------*/
	.lst-media-01 .box-media__content__des {
		line-height: 18px;
	}
}

.box-media--02 .box-media__thumb {
	padding: 0 50px;
	box-sizing: border-box;
}

.box-media--02 .box-media__content__ttl {
	color: #0a899c;
}

/*--------------------------------------*/
.box-tab {
	margin-top: 85px;
}

.box-tab__head {
	display: table;
	width: 100%;
	border-bottom: 3px solid #0a899c;
	padding: 0 1px;
	table-layout: fixed;
	box-sizing: border-box;
}

.box-tab__wrp {
	margin-bottom: 50px;
}

.box-tab__head li {
	display: table-cell;
	text-align: center;
	padding: 0 2px;
}

.box-tab__head li a {
	display: table;
	background: #edeff1;
	padding: 10px;
	font-size: 15px;
	letter-spacing: 0;
	color: #999;
	line-height: 1.2;
	width: 100%;
	box-sizing: border-box;
	min-height: 56px;
}

.box-tab__head li a span {
	display: table-cell;
	vertical-align: middle;
}

.box-tab__head li a.is-active,
.box-tab__head li a:hover {
	text-decoration: none;
	background: #0a899c;
	color: #fff;
}

.box-tab__content {
	display: none;
}

.box-tab__content.is-opened {
	display: block;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-tab {
		margin: 30px -20px;
	}

	.box-tab__content {
		padding: 0 20px;
	}

	.box-tab__wrp {
		overflow-x: auto;
		margin-bottom: 20px;
		padding-bottom: 5px;
	}

	.box-tab__wrp::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
		background-color: #f5f5f5;
	}

	.box-tab__wrp::-webkit-scrollbar {
		height: 5px;
		background-color: #f5f5f5;
	}

	.box-tab__wrp::-webkit-scrollbar-thumb {
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
		background-color: #999;
	}

	.box-tab__head {
		border-bottom-width: 1px;
	}

	.box-tab__head li {
		width: 80px;
		box-sizing: border-box;
	}

	.box-tab__head li a {
		font-size: 11px;
		padding: 7px 4px;
		letter-spacing: 0;
		line-height: 1.1363;
		min-height: 50px;
	}

	.box-tab__head li a:hover {
		background: #edeff1;
		color: #999;
	}

	.box-tab__head li a.is-active {
		text-decoration: none;
		background: #0a899c;
		color: #fff;
	}
}

/*-------------------------*/
.box-card-01 .grid-row {
	margin: 0 -1px;
}

.box-card-01 .grid-row>div {
	padding: 0 1px;
	margin-bottom: 35px;
}

.box-card-01__inner {
	display: block;
}

.box-card-01__inner:hover {
	text-decoration: none;
}

.box-card-01__content {
	display: block;
	text-align: center;
	position: relative;
}

.box-card-01__image {
	display: block;
	overflow: hidden;
}

.box-card-01__image>span {
	display: block !important;

	-webkit-transition: all .6s;
	transition: all .6s;
}

.box-card-01__content__detail {
	display: block;
	position: absolute;
	color: #fff;
	top: 45%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	padding: 20px 30px;
	box-sizing: border-box;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	margin-top: 30px;
}

.box-card-01__title {
	display: block;
	font-size: 30px;
	letter-spacing: 0.28em;
	font-weight: bold;
	margin-bottom: 40px;
	font-family: "STHUPO", "微软雅黑";
}

.box-card-01__title small {
	display: block;
	font-size: 15px;
	letter-spacing: 0.06em;
	font-weight: normal;
}

.box-card-01__text {
	display: block;
	font-size: 16px;
	letter-spacing: 0.2em;
	line-height: 32px;
}

.box-card-01__button {
	display: block;
	text-align: center;
	margin-top: -31px;
}

.box-card-01__button .btn {
	width: 305px;
	padding: 24px 80px;
	white-space: nowrap;
}

.box-card-01__icon img {
	width: 45px;
}

.box-card-01__des {
	display: block;
	text-align: center;
	font-size: 15px;
	line-height: 20px;
	margin-top: 40px;
	opacity: 0;
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	-webkit-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out;
}

.box-card-01__des span {
	position: absolute;

}

.box-card-01__inner-02 .box-card-01__title {
	font-size: 30px;
	letter-spacing: 0;
	font-weight: normal;
	margin: 25px 0 0;
}

.box-card-01__inner-02 .box-card-01__title small {
	font-size: 15px;
	letter-spacing: 0.04em;
	margin-top: 15px;
}

@media only screen and (min-width: 768px) {
	.box-card-01__image span {
		position: relative;
	}

	.box-card-01__image span:before {
		content: "";
		background: rgba(0, 0, 0, .7);
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		opacity: 0;
		transition: all 0.4s;
	}

	.box-card-01__inner:hover .box-card-01__image>span {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	.box-card-01__inner:hover .btn {
		color: #fff;
		background: #0a899c;
	}

	.box-card-01__inner:hover .btn:after {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		visibility: visible;
	}

	.box-card-01__inner:hover .btn--link span:before {
		right: -10px;
	}

	.box-card-01__inner:hover .box-card-01__image span:before {
		opacity: 1;
	}

	.box-card-01__inner:hover .box-card-01__des {
		top: 0;
		opacity: 1;
		position: relative;
		-webkit-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}

	.box-card-01__inner:hover .box-card-01__content__detail {
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		opacity: 1;
		margin-top: 0;
		top: 50%;
	}
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-card-01 .grid-row {
		margin: 0 -1px 0 0;
	}

	.box-card-01 .grid-row>div {
		margin-bottom: 1px;
		padding: 0 1px 0 0;
	}

	.box-card-01 {
		margin: 0 -15px 25px;
	}

	.box-card-01__title {
		font-size: 19px;
		line-height: 20px;
		margin-bottom: 25px;
	}

	.box-card-01__title small {
		font-size: 10px;
	}

	.box-card-01__text {
		font-size: 13px;
		letter-spacing: 0.1em;
		line-height: 20px;
	}

	.box-card-01__button {
		display: none;
	}

	.box-card-01__inner-02 .box-card-01__title {
		font-size: 30px;
		margin: 15px 0 0;
		line-height: 17px;
	}

	.box-card-01__inner-02 .box-card-01__title small {
		font-size: 10px;
		margin-top: 0;
	}

	.box-card-01__content__detail {
		padding: 20px;
		margin-top: 0;
		top: 50%;
	}
}

.box-card-02 .box-card-01__title {
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 0.06em;
	margin-bottom: 20px;
}

.box-card-02 .box-card-01__text {
	font-size: 15px;
	line-height: 25px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-card-02 .box-card-01__inner {
		margin-bottom: 12px;
	}

	.box-card-02 .box-card-01__title {
		font-size: 19px;
		line-height: 25px;
	}

	.box-card-02 .box-card-01__text {
		text-align: center;
		font-size: 13px;
		line-height: 20px;
	}

	.box-card-02 .box-card-01__button {
		display: block;
	}

	.box-card-02 .box-card-01__button {
		margin-top: -20px;
	}

	.box-card-02 .box-card-01__button .btn {
		width: 190px;
		padding: 11px 25px;
	}
}

/*2-1-3.  Table    [tbl-***]*/
.tbl-base {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #8ba8bb;
}

.tbl-base thead th {
	color: #fff;
	background: #8a9ca8;
	padding: 14px;
	border-left: 1px solid #8ba8bb;
	border-bottom: 1px solid #8ba8bb;
	text-align: center;
	vertical-align: middle;
}

.tbl-base tbody tr {
	border-bottom: 1px solid #8ba8bb;
}

.tbl-base tbody td {
	padding: 8px 15px;
	border-left: 1px solid #8ba8bb;
	vertical-align: middle;
}

.tbl-base tbody th {
	background: #8a9ca8;
	color: #fff;
	writing-mode: lr-tb;
	width: 20px;
	padding: 15px;
	font-size: 16px;
	letter-spacing: -0.06em;
	line-height: 1.2;
	box-sizing: border-box;
	vertical-align: middle;
}

.tbl-base--02 tbody td:first-of-type {
	width: 36%;
	position: relative;
}

.tbl-base--02 tbody td:last-child {
	width: auto;
	padding: 30px 15px;
	line-height: 1.3333;
}

.tbl-base sup {
	font-size: 55%;
	vertical-align: super;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.tbl-base thead th {
		font-size: 12px;
		padding: 3px;
	}

	.tbl-base tbody td {
		padding: 7px 10px;
		font-size: 11px;
	}

	.tbl-base tbody th {
		width: 25px;
		padding: 5px;
		font-size: 12px;
		text-align: center;
	}

	.wrp-table {
		overflow-x: auto;
		padding-bottom: 5px;
	}

	.wrp-table .tbl-base--02 {
		min-width: 650px;
	}

	.wrp-table .tbl-base--wide {
		min-width: 300%;
	}

	.tbl-base--02 tbody td:last-child {
		padding: 13px 10px;
		text-align: center;
	}

	.tbl-base--02 thead th {
		padding: 10px 5px;
		letter-spacing: 0.1em;
		position: relative;
	}

	.tbl-base--02 tbody td:first-of-type:before,
	.tbl-base--02 thead th:first-child:before {
		content: "";
		width: 1px;
		top: 0;
		bottom: 0;
		right: 2px;
		background: #8ba8bb;
		position: absolute;
	}

	.wrp-table::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
		background-color: #f5f5f5;
	}

	.wrp-table::-webkit-scrollbar {
		height: 5px;
		background-color: #f5f5f5;
	}

	.wrp-table::-webkit-scrollbar-thumb {
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
		background-color: #999;
	}
}

.tbl-base-02 {
	width: 100%;
	border-left: 1px solid #8ba8bb;
	border-right: 1px solid #8ba8bb;
	border-bottom: 1px solid #8ba8bb;
}

.tbl-base-02 tr {
	border-top: 1px solid #8ba8bb;
}

.tbl-base-02 th,
.tbl-base-02 td {
	padding: 15px;
	border-right: 1px solid #8ba8bb;
}

.tbl-base-02 th {
	background: #8a9ca8;
	color: #fff;
	vertical-align: middle;
	font-size: 16px;
}

.tbl-base-02 .tbl-bg-01 {
	background: #edeff1;
	font-size: 15px;
}

.tbl-base-02 .tbl-bg-02 {
	background: #fdf5e3;
}

.tbl-base-02 .tbl-bg-03 {
	background: #f0fff0;
}

.tbl-base-02 .tbl-bg-04 {
	background: #e0effc;
}

.tbl-base-02 thead th.tbl-bg-01 {
	background: #edeff1;
	color: #333;
}

.tbl-base-02__special .icon {
	margin-right: 5px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.tbl-base-02 th {
		font-size: 12px;
		padding: 8px 10px;
	}

	.tbl-base-02 th,
	.tbl-base-02 td {
		padding: 6px 10px;
		font-size: 11px;
	}

	.tbl-base-02 .tbl-bg-01 {
		font-size: 11px;
	}
}

.tbl-base--03 {
	max-width: 380px;
	border: 0;
	font-weight: bold;
	margin: 20px 0 80px;
}

.tbl-base--03 thead th {
	border-left: 0;
	border-bottom: 0;
	font-size: 16px;
	text-align: left;
	padding: 20px 20px 15px;
}

.tbl-base--03 tbody td {
	border-left: 0;
	padding: 30px 20px 5px;
	font-size: 16px;
}

.tbl-base--03 tbody td:first-child {
	padding-top: 35px;
}

.tbl-base--03 tbody tr {
	border-bottom: 1px dotted #8ba8bb;
}

.tbl-base--03 tbody tr {
	height: 76px;
}

.tbl-base--03 .txt-spec {
	font-size: 40px;
	color: #0a899c;
	line-height: 0.625;
	margin-right: 12px;
	letter-spacing: 0.06em;
}

.tbl-base--03 tbody td:last-child {
	text-align: right;
}

@media only screen and (max-width: 767px) and (min-width: 1px) {
	.tbl-base--03 {
		max-width: 100%;
		width: 100%;
		margin: 20px 0 45px;
	}

	.tbl-base--03 thead th {
		font-size: 13px;
		padding: 10px 10px 7px;
	}

	.tbl-base--03 tbody tr {
		height: 38px;
	}

	.tbl-base--03 tbody td {
		font-size: 12px;
		padding: 10px 10px 2px;
	}

	.tbl-base--03 tbody td:first-child {
		padding-top: 15px;
	}

	.tbl-base--03 .txt-spec {
		font-size: 25px;
		margin-right: 2px;
	}
}

/*--------------------------------------*/
.tbl-base--04 thead th {
	width: 300px;
	font-size: 16px;
}

.tbl-base--04 tbody td {
	width: 300px;
	text-align: center;
	font-size: 15px;
}

.tbl-base--02 tbody td:first-of-type {
	width: 300px;
	text-align: left;
}

.tbl-base--04 tbody td:last-child {
	width: 300px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.tbl-base--04 thead th {
		font-size: 12px;
	}

	.tbl-base--04 thead th:first-of-type {
		width: 145px;
	}

	.tbl-base--02 tbody td:first-of-type {
		width: 145px;
	}

	.tbl-base--04 tbody td {
		font-size: 12px;
	}
}

/*--------------------------------------*/
.tbl-simple tbody th {
	color: #fff;
	background: #8a9ca8;
	padding: 15px;
	border-left: 1px solid #8ba8bb;
	border-bottom: 1px solid #8ba8bb;
	vertical-align: middle;
	width: 25%;
	font-size: 15px;
}

.tbl-simple tbody td {
	border: 1px solid #8ba8bb;
	vertical-align: middle;
	text-align: center;
	padding: 15px 10px;
	width: 25%;
	font-size: 15px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.tbl-simple tbody th {
		display: block;
		width: 100%;
		box-sizing: border-box;
		font-size: 13px;
		border-bottom: 0;
		padding: 5px;
	}

	.tbl-simple tbody td {
		display: block;
		width: 100%;
		box-sizing: border-box;
		text-align: left;
		font-size: 13px;
		border-top: 0;
		padding: 5px;
	}
}

/*--------------------------------------*/
.tbl-data tbody th {
	font-weight: normal;
	border: 1px solid #8ba8bb;
	padding: 8px 10px;
	font-size: 15px;
	vertical-align: middle;
}

.tbl-data tbody td {
	border: 1px solid #8ba8bb;
	padding: 8px 10px;
	text-align: right;
	font-size: 15px;
	vertical-align: middle;
}

.tbl-data--col2 tbody th,
.tbl-data--col2 tbody td {
	width: 50%;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {

	.tbl-data tbody th,
	.tbl-data tbody td {
		font-size: 11px;
		padding: 7px 10px;
	}
}

/*2-1-4.  Headings [hdg_lv*]*/
.hdg-lv1--02 {
	text-align: center;
	font-size: 35px;
	color: #0a899c;
	padding: 120px 15px 40px;
	border-top: 1px solid #eee;
	font-weight: normal;
}

.hdg-lv2 {
	font-size: 28px;
	font-weight: normal;
	letter-spacing: 0.14em;
	margin: 75px 0 45px;
	padding-left: 20px;
	border-left: 3px solid #0a899c;
	line-height: 1;
}

@media all and (-ms-high-contrast:none) {

	*::-ms-backdrop,
	.hdg-lv2 {
		line-height: 1.25;
	}
}

.hdg-lv2 small {
	font-size: 16px;
}

.hdg-lv2--02 {
	letter-spacing: 0.05em;
}

.hdg-lv2 .txt-fanwood {
	font-size: 15px;
	letter-spacing: 0.06em;
	color: #717171;
	padding-left: 30px;
}

.hdg-lv2-03 {
	position: relative;
	font-size: 20px;
	line-height: 30px;
	padding-left: 15px;
	padding-bottom: 13px;
	margin-bottom: 35px;
	border-bottom: 1px solid #b2b2b2;
}

.hdg-lv2-03 a {
	color: #333;
	transition: all .3s;
}

.hdg-lv2-03 a:hover {
	opacity: .7;
	text-decoration: none;
}

.hdg-lv2-03:before {
	content: '\f105';
	font-family: 'gaishi' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	left: 0;
	top: 5px;
	font-size: 20px;
	line-height: 20px;
	color: #0a899c;
}

.hdg-lv3 {
	font-size: 20px;
	color: #0a899c;
	margin: 40px 0 5px;
}

.hdg-lv3 small {
	font-size: 15px;
}

.hdg-lv3--01 {
	font-size: 18px;
}

.hdg-lv2+.hdg-lv3 {
	margin-top: 20px;
}

.hdg-lv4 {
	font-size: 18px;
	margin: 40px 0 5px;
}

.hdg-lv3+.hdg-lv4 {
	margin-top: 15px;
}

.box-link>.hdg-lv4:first-child {
	margin-top: 0;
}

.hdg-lv5 {
	font-size: 15px;
	margin: 40px 0 10px;
	font-weight: normal;
	border-bottom: 1px solid #b2b2b2;
	line-height: 1.666;
}

.hdg-lv5-01 {
	font-size: 15px;
	color: #0a899c;
	margin-bottom: 10px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.hdg-lv1--02 {
		border-top: 0;
		padding: 42px 15px 15px;
		text-align: left;
		font-size: 20px;
	}

	.hdg-lv2 {
		font-size: 19px;
		margin: 50px 0 20px;
		border-left-width: 2px;
		padding-left: 10px;
	}

	.hdg-lv2 small {
		font-size: 12px;
	}

	.hdg-lv2--01 {
		margin: 30px 0 20px;
	}

	.hdg-lv2 .txt-fanwood {
		display: none;
	}

	.hdg-lv2-03 {
		font-size: 16px;
		line-height: 24px;
		padding-bottom: 5px;
		margin-bottom: 20px;
	}

	.hdg-lv2-03:before {
		top: 0;
	}

	.hdg-lv3 {
		font-size: 16px;
		margin: 15px 0 5px;
		letter-spacing: 0.1em;
	}

	.hdg-lv4 {
		font-size: 14px;
		margin: 17px 0 10px;
	}

	.hdg-lv5 {
		font-size: 13px;
		margin: 20px 0 5px;
	}

	.hdg-lv5-01 {
		font-size: 13px;
		margin-bottom: 5px;
	}
}

.box-heading-link {
	position: relative;
}

.box-heading-link .hdg-lv2 {
	padding-right: 120px;
}

.box-heading-link__more {
	position: absolute;
	right: 0;
	top: 5px;
}

/*2-1-5.  Nav      [nav-***]*/
.nav-link {
	overflow: auto;
	font-family: "銉掋儵銈儙瑙掋偞 Pro W3", "銉掋儵銈儙瑙掋偞 ProN W3", "Hiragino Kaku Gothic Pro", "娓搞偞銈枫儍銈� Medium", "Yu Gothic Medium", "娓搞偞銈枫儍銈綋", YuGothic, "銉°偆銉偑", "锛汲 锛般偞銈枫儍銈�", sans-serif;
}

.nav-link__inner {
	border-bottom: 1px solid #dfdfdf;
	overflow: auto;
	width: 1180px;
}

.nav-link__inner li {
	display: inline-block;
	float: left;
}

.nav-link__inner li a {
	display: block;
	padding: 10px 25px 0;
	color: #333;
}

.nav-link__inner li a span {
	padding: 0 5px 15px;
	-webkit-transition: border-color .2s ease-in-out;
	transition: border-color .2s ease-in-out;
	position: relative;
	display: block;
}

.nav-link__inner li.is-current a {
	color: #0a899c;
}

.nav-link__inner li.is-current a span:before {
	width: 100%;
}

.nav-link__inner li a:hover {
	text-decoration: none;
}

.nav-link__inner li.rsslink a {
	position: relative;
	padding: 10px 15px;
}

.nav-link__inner li.rsslink a span {
	padding-bottom: 0;
}

.nav-link__inner li.rsslink a:hover span {
	color: #0a899c;
}

.nav-link__inner li.rsslink a:before {
	content: "";
	position: absolute;
	top: 6px;
	right: 0;
	height: 25px;
	width: 1px;
	border-right: 1px dotted #c7c7c7;
}

.nav-link__inner li.rsslink a:hover {
	border-bottom: 0;
}

.nav-link__inner li.rsslink .icon-gaishi-rss {
	color: #acacac;
}

.nav-link__inner li a span:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 3px;
	background: #0a899c;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	transition: width .4s;
}

.nav-link__inner li.rsslink a span:before {
	content: '\f09e';
	font-family: "gaishi";
	display: inline-block;
	position: relative;
	bottom: 0;
	left: 0;
	transform: none;
	transition: none;
	width: 15px;
	height: 15px;
	background: #fff;
}

.nav-link__inner li a:hover span:before {
	width: 100%;
}

.nav-link__inner li.rsslink a:hover span:before {
	width: 15px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.nav-link {
		padding-bottom: 5px;
	}

	.nav-link::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
		background-color: #f5f5f5;
	}

	.nav-link::-webkit-scrollbar {
		height: 5px;
		background-color: #f5f5f5;
	}

	.nav-link::-webkit-scrollbar-thumb {
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
		background-color: #999;
	}

	.nav-link__inner {
		width: 520px;
	}

	.nav-link__inner li a {
		letter-spacing: -0.04em;
		font-size: 11px;
		padding: 7px 7px 0;
	}

	.nav-link__inner li a span {
		border-bottom-width: 2px;
		padding-bottom: 5px;
	}

	.nav-link__inner li.is-current a span,
	.nav-link__inner li a:hover span {
		border-bottom-width: 2px;
	}

	.nav-link__inner li.rsslink a {
		padding: 8px 10px 0 5px;
	}

	.nav-link__inner li.rsslink a:before {
		top: 3px;
		height: 20px;
	}
}

.nav-breadcrumb {
	padding: 15px 50px;
}

.nav-breadcrumb li {
	display: inline-block;
	padding: 0 12px;
	font-size: 12px;
	position: relative;
}

.nav-breadcrumb li:first-child {
	padding-left: 0;
}

.nav-breadcrumb li a {
	color: #7d7d7d;
}

.nav-breadcrumb li:before {
	content: '\f105';
	font-family: 'gaishi' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	right: -6px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.nav-breadcrumb li:last-child:before {
	content: none;
}

@media only screen and (min-width: 1px) and (max-width: 1024px) {
	.nav-breadcrumb {
		display: none;
	}
}

/*-----------------------------------------*/
.box-nav-link {
	margin: 40px 0;
}

.box-nav-link__top {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	position: relative;
}

.box-nav-link .nav-link__inner {
	border-bottom: 0;
	text-align: center;
	width: auto;
}

.box-nav-link .nav-link__inner li {
	padding: 0 4px;
	float: none;
}

.box-nav-link .nav-link__inner li a {
	font-size: 14px;
	padding: 25px 0;
	letter-spacing: 0;
	position: relative;
}

@media only screen and (min-width: 768px) {
	.box-nav-link .nav-link__inner li a:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
		width: 25px;
		height: 4px;
		background: transparent;
		transition: all .3s;
	}

	.box-nav-link .nav-link__inner li a:hover:before {
		background: #0a899c;
	}

	.box-nav-link .nav-link__inner li.is-current a:before {
		background: #0a899c;
	}

	.box-nav-link .nav-link__inner li a span:before {
		content: none;
	}
}

.box-nav-link .nav-link__inner li.is-current a {
	color: #0a899c;
}

.box-nav-link .nav-link__inner li a span {
	padding: 0 5px;
	border-bottom: 0;
}

@media only screen and (min-width: 768px) {
	.box-nav-link .nav-link__inner li.is-current a span {
		border-bottom: none;
	}
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-nav-link .nav-link {
		padding-bottom: 0;
		overflow-x: auto;
	}

	.box-nav-link .wrp-container {
		padding: 0;
	}

	.box-nav-link .nav-link__inner {
		padding: 0;
		min-width: auto;
	}

	.box-nav-link .nav-link__inner li {
		display: block;
		border-bottom: 1px solid #ddd;
		padding: 15px 15px 13px;
		position: relative;
	}

	.box-nav-link .nav-link__inner li:after {
		content: '\f105';
		font-family: "gaishi";
		font-size: 14px;
		color: #0a899c;
		display: inline-block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 16px;
	}

	.box-nav-link .nav-link__inner li.is-current:before {
		content: '';
		display: inline-block;
		width: 3px;
		height: 15px;
		background-color: #0a899c;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
	}

	.box-nav-link .nav-link__inner li a {
		font-size: 14px;
		padding: 0;
	}

	.box-nav-link .nav-link__inner li a span {
		padding: 0;
		transition: none;
		border-bottom-width: 0;
		color: #0a899c;
	}

	.box-nav-link .nav-link__inner li.is-current a span,
	.box-nav-link .nav-link__inner li a:hover span {
		border: 0;
	}

	.box-nav-link__top:before {
		top: -15px;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 14px solid #ddd;
	}

	.box-nav-link__top:after {
		top: -14px;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 14px solid #fff;
	}
}

/*2-1-6.  List     [lst-***]*/
.lst-pdf .box-col {
	background: #fff;
	padding: 20px 25px;
	box-sizing: border-box;
	margin-bottom: 45px;
	table-layout: fixed;
}

.lst-pdf .box-col__image {
	font-size: 28px;
	text-align: left;
}

.lst-pdf .box-col__text,
.lst-pdf .box-col__image {
	vertical-align: middle;
}

.lst-pdf .box-col__text {
	text-align: center;
	padding-left: 10px;
}

.lst-pdf .box-col__text small {
	display: block;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.lst-pdf .box-col {
		padding: 10px 15px;
	}

	.lst-pdf .box-col__text {
		width: 80%;
		letter-spacing: 0;
	}
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.lst-pdf .box-col {
		display: block;
		padding: 10px;
		text-align: center;
		margin-bottom: 10px;
		line-height: 1.25;
	}

	.lst-pdf .box-col__text,
	.lst-pdf .box-col__image {
		display: inline;
		width: auto;
	}

	.lst-pdf .box-col__image {
		font-size: 14px;
	}

	.lst-pdf .box-col__text {
		font-size: 12px;
		padding-left: 0;
		letter-spacing: 0;
		line-height: 1.25;
	}

	.lst-pdf .box-col__text small {
		text-align: center;
	}

	.bg-grey .lst-pdf+.hdg-lv2 {
		margin-top: 20px;
	}
}

/*------------------------------------------*/
.lst-link {
	padding-bottom: 20px;
}

.lst-link li {
	border-top: 1px solid #ddd;
	overflow: hidden;
}

.lst-link li:last-child {
	border-bottom: 1px solid #ddd;
}

.lst-link li>a {
	float: left;
	padding: 10px 7px 10px 3px;
	width: 33.3333%;
	box-sizing: border-box;
}

.lst-link li>p>a {
	padding: 10px 3px;
	display: block;
}

.lst-link li>p+p {
	border-top: 1px solid #ddd;
}

.lst-link--02 li>a {
	width: 25%;
	letter-spacing: 0;
	font-size: 15px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {

	.lst-link li>a,
	.lst-link li>p {
		display: block;
		width: 100%;
		border-top: 1px solid #ddd;
		padding: 12px 5px;
	}

	.lst-link li {
		border-top: 0;
	}
}

/*---------------------------------------*/
.lst-accordion {
	padding: 50px 0 20px;
}

.lst-accordion>li {
	border-top: 1px solid #ccc;
	transition: all .3s;
}

.lst-accordion>li:last-child {
	border-bottom: 1px solid #ccc;
}

.lst-accordion+.lst-accordion li:first-child {
	border-top: none;
}

.lst-accordion>li.is-active {
	background: #0a899c;
}

.lst-accordion>li.is-active .lst-accordion__icon {
	color: #fff;
}

.lst-accordion__title {
	position: relative;
	cursor: pointer;
	font-size: 28px;
	padding: 10px 38px 10px 20px;
	transition: all .3s;
}

.lst-accordion>li.is-active .lst-accordion__title {
	color: #fff;
}

.lst-accordion__icon {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	border-radius: 50%;
	transition: all .3s;
}

.lst-accordion__icon:before {
	font-size: 18px;
	position: relative;
	top: -3px;
}

.lst-accordion__content {
	background: #fff;
	padding-bottom: 20px;
}

.lst-accordion__inner {
	display: table;
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
	padding: 15px 20px;
}

.lst-accordion__inner:last-of-type {
	border-bottom: 0;
}

.lst-accordion__content .grid-row>div {
	margin-bottom: 20px;
}

.lst-accordion__content__year,
.lst-accordion__content__txt {
	display: table-cell;
	vertical-align: top;
	font-size: 15px;
	text-align: left;
}

.lst-accordion__content__year {
	font-weight: bold;
	width: 6.8%;
	padding-right: 20px;
	box-sizing: border-box;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.lst-accordion {
		padding: 20px 0 0;
	}

	.lst-accordion>li {
		border-top: 1px solid #ccc;
	}

	.lst-accordion>li:last-child {
		border-bottom: 1px solid #ccc;
	}

	.lst-accordion__title {
		font-size: 19px;
		position: relative;
		padding: 15px 7px;
	}

	.lst-accordion__icon {
		right: 10px;
	}

	.lst-accordion__icon:before {
		font-size: 20px;
		top: 2px;
	}

	.lst-accordion__content {
		padding: 10px 0;
	}

	.lst-accordion__inner {
		padding: 10px 0;
		border-bottom: 0;
	}

	.lst-accordion__content .grid-row>div {
		margin-bottom: 10px;
	}

	.lst-accordion__content__year,
	.lst-accordion__content__txt {
		font-size: 12px;
		display: block;
		text-align: left;
	}

	.lst-accordion__content__year {
		width: 100%;
		margin-bottom: 5px;
	}
}

/*------------------------------*/
.lts-images {
	display: table;
	width: 100%;
	margin: 30px 0;
}

.lts-images .lts-images__col {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

.lts-images .lts-images__col:first-of-type {
	width: 33.89%;
	padding-right: 20px;
}

@media only screen and (min-width: 768px) {
	.lts-images .lts-images__col:first-of-type {
		max-width: 380px;
	}
}

@media only screen and (min-width: 1px) and (max-width: 1024px) {
	.lts-images {
		margin: 15px 0 20px;
	}

	.lts-images,
	.lts-images .lts-images__col {
		display: block;
		text-align: center;
	}

	.lts-images .lts-images__col:first-of-type {
		width: 100%;
		padding-right: 0;
		margin-bottom: 10px;
	}
}

/*-------------------------------*/
.lst-text>li {
	position: relative;
	padding-left: 22px;
	margin-bottom: 15px;
}

.lst-text>li:before {
	content: "";
	width: 11px;
	height: 3px;
	background: #0a899c;
	position: absolute;
	left: 0;
	top: 8px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.lst-text>li {
		padding-left: 15px;
	}

	.lst-text>li:before {
		height: 2px;
		width: 5px;
	}
}

/*-------------------------------*/
.lst-dot li {
	padding-left: 1em;
	text-indent: -1em;
}

.lst-dot li:before {
	content: "銉�";
}

.lst-number {
	padding-left: 1.5em;
	counter-reset: section;
}

.lst-number>li {
	margin-bottom: 15px;
	text-indent: -1.3em;
}

.lst-number>li:before {
	counter-increment: section;
	content: counters(section, ".") ".";
	font-weight: bold;
	padding-right: 8px;
	font-size: 15px;
}

.lst-number>li .lst-note01 {
	margin: 10px 0 30px;
}

.lst-number>li .lst-note01>li {
	text-indent: -1em;
	margin: 10px 0 10px 1em;
}

.lst-number>li .lst-text>li {
	padding-left: 25px;
	text-indent: 0;
}

.lst-number--02 {
	padding-left: 2.5em;
}

.lst-number--02>li {
	margin-bottom: 0;
}

.lst-number--02>li:last-child {
	margin-bottom: 15px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.lst-number {
		padding-left: 1.5em;
	}

	.lst-number>li {
		text-indent: -1.6em;
	}

	.lst-number>li:before {
		font-size: 13px;
		padding-right: 3px;
	}

	.lst-number>li .lst-text>li {
		padding-left: 14px;
		margin-left: 6px;
		text-indent: 0;
	}

	.lst-number--02 {
		padding-left: 2.5em;
	}
}

/*-----------------------*/
.lst-library {
	background: #eeeff3;
	padding: 60px 0 40px;
}

.lst-library__item {
	position: relative;
	background: #fff;
	margin-bottom: 20px;
	padding: 30px 25px 82px;
}

.lst-library__title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 14px;
}

.lst-library__link a {
	font-size: 15px;
	line-height: 20px;
	display: block;
}

.lst-library__link a .icon {
	margin-right: 4px;
}

.lst-library__button {
	display: inline-block;
	position: absolute;
	left: 28px;
	bottom: 25px;
	font-size: 15px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.lst-library {
		padding: 20px 0;
	}

	.lst-library__item {
		margin-bottom: 10px;
		padding: 14px 10px;
	}

	.lst-library__title {
		font-size: 14px;
		margin-bottom: 13px;
	}

	.lst-library__button {
		position: relative;
		display: block;
		left: 0;
		bottom: 0;
		font-size: 10px;
	}

	.lst-library__link {
		border-top: 1px dashed #ccc;
		margin-bottom: 10px;
	}

	.lst-library__link>li {
		padding: 12px 0;
		border-bottom: 1px dashed #ccc;
	}

	.lst-library__link a {
		font-size: 10px;
		line-height: 15px;
	}
}

/*-----------------------*/
.box-media-01 {
	position: relative;
	overflow: hidden;
}

.box-media-01 .box-media__thumb {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding-right: 50%;
	box-sizing: border-box;
	overflow: hidden;
}

.box-media-01 .box-media__thumb>span {
	display: block !important;
	height: 100%;
	-webkit-transition: all .6s;
	transition: all .6s;
}

.box-media-01 .box-media__content {
	width: 50%;
	box-sizing: border-box;
	float: right;
	position: relative;
}

.box-media-01:hover .box-media__thumb>span {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.lst-media__inner-01 .box-media__content__ttl {
	margin-bottom: 10px;
	padding-top: 30px;
}

.lst-media__inner-01 .box-media__content__des {
	text-align: left;
	margin-bottom: 20px;
}

.lst-media__special-01 .box-media__content__ttl {
	font-size: 15px;
	letter-spacing: 0.06em;
	font-weight: normal;
	text-align: left;
	padding-top: 30px;
}

.lst-media__special-01 .box-media__content__btn {
	padding: 30px 20px 20px;
}

.box-card-01__title .lst-media__special-01 .box-media__content__btn a {
	margin-bottom: 10px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.lst-media__inner-01 .box-media__content__ttl {
		font-size: 14px;
		margin-bottom: 5px;
		padding-top: 20px;
		padding: 20px 10px 5px;
	}

	.lst-media__inner-01 .box-media__content__des {
		font-size: 10px;
		margin-bottom: 5px;
	}

	.box-media__content__btn {
		font-size: 10px;
		padding: 8px 10px 12px;
	}

	.box-media-01 .box-media__thumb {
		position: relative;
		padding-right: 0;
	}

	.box-media-01 .box-media__thumb>span {
		background: none;
	}

	.box-media-01 .box-media__thumb>span img {
		display: block !important;
		max-width: 100%;
	}

	.box-media-01 .box-media__content {
		width: 100%;
		float: none;
	}

	.lst-media__special-01 .box-media__content__ttl {
		font-size: 10px;
		padding-top: 10px;
	}

	.lst-media__special-01 .box-media__content__btn {
		padding: 10px 0;
	}
}

/*----------------------------------------*/
.lst-article {
	margin-top: 40px;
}

.lst-article .grid-row>div {
	margin-bottom: 40px;
}

.lst-article--01 .grid-row>div {
	margin-bottom: 20px;
}

.lst-article--02 .grid-row>div {
	margin-bottom: 20px;
}

.lst-article--03 {
	margin-top: 0;
}

.lst-article--03 .lst-article__content {
	padding: 5px 25px 55px;
}

.lst-article--03 .lst-article__button .btn {
	padding: 30px 0;
}

.lst-article__inner {
	display: block;
}

.lst-article__image {
	display: block;
	overflow: hidden;
}

.lst-article__image img {
	width: 100%;
}

.lst-article__content {
	display: block;
	color: #333;
	background: #fff;
	padding: 30px 25px 55px;
	position: relative;
}

.lst-article__content--grey {
	background: #edeff1;
}

.lst-article__title {
	display: block;
	font-size: 20px;
	letter-spacing: 0.06em;
	font-weight: bold;
	line-height: 24px;
	margin-bottom: 20px;
}

.lst-article--02 .lst-article__title {
	font-weight: normal;
}

.lst-article__title small {
	display: block;
	font-size: 15px;
	letter-spacing: 0.04em;
	font-weight: normal;
}

.lst-article__text {
	display: block;
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 12px;
	text-align: left;
}

.lst-article__button {
	display: block;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	line-height: 1;
}

.lst-article__button .btn {
	width: 100%;
	padding: 30px 25px;
}

.lst-article__button .btn span {
	padding-right: 15px;
	display: inline-block;
}

.lst-article__button .icon-external:before {
	content: '\f08e';
	right: -5px;
}

.lst-article__inner--col1 .lst-article__content {
	padding: 30px 25px 60px;
	min-height: 385px;
	width: 50%;
	box-sizing: border-box;
	float: right;
}

.lst-article__inner--col1 .lst-article__image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding-right: 50%;
	box-sizing: border-box;
	overflow: hidden;
}

.lst-article__inner--col1 .lst-article__title small {
	margin-top: 20px;
}

.lst-article__inner--col1 .lst-article__image span {
	display: block !important;
	height: 100%;
}

.lst-article__inner:hover {
	text-decoration: none;
}

.lst-article--04 .lst-article__inner--col1 .lst-article__content {
	height: 126px;
	min-height: auto;
	padding: 0;
}

.lst-article--04 .lst-article__button {
	bottom: 50%;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	/*	height: 100%;*/
}

.lst-article--04 .lst-article__button .btn {
	display: table;
	height: 100%;
	color: #0a899c;
}

.lst-article--04 .lst-article__button .btn>span {
	display: table-cell;
	vertical-align: middle;
	line-height: 20px;
}

.lst-article__inner--01 .lst-article__content {
	min-height: 240px;
}

@media only screen and (min-width: 768px) {
	.lst-article__image img {
		-webkit-transition: all .6s;
		transition: all .6s;
	}

	a.lst-article__inner:hover .lst-article__image img {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	.lst-article__inner:hover .lst-article__image img.no-animation {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	.lst-article__no-expand .lst-article__inner:hover .lst-article__image img {
		transform: none;
	}

	a.lst-article__inner:hover .btn:after {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		visibility: visible;
	}

	a.lst-article__inner:hover .btn--link span:before {
		right: -10px;
	}

	a.lst-article__inner:hover .btn--link .icon-external:before {
		right: -10px;
	}

	.lst-article__inner:hover .btn--noeffect {
		background: none;
		color: #0a899c;
	}

	.lst-article__inner--col1 {
		overflow: hidden;
		position: relative;
	}

	.lst-article__inner--col1 .lst-article__image>span {
		-webkit-transition: all .6s;
		transition: all .6s;
	}

	.lst-article__inner--col1:not(.noHover):hover .lst-article__image>span {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	a.lst-article__inner.noHover .lst-article__image img {
		transition: none;
	}

	a.lst-article__inner.noHover:hover .lst-article__image img {
		transform: none;
	}
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.lst-article .grid-row>div {
		margin-bottom: 10px;
		padding: 0 5px;
	}

	.lst-article .grid-row .grid-col--12 {
		margin-bottom: 20px;
	}

	.lst-article--02 .grid-row>div {
		margin-bottom: 10px;
	}

	.lst-article--03 .grid-row>div {
		margin-bottom: 0;
	}

	.lst-article__title {
		font-size: 14px;
		line-height: 15px;
		margin-bottom: 10px;
	}

	.lst-article__content {
		padding: 20px 15px 5px;
	}

	.lst-article__title small {
		font-size: 10px;
	}

	.lst-article__text {
		font-size: 10px;
		line-height: 15px;
		margin-bottom: 5px;
	}

	.lst-article__button {
		position: relative;
		line-height: initial;
	}

	.lst-article__button .btn {
		font-size: 10px;
		text-align: left;
		padding: 10px 0 0;
	}

	.lst-article__button .btn span {
		padding-right: 10px;
	}

	.lst-article__inner--col1 .lst-article__image {
		position: relative;
		padding-right: 0;
	}

	.lst-article__inner--col1 .lst-article__image>span {
		background: none;
	}

	.lst-article__inner--col1 .lst-article__image>span img {
		display: block !important;
		max-width: 100%;
	}

	.lst-article__inner--col1 .lst-article__content {
		width: 100%;
		float: none;
		padding: 20px 15px 5px;
		min-height: auto;
	}

	.lst-article__inner--col1 .lst-article__title small {
		margin-top: 0;
	}

	.lst-article--03 .lst-article__content {
		padding: 0;
	}

	.lst-article--03 .lst-article__button .btn {
		padding: 5px 0 0;
		font-size: 11px;
	}

	.lst-article--04 .lst-article__inner--col1 .lst-article__content {
		height: 70px;
	}

	.lst-article--04 .lst-article__button {
		bottom: 0;
		-webkit-transform: translateY(50%);
		transform: translateY(50%);
	}

	.lst-article--04 .lst-article__button .btn {
		padding: 0 10px;
	}
}

@media only screen and (min-width: 1px) and (max-width: 1024px) and (-ms-high-contrast:none) {

	*::-ms-backdrop,
	.lst-article__button {
		line-height: 1;
	}
}

.lst-note01 li {
	margin: 0 0 10px 3.2em;
	;
	text-indent: -3.2em;
}

.lst-note02 li {
	margin: 0 0 10px 1em;
	;
	text-indent: -1em;
}

/*2-1-7.  Button   [btn-***]*/
.btn {
	display: inline-block;
	padding: 20px 50px;
	background: #0a899c;
	color: #fff;
	position: relative;
	width: 280px;
	max-width: 100%;
	-webkit-transition: all .3s;
	transition: all .3s;
	font-size: 15px;
	box-sizing: border-box;
	overflow: hidden;
}

.btn:hover {
	color: #fff;
	text-decoration: none;
}

.btn span {
	position: relative;
	z-index: 1;
	display: inline-block;
}

.btn:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #0a899c;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	visibility: hidden;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.btn:hover:after {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	visibility: visible;
}

.btn--link span {
	display: block;
}

.btn--link span:before {
	content: '>';
	position: absolute;
	right: 0;
	font-family: 'gaishi' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all .4s;
	transition: all .4s;
}

.btn--link:hover span:before {
	right: -10px;
}

.btn--white {
	background: #fff;
	color: #0a899c;
}

.btn--gray {
	background: #eeeff3;
	color: #0a899c;
}

.btn--noeffect {
	background: none
}

.btn--noeffect:after {
	content: none;
}

.btn--back span:before {
	content: '\f104';
	right: auto !important;
	left: 0;
}

.btn--back:hover span:before {
	left: -10px;
}

.btn--link.js-mh-item {
	display: table;
}

.btn--link.js-mh-item>span {
	display: table-cell;
	vertical-align: middle;
}

.lst-button__inner-wrp .btn--link {
	overflow: initial;
}

.lst-button__inner-wrp {
	overflow: hidden;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.btn {
		font-size: 13px;
		padding: 10px 45px;
		text-align: center;
		min-width: auto;
		width: 100%;
	}

	.btn--link span:before {
		line-height: 8px;
	}

	.btn--back span {
		text-align: center;
	}
}

/*---------------------*/
.btn--primary {
	background: #8a9ca8;
	font-size: 15px;
	padding: 13px 40px 13px 30px;
	width: 380px;
	max-width: 100%;
}

.btn--primary.btn--link span:before {
	right: -15px;
}

.btn--primary:hover {
	background: #536d7e;
}

.btn--primary:hover.btn--link span:before {
	right: -23px;
}

.btn--primary.btn--link:after {
	background: #536d7e;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.btn--primary {
		text-align: left;
		font-size: 13px;
		padding: 10px 15px;
		width: 100%;
	}

	.btn--primary.btn--link span:before {
		right: 0;
	}

	.btn--primary:hover.btn--link span:before {
		right: -5px;
	}
}

/*-------------------*/
.btn--second {
	background: #fff;
	color: #333;
	text-align: center;
	font-size: 18px;
	min-width: 580px;
	max-width: 100%;
	box-sizing: border-box;
	padding: 20px 20px;
	letter-spacing: 0.05em;
}

.btn--second:hover {
	color: #fff;
}

.btn--second span {
	display: inline-block;
}

.btn--second--02 {
	background: #0a899c;
	color: #fff;
	text-align: left;
	font-family: "銉掋儵銈儙瑙掋偞 Pro W3", "銉掋儵銈儙瑙掋偞 ProN W3", "Hiragino Kaku Gothic Pro", "娓搞偞銈枫儍銈� Medium", "Yu Gothic Medium", "娓搞偞銈枫儍銈綋", YuGothic, "銉°偆銉偑", "锛汲 锛般偞銈枫儍銈�", sans-serif;
}

.btn--second--02>span {
	display: block;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.btn--second {
		font-size: 13px;
		min-width: 1%;
		width: auto;
		padding: 12px 15px;
		text-align: center;
		display: block;
	}

	.btn--second span {
		display: inline;
	}

	.btn--second .icon-gaishi-download {
		position: absolute;
		right: 10px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.btn--second--02 {
		text-align: left;
	}

	.btn--second--02>span {
		display: block;
	}
}

/*------------------------*/
.btn--link02 {
	padding: 13px 20px 13px 60px;
}

.btn--link02 span:before {
	content: '\f08e';
	right: auto;
	left: -20px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.btn--link02 {
		padding: 10px 10px 10px 30px;
	}

	.btn--link02 span:before {
		left: -10px;
	}
}

/*-------------------*/
.btn--third {
	background: #fff;
	border: 1px solid #8a9ca8;
	color: #8a9ca8;
	text-align: center;
	width: auto;
	min-width: 280px;
}

.btn--third:hover {
	color: #fff;
}

.btn--third span:before {
	content: '\f104';
	position: absolute;
	left: -20px;
	font-family: 'gaishi' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all .3s;
	transition: all .3s;
}

.btn--third:hover span:before {
	left: -30px;
}

.btn--third02 {
	background: #8a9ca8;
	color: #fff;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.btn--third {
		text-align: center;
		width: 100%;
		min-width: 1px;
	}
}

/*----------------------------*/
.btn-more {
	border: 1px solid #8a9ca8;
	background: none;
	color: #8a9ca8;
	text-align: left;
	display: inline-block;
	padding: 18px 50px;
	position: relative;
	width: 380px;
	max-width: 100%;
	-webkit-transition: all .3s;
	transition: all .3s;
	font-size: 15px;
	box-sizing: border-box;
	overflow: hidden;
}

.btn-more:hover {
	text-decoration: none;
	color: #fff;
}

.btn-more .icon {
	float: right;
}

.btn-more span.btn-more-text {
	display: inline-block;
	position: relative;
	z-index: 1;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.btn-more {
		width: 100%;
		padding: 10px 15px;
	}
}

/*-------------------*/
.btn [class^="icon-"],
.btn [class*=" icon-"] {
	margin-right: 5px;
}

.btn--large {
	font-size: 18px;
	padding: 16px 30px;
}

.btn--large--02 {
	padding: 16px 20px;
}

.btn--large--02 span {
	display: inline;
}

.btn--medium {
	padding: 13px 40px;
	width: unset;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.btn--large {
		font-size: 13px;
		padding: 10px 20px 10px 15px;
		text-align: left;
	}
}

/*2-1-8.  Anchor   [acr-***]*/
.acr-type01 {
	position: relative;
	padding-left: 15px;
}

.acr-type01:before {
	content: '\f105';
	font-family: 'gaishi';
	display: inline-block;
	position: absolute;
	top: 2px;
	left: 0;
	line-height: 1;
}

@media all and (-ms-high-contrast:none) {

	*::-ms-backdrop,
	.acr-type01:before {
		top: 1px;
	}
}

.acr-type02 {
	text-decoration: underline;
}

.acr-type02:hover {
	text-decoration: none;
}

/*2-1-9.  Text     [txt-***]*/
.txt-red {
	color: #ff0000;
}

.txt-blue {
	color: #0a899c;
}

.txt-black {
	color: #000 !important;
}

.txt-bold {
	font-weight: bold !important;
}

.txt-normal {
	font-weight: normal !important;
}

.txt-lead {
	font-size: 15px;
	padding: 25px 0;
}

.txt-head {
	text-align: center;
	left: 2.142;
}

.txt-rotobo {
	font-family: 'Roboto Condensed', sans-serif;
}

.txt-fanwood {
	font-family: 'Fanwood Text', serif;
	font-style: italic;
}

.txt-note {
	color: #909090;
	font-size: 12px;
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.33;
	margin-top: 10px;
}

.txt-note:before,
.txt-note-01:before {
	content: "鈥�";
}

.txt-note-01 {
	font-size: 12px;
	color: #333;
	text-align: right;
	margin-top: 15px;
	text-indent: -1em;
	padding-left: 1em;
}

.txt-paragraph {
	margin-bottom: 25px;
}

.txt--small {
	font-size: 15px;
}

.txt-note-02 {
	margin-left: 1.1em;
	text-indent: -1.1em;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.txt-note {
		font-size: 10px;
	}

	.txt-paragraph {
		margin-bottom: 15px;
	}

	.txt-note-01 {
		text-align: left;
		font-size: 10px;
		line-height: 14px;
	}

	.txt--small {
		font-size: 13px;
	}

	.txt-head {
		text-align: left;
		line-height: 1.53;
	}
}

/*2-1-10. Icon     [icn-***]*/
.icon-menu,
.icon-menu span {
	display: inline-block;
	-webkit-transition: all .4s;
	transition: all .4s;
	box-sizing: border-box;
}

.icon-menu {
	position: relative;
	width: 16px;
	height: 12px;
}

.icon-menu span {
	position: absolute;
	width: 100%;
	left: 0;
	width: 16px;
	height: 2px;
	background: #0a899c;
}

.icon-menu span:nth-of-type(1) {
	top: 0;
}

.icon-menu span:nth-of-type(2) {
	top: 5px;
}

.icon-menu span:nth-of-type(3) {
	bottom: 0;
}

@media only screen and (max-width: 1024px) {
	.icon-menu {
		position: relative;
		width: 13px;
		height: 11px;
	}

	.icon-menu span {
		width: 13px;
		height: 1px;
	}

	.icon-menu span:nth-of-type(2) {
		top: 5px;
	}
}

a.blk-link {
	color: #000;
}

@media only screen and (min-width: 768px) {
	a.blk-link:hover {
		color: #000;
		text-decoration: none;
	}

	.blk-link-image {
		overflow: hidden;
	}

	a.blk-link img {
		-webkit-transition: all .6s;
		transition: all .6s;
	}

	a.blk-link:hover img {
		transform: scale(1.1);
	}
}

/*2-1-11. Label    [lbl-***]*/
label {
	cursor: default;
}

.lbl {
	display: inline-block;
	font-size: 12px;
	color: #333;
	letter-spacing: 0;
	padding: 5px 10px;
	border: 1px solid #e5e5e5;
	width: 120px;
	text-align: center;
	box-sizing: border-box;
	margin-right: 5px;
	margin-bottom: 10px;
}

.lbl-process {
	width: 150px;
}

[lang="zh-cmn-Hans"] .lbl,
[lang="en"] .lbl {
	width: auto;
	min-width: 120px;
}

.lbl--small {
	width: 80px;
}

.lbl--blue {
	background: #0a899c;
	color: #fff;
}

.lbl--blue02 {
	background: #2cabb6;
	color: #fff;
}

.lbl--yellow {
	background: #ff9900;
	color: #fff;
}

.lbl--special {
	letter-spacing: 2em;
	text-indent: 2em;
}

[lang="zh-cmn-Hans"] .lbl--special,
[lang="en"] .lbl--special {
	letter-spacing: 0;
	text-indent: 0;
}

.lst-label {
	margin-bottom: 5px;
}

.lst-label li {
	display: inline-block;
}

/*-----------------------------*/
.lbl--scholarship {
	color: #fff;
	background: #2cafcb;
	border: 0;
}

.lbl--house {
	color: #fff;
	background: #333da1;
	border: 0;
}

.lbl--obog {
	color: #fff;
	background: #9f56ac;
	border: 0;
}

.lbl--ngk {
	color: #fff;
	background: #0a899c;
	border: 0;
}

.lbl--local {
	color: #fff;
	background: #1d9376;
	border: 0;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.lbl {
		font-size: 10px;
		padding: 2px 0;
		width: 85px;
		margin-right: 0;
		margin-bottom: 5px;
	}

	.lbl-process {
		width: 115px;
	}

	.lbl--small {
		width: 50px;
	}

	.lbl--special {
		writing-mode: 50px;
		letter-spacing: 0;
		text-indent: 0;
		width: 50px;
	}

	.lst-label {
		margin-bottom: 0;
	}
}

/*2-1-12. Form     [frm-***]*/


/*2-1-13. Error    [err-***]*/


/*2-1-14. UI*/


/* 2-2. Utility
-------------------------------------------------- */
/*2-2-1. clearfix [ModernType]*/
#l-header:after,
.wrp-header:after,
#l-container:after,
#l-main:after,
#l-sub:after,
#l-footer:after,
.nav ul:after,
.wrp-container:after,
.clearfix:after {
	display: block;
	clear: both;
	content: "";
}

/*2-2-2. margin,padding [mb10,pt20]*/
/* margin  */
.m0 {
	margin: 0 !important;
}

.m5 {
	margin: 5px !important;
}

.m10 {
	margin: 10px !important;
}

.m15 {
	margin: 15px !important;
}

.m20 {
	margin: 20px !important;
}

.m25 {
	margin: 25px !important;
}

.m30 {
	margin: 30px !important;
}

.m35 {
	margin: 35px !important;
}

.m40 {
	margin: 40px !important;
}

.m45 {
	margin: 45px !important;
}

.m50 {
	margin: 50px !important;
}

.m55 {
	margin: 55px !important;
}

.m60 {
	margin: 60px !important;
}

.m65 {
	margin: 65px !important;
}

.m70 {
	margin: 70px !important;
}

.m75 {
	margin: 75px !important;
}

.m80 {
	margin: 80px !important;
}

.m85 {
	margin: 85px !important;
}

.m90 {
	margin: 90px !important;
}

.m95 {
	margin: 95px !important;
}

.m100 {
	margin: 100px !important;
}

/* margin-top */
.mt0 {
	margin-top: 0 !important;
}

.mt5 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt25 {
	margin-top: 25px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt35 {
	margin-top: 35px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt45 {
	margin-top: 45px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mt55 {
	margin-top: 55px !important;
}

.mt60 {
	margin-top: 60px !important;
}

.mt65 {
	margin-top: 65px !important;
}

.mt70 {
	margin-top: 70px !important;
}

.mt75 {
	margin-top: 75px !important;
}

.mt80 {
	margin-top: 80px !important;
}

.mt85 {
	margin-top: 85px !important;
}

.mt90 {
	margin-top: 90px !important;
}

.mt95 {
	margin-top: 95px !important;
}

.mt100 {
	margin-top: 100px !important;
}

/* margin-right */
.mr0 {
	margin-right: 0 !important;
}

.mr5 {
	margin-right: 5px !important;
}

.mr10 {
	margin-right: 10px !important;
}

.mr15 {
	margin-right: 15px !important;
}

.mr20 {
	margin-right: 20px !important;
}

.mr25 {
	margin-right: 25px !important;
}

.mr30 {
	margin-right: 30px !important;
}

.mr35 {
	margin-right: 35px !important;
}

.mr40 {
	margin-right: 40px !important;
}

.mr45 {
	margin-right: 45px !important;
}

.mr50 {
	margin-right: 50px !important;
}

.mr55 {
	margin-right: 55px !important;
}

.mr60 {
	margin-right: 60px !important;
}

.mr65 {
	margin-right: 65px !important;
}

.mr70 {
	margin-right: 70px !important;
}

.mr75 {
	margin-right: 75px !important;
}

.mr80 {
	margin-right: 80px !important;
}

.mr85 {
	margin-right: 85px !important;
}

.mr90 {
	margin-right: 90px !important;
}

.mr95 {
	margin-right: 95px !important;
}

.mr100 {
	margin-right: 100px !important;
}

/* margin-bottom */
.mb0 {
	margin-bottom: 0 !important;
}

.mb5 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb35 {
	margin-bottom: 35px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb45 {
	margin-bottom: 45px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.mb55 {
	margin-bottom: 55px !important;
}

.mb60 {
	margin-bottom: 60px !important;
}

.mb65 {
	margin-bottom: 65px !important;
}

.mb70 {
	margin-bottom: 70px !important;
}

.mb75 {
	margin-bottom: 75px !important;
}

.mb80 {
	margin-bottom: 80px !important;
}

.mb85 {
	margin-bottom: 85px !important;
}

.mb90 {
	margin-bottom: 90px !important;
}

.mb95 {
	margin-bottom: 95px !important;
}

.mb100 {
	margin-bottom: 100px !important;
}

/* margin-left */
.ml0 {
	margin-left: 0 !important;
}

.ml5 {
	margin-left: 5px !important;
}

.ml10 {
	margin-left: 10px !important;
}

.ml15 {
	margin-left: 15px !important;
}

.ml20 {
	margin-left: 20px !important;
}

.ml25 {
	margin-left: 25px !important;
}

.ml30 {
	margin-left: 30px !important;
}

.ml35 {
	margin-left: 35px !important;
}

.ml40 {
	margin-left: 40px !important;
}

.ml45 {
	margin-left: 45px !important;
}

.ml50 {
	margin-left: 50px !important;
}

.ml55 {
	margin-left: 55px !important;
}

.ml60 {
	margin-left: 60px !important;
}

.ml65 {
	margin-left: 65px !important;
}

.ml70 {
	margin-left: 70px !important;
}

.ml75 {
	margin-left: 75px !important;
}

.ml80 {
	margin-left: 80px !important;
}

.ml85 {
	margin-left: 85px !important;
}

.ml90 {
	margin-left: 90px !important;
}

.ml95 {
	margin-left: 95px !important;
}

.ml100 {
	margin-left: 100px !important;
}

/* padding */
.p0 {
	padding: 0 !important;
}

.p5 {
	padding: 5px !important;
}

.p10 {
	padding: 10px !important;
}

.p15 {
	padding: 15px !important;
}

.p20 {
	padding: 20px !important;
}

.p25 {
	padding: 25px !important;
}

.p30 {
	padding: 30px !important;
}

.p35 {
	padding: 35px !important;
}

.p40 {
	padding: 40px !important;
}

.p45 {
	padding: 45px !important;
}

.p50 {
	padding: 50px !important;
}

.p55 {
	padding: 55px !important;
}

.p60 {
	padding: 60px !important;
}

.p65 {
	padding: 65px !important;
}

.p70 {
	padding: 70px !important;
}

.p75 {
	padding: 75px !important;
}

.p80 {
	padding: 80px !important;
}

.p85 {
	padding: 85px !important;
}

.p90 {
	padding: 90px !important;
}

.p95 {
	padding: 95px !important;
}

.p100 {
	padding: 100px !important;
}

/* padding-top */
.pt0 {
	padding-top: 0 !important;
}

.pt5 {
	padding-top: 5px !important;
}

.pt10 {
	padding-top: 10px !important;
}

.pt15 {
	padding-top: 15px !important;
}

.pt20 {
	padding-top: 20px !important;
}

.pt25 {
	padding-top: 25px !important;
}

.pt30 {
	padding-top: 30px !important;
}

.pt35 {
	padding-top: 35px !important;
}

.pt40 {
	padding-top: 40px !important;
}

.pt45 {
	padding-top: 45px !important;
}

.pt50 {
	padding-top: 50px !important;
}

.pt55 {
	padding-top: 55px !important;
}

.pt60 {
	padding-top: 60px !important;
}

.pt65 {
	padding-top: 65px !important;
}

.pt70 {
	padding-top: 70px !important;
}

.pt75 {
	padding-top: 75px !important;
}

.pt80 {
	padding-top: 80px !important;
}

.pt85 {
	padding-top: 85px !important;
}

.pt90 {
	padding-top: 90px !important;
}

.pt95 {
	padding-top: 95px !important;
}

.pt100 {
	padding-top: 100px !important;
}

/* padding-right */
.pr0 {
	padding-right: 0 !important;
}

.pr5 {
	padding-right: 5px !important;
}

.pr10 {
	padding-right: 10px !important;
}

.pr15 {
	padding-right: 15px !important;
}

.pr20 {
	padding-right: 20px !important;
}

.pr25 {
	padding-right: 25px !important;
}

.pr30 {
	padding-right: 30px !important;
}

.pr35 {
	padding-right: 35px !important;
}

.pr40 {
	padding-right: 40px !important;
}

.pr45 {
	padding-right: 45px !important;
}

.pr50 {
	padding-right: 50px !important;
}

.pr55 {
	padding-right: 55px !important;
}

.pr60 {
	padding-right: 60px !important;
}

.pr65 {
	padding-right: 65px !important;
}

.pr70 {
	padding-right: 70px !important;
}

.pr75 {
	padding-right: 75px !important;
}

.pr80 {
	padding-right: 80px !important;
}

.pr85 {
	padding-right: 85px !important;
}

.pr90 {
	padding-right: 90px !important;
}

.pr95 {
	padding-right: 95px !important;
}

.pr100 {
	padding-right: 100px !important;
}

/* padding-bottom */
.pb0 {
	padding-bottom: 0 !important;
}

.pb5 {
	padding-bottom: 5px !important;
}

.pb10 {
	padding-bottom: 10px !important;
}

.pb15 {
	padding-bottom: 15px !important;
}

.pb20 {
	padding-bottom: 20px !important;
}

.pb25 {
	padding-bottom: 25px !important;
}

.pb30 {
	padding-bottom: 30px !important;
}

.pb35 {
	padding-bottom: 35px !important;
}

.pb40 {
	padding-bottom: 40px !important;
}

.pb45 {
	padding-bottom: 45px !important;
}

.pb50 {
	padding-bottom: 50px !important;
}

.pb55 {
	padding-bottom: 55px !important;
}

.pb60 {
	padding-bottom: 60px !important;
}

.pb65 {
	padding-bottom: 65px !important;
}

.pb70 {
	padding-bottom: 70px !important;
}

.pb75 {
	padding-bottom: 75px !important;
}

.pb80 {
	padding-bottom: 80px !important;
}

.pb85 {
	padding-bottom: 85px !important;
}

.pb90 {
	padding-bottom: 90px !important;
}

.pb95 {
	padding-bottom: 95px !important;
}

.pb100 {
	padding-bottom: 100px !important;
}

/* padding-left */
.pl0 {
	padding-left: 0 !important;
}

.pl5 {
	padding-left: 5px !important;
}

.pl10 {
	padding-left: 10px !important;
}

.pl15 {
	padding-left: 15px !important;
}

.pl20 {
	padding-left: 20px !important;
}

.pl25 {
	padding-left: 25px !important;
}

.pl30 {
	padding-left: 30px !important;
}

.pl35 {
	padding-left: 35px !important;
}

.pl40 {
	padding-left: 40px !important;
}

.pl45 {
	padding-left: 45px !important;
}

.pl50 {
	padding-left: 50px !important;
}

.pl55 {
	padding-left: 55px !important;
}

.pl60 {
	padding-left: 60px !important;
}

.pl65 {
	padding-left: 65px !important;
}

.pl70 {
	padding-left: 70px !important;
}

.pl75 {
	padding-left: 75px !important;
}

.pl80 {
	padding-left: 80px !important;
}

.pl85 {
	padding-left: 85px !important;
}

.pl90 {
	padding-left: 90px !important;
}

.pl95 {
	padding-left: 95px !important;
}

.pl100 {
	padding-left: 100px !important;
}

.mlrauto {
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 767px) {

	/* margin  */
	.m0-sp {
		margin: 0 !important;
	}

	.m5-sp {
		margin: 5px !important;
	}

	.m10-sp {
		margin: 10px !important;
	}

	.m15-sp {
		margin: 15px !important;
	}

	.m20-sp {
		margin: 20px !important;
	}

	.m25-sp {
		margin: 25px !important;
	}

	.m30-sp {
		margin: 30px !important;
	}

	.m35-sp {
		margin: 35px !important;
	}

	.m40-sp {
		margin: 40px !important;
	}

	.m45-sp {
		margin: 45px !important;
	}

	.m50-sp {
		margin: 50px !important;
	}

	.m55-sp {
		margin: 55px !important;
	}

	.m60-sp {
		margin: 60px !important;
	}

	.m65-sp {
		margin: 65px !important;
	}

	.m70-sp {
		margin: 70px !important;
	}

	.m75-sp {
		margin: 75px !important;
	}

	.m80-sp {
		margin: 80px !important;
	}

	.m85-sp {
		margin: 85px !important;
	}

	.m90-sp {
		margin: 90px !important;
	}

	.m95-sp {
		margin: 95px !important;
	}

	.m100-sp {
		margin: 100px !important;
	}

	/* margin-top */
	.mt0-sp {
		margin-top: 0 !important;
	}

	.mt-5-sp {
		margin-top: -5px !important;
	}

	.mt-10-sp {
		margin-top: -10px !important;
	}

	.mt-15-sp {
		margin-top: -15px !important;
	}

	.mt-20-sp {
		margin-top: -20px !important;
	}

	.mt-25-sp {
		margin-top: -25px !important;
	}

	.mt-30-sp {
		margin-top: -30px !important;
	}

	.mt-35-sp {
		margin-top: -35px !important;
	}

	.mt-40-sp {
		margin-top: -40px !important;
	}

	.mt-45-sp {
		margin-top: -45px !important;
	}

	.mt-50-sp {
		margin-top: -50px !important;
	}

	.mt-55-sp {
		margin-top: -55px !important;
	}

	.mt-60-sp {
		margin-top: -60px !important;
	}

	.mt-65-sp {
		margin-top: -65px !important;
	}

	.mt-70-sp {
		margin-top: -70px !important;
	}

	.mt-75-sp {
		margin-top: -75px !important;
	}

	.mt-80-sp {
		margin-top: -80px !important;
	}

	.mt-85-sp {
		margin-top: -85px !important;
	}

	.mt-90-sp {
		margin-top: -90px !important;
	}

	.mt-95-sp {
		margin-top: -95px !important;
	}

	.mt-100-sp {
		margin-top: -100px !important;
	}

	.mt5-sp {
		margin-top: 5px !important;
	}

	.mt10-sp {
		margin-top: 10px !important;
	}

	.mt15-sp {
		margin-top: 15px !important;
	}

	.mt20-sp {
		margin-top: 20px !important;
	}

	.mt25-sp {
		margin-top: 25px !important;
	}

	.mt30-sp {
		margin-top: 30px !important;
	}

	.mt35-sp {
		margin-top: 35px !important;
	}

	.mt40-sp {
		margin-top: 40px !important;
	}

	.mt45-sp {
		margin-top: 45px !important;
	}

	.mt50-sp {
		margin-top: 50px !important;
	}

	.mt55-sp {
		margin-top: 55px !important;
	}

	.mt60-sp {
		margin-top: 60px !important;
	}

	.mt65-sp {
		margin-top: 65px !important;
	}

	.mt70-sp {
		margin-top: 70px !important;
	}

	.mt75-sp {
		margin-top: 75px !important;
	}

	.mt80-sp {
		margin-top: 80px !important;
	}

	.mt85-sp {
		margin-top: 85px !important;
	}

	.mt90-sp {
		margin-top: 90px !important;
	}

	.mt95-sp {
		margin-top: 95px !important;
	}

	.mt100-sp {
		margin-top: 100px !important;
	}

	/* margin-right */
	.mr0-sp {
		margin-right: 0 !important;
	}

	.mr5-sp {
		margin-right: 5px !important;
	}

	.mr10-sp {
		margin-right: 10px !important;
	}

	.mr15-sp {
		margin-right: 15px !important;
	}

	.mr20-sp {
		margin-right: 20px !important;
	}

	.mr25-sp {
		margin-right: 25px !important;
	}

	.mr30-sp {
		margin-right: 30px !important;
	}

	.mr35-sp {
		margin-right: 35px !important;
	}

	.mr40-sp {
		margin-right: 40px !important;
	}

	.mr45-sp {
		margin-right: 45px !important;
	}

	.mr50-sp {
		margin-right: 50px !important;
	}

	.mr55-sp {
		margin-right: 55px !important;
	}

	.mr60-sp {
		margin-right: 60px !important;
	}

	.mr65-sp {
		margin-right: 65px !important;
	}

	.mr70-sp {
		margin-right: 70px !important;
	}

	.mr75-sp {
		margin-right: 75px !important;
	}

	.mr80-sp {
		margin-right: 80px !important;
	}

	.mr85-sp {
		margin-right: 85px !important;
	}

	.mr90-sp {
		margin-right: 90px !important;
	}

	.mr95-sp {
		margin-right: 95px !important;
	}

	.mr100-sp {
		margin-right: 100px !important;
	}

	/* margin-bottom */
	.mb0-sp {
		margin-bottom: 0 !important;
	}

	.mb5-sp {
		margin-bottom: 5px !important;
	}

	.mb10-sp {
		margin-bottom: 10px !important;
	}

	.mb15-sp {
		margin-bottom: 15px !important;
	}

	.mb20-sp {
		margin-bottom: 20px !important;
	}

	.mb25-sp {
		margin-bottom: 25px !important;
	}

	.mb30-sp {
		margin-bottom: 30px !important;
	}

	.mb35-sp {
		margin-bottom: 35px !important;
	}

	.mb40-sp {
		margin-bottom: 40px !important;
	}

	.mb45-sp {
		margin-bottom: 45px !important;
	}

	.mb50-sp {
		margin-bottom: 50px !important;
	}

	.mb55-sp {
		margin-bottom: 55px !important;
	}

	.mb60-sp {
		margin-bottom: 60px !important;
	}

	.mb65-sp {
		margin-bottom: 65px !important;
	}

	.mb70-sp {
		margin-bottom: 70px !important;
	}

	.mb75-sp {
		margin-bottom: 75px !important;
	}

	.mb80-sp {
		margin-bottom: 80px !important;
	}

	.mb85-sp {
		margin-bottom: 85px !important;
	}

	.mb90-sp {
		margin-bottom: 90px !important;
	}

	.mb95-sp {
		margin-bottom: 95px !important;
	}

	.mb100-sp {
		margin-bottom: 100px !important;
	}

	/* margin-left */
	.ml0-sp {
		margin-left: 0 !important;
	}

	.ml5-sp {
		margin-left: 5px !important;
	}

	.ml10-sp {
		margin-left: 10px !important;
	}

	.ml15-sp {
		margin-left: 15px !important;
	}

	.ml20-sp {
		margin-left: 20px !important;
	}

	.ml25-sp {
		margin-left: 25px !important;
	}

	.ml30-sp {
		margin-left: 30px !important;
	}

	.ml35-sp {
		margin-left: 35px !important;
	}

	.ml40-sp {
		margin-left: 40px !important;
	}

	.ml45-sp {
		margin-left: 45px !important;
	}

	.ml50-sp {
		margin-left: 50px !important;
	}

	.ml55-sp {
		margin-left: 55px !important;
	}

	.ml60-sp {
		margin-left: 60px !important;
	}

	.ml65-sp {
		margin-left: 65px !important;
	}

	.ml70-sp {
		margin-left: 70px !important;
	}

	.ml75-sp {
		margin-left: 75px !important;
	}

	.ml80-sp {
		margin-left: 80px !important;
	}

	.ml85-sp {
		margin-left: 85px !important;
	}

	.ml90-sp {
		margin-left: 90px !important;
	}

	.ml95-sp {
		margin-left: 95px !important;
	}

	.ml100-sp {
		margin-left: 100px !important;
	}

	/* padding */
	.p0-sp {
		padding: 0 !important;
	}

	.p5-sp {
		padding: 5px !important;
	}

	.p10-sp {
		padding: 10px !important;
	}

	.p15-sp {
		padding: 15px !important;
	}

	.p20-sp {
		padding: 20px !important;
	}

	.p25-sp {
		padding: 25px !important;
	}

	.p30-sp {
		padding: 30px !important;
	}

	.p35-sp {
		padding: 35px !important;
	}

	.p40-sp {
		padding: 40px !important;
	}

	.p45-sp {
		padding: 45px !important;
	}

	.p50-sp {
		padding: 50px !important;
	}

	.p55-sp {
		padding: 55px !important;
	}

	.p60-sp {
		padding: 60px !important;
	}

	.p65-sp {
		padding: 65px !important;
	}

	.p70-sp {
		padding: 70px !important;
	}

	.p75-sp {
		padding: 75px !important;
	}

	.p80-sp {
		padding: 80px !important;
	}

	.p85-sp {
		padding: 85px !important;
	}

	.p90-sp {
		padding: 90px !important;
	}

	.p95-sp {
		padding: 95px !important;
	}

	.p100-sp {
		padding: 100px !important;
	}

	/* padding-top */
	.pt0-sp {
		padding-top: 0 !important;
	}

	.pt5-sp {
		padding-top: 5px !important;
	}

	.pt10-sp {
		padding-top: 10px !important;
	}

	.pt15-sp {
		padding-top: 15px !important;
	}

	.pt20-sp {
		padding-top: 20px !important;
	}

	.pt25-sp {
		padding-top: 25px !important;
	}

	.pt30-sp {
		padding-top: 30px !important;
	}

	.pt35-sp {
		padding-top: 35px !important;
	}

	.pt40-sp {
		padding-top: 40px !important;
	}

	.pt45-sp {
		padding-top: 45px !important;
	}

	.pt50-sp {
		padding-top: 50px !important;
	}

	.pt55-sp {
		padding-top: 55px !important;
	}

	.pt60-sp {
		padding-top: 60px !important;
	}

	.pt65-sp {
		padding-top: 65px !important;
	}

	.pt70-sp {
		padding-top: 70px !important;
	}

	.pt75-sp {
		padding-top: 75px !important;
	}

	.pt80-sp {
		padding-top: 80px !important;
	}

	.pt85-sp {
		padding-top: 85px !important;
	}

	.pt90-sp {
		padding-top: 90px !important;
	}

	.pt95-sp {
		padding-top: 95px !important;
	}

	.pt100-sp {
		padding-top: 100px !important;
	}

	/* padding-right */
	.pr0-sp {
		padding-right: 0 !important;
	}

	.pr5-sp {
		padding-right: 5px !important;
	}

	.pr10-sp {
		padding-right: 10px !important;
	}

	.pr15-sp {
		padding-right: 15px !important;
	}

	.pr20-sp {
		padding-right: 20px !important;
	}

	.pr25-sp {
		padding-right: 25px !important;
	}

	.pr30-sp {
		padding-right: 30px !important;
	}

	.pr35-sp {
		padding-right: 35px !important;
	}

	.pr40-sp {
		padding-right: 40px !important;
	}

	.pr45-sp {
		padding-right: 45px !important;
	}

	.pr50-sp {
		padding-right: 50px !important;
	}

	.pr55-sp {
		padding-right: 55px !important;
	}

	.pr60-sp {
		padding-right: 60px !important;
	}

	.pr65-sp {
		padding-right: 65px !important;
	}

	.pr70-sp {
		padding-right: 70px !important;
	}

	.pr75-sp {
		padding-right: 75px !important;
	}

	.pr80-sp {
		padding-right: 80px !important;
	}

	.pr85-sp {
		padding-right: 85px !important;
	}

	.pr90-sp {
		padding-right: 90px !important;
	}

	.pr95-sp {
		padding-right: 95px !important;
	}

	.pr100-sp {
		padding-right: 100px !important;
	}

	/* padding-bottom */
	.pb0-sp {
		padding-bottom: 0 !important;
	}

	.pb5-sp {
		padding-bottom: 5px !important;
	}

	.pb10-sp {
		padding-bottom: 10px !important;
	}

	.pb15-sp {
		padding-bottom: 15px !important;
	}

	.pb20-sp {
		padding-bottom: 20px !important;
	}

	.pb25-sp {
		padding-bottom: 25px !important;
	}

	.pb30-sp {
		padding-bottom: 30px !important;
	}

	.pb35-sp {
		padding-bottom: 35px !important;
	}

	.pb40-sp {
		padding-bottom: 40px !important;
	}

	.pb45-sp {
		padding-bottom: 45px !important;
	}

	.pb50-sp {
		padding-bottom: 50px !important;
	}

	.pb55-sp {
		padding-bottom: 55px !important;
	}

	.pb60-sp {
		padding-bottom: 60px !important;
	}

	.pb65-sp {
		padding-bottom: 65px !important;
	}

	.pb70-sp {
		padding-bottom: 70px !important;
	}

	.pb75-sp {
		padding-bottom: 75px !important;
	}

	.pb80-sp {
		padding-bottom: 80px !important;
	}

	.pb85-sp {
		padding-bottom: 85px !important;
	}

	.pb90-sp {
		padding-bottom: 90px !important;
	}

	.pb95-sp {
		padding-bottom: 95px !important;
	}

	.pb100-sp {
		padding-bottom: 100px !important;
	}

	/* padding-left */
	.pl0-sp {
		padding-left: 0 !important;
	}

	.pl5-sp {
		padding-left: 5px !important;
	}

	.pl10-sp {
		padding-left: 10px !important;
	}

	.pl15-sp {
		padding-left: 15px !important;
	}

	.pl20-sp {
		padding-left: 20px !important;
	}

	.pl25-sp {
		padding-left: 25px !important;
	}

	.pl30-sp {
		padding-left: 30px !important;
	}

	.pl35-sp {
		padding-left: 35px !important;
	}

	.pl40-sp {
		padding-left: 40px !important;
	}

	.pl45-sp {
		padding-left: 45px !important;
	}

	.pl50-sp {
		padding-left: 50px !important;
	}

	.pl55-sp {
		padding-left: 55px !important;
	}

	.pl60-sp {
		padding-left: 60px !important;
	}

	.pl65-sp {
		padding-left: 65px !important;
	}

	.pl70-sp {
		padding-left: 70px !important;
	}

	.pl75-sp {
		padding-left: 75px !important;
	}

	.pl80-sp {
		padding-left: 80px !important;
	}

	.pl85-sp {
		padding-left: 85px !important;
	}

	.pl90-sp {
		padding-left: 90px !important;
	}

	.pl95-sp {
		padding-left: 95px !important;
	}

	.pl100-sp {
		padding-left: 100px !important;
	}

	.mlrauto-sp {
		margin-left: auto;
		margin-right: auto;
	}

	.m1-sp {
		margin-bottom: 1px !important;
	}
}

/* width */
.w1per {
	width: 1% !important;
}

.w2per {
	width: 2% !important;
}

.w3per {
	width: 3% !important;
}

.w4per {
	width: 4% !important;
}

.w5per {
	width: 5% !important;
}

.w6per {
	width: 6% !important;
}

.w7per {
	width: 7% !important;
}

.w8per {
	width: 8% !important;
}

.w9per {
	width: 9% !important;
}

.w10per {
	width: 10% !important;
}

.w11per {
	width: 11% !important;
}

.w12per {
	width: 12% !important;
}

.w13per {
	width: 13% !important;
}

.w14per {
	width: 14% !important;
}

.w15per {
	width: 15% !important;
}

.w16per {
	width: 16% !important;
}

.w17per {
	width: 17% !important;
}

.w18per {
	width: 18% !important;
}

.w19per {
	width: 19% !important;
}

.w20per {
	width: 20% !important;
}

.w21per {
	width: 21% !important;
}

.w22per {
	width: 22% !important;
}

.w23per {
	width: 23% !important;
}

.w24per {
	width: 24% !important;
}

.w25per {
	width: 25% !important;
}

.w26per {
	width: 26% !important;
}

.w27per {
	width: 27% !important;
}

.w28per {
	width: 28% !important;
}

.w29per {
	width: 29% !important;
}

.w30per {
	width: 30% !important;
}

.w31per {
	width: 31% !important;
}

.w32per {
	width: 32% !important;
}

.w33per {
	width: 33% !important;
}

.w34per {
	width: 34% !important;
}

.w35per {
	width: 35% !important;
}

.w36per {
	width: 36% !important;
}

.w37per {
	width: 37% !important;
}

.w38per {
	width: 38% !important;
}

.w39per {
	width: 39% !important;
}

.w40per {
	width: 40% !important;
}

.w41per {
	width: 41% !important;
}

.w42per {
	width: 42% !important;
}

.w43per {
	width: 43% !important;
}

.w44per {
	width: 44% !important;
}

.w45per {
	width: 45% !important;
}

.w46per {
	width: 46% !important;
}

.w47per {
	width: 47% !important;
}

.w48per {
	width: 48% !important;
}

.w49per {
	width: 49% !important;
}

.w50per {
	width: 50% !important;
}

.w51per {
	width: 51% !important;
}

.w52per {
	width: 52% !important;
}

.w53per {
	width: 53% !important;
}

.w54per {
	width: 54% !important;
}

.w55per {
	width: 55% !important;
}

.w56per {
	width: 56% !important;
}

.w57per {
	width: 57% !important;
}

.w58per {
	width: 58% !important;
}

.w59per {
	width: 59% !important;
}

.w60per {
	width: 60% !important;
}

.w61per {
	width: 61% !important;
}

.w62per {
	width: 62% !important;
}

.w63per {
	width: 63% !important;
}

.w64per {
	width: 64% !important;
}

.w65per {
	width: 65% !important;
}

.w66per {
	width: 66% !important;
}

.w67per {
	width: 67% !important;
}

.w68per {
	width: 68% !important;
}

.w69per {
	width: 69% !important;
}

.w70per {
	width: 70% !important;
}

.w71per {
	width: 71% !important;
}

.w72per {
	width: 72% !important;
}

.w73per {
	width: 73% !important;
}

.w74per {
	width: 74% !important;
}

.w75per {
	width: 75% !important;
}

.w76per {
	width: 76% !important;
}

.w77per {
	width: 77% !important;
}

.w78per {
	width: 78% !important;
}

.w79per {
	width: 79% !important;
}

.w80per {
	width: 80% !important;
}

.w81per {
	width: 81% !important;
}

.w82per {
	width: 82% !important;
}

.w83per {
	width: 83% !important;
}

.w84per {
	width: 84% !important;
}

.w85per {
	width: 85% !important;
}

.w86per {
	width: 86% !important;
}

.w87per {
	width: 87% !important;
}

.w88per {
	width: 88% !important;
}

.w89per {
	width: 89% !important;
}

.w90per {
	width: 90% !important;
}

.w91per {
	width: 91% !important;
}

.w92per {
	width: 92% !important;
}

.w93per {
	width: 93% !important;
}

.w94per {
	width: 94% !important;
}

.w95per {
	width: 95% !important;
}

.w96per {
	width: 96% !important;
}

.w97per {
	width: 97% !important;
}

.w98per {
	width: 98% !important;
}

.w99per {
	width: 99% !important;
}

.w100per {
	width: 100% !important;
}

.wauto {
	width: auto !important;
}

@media screen and (max-width: 767px) {
	.w1per-sp {
		width: 1% !important;
	}

	.w2per-sp {
		width: 2% !important;
	}

	.w3per-sp {
		width: 3% !important;
	}

	.w4per-sp {
		width: 4% !important;
	}

	.w5per-sp {
		width: 5% !important;
	}

	.w6per-sp {
		width: 6% !important;
	}

	.w7per-sp {
		width: 7% !important;
	}

	.w8per-sp {
		width: 8% !important;
	}

	.w9per-sp {
		width: 9% !important;
	}

	.w10per-sp {
		width: 10% !important;
	}

	.w11per-sp {
		width: 11% !important;
	}

	.w12per-sp {
		width: 12% !important;
	}

	.w13per-sp {
		width: 13% !important;
	}

	.w14per-sp {
		width: 14% !important;
	}

	.w15per-sp {
		width: 15% !important;
	}

	.w16per-sp {
		width: 16% !important;
	}

	.w17per-sp {
		width: 17% !important;
	}

	.w18per-sp {
		width: 18% !important;
	}

	.w19per-sp {
		width: 19% !important;
	}

	.w20per-sp {
		width: 20% !important;
	}

	.w21per-sp {
		width: 21% !important;
	}

	.w22per-sp {
		width: 22% !important;
	}

	.w23per-sp {
		width: 23% !important;
	}

	.w24per-sp {
		width: 24% !important;
	}

	.w25per-sp {
		width: 25% !important;
	}

	.w26per-sp {
		width: 26% !important;
	}

	.w27per-sp {
		width: 27% !important;
	}

	.w28per-sp {
		width: 28% !important;
	}

	.w29per-sp {
		width: 29% !important;
	}

	.w30per-sp {
		width: 30% !important;
	}

	.w31per-sp {
		width: 31% !important;
	}

	.w32per-sp {
		width: 32% !important;
	}

	.w33per-sp {
		width: 33% !important;
	}

	.w34per-sp {
		width: 34% !important;
	}

	.w35per-sp {
		width: 35% !important;
	}

	.w36per-sp {
		width: 36% !important;
	}

	.w37per-sp {
		width: 37% !important;
	}

	.w38per-sp {
		width: 38% !important;
	}

	.w39per-sp {
		width: 39% !important;
	}

	.w40per-sp {
		width: 40% !important;
	}

	.w41per-sp {
		width: 41% !important;
	}

	.w42per-sp {
		width: 42% !important;
	}

	.w43per-sp {
		width: 43% !important;
	}

	.w44per-sp {
		width: 44% !important;
	}

	.w45per-sp {
		width: 45% !important;
	}

	.w46per-sp {
		width: 46% !important;
	}

	.w47per-sp {
		width: 47% !important;
	}

	.w48per-sp {
		width: 48% !important;
	}

	.w49per-sp {
		width: 49% !important;
	}

	.w50per-sp {
		width: 50% !important;
	}

	.w51per-sp {
		width: 51% !important;
	}

	.w52per-sp {
		width: 52% !important;
	}

	.w53per-sp {
		width: 53% !important;
	}

	.w54per-sp {
		width: 54% !important;
	}

	.w55per-sp {
		width: 55% !important;
	}

	.w56per-sp {
		width: 56% !important;
	}

	.w57per-sp {
		width: 57% !important;
	}

	.w58per-sp {
		width: 58% !important;
	}

	.w59per-sp {
		width: 59% !important;
	}

	.w60per-sp {
		width: 60% !important;
	}

	.w61per-sp {
		width: 61% !important;
	}

	.w62per-sp {
		width: 62% !important;
	}

	.w63per-sp {
		width: 63% !important;
	}

	.w64per-sp {
		width: 64% !important;
	}

	.w65per-sp {
		width: 65% !important;
	}

	.w66per-sp {
		width: 66% !important;
	}

	.w67per-sp {
		width: 67% !important;
	}

	.w68per-sp {
		width: 68% !important;
	}

	.w69per-sp {
		width: 69% !important;
	}

	.w70per-sp {
		width: 70% !important;
	}

	.w71per-sp {
		width: 71% !important;
	}

	.w72per-sp {
		width: 72% !important;
	}

	.w73per-sp {
		width: 73% !important;
	}

	.w74per-sp {
		width: 74% !important;
	}

	.w75per-sp {
		width: 75% !important;
	}

	.w76per-sp {
		width: 76% !important;
	}

	.w77per-sp {
		width: 77% !important;
	}

	.w78per-sp {
		width: 78% !important;
	}

	.w79per-sp {
		width: 79% !important;
	}

	.w80per-sp {
		width: 80% !important;
	}

	.w81per-sp {
		width: 81% !important;
	}

	.w82per-sp {
		width: 82% !important;
	}

	.w83per-sp {
		width: 83% !important;
	}

	.w84per-sp {
		width: 84% !important;
	}

	.w85per-sp {
		width: 85% !important;
	}

	.w86per-sp {
		width: 86% !important;
	}

	.w87per-sp {
		width: 87% !important;
	}

	.w88per-sp {
		width: 88% !important;
	}

	.w89per-sp {
		width: 89% !important;
	}

	.w90per-sp {
		width: 90% !important;
	}

	.w91per-sp {
		width: 91% !important;
	}

	.w92per-sp {
		width: 92% !important;
	}

	.w93per-sp {
		width: 93% !important;
	}

	.w94per-sp {
		width: 94% !important;
	}

	.w95per-sp {
		width: 95% !important;
	}

	.w96per-sp {
		width: 96% !important;
	}

	.w97per-sp {
		width: 97% !important;
	}

	.w98per-sp {
		width: 98% !important;
	}

	.w99per-sp {
		width: 99% !important;
	}

	.w100per-sp {
		width: 100% !important;
	}

	.wauto-sp {
		width: auto !important;
	}
}

/*2-2-3. Object-Oriented CSS [OOCSS]*/
.txt-br {
	display: inline-block;
}

.no-display {
	display: none;
}

.no-br {
	white-space: nowrap;
}

.no-line-height {
	line-height: 1 !important;
}

.pull-left {
	float: left !important;
}

.pull-right {
	float: right !important;
}

.right {
	text-align: right !important;
}

.center {
	text-align: center !important;
}

.left {
	text-align: left !important;
}

.top {
	vertical-align: top !important;
}

.middle {
	vertical-align: middle !important;
}

.bottom {
	vertical-align: bottom !important;
}

.block-center {
	margin-left: auto !important;
	margin-right: auto !important;
}

.no-selector:before,
.no-selector:after {
	content: none !important;
}

.fz18 {
	font-size: 18px !important;
}

.fz15 {
	font-size: 15px !important;
}

.fz12 {
	font-size: 12px !important;
}

.no-border {
	border: 0;
}

.no-border--top {
	border-top: 0 !important;
}

.border-l {
	border-left: 1px solid #8ba8bb;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.fz14-sp {
		font-size: 14px !important;
	}

	.fz13-sp {
		font-size: 13px !important;
	}

	.fz11-sp {
		font-size: 11px !important;
	}

	.fz10-sp {
		font-size: 10px !important;
	}

	.pd0 {
		padding: 0 !important;
	}

	.no-pull-sp {
		float: none ! important;
	}
}

/* for RWD */
.fluid-image {
	max-width: 100%;
	height: auto;
}

@media only screen and (min-1025px) and (-ms-high-contrast:none) {

	*::-ms-backdrop,
	.fluid-image {
		max-width: 9999px;
	}
}

@media only screen and (max-width: 1024px) and (-ms-high-contrast:none) {

	*::-ms-backdrop,
	.fluid-image {
		max-width: 100%;
	}
}

@media all and (-ms-high-contrast:none) {

	*::-ms-backdrop,
	.box-link .box-col .box-col__image .fluid-image {
		width: 100%;
	}

	*::-ms-backdrop,
	.box-table .box-table__col .fluid-image {
		width: 100%;
	}

	*::-ms-backdrop,
	.box-download-booklet .box-download-booklet__thumb .fluid-image {
		width: 100%;
	}

	*::-ms-backdrop,
	.box-col--direction .box-col__image .fluid-image {
		width: 100%;
	}

	*::-ms-backdrop,
	.box-col .box-col__image .fluid-image {
		width: 100%;
	}
}

/* 2-2-4. Grid System [grid-***] */
.grid-row {
	margin-right: -10px;
	margin-left: -10px;
	overflow: hidden;
}

.grid-col,
.grid-col--1,
.grid-col--2,
.grid-col--3,
.grid-col--4,
.grid-col--5,
.grid-col--6,
.grid-col--7,
.grid-col--8,
.grid-col--9,
.grid-col--10,
.grid-col--11,
.grid-col--12 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
	box-sizing: border-box;
	margin-bottom: 20px;
}

.grid-col--1 {
	width: 8.33333333333%
}

.grid-col--2 {
	width: 16.6666666667%;
}

.grid-col--3 {
	width: 25%;
}

.grid-col--4 {
	width: 33.3333333333%;
}

.grid-col--5 {
	width: 41.6666666667%;
}

.grid-col--6 {
	width: 50%;
}

.grid-col--7 {
	width: 58.3333333333%;
}

.grid-col--8 {
	width: 66.6666666667%;
}

.grid-col--9 {
	width: 75%;
}

.grid-col--10 {
	width: 83.3333333333%;
}

.grid-col--11 {
	width: 91.6666666667%;
}

.grid-col--12 {
	width: 100%;
}

@media only screen and (min-width:1px) and (max-width:767px) {
	.grid-row {
		margin-left: -5px;
		margin-right: -5px;
	}

	.grid-col--1,
	.grid-col--2,
	.grid-col--3,
	.grid-col--4,
	.grid-col--5,
	.grid-col--6,
	.grid-col--7,
	.grid-col--8,
	.grid-col--9,
	.grid-col--10,
	.grid-col--11,
	.grid-col--12 {
		width: 100%;
		padding: 0 5px 0 5px;
		margin-bottom: 10px;
	}

	.grid-col-sp--1,
	.grid-col-sp--2,
	.grid-col-sp--3,
	.grid-col-sp--4,
	.grid-col-sp--5,
	.grid-col-sp--6,
	.grid-col-sp--7,
	.grid-col-sp--8,
	.grid-col-sp--9,
	.grid-col-sp--10,
	.grid-col-sp--11,
	.grid-col-sp--12 {
		position: relative;
		min-height: 1px;
		float: left;
		box-sizing: border-box;
		padding: 0 5px 0 5px;
		margin-bottom: 10px;
	}

	.grid-col-sp--1 {
		width: 8.33333333333%
	}

	.grid-col-sp--2 {
		width: 16.6666666667%;
	}

	.grid-col-sp--3 {
		width: 25%;
	}

	.grid-col-sp--4 {
		width: 33.3333333333%;
	}

	.grid-col-sp--5 {
		width: 41.6666666667%;
	}

	.grid-col-sp--6 {
		width: 50%;
	}

	.grid-col-sp--7 {
		width: 58.3333333333%;
	}

	.grid-col-sp--8 {
		width: 66.6666666667%;
	}

	.grid-col-sp--9 {
		width: 75%;
	}

	.grid-col-sp--10 {
		width: 83.3333333333%;
	}

	.grid-col-sp--11 {
		width: 91.6666666667%;
	}

	.grid-col-sp--12 {
		width: 100%;
	}
}

/* endMedia */
@media only screen and (min-width:768px) and (max-width:1024px) {
	.grid-colTablet--12 {
		width: 100%;
		position: relative;
		min-height: 1px;
		padding-right: 20px;
		padding-left: 20px;
		float: left;
		box-sizing: border-box;
	}

	.grid-colTablet--6 {
		width: 50%;
		position: relative;
		min-height: 1px;
		padding-right: 20px;
		padding-left: 20px;
		float: left;
		box-sizing: border-box;
	}

	.grid-colTablet--4 {
		width: 33.33%;
		position: relative;
		min-height: 1px;
		padding-right: 5px;
		padding-left: 5px;
		float: left;
		box-sizing: border-box;
	}
}

/* endMedia */


[class^="icon-gaishi"]:before,
[class*=" icon-gaishi"]:before {
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="icon-gaishi02"]:before,
[class*=" icon-gaishi02"]:before {
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	vertical-align: middle;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-gaishi-mail:before {
	content: '>';
}

/* '顮€' */
.icon-gaishi-search:before {
	content: '\e801';
}

/* '顮�' */
.icon-gaishi-earth:before {
	content: '\e802';
}

/* '顮�' */
.icon-gaishi02-earth:before {
	content: '\e904';
}

.icon-gaishi-download:before {
	content: '\e803';
}

/* '顮�' */
.icon-gaishi-location:before {
	content: '\e804';
}

/* '顮�' */
.icon-gaishi-ok:before {
	content: '\e80a';
}

/* '顮�' */
.icon-gaishi-phone:before {
	content: '\e80c';
}

/* '顮�' */
.icon-gaishi-cancel:before {
	content: '\e80d';
}

/* '顮�' */
.icon-gaishi-minus-02:before {
	content: '\e900';
}

/* '瞍€' */
.icon-gaishi-minus:before {
	content: '\e901';
}

/* '瞍�' */
.icon-gaishi-plus-02:before {
	content: '\e902';
}

/* '瞍�' */
.icon-gaishi-plus:before {
	content: '\e903';
}

/* '瞍�' */
.icon-gaishi-external:before {
	content: '\f08e';
}

/* '飩�' */
.icon-gaishi-check-empty:before {
	content: '\f096';
}

/* '飩�' */
.icon-gaishi-rss:before {
	content: '\f09e';
}

/* '飩�' */
.icon-gaishi-left:before {
	content: '\f104';
}

/* '飫�' */
.icon-gaishi-right:before {
	content: '\f105';
}

/* '飫�' */
.icon-gaishi-up:before {
	content: '\f106';
}

/* '飫�' */
.icon-gaishi-down:before {
	content: '\f107';
}

/* '飫�' */
.icon-gaishi-pdf:before {
	content: '\f1c1';
}

/* '飮�' */
/*2-2-6. Backgrounds [bg-***]*/
.bg-lightgrey {
	background: #edeff1;
}

.bg-gray {
	background: #eeeff3;
}

.bg-white {
	background: #fff !important;
}

/*2-2-7. Font size [fs-***]*/
.fS10 {
	font-size: 10px !important;
}

.fS11 {
	font-size: 11px !important;
}

.fS12 {
	font-size: 12px !important;
}

.fS13 {
	font-size: 13px !important;
}

.fS14 {
	font-size: 14px !important;
}

.fS15 {
	font-size: 15px !important;
}

.fS16 {
	font-size: 16px !important;
}

.fS17 {
	font-size: 17px !important;
}

.fS18 {
	font-size: 18px !important;
}

.fS19 {
	font-size: 19px !important;
}

.fS20 {
	font-size: 20px !important;
}

.fS22 {
	font-size: 22px !important;
}

.fS24 {
	font-size: 24px !important;
}

.fS26 {
	font-size: 26px !important;
}

.fS28 {
	font-size: 28px !important;
}

.fS30 {
	font-size: 30px !important;
}

.fS32 {
	font-size: 32px !important;
}

@media only screen and (min-width:767px) and (max-width:1024px) {
	.fS10-tb {
		font-size: 10px !important;
	}

	.fS11-tb {
		font-size: 11px !important;
	}

	.fS12-tb {
		font-size: 12px !important;
	}

	.fS13-tb {
		font-size: 13px !important;
	}

	.fS14-tb {
		font-size: 14px !important;
	}

	.fS15-tb {
		font-size: 15px !important;
	}

	.fS16-tb {
		font-size: 16px !important;
	}

	.fS17-tb {
		font-size: 17px !important;
	}

	.fS18-tb {
		font-size: 18px !important;
	}

	.fS19-tb {
		font-size: 19px !important;
	}

	.fS20-tb {
		font-size: 20px !important;
	}

	.fS22-tb {
		font-size: 22px !important;
	}

	.fS24-tb {
		font-size: 24px !important;
	}

	.fS26-tb {
		font-size: 26px !important;
	}

	.fS28-tb {
		font-size: 28px !important;
	}

	.fS30-tb {
		font-size: 30px !important;
	}
}

@media screen and (max-width: 767px) {
	.fS10-sp {
		font-size: 10px !important;
	}

	.fS11-sp {
		font-size: 11px !important;
	}

	.fS12-sp {
		font-size: 12px !important;
	}

	.fS13-sp {
		font-size: 13px !important;
	}

	.fS14-sp {
		font-size: 14px !important;
	}

	.fS15-sp {
		font-size: 15px !important;
	}

	.fS16-sp {
		font-size: 16px !important;
	}

	.fS17-sp {
		font-size: 17px !important;
	}

	.fS18-sp {
		font-size: 18px !important;
	}

	.fS19-sp {
		font-size: 19px !important;
	}

	.fS20-sp {
		font-size: 20px !important;
	}

	.fS22-sp {
		font-size: 22px !important;
	}

	.fS24-sp {
		font-size: 24px !important;
	}

	.fS26-sp {
		font-size: 26px !important;
	}

	.fS28-sp {
		font-size: 28px !important;
	}

	.fS30-sp {
		font-size: 30px !important;
	}
}

.fwB {
	font-weight: bold;
}

.fwN {
	font-weight: normal;
}

/* 2-2-6. Visibility [visible-***] */
.is-visiblePc {
	display: block !important;
}

.is-visibleSp {
	display: none !important;
}

.is-visibleTablet {
	display: none !important;
}

@media only screen and (min-width:1px) and (max-width:767px) {
	.is-visiblePc {
		display: none !important;
	}

	.is-visibleSp {
		display: block !important;
	}

	.is-visibleTablet {
		display: none !important;
	}
}

/* endMedia */
@media only screen and (min-width:768px) and (max-width:1024px) {
	.is-visiblePc {
		display: none !important;
	}

	.is-visibleSp {
		display: none !important;
	}

	.is-visibleTablet {
		display: block !important;
	}
}

/* endMedia */

/* 2-3. State [is-***]
-------------------------------------------------- */
.is-open {
	display: block;
}

.is-error {
	background-color: #f9eceb;
}

.is-disabled {
	opacity: 0.45;
}

.is-show {
	visibility: visible;
	opacity: 1;
}

.no-overflow {
	overflow: hidden;
}

/*--------------------------------------------------*/


/* 2-4. OverLayerConfig [z-index]
-------------------------------------------------- */

/* 2-5. Project
-------------------------------------------------- */
.bg-grey {
	background: #edeff1;
	padding: 40px 0 175px;
	margin-top: 90px;
}

.bg-grey .hdg-lv2:first-Child {
	margin-top: 0;
}

.bg-grey--02 {
	margin-top: 80px;
	padding-bottom: 15px;
}

.bg-grey--light {
	background: #f5f5f5;
}

.link-red {
	color: #e1352a;
	font-size: 18px;
	display: inline-block;
}

.link-red:hover {
	color: #e1352a;
}

@media only screen and (min-width:1px) and (max-width:767px) {
	.bg-grey {
		padding: 27px 0 35px;
		margin-top: 35px;
	}

	.bg-grey--02 {
		padding: 27px 0 35px;
		margin-top: 35px;
	}

	.link-red {
		font-size: 15px;
	}
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

/*-----------------------------*/
.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
}

@-webkit-keyframes slideInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}

@keyframes slideInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		transform: translateZ(0);
	}
}

/* Page /risk.html
-------------------------------------------------- */
.box-diagram {
	margin: 72px 0 90px;
}

.txt-title {
	font-weight: bold;
	margin: 40px 0 5px;
}

.box-group-table {
	margin-bottom: 105px;
}

.box-group-table .tbl-base tbody td:last-child {
	width: 63%;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-diagram {
		margin: 35px 0 45px;
	}

	.txt-title {
		margin: 22px 0 10px;
	}

	.box-group-table {
		margin-bottom: 50px;
	}

	.box-data li {
		margin-bottom: 25px;
	}

	.box-data li:last-child {
		margin-bottom: 20px;
	}
}

/*slider
-----------------------------------------*/
.box-slider {
	background: #edeff1;
	padding: 40px 0;
}

.box-slider__inner {
	display: block;
}

.box-slider__inner:hover {
	text-decoration: none;
}

.box-slider__image {
	display: block;
	overflow: hidden;
}

.box-slider__image img {
	width: 100%;
}

.box-slider__content {
	display: block;
	background: #fff;
	padding: 20px 20px 60px;
	position: relative;
}

.box-slider__date {
	display: block;
	color: #333;
	font-size: 12px;
	margin-bottom: 10px;
}

.box-slider__title {
	display: block;
	color: #333;
	margin-bottom: 10px;
}

.box-slider__text {
	display: block;
	color: #717171;
	margin-bottom: 10px;
	font-size: 12px;
}

.box-slider__link {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	color: #0a899c !important;
}

.box-slider__link span {
	display: inline-block;
	padding-right: 15px;
}

.box-slider__link .icon {
	padding-left: 10px;
}

.box-slider .slick-prev,
.box-slider .slick-next {
	background: #8a9ca8;
	position: absolute;
	z-index: 1;
	width: 40px;
	height: 40px;
	top: 46.5%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.box-slider .slick-prev {
	left: -10px;
}

.box-slider .slick-next {
	right: -10px;
}

.box-slider .slick-prev span,
.box-slider .slick-next span {
	font-size: 24px;
	color: #fff;
}

@media only screen and (min-width: 768px) {
	.lst-slider {
		overflow: visible;
	}

	.box-slider__image img {
		width: 100%;
		-webkit-transition: all .6s;
		transition: all .6s;
	}

	.box-slider__inner:hover .btn--link span:before {
		right: -10px;
	}

	.box-slider__inner:hover .box-slider__image img {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	.box-slider .slick-dots {
		text-align: center;
		margin-top: 20px;
	}

	.box-slider .slick-dots li {
		display: inline-block;
		padding: 0 5px;
	}

	.box-slider .slick-dots li.slick-active button {
		background: #8a9ca8;
	}

	.box-slider .slick-dots li button {
		color: transparent;
		line-height: 1;
		width: 10px;
		height: 10px;
		background: #fff;
		border-radius: 50%;
	}
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-slider {
		padding: 20px 0 45px;
	}

	.box-slider .wrp-container {
		padding: 0;
	}

	.box-slider__content {
		padding: 5px 10px 10px;
	}

	.box-slider__date {
		font-size: 10px;
		margin-bottom: 5px;
	}

	.box-slider__title {
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 5px;
	}

	.box-slider__text {
		font-size: 8px;
		margin-bottom: 0;
	}

	.box-slider__link {
		font-size: 12px;
		margin-top: 0;
		position: relative;
		text-align: left;
		padding: 15px 0 5px;
	}

	.lst-slider li {
		padding: 0 10px;
	}

	.lst-slider li a {
		position: relative;
	}

	.lst-slider li a:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(255, 255, 255, 0.5);
	}

	.box-slider .slick-prev,
	.box-slider .slick-next {
		top: 52%;
	}

	.lst-slider li.slick-active a:before {
		background: transparent;
	}

	.box-slider .slick-prev {
		left: 30px;
	}

	.box-slider .slick-next {
		right: 30px;
	}

	.box-slider__link span {
		padding-right: 10px;
	}
}

/* /info/network/index
-----------------------------------------*/
.box-main-map__inner {
	max-width: 980px;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
}

.box-main-map__content {
	background: url("../images/index-bg-map02.png") no-repeat center;
	background-size: 100% auto;
	height: 500px;
	position: relative;
}

.box-main-map__link a {
	display: inline-block;
	color: #fff;
	position: relative;
	padding: 10px 20px 10px 30px;
	box-sizing: border-box;
	width: 205px;
	background: #8a9ca8;
	font-size: 15px;
	letter-spacing: 0.025em;
}

.box-main-map__link a.no-link {
	pointer-events: none;
	background: #dae2ea;
}

.box-main-map__link a>span:before {
	right: auto !important;
	left: -15px;
}

.box-main-map__link a:after {
	background: #0a899c !important;
}

.box-main-map__link li {
	position: absolute;
}

.box-main-map__link a.activearea:after {
	transform: translateY(0);
	visibility: visible;
}

#map-japan {
	top: 34%;
	left: 76%;
}

#map-america {
	top: 34%;
	right: 68%;
}

#map-europe-africa {
	top: 34%;
	left: 42%;
}

#map-asian {
	bottom: 33%;
	left: 72%;
}

.lst-location__inner {
	display: block;
}

.lst-location__image {
	display: block;
}

.lst-location__image img {
	width: 100%;
}

.lst-location__link {
	display: block;
	margin-top: 15px;
	font-size: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 850px) {
	.box-main-map__link a {
		font-size: 12px;
		width: 180px;
	}
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-main-map__link li {
		position: relative;
	}

	#map-japan {
		top: 0;
		left: 0;
	}

	#map-america {
		top: 0;
		right: 0;
	}

	#map-europe-africa {
		top: 0;
		left: 0;
	}

	#map-asian {
		bottom: 0;
		left: 0;
	}

	.box-main-map__inner {
		margin-bottom: 35px;
	}

	.box-main-map__content {
		background-position: top center;
		background-size: 310px auto;
		height: 165px;
	}

	.box-main-map__link {
		margin: 0 -5px;
		padding-top: 110px;
	}

	.box-main-map__link li {
		width: 50%;
		float: left;
		padding: 0 5px;
		box-sizing: border-box;
		margin-bottom: 10px;
	}

	.box-main-map__link a {
		font-size: 11px;
		width: auto;
		display: block;
		padding: 7px 10px;
	}

	.box-main-map__link .btn--primary.btn--link span:before {
		right: 0;
	}
}

/*---------------------------------------------------*/
.box-filter .hdg-lv2 {
	margin: 0 0 32px;
}

.box-filter__heading {
	background: #0a899c;
	padding: 25px 0;
}

.box-filter__heading__content {
	display: table;
	padding-right: 240px;
	padding-top: 5px;
}

.box-filter__heading__title {
	font-weight: bold;
	display: table-cell;
	vertical-align: top;
	padding-top: 10px;
	padding-right: 30px;
	white-space: nowrap;
	border-right: 1px solid #3391ce;
}

.box-filter__heading__title a {
	font-size: 15px;
	color: #fff;
	pointer-events: none;
}

.box-filter__heading__detail {
	display: table-cell;
	vertical-align: bottom;
	padding-left: 30px;
}

.frm-filter {
	position: relative;
}

.box-filter__heading__button {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.lst-filter__detail {
	margin-top: 10px;
	text-indent: -5em;
	padding-left: 5em;
}

[lang="zh-cmn-Hans"] .lst-filter__detail,
[lang="en"] .lst-filter__detail {
	text-indent: -5.4em;
	padding-left: 5.4em;
}

.lst-filter__detail li {
	display: inline-block;
	color: #fff;
	font-size: 15px;
	padding-right: 25px;
	text-indent: 0;
}

.lst-filter__detail li:last-child {
	padding-right: 0;
}

.lst-filter__detail__title {
	font-weight: bold;
	width: 50px;
}

.info-network-clear {
	position: relative;
	cursor: pointer;
	color: #fff;
	/*left: 206px;*/
}

[lang="zh-cmn-Hans"] .info-network-clear,
[lang="en"] .info-network-clear {
	left: 221px;
}

.info-network-clear-sp {
	display: none;
}

@media only screen and (min-width: 1024px) {
	.box-filter__heading__content {
		padding-right: 332px;
		width: 100%;
		box-sizing: border-box;
	}

	.box-filter__heading__title {
		padding-right: 60px;
		width: 14%;
	}

	.box-filter__heading__detail {
		width: 100%;
		display: table;
		padding-left: 0;
	}

	.lst-filter__detail {
		width: 50%;
		display: table-cell;
		border-right: 1px solid #3391ce;
		vertical-align: top;
		text-indent: 0;
		padding-left: 50px;
		box-sizing: border-box;
	}

	.lst-filter__detail li {
		display: block;
		margin-bottom: 10px;
	}

	.lst-filter__detail .lst-filter__detail__title {
		margin-bottom: 20px;
		margin-top: 10px;
	}

	.info-network-clear {
		position: absolute;
		right: 92px;
		top: 50%;
		-webkit-transform: translateY(40px);
		transform: translateY(40px);
	}
}

@media only screen and (min-width: 1px) and (max-width: 1024px) {
	.info-network-clear {
		display: none;
	}

	.info-network-clear-sp {
		display: block;
		position: relative;
		cursor: pointer;
		color: #fff;
		left: 0;
		text-align: center;
		/*padding: 15px 0 0;*/
	}
}

input[type="checkbox"] {
	visibility: hidden;
	width: 0;
	height: 0;
}

.frm-filter .checkbox input[type="radio"] {
	visibility: hidden;
	width: 0;
	height: 0;
}

.frm-filter .checkbox input[type="radio"]+span {
	display: inline-block;
	background: #fff;
	line-height: 1;
	border-radius: 10px;
	width: 14px;
	height: 14px;
	margin-right: 5px;
	position: relative;
}

.frm-filter .checkbox input[type="checkbox"]+span {
	display: inline-block;
	background: #fff;
	line-height: 1;
	border-radius: 3px;
	width: 13px;
	height: 13px;
	margin-right: 5px;
	position: relative;
}

/*.frm-filter .checkbox input[type="radio"]:checked + span:before {
	content: '鈼�';
	font-family: "gaishi";
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	color: #0a899c;
	font-size: 10px;
	position: absolute;
	top: 53.5%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}*/
.frm-filter .checkbox input[type="radio"]:checked+span:before {
	content: '';
	/*font-family: "gaishi";*/
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #0a899c;
	border-radius: 5px;
	font-size: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.frm-filter .checkbox input[type="checkbox"]:checked+span:before {
	content: '\e80a';
	font-family: "gaishi";
	display: inline-block;
	color: #0a899c;
	font-size: 12px;
	position: absolute;
	top: 1px;
}

.box-filter__heading__button button {
	display: block;
	background: #fff;
	padding: 25px 30px;
	font-size: 15px;
	color: #0a899c;
	width: 220px;
}

.box-filter__heading__button button:hover {
	background: #0a899c;
}

.box-filter__content {
	margin-top: 35px;
}

.box-filter__content__detail {
	margin-bottom: 40px;
}

.box-filter--02 .box-filter__content__detail {
	margin-bottom: 25px;
}

.box-filter__content__detail .hdg-lv2+.box-filter__content__block {
	border-top: 1px solid #e5e5e5;
}

.box-filter__content__block {
	border-bottom: 1px solid #e5e5e5;
	padding: 30px 0;
}

.box-filter--02 .box-filter__content__block {
	border-bottom: 0;
}

.box-filter__content__more {
	padding-bottom: 20px;
}

.box-filter__content__title {
	margin-bottom: 10px;
}

.box-filter__content__title a {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
}

.box-filter__content__title span {
	font-size: 18px;
	font-weight: bold;
}

.box-filter__content__block p {
	font-size: 15px;
}

.box-filter--02 .box-filter__content__block p {
	font-size: 18px;
}

.box-filter--02 .box-filter__content__block p span {
	font-size: 15px;
}

.box-filter__content__block p.box-filter__content__etc {
	margin-top: 20px;
}

.lst-filter__button {
	display: none;
}

.lst-filter__contact li {
	font-size: 15px;
	margin-top: 5px;
}

.lst-filter__contact li:first-child {
	margin-top: 20px;
}

.lst-filter__contact li>span:first-child {
	display: inline-block;
	white-space: nowrap;
}

.lst-filter__contact__link {
	display: none;
}

@media only screen and (min-width: 1024px) {
	.box-filter__heading__button button {
		width: 280px;
	}
}

@media only screen and (min-width: 1px) and (max-width: 1024px) {
	.box-filter__heading__content {
		display: block;
		padding: 0;
	}

	.box-filter__heading {
		background: #fff;
		padding: 15px 0 0;
	}

	.box-filter__heading .wrp-container {
		padding: 0;
	}

	.box-filter__heading__detail {
		padding: 10px 15px 15px;
		background: #0a899c;
		/*width: 768px;*/
		width: 1024px;
		max-width: 100%;
	}

	.box-filter__heading__button {
		position: relative;
		top: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		padding: 20px 0 10px;
	}

	.lst-filter__detail {
		margin-top: 0;
		padding-left: 0;
		text-indent: 0;
		border-bottom: 1px solid #66acda;
		padding-bottom: 20px;
	}

	.lst-filter__detail li {
		display: block;
		padding-right: 0;
		font-size: 12px;
		margin-top: 10px;
	}

	.lst-filter__detail__title {
		width: 100%;
	}

	.frm-filter .checkbox input[type="checkbox"]+span {
		width: 10px;
		height: 10px;
	}

	.frm-filter .checkbox input[type="checkbox"]:checked+span:before {
		font-size: 10px;
	}

	.frm-filter .checkbox input[type="radio"]+span {
		vertical-align: middle;
	}

	.box-filter__heading__button button {
		font-size: 12px;
		padding: 11px 15px;
		width: 200px;
		margin: 0 auto;
	}

	.box-filter__heading__title {
		display: block;
		padding: 0 15px;
		border-right: 0;
		text-align: center;
		height: 40px;
	}

	.box-filter__heading__title a {
		pointer-events: auto;
		display: inline-block;
		color: #0a899c;
		font-size: 12px;
		border: 1px solid #8ba8bb;
		padding: 10px 15px;
		box-sizing: border-box;
		width: 200px;
		position: relative;
	}

	.box-filter__heading__title a:after {
		content: '\f107';
		font-family: "gaishi";
		display: inline-block;
		float: right;
	}

	.box-filter__heading__title a:hover {
		text-decoration: none;
	}

	.box-filter__heading__title a span {
		position: absolute;
		width: 100%;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
	}

	.box-filter__heading__title.is-active a {
		background: #0a899c;
		color: #fff;
		border: 1px solid #0a899c;
	}

	.box-filter__heading__title.is-active a:after {
		content: '\f106';
	}

	.box-filter .hdg-lv2 {
		margin: 35px 0 5px;
	}

	.box-filter__content {
		margin-top: 25px;
	}

	.box-filter__content__block {
		padding: 10px 0;
	}

	.box-filter__content__title {
		margin-bottom: 5px;
	}

	.box-filter__content__title a {
		font-size: 14px;
	}

	.box-filter__content__block p {
		font-size: 13px;
		letter-spacing: 0;
	}

	.box-filter__content__link {
		display: none;
	}

	.lst-filter__contact li {
		font-size: 13px;
		letter-spacing: 0;
	}

	.lst-filter__button {
		display: block;
	}

	.is-visible-inline {
		display: none;
	}

	.lst-filter__contact li {
		padding: 8px 0 3px;
		border-top: 1px dotted #e5e5e5;
		position: relative;
	}

	.lst-filter__contact li>span:first-child {
		display: block;
		margin-bottom: 5px;
		font-weight: bold;
		padding-right: 50px;
		box-sizing: border-box;
		font-size: 12px;
		width: auto !important;
	}

	.lst-filter__contact li>span:first-child+span {
		display: block;
		line-height: 15px;
		box-sizing: border-box;
		padding-right: 50px;
		font-size: 12px;
	}

	.lst-filter__button {
		margin: 10px 0;
	}

	.lst-filter__button .grid-row {
		margin: 0 -5px;
	}

	.lst-filter__button .grid-row .grid-colTablet--6 {
		padding: 0 5px;
	}

	.lst-filter__button a {
		display: block;
		text-align: center;
		font-size: 11px;
		color: #fff;
		padding: 6px 9px;
		box-sizing: border-box;
		background: #8a9ca8;
		border: 1px solid #8a9ca8;
	}

	.lst-filter__button a.btn-tel {
		color: #8a9ca8;
		background: #fff;
	}

	.lst-filter__button a .icon {
		margin-right: 5px;
	}

	.lst-filter__contact__link {
		display: table;
		position: absolute;
		right: 0;
		top: 55%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		line-height: 1;
		width: 50px;
		height: 50px;
		text-align: center;
	}

	.lst-filter__contact__link .icon {
		display: table-cell;
		vertical-align: middle;
		font-size: 15px;
		color: #8a9ca8;
	}

	.box-filter__content__title span {
		font-size: 14px;
		display: inline-block;
		margin-top: 5px;
	}

	.box-filter__content__detail {
		margin-bottom: 30px;
	}

	.box-filter--02 .box-filter__content__block p {
		font-size: 13px;
	}

	.lst-filter__contact--02 {
		padding-bottom: 5px;
		border-bottom: 1px dotted #e5e5e5;
	}
}

/* /info/network/detail
--------------------------------------*/
.box-information {
	margin: 60px 0 40px;
}

.box-information__text .hdg-lv3 {
	margin: 0 0 30px;
}

.box-information__image img {
	width: 80%;
}

.box-filter--02 .box-information__text p {
	font-size: 15px;
	margin-bottom: 25px;
}

.box-information__link {
	margin-top: 30px;
}

.box-filter--02 .box-information__link p {
	margin-bottom: 5px;
}

.box-information__link ul li {
	margin-bottom: 5px;
}

.box-button-back {
	text-align: center;
}

.box-button-back .btn {
	font-size: 15px;
	width: 285px;
	padding: 25px 30px;
}

.box-button-back .btn span {
	display: inline-block;
}

.box-button-back .btn--primary.btn--link span:before {
	content: '\f104';
	right: auto;
	left: -25px;
}

.box-button-back .btn--primary:hover.btn--link span:before {
	left: -30px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-information {
		position: relative;
		padding-top: 40px;
		margin: 40px 0 5px;
	}

	.box-information__text {
		position: static;
		padding-top: 20px;
	}

	.box-information__text .hdg-lv3 {
		position: absolute;
		top: 0;
		font-size: 19px;
		border-left: 2px solid #0a899c;
		padding-left: 10px;
		color: #333;
		font-weight: normal;
		line-height: 20px;
	}

	.box-filter--02 .box-information__text p {
		margin-bottom: 5px;
		font-size: 12px;
	}

	.box-filter--02 .box-information__link {
		margin-top: 12px;
	}

	.box-filter--02 .box-information__link ul li {
		margin-bottom: 10px;
	}

	.box-button-back {
		display: none;
	}
}

.box-message {
	position: relative;
	padding-right: 49.15%;
}

.box-message__inner {
	padding-right: 20px;
}

.box-message__thumb {
	display: inline-block;
	width: 48.25%;
	text-align: right;
	position: absolute;
	top: 0;
	right: 0;
}

.box-message .hdg-lv4 {
	font-weight: normal;
	margin: 48px 0 30px;
}

.box-message p {
	font-size: 15px;
	line-height: 25px;
	letter-spacing: 0.06em;
}

p.box-message__signature {
	font-size: 12px;
	margin-top: 20px;
}

.box-message__signature span {
	display: block;
	margin-top: 12px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-message {
		padding-right: 0;
	}

	.box-message__inner {
		padding-right: 0;
	}

	.box-message__thumb {
		display: block;
		width: 100%;
		text-align: center;
		position: relative;
		margin: 25px 0 20px;
	}

	.box-message .hdg-lv4 {
		margin: 20px 0 10px;
	}

	.box-message p {
		font-size: 13px;
		line-height: 20px;
	}
}

.dl-base dt {
	margin-top: 15px;
	margin-bottom: 12px;
	font-weight: bold;
}

.dl-base dd {
	padding-left: 20px;
}

.dl-base.dl-base02 dd {
	padding-left: 0;
}

.dl-base dt .lst-text>li:last-child {
	margin-bottom: 0;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.dl-base dt {
		margin-bottom: 10px;
	}

	.dl-base dd {
		padding-left: 10px;
	}

	.dl-base.dl-base02 dd {
		padding-left: 0;
	}
}

.lst-directors {
	margin-top: 40px;
}

.lst-directors__pic {
	text-align: center;
	line-height: 0;
}

.lst-directors__name {
	font-size: 18px;
	text-align: center;
	line-height: 22px;
}

.lst-directors__position {
	font-size: 15px;
	line-height: 25px;
	text-align: center;
}

.lst-directors__desc {
	font-size: 12px;
	line-height: 16px;
	margin-top: 10px;
}

.lst-directors__content {
	margin: 20px 0 35px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.lst-directors__name {
		font-size: 16px;
		line-height: 18px;
	}

	.lst-directors__position {
		font-size: 12px;
		line-height: 13px;
		margin-top: 6px;
	}

	.lst-directors__desc {
		font-size: 10px;
		line-height: 15px;
		margin-top: 8px;
	}

	.lst-directors__content {
		margin: 10px 0 18px;
	}
}

/*------------------------------------------*/
.box-history .hdg-lv2 {
	margin: 60px 0 50px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-history .hdg-lv2 {
		margin: 50px 0 20px;
	}
}

/*/ir/hightlight/
------------------------------------------*/
.bnr-csr--ir {
	background: url("../images/bg-ir01.png") no-repeat center;
	background-size: cover;
	margin-top: 20px;
}

.bnr-csr--ir .btn--link span:before {
	content: '\e800';
	position: relative;
	right: auto;
	left: 0;
	top: 0;
	transform: none;
	padding-right: 15px;
}

.bnr-csr--ir .btn--link:hover span:before {
	left: 10px;

}

.bnr-csr--ir .bnr-csr__btn .btn span {
	padding: 0;
}

.bnr-csr--ir .bnr-csr__title {
	font-weight: bold;
}

/* /news/
--------------------------------------*/
.box-main-image {
	height: 370px;
	background: url("../images/news-pct-main01.jpg") no-repeat center;
	background-size: cover;
}

.box-main-image__title {
	font-size: 40px;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #fff;
	padding: 140px 0 15px;
}

.box-main-image__desc {
	font-size: 22px;
	line-height: 30px;
	letter-spacing: 0.28em;
	color: #fff;
}

.box-main-image__button {
	margin-top: 30px;
}

.box-main-image__button .btn {
	width: 240px;
	padding: 20px 40px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-main-image {
		height: 200px;
		background: url("../images/news-pct-main01-sp.jpg") no-repeat center;
		background-size: cover;
	}

	.box-main-image__title {
		font-size: 25px;
		padding: 52px 0 2px;
	}

	.box-main-image__desc {
		font-size: 13px;
		line-height: 20px;
	}

	.box-main-image__button {
		margin-top: 20px;
	}

	.box-main-image__button .btn {
		font-size: 11px;
		width: 158px;
		padding: 11px 13px;
	}
}

.select-box {
	position: relative;
	display: inline-block;
}

.select-box select {
	width: 220px;
	text-align: center;
	text-align-last: center;
	font-size: 15px;
	line-height: 30px;
	color: #0a899c;
	padding: 10px 30px 8px 20px;
	border: 1px solid #8ba8bb;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}

.select-box select option {
	text-align: center;
}

.select-box select::-ms-expand {
	display: none;
}

.select-box:after {
	content: '\f107';
	font-family: "gaishi";
	font-size: 15px;
	line-height: 0;
	color: #0a899c;
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.select-box select {
		width: 200px;
		font-size: 12px;
		padding: 5px 25px 3px;
	}

	.select-box:after {
		font-size: 12px;
		right: 12px;
	}
}

.lst-news {
	font-family: "銉掋儵銈儙瑙掋偞 Pro W3", "銉掋儵銈儙瑙掋偞 ProN W3", "Hiragino Kaku Gothic Pro", "娓搞偞銈枫儍銈� Medium", "Yu Gothic Medium", "娓搞偞銈枫儍銈綋", YuGothic, "銉°偆銉偑", "锛汲 锛般偞銈枫儍銈�", sans-serif;
}

.lst-news__item {
	display: table;
	width: 100%;
	padding: 20px 0;
	border-bottom: 1px solid #dfdfdf;
}

a.lst-news__item:hover {
	text-decoration: none;
	opacity: .6;
}

.lst-news.js-lst-news-top li:nth-of-type(n+6),
.lst-news.js-ir-news-top li:nth-of-type(n+6) {
	display: none;
}

@media only screen and (min-width: 768px) {}

.lst-news__info {
	display: table-cell;
	width: 260px;
	vertical-align: top;
}

[lang="zh-cmn-Hans"] .lst-news__info,
[lang="en"] .lst-news__info {
	width: 285px;
}

.lst-news__date {
	font-size: 15px;
	font-family: 'Roboto Condensed', sans-serif;
	color: #333;
	letter-spacing: 0.12em;
	position: relative;
	top: 2px;
}

.lst-news__label {
	font-size: 12px;
	color: #000;
	padding: 5px 3px 2px;
	background: #e5e5e5;
	width: 110px;
	box-sizing: border-box;
	display: inline-block;
	text-align: center;
	border-radius: 3px;
	float: right;
}

.lst-news__text {
	display: table-cell;
	vertical-align: top;
	padding-left: 20px;
	font-size: 15px;
	color: #333;
	position: relative;
	top: 3px;
}

.lst-news__text .icon {
	color: #0a899c;
}

@media only screen and (min-width: 768px) and (max-width: 1240px) {
	.lst-news__text {
		width: calc(100% - 260px);
	}
}

@media only screen and (min-width: 1px) and (max-width: 767px) {

	.lst-news__item,
	.lst-news__info,
	.lst-news__text {
		display: block;
		width: 100%;
	}

	.lst-news__item {
		padding: 10px 0;
	}

	.lst-news__info {
		margin-bottom: 5px;
	}

	.lst-news__text {
		padding-left: 0;
		font-size: 10px;
		line-height: 16px;
		top: 0;
	}

	.lst-news__date {
		font-size: 8px;
	}

	.lst-news__label {
		float: none;
		font-size: 8px;
		width: 60px;
		margin-left: 10px;
		padding: 3px 5px 0;
	}

	.lst-news__label--01 {
		width: auto;
	}
}

/*/news/detail/
------------------------------------------*/
.box-map-simple {
	margin: 30px 0;
}

.box-map-simple .hdg-lv5-01 {
	font-size: 15px;
	margin-bottom: 5px;
}

.box-map-simple__link {
	margin-top: 40px;
	font-size: 15px;
	word-break: break-all;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-map-simple {
		margin: 25px 0;
	}

	.box-map-simple .hdg-lv5-01 {
		font-size: 14px;
	}

	.box-map-simple__link {
		margin-top: 15px;
		font-size: 13px;
	}
}

/*-----------------------------------------*/
.lst-image {
	margin: 50px 0 30px;
}

.lst-image__inner {
	margin: 0 -10px;
}

.lst-image__inner li {
	display: inline-block;
	float: left;
	width: 25%;
	padding: 0 10px;
	box-sizing: border-box;
	margin-bottom: 20px;
}

.lst-image__inner .txt-caption {
	font-size: 12px;
	display: block;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.lst-image {
		margin: 30px 0;
	}

	.lst-image__inner {
		margin: 0;
	}

	.lst-image__inner li {
		display: block;
		width: 100%;
		padding: 0;
		float: none;
		margin-bottom: 15px;
		text-align: center;
	}

	.lst-image__inner .txt-caption {
		font-size: 11px;
		margin-top: 5px;
	}
}

/*page-form
---------------------------------*/
.lbl-required {
	display: inline-block;
	color: #fff;
	font-size: 12px;
	background: #b32c2c;
	padding: 4px 9px;
	border-radius: 3px;
	line-height: 17px;
	margin-left: 10px;
}

.form-contact {
	margin-top: 90px;
}

.form-contact__des {
	margin-bottom: 30px;
	font-size: 15px;
}

.wrp-form__inner {
	padding: 25px 45px 35px;

	background: #f6f7f9;
}

.tbl-form {
	table-layout: fixed;
}

.tbl-form label {
	cursor: pointer;
}

.tbl-form tbody tr {
	border-bottom: 1px dotted #dae2ea;
}

.tbl-form tbody tr.form-contact__special th {
	vertical-align: top;
}

.tbl-form tbody tr.form-contact__special td {
	padding-right: 0;
}

.tbl-form tbody tr:last-child {
	border-bottom: 0;
}

.tbl-form tbody th {
	padding: 32px 55px 25px 0;
	width: 23.5%;
	box-sizing: border-box;
	font-size: 15px;
	position: relative;
}

.tbl-form tbody th .txt-small {
	display: block;
	font-size: 11px;
	color: #666;
	margin-top: 5px;
	line-height: 14px;
}

.tbl-form tbody th .lbl-required {
	position: absolute;
	right: 0;
	top: 31px;
}

.tbl-form tbody td {
	padding: 25px 20px 20px;
	vertical-align: middle;
	box-sizing: border-box;
}

.tbl-form tbody td.tbl-form__phone {
	padding: 25px 25px 30px;
}

.frmField__note {
	display: block;
	font-size: 12px;
	margin: 7px 0;
}

.frmField .errormsg {
	display: block;
	font-size: 15px;
	margin-top: 5px;
	color: #b32c2c;
}

.frmField {
	padding-bottom: 5px;
}

.frmField input:focus,
.frmField textarea:focus {
	border: 1px solid #1b9ece;
}

.frmField {
	padding-bottom: 0;
}

.formError {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	color: #b32c2c;
	margin-top: 5px !important;
}

.frmField .frm-input {
	width: 350px;
	padding: 8px;
	vertical-align: middle;
	border: 1px solid #e7e9ee;
}

.frmField .frm-input--sm {
	width: 95px;
	vertical-align: middle;
}

.frmField .frm-input--lg {
	width: 480px;
	max-width: 100%;
	vertical-align: middle;
}

.tbl-form td input[type="text"] {
	width: 480px;
	max-width: 100%;
	vertical-align: middle;
	padding: 8px;
	vertical-align: middle;
	border: 1px solid #e7e9ee;
}

.tbl-form td input[type="text"]#contact_liaison_zipcode_must,
.tbl-form td input[type="text"]#contact_liaison_zipcode,
.tbl-form td input[type="text"]#contact_zipcode_must,
.tbl-form td input[type="text"]#contact_zipcode {
	width: 95px;
}

.tbl-form td textarea {
	width: 670px;
	max-width: 100%;
	padding: 9px;
	box-sizing: border-box;
	height: 200px;
	border: 1px solid #e7e9ee;
}

.box-street .frm-input--sm {
	margin: 0 5px;
}

.box-street .frm-input--sm:first-child {
	margin: 0 5px 0 0;
}

.box-street__button {
	padding: 9px 32px;
	color: #fff;
	font-size: 15px;
	background: #8a9ca8;
	margin-left: 5px;
}

@media only screen and (min-width: 768px) {
	.box-street__button:hover {
		opacity: .7;
	}
}

.frmField__checkbox input[type="checkbox"] {
	visibility: hidden;
	width: 0;
	height: 0;
}

.frmField__checkbox input[type="checkbox"]+span {
	position: relative;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	margin-right: 5px;
	display: inline-block;
	border: 1px solid #adadad;
	box-sizing: border-box;
	border-radius: 3px;
}

.frmField__checkbox input[type="checkbox"]:checked+span {
	border: 1px solid #0a899c;
}

.frmField__checkbox input[type="checkbox"]:checked+span:before {
	font-family: "gaishi";
	content: '\e80a';
	position: absolute;
	top: -3px;
	left: 0;
	font-size: 11px;
	color: #0a899c;
}

.tbl-form tbody td li {
	display: inline-block;
	padding-right: 20px;
	font-size: 15px;
}

.frmField__radio input[type="radio"] {
	visibility: hidden;
	width: 0;
	height: 0;
}

.frmField__radio .radiocheck span {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 1px solid #ddd;
	position: relative;
	margin-right: 5px;
	top: 0;
	box-sizing: border-box;
}

.frmField__radio input[type="radio"]:checked+span {
	border: 2px solid #0a899c;
}

.frmField__radio input[type="radio"]:checked+span:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 2px;
	left: 2px;
	width: 4px;
	height: 4px;
	background: #0a899c;
	border-radius: 50%;
}

.frmField__note2 {
	margin: 30px 0 20px;
}

.frm-textarea {
	width: 670px;
	max-width: 100%;
	padding: 9px;
	box-sizing: border-box;
	height: 200px;
	border: 1px solid #e7e9ee;
}

.box-agree {
	padding: 45px 0;
	background: #fff;
	text-align: center;
}

.box-agree__title {
	margin-bottom: 27px;
}

.box-agree__link {
	margin-bottom: 37px;
}

.box-agree__link a {
	color: #1783ab;
}

.btn-group {
	margin: 60px 0 100px;
}

.btn-group li {
	display: inline-block;
	margin: 0 15px;
}

.btn-group .btn-submit {
	color: #fff;
	background: #00597f;
	padding: 14px 20px;
	border-radius: 45px;
	font-size: 15px;
	min-width: 310px;
}

.btn-group .btn-submit:hover {
	opacity: .7;
}

.btn-group .btn-back {
	color: #000;
	background: #fff;
	padding: 14px 20px;
	border-radius: 45px;
	font-size: 15px;
	min-width: 310px;
	border: 1px solid #909496;
}

.btn-group .btn-back:hover {
	opacity: .7;
}

.frmField__checkbox li {
	display: inline-block;
	font-size: 15px;
	padding-right: 10px;
}

.form-contact__note {
	border: 1px solid #e7e9ee;
	padding: 10px 10px 10px 25px;
	box-sizing: border-box;
	height: 310px;
}

.form-contact__note__inner {
	height: 285px;
	overflow-y: scroll;
	font-size: 15px;
}

.form-contact__note__inner p {
	line-height: 25px;
}

.form-contact__note__title {
	font-weight: bold;
	margin-bottom: 10px;
	padding-top: 15px;
}

.lst-note-form {
	padding-right: 40px;
}

.lst-note-form li {
	line-height: 25px;
}

/*
.form-contact__note__inner::-webkit-scrollbar {
	width: 4px;
}
.form-contact__note__inner::-webkit-scrollbar-thumb {
	background: #dae2ea;
}
*/
.formErrorContent {
	padding-top: 3px;
	font-size: 12px;
	color: #b32c2c;
}

.form-contact .btn-disabled {
	background: #f5f5f2;
	color: #d1d1d1;
	cursor: default;
}

.frmField__zipcode span {
	display: inline-block;
	padding-right: 5px;
	vertical-align: middle;
}

.frmField .inputbox-error {
	border: 1px solid #da9f9f;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.form-contact {
		margin-top: 50px;
	}

	.form-contact__des {
		font-size: 13px;
	}

	.wrp-form__inner {
		margin: 0 -20px;
		padding: 0;
		box-sizing: border-box;
	}

	.wrp-form__note {
		padding: 0 20px 25px;
		margin-bottom: 0;
	}

	.tbl-form {
		margin-top: 0;
		padding-bottom: 20px;
	}

	.tbl-form tbody th {
		display: block;
		width: 100%;
		padding: 15px 20px 5px;
		color: #222;
	}

	.tbl-form tbody td {
		display: block;
		padding: 0 20px;
	}

	.tbl-form tbody td:last-child {
		padding: 0 20px 20px;
	}

	.frmField .frm-input,
	.frmField .frm-input--lg {
		min-width: auto;
		width: 100%;
		padding: 8px;
		box-sizing: border-box;
	}

	.tbl-form td input[type="text"] {
		min-width: auto;
		width: 100%;
		padding: 8px;
		box-sizing: border-box;
	}

	.tbl-form td input[type="text"]#contact_liaison_zipcode_must,
	.tbl-form td input[type="text"]#contact_liaison_zipcode,
	.tbl-form td input[type="text"]#contact_zipcode_must,
	.tbl-form td input[type="text"]#contact_zipcode {
		width: 80px;
	}

	.tbl-form td textarea {
		width: 100%;
		height: 100px;
	}

	.frmField .frm-input--sm {
		width: 70px;
	}

	.lbl-required {
		font-size: 10px;
		padding: 0 3px;
		line-height: 14px;
		margin-left: 5px;
	}

	.frmField {
		padding-bottom: 15px;
	}

	.frmField__note {
		font-size: 10px;
		line-height: 14px;
	}

	.tbl-form tbody td.tbl-form__phone {
		padding: 0 20px 10px;
	}

	.frmField__radio {
		margin-top: 15px;
	}

	.frmField__radio li {
		display: block;
		padding-right: 0;
		margin-bottom: 5px;
	}

	.frmField__note2 {
		margin: 17px 0;
		line-height: 14px;
	}

	.frm-textarea {
		height: 100px;
	}

	.tbl-form tbody .checkbox {
		display: block;
		margin-top: 3px;
	}

	.tbl-form tbody input[type="radio"]:checked+span:before {
		width: 4px;
		height: 4px;
	}

	.box-agree {
		padding: 20px 0 25px;
	}

	.box-agree__title {
		line-height: 19px;
	}

	.box-agree__link {
		margin-bottom: 25px;
	}

	.btn-group {
		margin: 20px 0;
	}

	.btn-group li {
		display: block;
		margin: 0;
	}

	.btn-group #btnSubmit span {
		padding-right: 10px;
	}

	.btn-group .btn-back {
		font-size: 12px;
		min-width: 200px;
		padding: 7px 10px;

		margin-bottom: 10px;
	}

	.tbl-form tbody th .lbl-required {
		position: relative;
		top: -2px;
		transform: none;
	}

	.box-street__button {
		margin: 10px 0 0 0;
	}

	.frmField__checkbox li {
		display: block;
		padding-right: 0;
	}

	.tbl-form tbody tr.form-contact__special td {
		padding-right: 20px;
	}

	.form-contact__note__inner {
		font-size: 13px;
		line-height: 1.666666666;
	}

	.lst-note-form {
		padding-right: 0;
	}

	.form-contact__note__inner p {
		line-height: 1.66666;
	}

	.frmField .errormsg {
		font-size: 11px;
	}

	.frmField.formError {
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 1024px) {
	#l-container.l-container--form {
		padding-top: 50px;
	}
}

/*------------------------------------*/
.lst-step {
	margin: 100px 0;
}

.lst-step__inner {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.lst-step__inner li {
	display: table-cell;
	width: 33.33333%;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #0a899c;
	border-left: 0;
	border-right: 1px solid #0a899c;
	box-sizing: border-box;
	color: #0a899c;
	position: relative;
}

.lst-step__inner li span {
	font-size: 15px;
	display: block;
	padding: 14px 15px;
}

.lst-step__inner li.is-current {
	background: #0a899c;
	color: #fff;
}

.lst-step__inner li:after {
	content: "";
	width: 0;
	height: 0;
	border-top: 26px solid transparent;
	border-left: 16px solid #0a899c;
	border-bottom: 26px solid transparent;
	position: absolute;
	right: -16px;
	top: -1px;
}

.lst-step__inner li:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 26px solid transparent;
	border-left: 16px solid #fff;
	border-bottom: 26px solid transparent;
	position: absolute;
	z-index: 1;
	right: -15px;
	top: -1px;
}

.lst-step__inner li.is-current:before {
	content: none;
}

.lst-step__inner li:first-child {
	border-left: 1px solid #0a899c;
}

.lst-step__inner li:nth-child(3):before,
.lst-step__inner li:nth-child(3):after {
	content: none;
}

/*------------------------------------*/
.lst-numberic {
	counter-reset: numberic;
}

.lst-numberic>li {
	text-indent: -1.5em;
	padding-left: 1.5em;
	font-size: 15px;
	line-height: 25px;
}

.lst-numberic>li:before {
	counter-increment: numberic;
	content: counter(numberic)".";
	padding-right: 5px;
}

/*------------------------------------*/

.lst-dotted>li {
	padding-left: 1.5em;
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 5px;
	position: relative;
}

.lst-dotted>li p {
	display: inline-block;
}

.lst-dotted>li:before {
	content: "";
	display: inline-block;
	width: 11px;
	height: 3px;
	background: #0a899c;
	margin-right: 10px;
	position: absolute;
	top: 10px;
	left: 0;
}

.lst-dotted>li .lbl-required {
	margin: 0 5px 0 0;
}

/*---------------------------------*/
.box-more {
	padding: 45px 0 50px;
	border-top: 1px solid #aeb6bb;
	border-bottom: 1px solid #aeb6bb;
}

.box-more__title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.lst-step {
		margin: 50px 0;
	}

	.lst-step__inner li span {
		font-size: 12px;
	}

	.lst-step__inner li:after,
	.lst-step__inner li:before {
		content: none;
	}

	.lst-numberic>li {
		font-size: 13px;
		line-height: 1.6666666;
	}

	.lst-dotted>li {
		font-size: 13px;
		line-height: 1.6666666;
	}

	.lst-dotted>li:before {
		top: 7px;
	}

	.box-more {
		padding: 20px 0;
	}

	.box-more__title {
		font-size: 14px;
		margin-bottom: 10px;
	}
}

/*/sustainability/
----------------------------------------------*/
.box-main-image--sustainability {
	background: url(../images/index-bg-main01.jpg) no-repeat center;
	background-size: cover;
}

.lst-group-button {
	margin: 50px 0;
}

.lst-group-button>.grid-row li {
	margin-bottom: 15px;
}

.lst-group-button .btn--large {
	padding: 27px 35px 27px 20px;
	letter-spacing: 0;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.lst-group-button {
		margin: 25px 0 30px;
	}

	.lst-group-button>.grid-row {
		margin: 0 -5px;
	}

	.lst-group-button>.grid-row li {
		margin-bottom: 10px;
		padding: 0 5px;
	}

	.lst-group-button .btn--large {
		padding: 10px;
	}

	.lst-group-button .btn {
		font-size: 12px;
		letter-spacing: 0;
	}

	.lst-group-button .btn span {
		padding-right: 10px;
	}
}

/*----------------------------*/
.box-activities {
	margin-bottom: 50px;
	overflow: hidden;
	padding-bottom: 140px;
}

.box-activities>.grid-row {
	margin: 0;
	overflow: visible;
}

.box-activities .box-activities__wrap {
	padding: 0 0 120px 0;
	position: relative;
	background: #edeff1;
	border-left: 1px solid #fff;
}

.box-activities .box-activities__wrap:first-child {
	border-left: 0;
}

.box-activities__image span {
	display: block !important;
	padding-bottom: 43.65%;
}

.box-activities__inner {
	max-width: 580px;
	padding: 0 20px;
	margin: -31% auto 0;
}

.box-activities__title {
	font-size: 30px;
	text-align: center;
	color: #fff;
	letter-spacing: 0.14em;
	margin-bottom: 45px;
}

.box-activities__title span {
	font-size: 15px;
	display: block;
	letter-spacing: 0.06em;
}

.box-activities__content {
	display: block;
}

.box-activities__content__image {
	display: block;
	overflow: hidden;
}

.box-activities__content__detail {
	display: block;
	padding: 25px 25px 60px;
	box-sizing: border-box;
	background: #fff;
	position: relative;
}

.box-activities__content__date {
	display: block;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	letter-spacing: 0.12em;
	color: #333;
}

.box-activities__content__title {
	display: block;
	font-size: 15px;
	letter-spacing: 0.06em;
	color: #333;
	margin-bottom: 10px;
}

.box-activities__content__text {
	display: block;
	font-size: 12px;
	letter-spacing: 0.06em;
	color: #717171;
	margin-bottom: 10px;
}

.btn.box-activities__content__link {
	display: block;
	margin-top: 10px;
	padding: 20px 25px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	color: #0a899c !important;
}

.btn.box-activities__content__link span {
	display: inline-block;
	padding-right: 15px;
}

.box-activities__button {
	text-align: center;
	margin-top: 75px;
	position: absolute;
	bottom: -35px;
	left: 0;
	right: 0;
	margin: auto;
}

.box-activities__button .btn {
	padding: 24px 50px;
}

@media only screen and (min-width: 768px) {
	.box-activities__content a:hover {
		text-decoration: none;
	}

	.box-activities__content__image img {
		width: 100%;
		-webkit-transition: all .6s;
		transition: all .6s;
	}

	.box-activities__content a:hover .btn--link span:before {
		right: -10px;
	}

	.box-activities__content a:hover .box-activities__content__image img {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.box-activities__title {
		font-size: 24px;
	}
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-main-image--sustainability {
		background: url(../images/index-bg-main01-sp.jpg) no-repeat center;
		background-size: cover;
	}

	.box-activities {
		padding-bottom: 20px;
		margin-bottom: 15px;
	}

	.box-activities__title {
		font-size: 19px;
		line-height: 23px;
		margin-bottom: 10px;
	}

	.box-activities__title span {
		font-size: 9px;
	}

	.box-activities__image span {
		padding-bottom: 48%;
	}

	.box-activities__inner {
		margin-top: -37%;
	}

	.box-activities__content {
		max-width: 280px;
		margin: 0 auto;
		padding: 0 45px;
	}

	.box-activities__content>.grid-row>div {
		margin-bottom: 20px;
	}

	.box-activities__content a {
		display: block;
	}

	.box-activities .box-activities__wrap {
		padding-bottom: 20px;
		border-left: 0;
	}

	.box-activities__content__detail {
		padding: 10px 15px 40px;
	}

	.box-activities__content__date {
		font-size: 10px;
		margin-bottom: 5px;
	}

	.box-activities__content__title {
		font-size: 14px;
	}

	.box-activities__content__text {
		font-size: 8px;
	}

	.btn.box-activities__content__link {
		text-align: left;
		font-size: 12px;
		padding: 10px 15px;
	}

	.box-activities__button {
		position: relative;
		bottom: 0;
		margin-top: 5px;
		padding: 0 20px;
	}

	.box-activities__button .btn {
		font-size: 12px;
		padding: 10px 15px;
	}
}

/*----------------------------------------*/
.box-main-image--social {
	background: url(../images/social-index-bg-main.jpg) no-repeat center bottom;
	background-size: cover;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-main-image--social {
		background: url("../images/social-index-bg-main-sp.jpg") no-repeat center;
		background-size: cover;
	}
}

.box-activity-map {
	padding: 77px 0 80px;
	margin-top: 80px;
}

.box-activity-map .box-main-map__content {
	background: url(../images/social-indesx-pic-map.png) no-repeat center;
	background-size: contain;
	height: 467px;
	position: relative;
}

.box-main-map__title {
	text-align: center;
}

.box-main-map__head {
	font-size: 28px;
}

.box-main-map__sub {
	font-size: 13px;
}

.box-activity-map__head {
	padding-bottom: 20px;
	overflow: hidden;
	margin-top: -23px;
}

.box-activity-map__head__title {
	float: left;
	font-size: 20px;
	color: #0a899c;
	font-weight: bold;
}

.box-activity-map__head__sort {
	float: right;
	display: table;
}

.box-activity-map__head__sort>p {
	display: table-cell;
	line-height: 1;
	padding-left: 15px;
	color: #0a899c;
	position: relative;
	vertical-align: middle;
	position: relative;
}

.box-activity-map__head__sort>p:first-child {
	padding-right: 15px;
}

.box-activity-map__head__sort>p:first-child:before {
	content: "";
	height: 20px;
	width: 0;
	border-right: 1px dotted #8ba8bb;
	right: 0;
	position: absolute;
}

.box-activity-map__head__sort select {
	font-size: 13px;
	border: 1px solid #8ba8bb;
	color: #0a899c;
	padding: 8px 17px;
	width: 140px;
	text-align-last: center;
	line-height: 1;
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}

.box-activity-map__head__sort select::-ms-expand {
	display: none;
}

.box-activity-map__head__sort>p:last-child::before {
	content: '\f107';
	font-family: "gaishi";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	right: 10px;
	position: absolute;
	z-index: 1;
	top: 50%;
	transform: translateY(-50%);
}

.box-activity-map__search {
	background: #dadde7;
	padding: 35px;
	margin-top: 55px;
}

.box-activity-map__search .frm-search {
	max-width: 620px;
	margin: auto;
	background: none;
	padding: 0;
}

.box-activity-map__search .frm-search__title {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	margin-bottom: 0;
	font-weight: bold;
}

.box-activity-map__search .frm-search__inner {
	display: inline-block;
	vertical-align: middle;
	max-width: 400px;
	width: 100%;
	box-sizing: border-box;
}

.box-activity-map__search input {
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	font-size: 15px;
	color: #666;
}

.box-activity-map__search button#search-btn {
	position: absolute;
	right: 0;
	top: 1px;
	width: 51px;
	height: 51px;
	font-size: 18px;
	background: #081f2e;
	color: #fff;
}

.box-activity-map .box-main-map__link #map01 {
	top: 32%;
	left: -51px;
}

.box-activity-map .box-main-map__link #map02 {
	top: 54%;
	left: 1%;
}

.box-activity-map .box-main-map__link #map03 {
	top: 17%;
	left: 37%;
}

.box-activity-map .box-main-map__link #map04 {
	top: 54%;
	left: 37%;
}

.box-activity-map .box-main-map__link #map05 {
	top: 35%;
	right: 21%;
}

.box-activity-map .box-main-map__link #map06 {
	top: 58%;
	right: -35px;
}

.box-activity-map__head__sort>p.box-activity-map__release {

	display: none;
	cursor: pointer;
}

.box-activity-map__head__sort>p.box-activity-map__release:hover {
	text-decoration: underline;
}

.lst-report>li:nth-of-type(n+9) {
	display: none;
}

.lst-social-index .box-media--02 {
	box-sizing: border-box;
	margin: 20px 0 0;
	padding: 50px 20px 80px;
	background: #eeeff3;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-activity-map {
		padding: 10px 0 40px;
		margin-top: 30px;
	}

	.box-main-map__head {
		font-size: 19px;
	}

	.box-main-map__title {
		position: relative;
		z-index: 3;
		top: 40px;
	}

	.box-main-map__sub {
		position: absolute;
		bottom: -35px;
		z-index: 3;
	}

	.box-activity-map .box-main-map__content {
		height: 205px;
		background-position: center top;
		margin-top: -60px;
	}

	.box-activity-map .box-main-map__link {
		padding-top: 150px;
	}

	.box-activity-map .box-main-map__link li {
		position: relative;
		left: auto !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
	}

	.box-activity-map__head {
		overflow: visible;
	}

	.box-activity-map__head__title,
	.box-activity-map__head__sort {
		float: none;
	}

	.box-activity-map__head__title {
		font-size: 16px;
	}

	.box-activity-map__head__sort>p {
		font-size: 10px;
	}

	.box-activity-map__head__sort>p:first-child {
		padding-left: 0;
	}

	.box-activity-map__head__sort>p>span {
		display: inline-block;
		vertical-align: middle;
	}

	.box-activity-map__head__sort select {
		width: 100px;
		display: inline-block;
		font-size: 12px;
		padding: 6px 15px;
	}

	.box-activity-map__head__sort>p:first-child:before {
		top: 9px;
	}

	.box-activity-map__search {
		padding: 27px 15px 20px;
		margin-top: 30px;
	}

	.box-activity-map__search .frm-search__title {
		text-align: center;
		display: block;
		font-size: bold;
		margin-bottom: 10px;
	}

	.box-activity-map__search input {
		font-size: 12px;
		padding: 10px;
	}

	.box-activity-map__search button#search-btn {
		width: 40px;
		height: 38px;
		font-size: 14px;
	}

	.lst-social-index .box-media--02 {
		box-sizing: border-box;
		margin: 0 0 0;
		padding: 20px 5px 30px;
		background: #eeeff3;
	}

	.lst-social-index .box-media__thumb {
		padding: 0 20px;
	}

	.lst-social-index .box-media__content__ttl {
		font-size: 14px;
	}

	.lst-social-index .box-media__content__des {
		line-height: 1.5;
		text-align: left;
		font-size: 13px;
	}
}

/*/sustainability/philanthropy
----------------------------------------------*/
.box-main-image--philanthropy {
	background: url("../images/philanthropy-index-bg-main.jpg") no-repeat center;
	background-size: cover;
}

.box-main-image--01 {
	text-align: center;
	min-height: 400px;
	position: relative;
	padding: 20px 0;
	box-sizing: border-box;
}

.box-main-image--01 .wrp-container {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	box-sizing: border-box;
}

.box-main-image__sub {
	color: #fff;
	font-size: 15px;
	letter-spacing: 0.16em;
	margin-bottom: 20px;
}

.box-main-image--01 .box-main-image__title {
	padding: 0;
	font-size: 35px;
	line-height: 1.28;
	font-weight: normal;
}

.box-main-image--01 .box-main-image__desc {
	letter-spacing: 0.05em;
	padding-top: 40px;
}

.box-main-image--01 .box-main-image__desc span {
	font-family: 'Myriad Pro';
	font-size: 48px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-main-image--01 {
		min-height: 200px;
	}

	.box-main-image--philanthropy {
		background: url("../images/philanthropy-index-bg-main-sp.jpg") no-repeat center;
		background-size: cover;
	}

	.box-main-image__sub {
		font-size: 10px;
		margin-bottom: 10px;
	}

	.box-main-image--01 .box-main-image__title {
		font-size: 20px;
	}

	.box-main-image--01 .box-main-image__desc {
		font-size: 10px;
		padding-top: 15px;
	}

	.box-main-image--01 .box-main-image__desc span {
		font-size: 18px;
	}
}

/*-------------------------------------------*/
.box-event {
	background: #eeeff3;
	padding: 10px 0 50px;
}

.box-event__button {
	text-align: center;
	margin-top: 40px;
}

.box-event__button a {
	width: 280px;
	text-align: left;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-event {
		padding: 10px 0 30px;
	}
}

/*
----------------------------------------------*/
.ir-stockprice-iframe {
	border: none;
	width: 100%;
	height: 850px;
}

/*
----------------------------------------------*/
.box-main-image--ir {
	background: url("../images/index-bg-main01.jpg") no-repeat center;
	background-size: cover;
}

.box-philosophy {
	position: relative;
	min-height: 420px;
	margin-bottom: 1px;
}

.box-philosophy--01 {
	background: url("../images/index-pic01.jpg") no-repeat center;
	background-size: cover;
}

.box-philosophy--02 {
	background: url("../images/index-pic02.jpg") no-repeat center;
	background-size: cover;
}

.box-philosophy__content {
	display: inline-block;
	box-sizing: border-box;
	float: left;
	width: 42.35%;
	padding: 70px 20px 70px 8.5%;
}

.box-philosophy__title {
	font-size: 30px;
	color: #fff;
	letter-spacing: 0.28em;
	margin-bottom: 15px;
}

.box-philosophy__desc {
	font-size: 16px;
	line-height: 25px;
	color: #fff;
	margin-bottom: 50px;
}

.box-philosophy__btn .btn--link {
	text-align: center;
}

.box-philosophy__list {
	padding: 75px 40px 35px 0;
	box-sizing: border-box;
	display: inline-block;
	width: 57.5%;
	float: right;
}

.box-philosophy__sub {
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	margin-bottom: 15px;
}

.box-philosophy__list ul {
	border-top: 1px solid #515561;
}

.box-philosophy__list ul li {
	padding: 8px 5px 10px;
	border-bottom: 1px solid #515561;
}

.box-philosophy__list ul li a {
	font-size: 13px;
	color: #fff;
	letter-spacing: 0;
}

.box-philosophy__list ul li .lst-news__date {
	display: none;
}

.lst-article__special .lst-article__inner {
	display: table;
	width: 100%;
}

.lst-article__special .lst-article__content {
	display: table-cell;
	width: 50%;
	vertical-align: top;
}

.lst-article__special .lst-article__list {
	display: table-cell;
	width: 50%;
	vertical-align: top;
	background: #fff;
	color: #333;
	padding: 10px 30px 10px 10px;
	text-align: right;
}

.lst-article__special .lst-article__list__inner {
	display: inline-block;
	width: 200px;
}

.lst-article__special .lst-article__list__title {
	font-size: 15px;
	line-height: 30px;
	display: table-cell;
	vertical-align: middle;
}

.lst-article__special .lst-article__list__text {
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	text-align: right;
	display: table-cell;
	vertical-align: middle;
	padding-left: 5px;
}

.lst-article__special .lst-article__list__item {
	display: table;
	width: 100%;
}

.lst-article__special .lst-article__list__inner ul {
	border-top: 1px solid #ddd;
}

.lst-article__special .lst-article__list__inner ul li {
	border-bottom: 1px solid #ddd;
}

.lst-article__special .lst-article__list__note {
	font-size: 12px;
	line-height: 30px;
	text-align: left;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-main-image--ir {
		background: url("../images/index-bg-main01-sp.jpg") no-repeat center;
		background-size: cover;
		height: 250px;
	}

	.box-philosophy__list {
		display: none;
	}

	.box-philosophy__content {
		width: 100%;
		display: block;
		float: none;
		padding: 90px 30px 107px;
	}

	.box-philosophy {
		margin-bottom: 35px;
		min-height: 308px;
	}

	.box-philosophy--01 {
		background: url("../images/index-pic01-sp.jpg") no-repeat top center;
		background-size: cover;
	}

	.box-philosophy--02 {
		background: url("../images/index-pic02-sp.jpg") no-repeat center;
		background-size: cover;
		margin-bottom: 0;
	}

	.lst-philosophy {
		background: #eeeff3;
		padding: 30px 0;
	}

	.box-philosophy__title {
		text-align: center;
		font-size: 19px;
		margin-bottom: 15px;
	}

	.box-philosophy__desc {
		text-align: center;
		font-size: 13px;
		line-height: 20px;
		margin-bottom: 0;
	}

	.box-philosophy__btn {
		display: inline-block;
		line-height: 1;
		width: 190px;
		position: absolute;
		bottom: -16px;
		left: 50%;
		transform: translateX(-50%);
	}

	.box-philosophy__btn .btn--link {
		text-align: left;
		padding: 10px 40px 10px 50px;
	}

	.lst-article__special .lst-article__inner,
	.lst-article__special .lst-article__content,
	.lst-article__special .lst-article__list {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}

	.lst-article__special .lst-article__list__inner {
		display: block;
	}

	.lst-article__special .lst-article__list__title {
		font-size: 10px;
		line-height: 20px;
	}

	.lst-article__special .lst-article__list__text {
		font-size: 12px;
		line-height: 20px;
	}

	.lst-article__list__note {
		font-size: 10px;
		line-height: 20px;
	}

	.lst-article__special .lst-article__list {
		padding: 0 15px 10px;
	}
}

/*--------------------------------------------*/
/* /search/index.html
----------------------------------------------*/
.frm-search {
	background: #edeff1;
	padding: 75px 20px 65px;
}

header .frm-search {
	background: none;
	padding: 0;
}

.frm-search__content {
	display: block;
	max-width: 580px;
	margin: 0 auto;
}

.frm-search__title {
	text-align: center;
	font-size: 35px;
	letter-spacing: 0.06em;
	font-weight: normal;
	line-height: 1.28;
	margin-bottom: 30px;
}

.frm-search__input {
	width: 100%;
	font-size: 15px;
	line-height: 26px;
	color: #666;
	padding: 10px 60px 10px 15px;
	height: 50px;
	box-sizing: border-box;
}

.frm-search__button {
	position: absolute;
	right: 0;
	top: 1px;
	width: 49px;
	height: 48px;
	font-size: 15px;
	background: #081f2e;
	color: #fff;
}

.frm-search__checkbox {
	margin-top: 20px;
}

.frm-search__checkbox input[type="checkbox"]:checked+span {
	background: #0a899c;
}

.frm-search__checkbox input[type="checkbox"]+span {
	position: relative;
	top: 0;
	left: 0;
	width: 13px;
	height: 13px;
	margin-right: 5px;
	display: inline-block;
	border: 1px solid #0a899c;
	box-sizing: border-box;
	border-radius: 3px;
}

.frm-search__checkbox input[type="checkbox"]:checked+span:before {
	font-family: "gaishi";
	content: '\e80a';
	position: absolute;
	top: 1px;
	left: 1px;
	font-size: 9px;
	line-height: 1;
	color: #fff;
}

.frm-search__checkbox .checkbox {
	color: #0a899c;
}

.frm-search__checkbox>li {
	display: inline-block;
	margin-right: 45px;
	margin-bottom: 10px;
	color: #0a899c;
}

#ss-form div.ss-categories {
	margin-top: 0;
}

#ss-form div.ss-categories fieldset.ss-category-field {
	margin: 0;
}

div#ss-main {
	width: 100%;
	font-family: "銉掋儵銈儙瑙掋偞 Pro W3", "銉掋儵銈儙瑙掋偞 ProN W3", "Hiragino Kaku Gothic Pro", "娓搞偞銈枫儍銈� Medium", "Yu Gothic Medium", "娓搞偞銈枫儍銈綋", YuGothic, "銉°偆銉偑", "锛汲 锛般偞銈枫儍銈�", sans-serif;
}

@media screen and (min-width: 768px) {
	div#ss-main {
		width: 100%;
	}
}

div#ss-navi {
	padding: 0;
	margin-bottom: 0;
	border: none;
	background-color: #fff;
	font-size: 15px;
}

div.ss-pagination .ss-page {
	border: none;
	padding: 0;
	width: auto;
	color: #0a899c;
}

div.ss-pagination .ss-page>span {
	display: inline-block;
	padding: 6px 12px;
	margin: 0;
	background: #fff;
	color: #0a899c;
}

div.ss-pagination .ss-page.ss-select-page>span {
	background: #0a899c;
	color: #fff;
}

.box-result__sort span {
	font-weight: normal;
	cursor: pointer;
}

.box-result__sort span.selected {
	font-weight: bold;
	cursor: default;
}

.lst-result__thumb img {
	width: 100%;
}

.frm-search--02 {
	background: none;
	padding: 100px 0 50px;
}

.frm-search--02 .frm-search__title {
	text-align: left;
	margin-bottom: 10px;
	font-size: 24px;
}

.frm-search--02 input {
	padding: 18px 60px 18px 10px;
	box-sizing: border-box;
	width: 100%;
}

.frm-search--02 #btn-search {
	position: absolute;
	right: 0;
	top: 1px;
	width: 59px;
	height: 58px;
	font-size: 18px;
	background: #0a899c;
	color: #fff;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.frm-search__title {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.frm-search {
		padding: 30px 15px 10px;
	}

	.frm-search__input {
		font-size: 12px;
		line-height: 13px;
		padding: 10px 40px 10px 10px;
		height: 40px;
	}

	.frm-search__button {
		width: 39px;
		height: 39px;
		font-size: 12px;
	}

	.frm-search__checkbox {
		margin: 8px -5px 0;
	}

	.frm-search__checkbox>li {
		position: relative;
		display: inline-block;
		width: 50%;
		float: left;
		margin-right: 0;
		margin-bottom: 6px;
		padding: 0 5px 0 20px;
		box-sizing: border-box;
	}

	.frm-search__checkbox .checkbox {
		padding: 0 5px 0 20px;
		display: block;
		position: relative;
	}

	.frm-search__checkbox input[type="checkbox"]+span {
		position: absolute;
		left: 5px;
		top: 3px
	}

	.frm-search--02 {
		padding: 38px 0 24px;
	}

	.frm-search--02 input {
		padding: 10px;
	}

	.frm-search--02 .frm-search__title {
		font-size: 16px;
	}

	.frm-search--02 #btn-search {
		width: 39px;
		height: 39px;
		font-size: 14px;
	}
}

.box-result .hdg-lv2 span {
	font-weight: bold;
	color: #0a899c;
}

.box-result__info {
	position: relative;
	margin-bottom: 15px;
}

.box-result__sort {
	display: inline-block;
	float: right;
	font-size: 15px;
	line-height: 26px;
	color: #0a899c;
}

.box-result__number {
	float: left;
	font-size: 15px;
	line-height: 26px;
	color: #333;
}

.box-result__number span {
	font-size: 20px;
	color: #0a899c;
	font-weight: bold;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-result__number {
		font-size: 12px;
		line-height: 13px;
	}

	.box-result__number span {
		font-size: 17px;
	}

	.box-result__sort {
		font-size: 12px;
		line-height: 13px;
	}

	.box-result__info {
		margin-bottom: 15px;
	}
}

.lst-result {
	border-top: 1px dashed #b2b2b2;
}

.lst-result__item {
	display: table;
	width: 100%;
	table-layout: fixed;
	padding: 40px 0;
	border-bottom: 1px dashed #b2b2b2;
}

.lst-result__thumb {
	display: table-cell;
	width: 180px;
	vertical-align: top;
	line-height: 1;
}

.lst-result__content {
	display: table-cell;
	padding-left: 20px;
	vertical-align: top;
}

.lst-result__date {
	font-size: 13px;
	line-height: 20px;
	color: #666;
	margin-bottom: 12px;
}

div#ss-main .lst-result__date a {
	color: #000;
}

.lst-result__title {
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	color: #333;
	margin-bottom: 15px;
}

.lst-result__title span {
	color: #0a899c;
}

.lst-result__text {
	font-size: 15px;
	line-height: 20px;
	color: #333;
	margin-bottom: 8px;
}

.lst-result__text span {
	color: #0a899c;
}

.lst-result__link {
	font-size: 12px;
	line-height: 20px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.lst-result__item {
		padding: 20px 0 12px;
	}

	.lst-result__thumb {
		width: 31%;
	}

	.lst-result__content {
		padding-left: 10px;
	}

	.lst-result__date {
		font-size: 10px;
		line-height: 1;
		margin-bottom: 8px;
	}

	.lst-result__title {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 6px;
	}

	.lst-result__text {
		font-size: 12px;
		line-height: 15px;
		margin-bottom: 6px;
	}

	.lst-result__link {
		font-size: 10px;
	}

	.lst-result__link a {
		word-wrap: break-word;
	}
}

.box-pager {
	display: block;
	text-align: center;
	margin-top: 50px;
}

.box-pager__list li {
	display: inline-block;
}

.box-pager__list li a {
	display: block;
	padding: 6px 12px;
	margin: 0 2px;
}

.box-pager__list li a:hover,
.box-pager__list .current a {
	background: #0a899c;
	color: #fff;
	text-decoration: none;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-pager {
		margin-top: 20px;
	}

	.box-pager__list li a {
		font-size: 14px;
		padding: 5px 10px;
	}
}

/*--------------------------------------------*/
/*product/
--------------------------------------------*/
.box-main-image--02 {
	height: 460px;
}

.box-main-image--02 .box-main-image__title {
	padding-top: 120px;
}

.box-main-image--product {
	background: url("../images/index-bg-main01.jpg") no-repeat center;
	background-size: cover;
}

.bnr-csr--product {
	background: url("../images/index-bg01.jpg") no-repeat center;
	background-size: cover;
}

.bnr-csr--product .btn--link span:before {
	content: '\f08e';
}

.box-search {
	background: url("../images/index-bg-search01.jpg") top center;
	background-size: cover;
	height: 370px;
	margin-bottom: 1px;
	margin-top: 80px;
}

.frm-search-prouct__inner {
	color: #fff;
	display: table;
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	padding-top: 140px;
}

.frm-search-prouct__title {
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0;
	display: table-cell;
	padding-top: 10px;
}

.frm-search-prouct__content {
	display: table-cell;
	position: relative;
	padding-left: 40px;
	vertical-align: top;
	width: 440px;
	box-sizing: border-box;
}

@media all and (-ms-high-contrast:none) {

	*::-ms-backdrop,
	.frm-search-prouct__content {
		display: table-cell;
		position: relative;
		padding-left: 20px;
		vertical-align: top;
		width: 420px;
		box-sizing: border-box;
	}
}

.frm-search-prouct__content input[type=text] {
	padding: 13px 60px 12px 15px;
	box-sizing: border-box;
	border-radius: 3px;
	width: 100%;
}

.frm-search-prouct__content input[type=text]::-webkit-input-placeholder {
	font-size: 15px;
	color: #666;
}

.frm-search-prouct__content input[type=text]::-moz-placeholder {
	font-size: 15px;
	color: #666;
}

.frm-search-prouct__content input[type=text]:-ms-input-placeholder {
	font-size: 15px;
	color: #666;
}

.frm-search-prouct__content input[type=text]:-moz-placeholder {
	font-size: 15px;
	color: #666;
}

.frm-search-prouct__content input[type=text]::placeholder {
	font-size: 15px;
	color: #666;
}

#product-search-btn {
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0;
	top: 0;
	background: #081f2e;
	color: #fff;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.frm-search-prouct__link {
	margin-top: 35px;
}

.frm-search-prouct__link a {
	color: #fff;
	letter-spacing: 0;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-main-image--02 {
		height: 250px;
	}

	.box-main-image--02 .box-main-image__title {
		padding: 50px 0 10px;
	}

	.box-main-image--product {
		background: url("../images/index-bg-main01-sp.jpg") no-repeat center;
		background-size: cover;
	}

	.bnr-csr--product {
		background: url(../images/index-bg01.jpg) no-repeat center;
		background-size: cover;
	}

	.bnr-csr--product .bnr-csr__title {
		font-weight: bold;
		font-size: 16px;
	}

	.bnr-csr--product .bnr-csr__btn {
		text-align: center;
	}

	.bnr-csr--product .bnr-csr__btn a {
		font-size: 11px;
		padding: 11px 13px;
		width: 190px;
	}

	.bnr-csr--product02 {
		margin-left: -15px;
		margin-right: -15px;
	}

	.box-search {
		background: url("../images/index-bg-search01-sp.jpg") top center;
		background-size: cover;
		margin-top: 0;
		height: 200px;
	}

	.box-search__inner {
		padding: 0 20px;
	}

	.frm-search-prouct__inner {
		padding-top: 30px;
	}

	.frm-search-prouct__title {
		display: block;
		width: 100%;
		font-size: 16px;
		letter-spacing: 0.025em;
		line-height: 23px;
		text-align: center;
		padding-bottom: 10px;
	}

	.frm-search-prouct__content {
		display: block;
		width: 100%;
		padding-left: 0;
	}

	.frm-search-prouct__content input[type=text] {
		padding: 10px 50px 10px 10px;
		border-radius: 0;
	}

	#product-search-btn {
		border-radius: 0;
		width: 41px;
		height: 41px;
		font-size: 12px;
	}

	.frm-search-prouct__content input[type=text]::-webkit-input-placeholder {
		font-size: 12px;
	}

	.frm-search-prouct__content input[type=text]::-moz-placeholder {
		font-size: 12px;
	}

	.frm-search-prouct__content input[type=text]:-ms-input-placeholder {
		font-size: 12px;
	}

	.frm-search-prouct__content input[type=text]:-moz-placeholder {
		font-size: 12px;
	}

	.frm-search-prouct__content input[type=text]::placeholder {
		font-size: 12px;
	}

	.frm-search-prouct__link {
		margin-top: 20px;
		text-align: center;
	}
}

/*-----------------------------------*/
.page-product .box-search .frm-search-prouct__inner {
	padding-top: 130px;
}

.page-product .box-search .frm-search-prouct__title {
	padding-top: 0;
}

.page-product .box-search .frm-search-prouct__content {
	vertical-align: middle;
}

.page-product #product-search-btn {
	top: 10px;
}

.box-main-image--houseuse {
	background: url("../images/houseuse-bg-main01.jpg") no-repeat center;
	background-size: cover;
}

.box-search--house {
	background: url("../images/houseuse-bg-search01.jpg") no-repeat center;
	background-size: cover;
}

.box-main-image--industrial {
	background: url("../images/industrial-bg-main01.jpg") no-repeat center;
	background-size: cover;
}

.box-search--industrial {
	background: url("../images/industrial-bg-search01.jpg") no-repeat center;
	background-size: cover;
}

.box-main-image--insulator {
	background: url("../images/insulator-bg-main01.jpg") no-repeat center;
	background-size: cover;
}

.box-search--insulator {
	background: url("../images/insulator-bg-search01.jpg") no-repeat center;
	background-size: cover;
}

.box-main-image--nas {
	background: url("../images/nas-bg-main01.jpg") no-repeat center;
	background-size: cover;
}

.box-search--nas {
	background: url("../images/nas-bg-search01.jpg") no-repeat center;
	background-size: cover;
}

.box-main-image--metal {
	background: url("../images/metal-bg-main01.jpg") no-repeat center;
	background-size: cover;
}

.box-search--metal {
	background: url("../images/metal-bg-search01.jpg") no-repeat center;
	background-size: cover;
}

.box-main-image--electron {
	background: url("../images/electron-bg-main01.jpg") no-repeat center;
	background-size: cover;
}

.box-search--electron {
	background: url("../images/electron-bg-search01.jpg") no-repeat center;
	background-size: cover;
}

.box-main-image--semiconductor {
	background: url("../images/semiconductor-bg-main01.jpg") no-repeat center;
	background-size: cover;
}

.box-search--semiconductor {
	background: url("../images/semiconductor-bg-search01.jpg") no-repeat center;
	background-size: cover;
}

.box-search--heatdevice {
	background: url("../images/heatdevice-bg-search01.jpg") no-repeat center;
	background-size: cover;
}

/*/product/detail
-------------------------------------*/
.box-main-image--automobile {
	background: url("../images/automobile-bg-main01.jpg") no-repeat center;
	background-size: cover;
}

.box-search--automobile {
	background: url("../images/automobile-bg-search01.jpg") top center;
	background-size: cover;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-main-image--automobile {
		background: url("../images/automobile-bg-main01-sp.jpg") no-repeat center;
		background-size: cover;
	}

	.page-product .box-search .frm-search-prouct__inner {
		padding-top: 30px;
	}

	.page-product #product-search-btn {
		top: 0;
	}
}

.js-nas-eventlist>li:nth-of-type(n+4) {
	display: none;
}

/*--------------------------------------------*/
/*product/list.html
--------------------------------------------*/
.lst-link-product {
	margin-bottom: 72px;
}

.lst-link-product__title {
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 14px;
}

.lst-link-product .grid-row span,
.lst-link-product .grid-row a {
	display: block;
	line-height: 20px;
	position: relative;
	padding: 0 20px;
}

.lst-link-product .grid-row span:before,
.lst-link-product .grid-row a:before {
	content: '';
	display: inline-block;
	width: 11px;
	height: 3px;
	background: #0a899c;
	position: absolute;
	left: 0;
	top: 7px;
}

.lst-link-product .grid-row li {
	margin-bottom: 14px;
}

.box-search-list {
	background: #dae2ea;
	padding: 45px 40px 55px;
	margin-bottom: 60px;
}

.box-search-list .frm-search-prouct__title {
	color: #333;
}

.box-search-list .frm-search-prouct__inner {
	padding-top: 45px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.lst-link-product .grid-row a {
		padding: 0 0 0 10px;
	}

	.lst-link-product .grid-row a:before {
		height: 2px;
		width: 5px;
	}

	.box-search-list .frm-search-prouct__inner {
		padding-top: 30px;
	}

	.box-search-list {
		padding-bottom: 30px;
		margin-bottom: 30px;
	}

	.lst-link-product__title {
		margin-bottom: 10px;
	}

	.lst-link-product .grid-row li {
		margin-bottom: 5px;
	}

	.lst-link-product {
		margin-bottom: 30px;
	}
}

/*--------------------------------------------*/
/*/sustainability/booklet.html
--------------------------------------------*/
.box-download-booklet {
	display: table;
	width: 100%;
	margin-top: 35px;
}

.box-download-booklet__thumb {
	display: table-cell;
	width: 31%;
	vertical-align: top;
	line-height: 1;
}

.box-download-booklet__content {
	display: table-cell;
	vertical-align: top;
	padding: 0 20px;
	text-align: center;
}

.box-download-booklet__link {
	margin-bottom: 25px;
}

.box-download-booklet__link a {
	display: block;
	width: 100%;
	padding: 10px 25px;
	font-size: 15px;
	text-align: center;
	letter-spacing: -0.05em;
}

.box-download-booklet__list a {
	font-size: 13px;
	line-height: 18px;
}

.box-download-booklet__list ul {
	padding-left: 20px;
}

.box-download-booklet__content .box-link {
	margin-top: 35px;
	padding: 25px;
	text-align: left;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {

	.box-download-booklet,
	.box-download-booklet__thumb,
	.box-download-booklet__content {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}

	.box-download-booklet__thumb {
		text-align: center;
		margin-bottom: 20px;
	}

	.box-download-booklet__content {
		padding: 0;
	}

	.box-download-booklet__link {
		margin-bottom: 20px;
	}

	.box-download-booklet__list a {
		font-size: 12px;
		line-height: 15px;
	}
}

/* /recruit_index/
-----------------------------------*/
.box-main-image--recruit {
	background: url("../images/index-bg-main01.jpg") no-repeat center;
	background-size: cover;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-main-image--recruit {
		background: url("../images/index-bg-main01-sp.jpg") no-repeat center;
		background-size: cover;
	}
}

/* /info/gallery/
-----------------------------------*/
.bnr-csr--info {
	background: #edeff1;
	color: #333
}

.lst-content li {
	border-bottom: 1px solid #ddd;
	padding-bottom: 40px;
}

.lst-content li.no-border {
	border-bottom: 0;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.lst-content li {
		padding-bottom: 20px;
	}
}

/* /info/governance/index.html
-----------------------------------*/
.box-text {
	padding: 25px 30px 30px;
	border: 1px solid #e3e4e9;
	margin: 20px 0 30px;
}

.box-text__title {
	font-size: 15px;
	line-height: 25px;
	font-weight: bold;
	margin-bottom: 10px;
}

.box-text .lst-text li {
	margin-bottom: 0;
}

.nav-link-internal {
	background-color: #eeeff3;
	padding: 20px 10px 0;
	margin-top: 20px;
}

.nav-link-internal ul li {
	display: inline-block;
	border-right: 2px solid #ddd;
	margin-bottom: 15px;
}

.nav-link-internal ul li:last-child {
	border: 0;
}

.nav-link-internal ul li a {
	display: block;
	padding: 0 18px;
	position: relative;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-text {
		padding: 15px;
	}
}

/* /info/division/index.html
-----------------------------------*/
.bnr-csr--division {
	background: url("../images/division-bg01.jpg") no-repeat center;
	background-size: cover;
	color: #333;
}

.box-introduce {
	display: table;
	width: 100%;
}

.box-introduce__thumb {
	display: table-cell;
	vertical-align: top;
	width: 32.2%;
	text-align: center;
}

.box-introduce__content {
	display: table-cell;
	vertical-align: top;
	padding-left: 40px;
}

.box-introduce__title {
	font-size: 28px;
	line-height: 44px;
	margin-bottom: 30px;
}

.box-introduce__sub {
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 20px;
	font-weight: bold;
}

.box-introduce__text {
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 40px;
}

.box-introduce__signature {
	font-size: 15px;
	line-height: 20px;
}

.box-introduce__signature span {
	display: block;
	font-size: 12px;
}

@media only screen and (min-width: 768px) {
	.box-introduce__thumb {
		max-width: 380px;
	}
}

@media only screen and (min-width: 1px) and (max-width: 767px) {

	.box-introduce,
	.box-introduce__thumb,
	.box-introduce__content {
		display: block;
		width: 100%;
	}

	.box-introduce__content {
		padding: 20px 0 0;
	}

	.box-introduce__title {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 10px;
	}

	.box-introduce__sub {
		font-size: 15px;
		line-height: 20px;
		margin-bottom: 10px;
	}

	.box-introduce__text {
		font-size: 13px;
		line-height: 20px;
		margin-bottom: 20px;
	}
}

/*------------------------------------*/
.main-info {
	background: url("../images/index-main.jpg") no-repeat center;
	background-size: cover;
}

.main-info .hdg-lv1 {
	font-size: 40px;
	color: #fff;
	font-weight: bold;
	padding: 50px 0 10px;
	letter-spacing: 0.1em;
}

.main-info__top {
	color: #fff;
	display: table;
	width: 100%;
	margin-bottom: 75px;
}

.main-info__top p {
	display: table-cell;
	vertical-align: top;
}

.main-info__top__text {
	font-size: 22px;
	letter-spacing: 0.28em;
}

.main-info__top__btn {
	text-align: right;
	width: 36%;
}

.main-info__top__btn .btn {
	background: #fff;
	width: 100%;
}

.main-info__middle .box-article {
	text-align: center;
}

.main-info__middle .box-article__des {
	color: #fff;
	text-align: center;
	letter-spacing: 0.03em;
	margin-top: 0;
	line-height: 1;
	margin-top: 15px;
	font-size: 18px;
	display: inline-block;
}

.main-info__middle .box-article__des em {
	display: inline-block;
	line-height: 1.333;
	text-align: left;
	letter-spacing: 0.05em;
	font-style: normal;
	font-weight: normal;
}

.main-info__middle .box-article__des>span {
	font-size: 60px;
	margin-left: 20px;
	font-family: "Helvetica";
	letter-spacing: -0.03em;
}

.main-info__middle .box-article__des>span>small {
	font-size: 26px;
	white-space: nowrap;
	margin-left: 2px;
}

.main-info__middle .box-article__des>span.date {
	font-size: 13px;
	display: block;
	text-align: right;
	margin-left: 0;
	margin-top: 10px;
	font-family: "銉掋儵銈儙瑙掋偞 Pro W3", "銉掋儵銈儙瑙掋偞 ProN W3", "Hiragino Kaku Gothic Pro", "娓搞偞銈枫儍銈� Medium", "Yu Gothic Medium", "娓搞偞銈枫儍銈綋", YuGothic, "銉°偆銉偑", "锛汲 锛般偞銈枫儍銈�", sans-serif;
}

.main-info__bottom {
	margin-top: 20px;
}

.main-info__bottom .btn {
	background: none;
	border: 1px solid #fff;
	font-size: 15px;
	padding: 13px 35px 13px 15px;
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
	.main-info__middle .box-article__des>span {
		font-size: 49px;
		margin-left: 10px;
	}

	.main-info__middle .box-article__des>span>small {
		font-size: 24px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.main-info__middle .box-article__des>span {
		font-size: 46px;
	}
}

@media only screen and (min-width: 768px) {

	.main-info__middle .box-article__thumb img,
	.info-map__inner .box-article__thumb img {
		width: 53px;
		height: auto;
	}
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.main-info {
		background: #f5f5f5;
	}

	.main-info .hdg-lv1 {
		font-size: 25px;
		font-weight: normal;
	}

	.main-info__top {
		margin-bottom: 0;
	}

	.main-info__top,
	.main-info__top p {
		display: block;
	}

	.main-info__top p+p {
		margin-top: 20px;
		max-width: 82%;
	}

	.main-info__top__text {
		font-size: 13px;
	}

	.main-info__bg {
		background: url("../images/index-main-sp.jpg") no-repeat center;
		background-size: cover;
		padding-bottom: 101%;
		height: 0;
	}

	.main-info__middle,
	.main-info__bottom {
		background: #0a899c;
		padding: 0 10px;
		box-sizing: border-box;
		margin: 0 -10px;
	}

	.main-info__middle {
		margin-top: -72px;
		padding-top: 20px;
	}

	.main-info__top__btn {
		width: auto;
	}

	.main-info__bottom {
		margin-top: 0;
		padding-bottom: 25px;
		margin-bottom: -45px;
	}

	.main-info__middle .box-article__des {
		margin-top: 10px;
		font-size: 9px;
	}

	.main-info__middle .box-article__thumb img,
	.info-map__inner .box-article__thumb img {
		width: 29px;
		height: auto;
	}

	.main-info__middle .box-article__des>span {
		font-size: 27px;
		margin-left: 5px;
		letter-spacing: -0.02em;
	}

	.main-info__middle .box-article__des>span>small {
		font-size: 13px;
	}

	.main-info__middle .box-article__des>span.date {
		font-size: 8px;
		padding-right: 0;
		margin-top: 5px;
	}

	.main-info__bottom .btn {
		padding: 7px 12px 7px 7px;
		font-size: 12px;
	}

	.main-info__top__btn .btn {
		padding: 10px 15px;
	}

	.box-article__thumb iframe {
		width: 100%;
	}
}

/*------------------------------------*/
.info-map {
	background: url("../images/index-bg-map01.png") no-repeat center;
	background-size: contain;
	padding-bottom: 47.45%;
	position: relative;
	margin-bottom: 25px;
}

.info-map__inner {
	transform: translateY(-50%);
	top: 50%;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	margin-top: 45px;
}

.info-map__inner .grid-row {
	max-width: 860px;
	margin: auto;
}

.info-map__inner .box-article__des {
	text-align: center;
	font-size: 18px;
	margin-top: 20px;
	letter-spacing: 0.05em;
	color: #333;
}

.info-map__inner .box-article__des>span {
	display: block;
	font-size: 48px;
	line-height: 1;
	letter-spacing: 0;
	font-family: "Helvetica";
}

.info-map__inner .box-article__des>span>small {
	font-size: 22px;
}

.info-map__inner .box-article__des>span.date {
	font-size: 13px;
	opacity: .6;
}

.info-map__inner .btn {
	width: 240px;
	padding: 15px 30px 15px 17px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.info-map {
		padding-bottom: 100px;
		background-position: center top;
	}

	.info-map__inner {
		position: relative;
		top: 65px;
		transform: translateY(0);
	}

	.info-map__inner .box-article__des {
		font-size: 12px;
	}

	.info-map__inner .box-article__des>span {
		font-size: 28px;
		letter-spacing: -0.04em;
		margin-top: 5px;
	}

	.info-map__inner .box-article__des>span>small {
		font-size: 13px;
	}

	.info-map__inner .box-article__des>span.date {
		font-size: 8px;
	}
}

/*-----------------------------------*/
.nav-link-internal--01 {
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	padding-bottom: 25px;
}

.box-image__text {
	font-size: 12px;
	margin-top: 10px;
}

.box-image__text span {
	color: #0a899c;
	display: block;
	font-weight: bold;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-image__text {
		font-size: 10px;
		line-height: 13px;
	}
}

/*/invest/
-----------------------------------*/
.box-main-image--invest {
	background: url("../images/index-main.jpg") no-repeat center;
	background-size: cover;
}

.box-col2__inner {
	padding: 15px 30px;
}

.box-col2__inner .hdg-lv4 {
	margin: 20px 0;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-main-image--invest {
		background: url("../images/index-main-sp.jpg") no-repeat center;
		background-size: cover;
	}

	.box-col2__inner {
		padding: 10px 20px;
	}

	.box-col2__inner .hdg-lv4 {
		margin: 10px 0;
	}
}

/*
.js-scale{
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	-webkit-transition: -webkit-transform 1.6s 0s ease;
	transition: transform 1.6s 0s ease;
}
.js-scale.is-show{
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}
.js-fadeRight .box-article__thumb{
	overflow: hidden;
}
.js-fadeRight .box-article__thumb img{
	-webkit-transition: all 1.5s;
	transition: all 1.5s;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}
.js-fadeRight .box-article__thumb.redy-fade img{
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition-duration: 1.5s;
	transition-duration: 1.5s;
}
*/

/* detail page */
.cms-editer p {
	margin-bottom: 15px;
}

.cms-editer p:last-child {
	margin-bottom: 0;
}

/*-----------------------------------*/

#history .contents-lead {
	padding-top: 122px !important;
}

@media only screen and (max-width: 767px) and (min-width: 1px) {
	#history .contents-lead {
		padding-top: 37px !important;
	}
}
