@charset "UTF-8";

:root {
	--color-primary: #0075c2;
	--color-primary-opacity: rgba(0, 117, 194, .6);
	--color-secondary: #0065A7;
	--color-gray: #707070;
	--color-light-gray: #F7F7F7;
	--color-dark-gray: #5B7A8E;
	--color-dark-gray-2: #516C7D;
	--color-category-tag: #E5E5E5;
	--color-disable: #ACBBC6;
	--color-caution: #D01E11;
	--color-table-border: #8ba8bb;
	--color-white: #ffffff;
	--color-white-opacity: rgba(255, 255, 255, .25);
	--color-black: #333333;
	--color-black-sea: #293337;
	--color-black-oak: #252323;
	--color-border: #DAD9DA;
	--color-border-2: #48555B;
	--color-lbl-yellow: #AF5800;
	--color-lbl-green: #19779A;
	--color-green: #487416;
	--color-footer-text: #DDDDDD;

}

/* -----------------------------------------------
Table of Contents (common css) [Thought of SMACSS + original]
--------------------------------------------------
0. Foundation
	 0-1. Reset (normalize.css + original)
	 0-2. Base
	 0-3. Config
1. Layout
	 1-1. #l-document
	 1-2. #l-header
	 1-3. #l-container
				1-3-1. #l-main
				1-3-2. #l-sub
	 1-4. #l-footer
	 1-5. #l-nav-global
2. Object
	 2-1. Component a.k.a Module [Thought of BEM + original]
				2-1-1.  Wrap     [wrp-***]
				2-1-2.  Box      [box-***]
				2-1-3.  Table    [tbl-***]
				2-1-4.  Headings [hdg-lv*]
				2-1-5.  Nav      [nav-***]
				2-1-6.  List     [lst-***]
				2-1-7.  Button   [btn-***]
				2-1-8.  Anchor   [acr-***]
				2-1-9.  Text     [txt-***]
				2-1-10. Icon     [icn-***]
				2-1-11. Label    [lbl-***]
				2-1-12. Form     [frm-***]
				2-1-13. Error    [err-***]
				2-1-14. UI
	 2-2. Utility
				2-2-1. clearfix
				2-2-2. margin,padding [mb10,pt20]
				2-2-3. Object-Oriented CSS
				2-2-4. Grid System [grid-***]
				2-2-5. WebFont [FontAwesome] http://fortawesome.github.io/Font-Awesome/icons/
	 2-3. State [is-***]
	 2-4. OverLayerConfig [z-index]
	 2-5. Project

	 -------------------------------------------------- */

/* -----------------------------------------------
 [0. Foundation]
 -------------------------------------------------- */

/* 0-1. Reset
-------------------------------------------------- */
html{
	font-family: sans-serif;
	font-size: 62.5%
}
body{
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
}
a{
	background: transparent;
}
a:focus{
	outline: thin dotted;
}
a:active,
a:hover{
	outline: 0;
}
html,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,code,del,em,img,strong,
dl,dt,dd,ol,ul,li,
fieldset,form,label,
table,caption,tbody,tfoot,thead,tr,th,td{
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
article,aside,footer,header,small,nav,section,figure,figcaption,main{
	margin: 0;
	padding: 0;
	display: block;
	vertical-align: baseline;
	list-style: none;
	background-color: transparent;
	outline: none;
}
audio,canvas,video{
	display: inline-block;
}
ul,ol{
	list-style-type: none;
}
table{
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}
img{
	line-height: 1;
	vertical-align: bottom;
	outline: none;
}
a img{
	border: none;
	outline: none;
}
sub,sup{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
hr{
	box-sizing: content-box;
	height: 0;
}
dt,dd,li,
th,td,
input,textarea{
	text-align: left;
	vertical-align: top;
}
button{
	border: none;
}
input,textarea,button{
	margin: 0;
	padding: 0;
}
input{
	border: 1px solid #dad7d3;
	padding: 2px 5px;
}
textarea{
	border: 1px solid #dad7d3;
	resize: none;
}
button,label{
	background-color: transparent;
	cursor: pointer;
}
button,select{
	text-transform: none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"]{
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],
input[disabled]{
	cursor: default;
}
input[type="checkbox"],
input[type="radio"]{
	box-sizing: content-box;
	padding: 0;
	vertical-align: middle;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner{
	padding: 0;
	border: 0;
}
textarea{
	overflow: auto;
	vertical-align: top;
}
small{
	font-size: 0.8em;
	display: inline;
}
:focus{
	outline: none;
}

/* 0-2. Base
-------------------------------------------------- */
html{
	overflow-y: scroll;
	font-size: 62.5%;
}
h1,h2,h3,h4,h5,h6{
	font-size: 62.5%;
	font-weight: bold;
}
table{
	width: 100%;
}
input,textarea,button,select{
	font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic,"メイリオ","ＭＳ Ｐゴシック",sans-serif;
	font-size: 62.5%;
}
html[lang="en"] input,
html[lang="en"] textarea,
html[lang="en"] button,
html[lang="en"] select{
	font-family: Arial, Helvetica, sans-serif;
}
strong,
em{
	font-weight: bold;
}

/* 0-3. Config
-------------------------------------------------- */
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 400;
  src: url("/resource/font/YakuHanJP-Regular.eot");
  src: url("/resource/font/YakuHanJP-Regular.woff2") format("woff2"),
  url("/resource/font/YakuHanJP-Regular.woff") format("woff");
}
@font-face {
  font-family: "YakuHanMP";
  font-style: normal;
  font-weight: 300;
  src: url("/resource/font/YakuHanMP-Regular.eot");
  src: url("/resource/font/YakuHanMP-Regular.woff2") format("woff2"),
  url("/resource/font/YakuHanMP-Regular.woff") format("woff");
}
body{
	font-size: 15px;
	color: #333;
	background-color: #fff;
	font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic,"メイリオ","ＭＳ Ｐゴシック",sans-serif;
	letter-spacing: 0.06em;
}
[lang="en"] body{
	font-family: "Arial", "YakuHanJP", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic,"メイリオ","ＭＳ Ｐゴシック",sans-serif;
}
@media only screen and (min-width: 1px) and (max-width: 767px){
	body{
		font-size: 13px;
		letter-spacing: 0.1em;
		line-height: 1.538;
	}
}
input,textarea,button,select{
	font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic,"メイリオ","ＭＳ Ｐゴシック",sans-serif;
	font-size: 100%;
}
[lang="en"] input,textarea,button,select {
	font-family: "Arial", "YakuHanJP", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic,"メイリオ","ＭＳ Ｐゴシック",sans-serif;
}

a{
	color: #0075c2;				/* ベースのリンク文字の色を指定 */
	text-decoration: none;	/* ベースのリンク文字の下線の有無を指定 */
	transition: all .3s;
}
a:hover,
a:active{
	color: #0075c2;
	text-decoration: underline;		/* ベースのリンク文字の下線の有無を指定 */
}
a:focus {
	outline: none;
}
h1,h2,h3,h4,h5,h6{
	line-height: 1.4;			/* ベースの行間を指定 */
}
h1,h2,h3 {
	font-family: "YakuHanMP", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro";
}
[lang="en"] h1, h2, h3 {
	font-family: "Georgia", "YakuHanMP", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro";
}
p{
	line-height: 1.6666666;			/* ベースの行間を指定 */
}
dt,dd,li,
th,td,
input,
textarea,
button{
	line-height: 1.5;			/* ベースの行間を指定 */
}
button {
	border-radius: 0;
}
sup {
	vertical-align: top;
	line-height: 1;
}

/*
print css
======================================= */
@media print{
	.l-header__right{
		display: none !important;
	}
	.nav-breadcrumb{
		display: none !important;
	}
	.l-footer{
		margin-top: 50px;
	}
	.l-footer .btn-pagetop{
		display: none !important;
	}
	.l-footer .wrp-container{
		display: none !important;
	}
	.box-contact{
		display: none !important;
	}
	.box-download--01{
		display: none !important;
	}
}

/* -----------------------------------------------
 [1. Layout]
 -------------------------------------------------- */
/* 1-1. #l-document
-------------------------------------------------- */
#l-document{
	overflow: hidden;
	position: relative;
}
.l-document--search .l-footer{
	margin-top: 0;
}
/* 1-1-2. .l-article
-------------------------------------------------- */
.l-article {
	padding-bottom: 200px;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.l-article {
		padding-bottom: 100px;
	}
}

/* 1-2. #l-header
-------------------------------------------------- */
.l-header {
	background: var(--color-white);
	z-index: 101;
	position: fixed;
	width: 100%;
}

.l-header__inner {
	position: relative;
}

.l-header__upper {
	border-bottom: 1px solid var(--color-border);
}

.l-header__contain{
	display: flex;
	flex-wrap: wrap;
	padding-right: 210px;
	align-items: stretch;
	justify-content: space-between;
	min-height: 92px;
}

.pct-sitelogo {
	padding: 18px 0 0 50px;
	display: flex;
}
.pct-sitelogo img {
	height: 56px;
	max-width: none;
}

.l-header__right {
	display: flex;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}
.nav-global-wrapper{
	display: flex;
	align-items: center;
}
.nav-global{
	display: flex;
	align-items: center;
	margin-left: 35px;
	margin-right: 20px;
	width: 100%;
}
.nav-global > li{
	height: 100%
}

.nav-global-sp__button{
	display: none;
}
.l-header__upper-link {
	display: flex;
	align-items: center;
	margin: 0 12px;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	color: var(--color-black);
	white-space: nowrap;
	position: relative;
	padding: 15px 0 15px;
	box-sizing: border-box;
	height: 100%;
	font-family: "Helvetica", "Arial", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic,"メイリオ","ＭＳ Ｐゴシック",sans-serif
}
.l-header__upper-link:focus{
	text-decoration: none;
}

.nav-global > li>a span, .nav-global >li>a.is-current span {
	position: relative;
	display: block;
}

.nav-global > li > a:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 3px;
	background: var(--color-primary);
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	transition: width .4s;
}
.nav-global > li:hover > a:before,
.nav-global > li > a.is-current:before,
.nav-global li.is-active > a:before {
	width: 100%;
}
.nav-global li.is-active,
.nav-global > li > a.is-current,
.nav-global > li>a:hover,
.nav-global > li>a:active {
	text-decoration: none;
	color: var(--color-primary);
}
.l-header.is-nav-opened .nav-global > li > a.is-current{
	color: var(--color-black);
}
.l-header.is-nav-opened .nav-global li.is-active > a{
	color: var(--color-primary);
}
.l-header.is-nav-opened .nav-global > li > a.is-current:before{
	width: 0;
}
.l-header.is-nav-opened .nav-global li.is-active > a:before{
	width: 100%;
}
.nav-global li a:focus{
	text-decoration: none;
}
.l-header__btn {
	display: flex;
}
.l-header__btn ul {
	font-size: 0;
	display: flex;
}
.l-header__btn ul li {
	box-sizing: border-box;
	position: relative;
	padding-top: 24px;
}

.l-header__btn ul li .icon:before {
	font-size: 1.7rem;
}
.l-header__btn ul li .icon-gaishi02-earth:before {
	font-size: 1.9rem;
}
.l-header__btn ul li a {
	display: block;
	padding: 12px 26px;
	color: var(--color-primary);
	/* font-size: 1.8rem; */
	position: relative;
}
.l-header__btn .icon-language a{
	padding: 12px 24px;
}
.l-header__btn ul li a:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 1px;
	height: 100%;
	background: var(--color-border);
	opacity: 0.7;
}
.l-header__btn ul li.is-active{
	background: var(--color-dark-gray);
	color: var(--color-white);
}
.l-header__btn ul li.is-active a{
	color: var(--color-white);
}
.l-header__btn ul li.is-active a::before{
	display: none;
}
.l-header__btn ul li a:hover {
	text-decoration: none;
}
.l-header__btn ul li.menu {
	display: none;
}

.l-header-lower {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100vw;
	background-color: var(--color-dark-gray);
	z-index: 10;
	display: none;
}
.nav-global__closebtn{
	position: absolute;
	right: 30px;
	top: 19px;
	width: 50px;
	height: 50px;
	cursor: pointer;
}
.nav-global__closebtn::before,
.nav-global__closebtn::after{
	content: '';
	position: absolute;
	left: 25px;
	top: 12px;
	height: 23px;
	width: 3px;
	background-color: var(--color-white);
}
.nav-global__closebtn::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.nav-global__closebtn::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.l-header__dropdown__inner {
	max-width: 1175px;
	padding: 0 20px 40px;
	margin: 53px auto 0;
}

.l-header__dropdown a {
	color: var(--color-white);
	display: block;
}

.l-header__dropdown__title__sp{
	display: none;
}

.l-header__dropdown__title a {
	font-size: 2.2rem;
	letter-spacing: 0.04em;
	border-bottom: 1px solid var(--color-white-opacity);
	position: relative;
	padding-bottom: 20px;
	display: block;
	color: var(--color-white);
}

.l-header__dropdown__title a:hover {
	text-decoration: none;
	opacity: 0.7;
}

.l-header__dropdown__title a:before {
	content: '\f105';
	font-family: 'gaishi';
	position: relative;
	display: inline-block;
	padding-right: 10px;
	line-height: 1;
	top: -5px;
	font-size: 1.2rem;
}
.l-header__dropdown__item {
	padding: 15px 0;
}

.l-header__dropdown__item + .l-header__dropdown__item{
	border-top: 1px solid var(--color-white-opacity);
}
.l-header__dropdown__sub{
	padding: 0 28px;
}

.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: 1.5rem;
	letter-spacing: 0;
	line-height: 20px;
	color: var(--color-white);
	padding-left: 0;
	box-sizing: border-box;
	text-indent: -15px;
}

.l-header__dropdown__content__detail li a:hover {
	text-decoration: none;
	opacity: 0.7;
}

.l-header__dropdown__content__detail li.is-current a {
	color: var(--color-primary);
}

.l-header__dropdown__content .grid-col--3,
.l-header__dropdown__content .grid-col--6 {
	margin-bottom: 0;
}

.l-header--simple .icon {
	position: absolute;
	top: 25px;
	right: 50px;
	font-weight: bold;
	font-size: 2.0rem;
	color: var(--color-primary);
	cursor: pointer;
}



#nav-global-language {
	background: var(--color-dark-gray);
	color: var(--color-white);
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	width: 100vw;
	z-index: 3;
	display: none;
}

.nav-global-language__inner {
	padding: 55px 0;
}
.nav-global-language__title{
	font-size: 2.2rem;
}
#nav-global-language ul {
	display: flex;
	margin-top: 25px;
}
#nav-global-language ul li{
	margin-right: 40px;
}
#nav-global-language ul li a{
	color: var(--color-white);
	display: block;
	position: relative;
	font-size: 1.6rem;
	letter-spacing: 0;
}
#nav-global-language ul li .acr-type01{
	padding: 0 0 0 12px;
}
#nav-global-language ul li .acr-type01:before {
	content: '\f105';
	font-family: 'gaishi';
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	line-height: 1;
	font-size: 1.2rem;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#nav-global-language ul li a:hover{
	text-decoration: none;
	opacity: 0.7;
}
#nav-global-language ul li a[target="_blank"]:after {
	content: '\f08e';
	font-family: 'gaishi';
	display: inline-block;
	position: relative;
	line-height: 1;
	font-size: 1.6rem;
	margin-left: 5px;
}
#nav-global-language ul li.is-current a{
	cursor: default;
	pointer-events: none;
}
#nav-global-language ul li.is-current a:before{
	content: '';
	font-family: initial;
	width: 5px;
	height: 5px;
	background: var(--color-white);
	position: absolute;
	left: 3px;
	top: 50%;
}


#nav-global-search {
	display: none;
	background: var(--color-dark-gray);
	padding: 60px 0;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	width: 100vw;
	z-index: 3;
}
#nav-global-search .wrp-content {
	max-width: 900px;
}
#nav-global-search .frm-search__title {
	font-size: 2.2rem;
	color: var(--color-white);
	margin-bottom: 40px;
	text-align: center;
}
#nav-global-search .box-search-parts {
	max-width: 800px;
}

.l-header__left-logo-txt {
	display: inline-block;
	padding: 0 0 7px;
	letter-spacing: 0.06em;
}
[lang="en"] .l-header__left-logo-txt {
	padding: 0 0 4px;
	letter-spacing: 0.06em;
}
.l-header__left-logo-txt > span {
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #000;
	border-radius: 2px;
	margin: 8px 0 0 15px;
	display: inline-block;
	padding: 2px 7px;
}

[lang="zh-cmn-Hans"] .l-header__left-logo-txt > span, [lang="en"] .l-header__left-logo-txt > span {
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #000;
	border-radius: 2px;
	margin: 8px 0 0 15px;
	display: inline-block;
	padding: 2px 7px;
}
@media only screen and (max-width: 1025px) {
	.l-header__left-logo-txt > span, 	[lang="zh-cmn-Hans"] .l-header__left-logo-txt > span {
		margin: 4px 0 0 15px;
		display: inline-block;
		padding: 2px 4px;
	}
	[lang="en"] .l-header__left-logo-txt > span {
		margin: 2px 0 0 8px;
		/*iPhone5 でロゴが入らない対策*/
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
		-webkit-transform-origin: left top;
		transform-origin: left top;
	}


}

@media only screen and (max-width: 320px) {
	.l-header__left-logo-txt > span, 	[lang="en"] .l-header__left-logo-txt > span  , [lang="zh-cmn-Hans"] .l-header__left-logo-txt > span {
		display: none;
		/* padding: 0 0 2px;
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
		-webkit-transform-origin: left top;
		transform-origin: left top; */
	}
}

@media only screen and (min-width: 1025px) and (max-width: 1160px) {
	.l-header__upper-link {
		font-size: 1.4rem;
		margin: 0 10px;
	}
}

@media only screen and (max-width: 1024px) {
	#l-header {
		position: fixed;
		width: 100%;
		left: 0;
		right: 0;
		top: 0;
		z-index: 101;
	}
	.l-header-lower{
		width: auto;
	}
	.l-header-lower>* {
		opacity: 1;
		visibility: visible;
	}
	.nav-global__closebtn{
		display: none;
	}
	.nav-global-wrapper{
		position: absolute;
		width: 100%;
		top: 100%;
		height: calc(100vh - 69px);
		height: calc(var(--vh, 1vh) * 100 - 69px);
		overflow-y: auto;
		z-index: 10;
		display: none;
		background: var(--color-dark-gray);
		flex-direction: column;
	}
	.l-header__upper{
		height: 70px;
	}
	.l-header__contain{
		min-height: 0;
		padding-right: 130px;
	}
	.nav-breadcrumb {
		display: none;
	}
	.pct-sitelogo {
		padding: 14px 0 13px 15px;
	}
	[lang="en"] .pct-sitelogo {
		padding: 20px 0 20px 15px;
	}
	.pct-sitelogo img {
		height: 42px;
	}
	[lang="en"] .pct-sitelogo img {
		height: 30px;
	}
	.l-header__btn ul li{
		padding: 0;
		display: flex;
		align-items: center;
	}
	.l-header__btn ul li a {
		padding: 5px 13px;
	}
	.l-header__btn ul li.icon-language a {
		padding: 5px 13px;
	}
	.l-header__btn ul li.icon-contact {
		display: none;
	}
	.l-header__btn ul li.menu {
		display: flex;
	}
	.l-header__btn ul li.menu a {
		box-sizing: border-box;
		padding: 5px 13px;
		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: var(--color-primary);
		right: 0;
		margin: auto;
		transition: all .4s;
	}
	.l-header__btn ul li.menu.is-active .menu__inner span{
		background: var(--color-white);
	}
	.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;
	}
	.l-header__sub__menu {
		width: 100%;
		border-bottom: 1px solid #eee;
	}
	.l-header__sub__trigger a {
		text-align: left;
		font-size: 1.4rem;
		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 {
		padding: 0;
		display: none;
	}
	.nav-global-language__inner{
		padding: 0;
	}

	.nav-global-language__title {
		padding: 13px 30px 13px 15px;
		font-size: 1.4rem;
		border-bottom: 1px solid var(--color-white-opacity);
	}
	#nav-global-language .grid-row{
		margin: 0;
	}
	#nav-global-language .grid-col--6{
		width: 100%;
		padding: 0;
		margin: 0;
	}
	#nav-global-language ul{
		display: block;
		margin: 0;
		background: var(--color-dark-gray-2);
	}
	#nav-global-language ul li{
		margin: 0;
		border-bottom: 1px solid var(--color-white-opacity);
	}
	#nav-global-language ul li .acr-type01,
	#nav-global-language ul li a{
		padding: 13px 30px 13px 15px;
		font-size: 1.4rem;
		display: block;
	}
	#nav-global-language ul li a:hover{
		color: var(--color-white);
	}
	#nav-global-language ul li .acr-type01:before,
	#nav-global-language ul li a:before{
		display: none;
	}
	#nav-global-language ul li.is-current a:before{
		content: '';
		font-family: initial;
		width: 7px;
		height: 7px;
		background: var(--color-white);
		position: relative;
		left: 3px;
		display: inline-block;
		margin-right: 7px;
	}
	#nav-global-language ul li a:after {
		content: '\f105';
		font-family: 'gaishi';
		display: inline-block;
		position: absolute;
		top: 50%;
		right: 20px;
		line-height: 1;
		-webkite-transform: translateY(-50%);
		transform: translateY(-50%);
		font-size: 1.2rem;
	}
	#nav-global-language ul li.is-current a:after{
		display: none;
	}
	#nav-global-language ul li a[target="_blank"]:after{
		right: 20px;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		font-size: 1rem;
	}
	#nav-global-search {
		padding: 35px 0;
		display: none;
	} 
	#nav-global-language .wrp-content{
		padding: 0;
	}
	#nav-global-search .wrp-content{
		padding: 0 15px;
	}
	.nav-global-search__inner{
		padding: 0;
	}
	.l-header__btn ul li.icon-language {
		text-align: center;
	}
	.l-header__btn ul li.icon-search {
		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';
	}
	#nav-global-search .frm-search__title {
		font-size: 1.4rem;
		margin-bottom: 15px;
	}

	.nav-global{
		margin: 0;
		display: block;
		height: auto;
	}
	.nav-global-sp__button {
		text-align: center;
		padding: 60px 0 30px;
		display: block;
		height: auto;
	}
	.nav-global-sp__button a {
		display: inline-block;
		padding: 11px 10px;
		background: var(--color-white);
		color: var(--color-black);
		font-size: 1.2rem;
		letter-spacing: 0.05em;
		min-width: 260px;
	}
	.nav-global-sp__button a .icon{
		margin-right: 5px;
		font-size: 1rem;
	}
	.nav-global-sp__button a:hover{
		text-decoration: none;
	}
	.nav-global__sub{
		display: none;
		position: static;
		height: auto;
	}
	.nav-global > li{
		height: auto;
		border-bottom: 1px solid var(--color-white-opacity);
	}
	.l-header__upper-link{
		color: var(--color-white);
		margin: 0;
		height: auto;
	}

	.nav-global > li > a{
		padding: 14px 30px 14px 15px;
		display: block;
		font-size: 1.4rem;
	}
	.nav-global > li > a:focus,
	.nav-global > li > a:active{
		color: var(--color-white);
		text-decoration: none;
	}
	.nav-global > li a:hover{
		color: var(--color-white);
	}
	.l-header.is-nav-opened .nav-global > li > a.is-current,
	.l-header.is-nav-opened .nav-global li.is-active > a,
	.nav-global li.is-active,
	.nav-global > li > a.is-current,
	.nav-global li>a:hover, .nav-global li>a:active{
		color: var(--color-white);
	}
	.nav-global > li > a:before{
		display: none;
	}
	.l-header__dropdown__title__sp{
		display: inline;
	}
	.l-header__dropdown__title a:after,
	.nav-global > li > a:after,
	.l-header__dropdown__content__detail li a:after{
		content: '\f105';
		font-family: 'gaishi';
		display: inline-block;
		position: absolute;
		top: 50%;
		right: 20px;
		line-height: 1;
		-webkite-transform: translateY(-50%);
		transform: translateY(-50%);
		font-size: 1.2rem;
	}
	.l-header__dropdown__title a:after,
	.l-header__dropdown__content__detail li a:after{
		right: 24px;
	}
	.nav-global > li.has-sub > a:after{
		content: '\f107';
	}
	.nav-global > li.has-sub.is-active > a:after{
		content: '\f106';
	}
	.l-header__dropdown__content .grid-row{
		padding: 0;
		margin: 0;
	}
	.l-header__dropdown__content .grid-col--3, .l-header__dropdown__content .grid-col--6{
		width: 100%;
		padding: 0;
		margin: 0;
		box-sizing: border-box;
	}
	.l-header__dropdown__inner{
		margin: 0;
		padding: 0;
		background: var(--color-dark-gray-2);
	}
	.l-header__dropdown__title{
		border-top: 1px solid var(--color-white-opacity);
	}
	.l-header__dropdown__title a{
		font-size: 1.4rem;
		padding: 14px 30px 14px 30px;
		border: 0;
		display: block;
		position: relative;
	}
	.l-header__dropdown__content__detail a:before,
	.l-header__dropdown__title a:before{
		display: none;
	}
	.l-header__dropdown__content__detail li{
		border-top: 1px solid var(--color-white-opacity);
	}
	.l-header__dropdown__content__detail li a{
		font-size: 1.4rem;
		padding: 12px 30px 12px 30px;
		display: block;
		text-indent: 0;
		position: relative;
	}
	.l-header__dropdown__sub,
	.l-header__dropdown__item{
		padding: 0;
	}
	.l-header__dropdown__content__detail li{
		padding: 0;
	}
	.l-header__dropdown__sub .l-header__dropdown__content__detail li a{
		font-size: 1.2rem;
		padding: 10px 30px 10px 45px;
	}
	.l-header__dropdown__item + .l-header__dropdown__item{
		border-top: 0;
	}
}
@media only screen and (min-width: 1025px) {
	.nav-global{
		height: 100%;
		max-height: 92px;
	}
	#nav-global{
		display: flex!important;
		height: auto!important;
	}
}
@media only screen and (max-width: 1024px) {
	html.is-nav-opened{
		overflow: hidden;
	}
	.nav-global-wrapper.is-opened{
		display: block!important;
	}
	.nav-global-wrapper{
		box-sizing: border-box;
	}
}

/*Search    [search-***]*/
.box-search-parts{
	max-width: 640px;
	margin: 0 auto;
}
.box-heading-image-wrp + .wrp-container > .box-search-parts:first-child,
.box-heading + .wrp-container > .box-search-parts:first-child{
	margin-top: -30px;
}
.box-search-parts-inner{
	position: relative;
}
.box-search-parts-input{
	width: 100%;
	padding: 10px 60px 10px 10px;
	height: 50px;
	font-size: 1.6rem;
	box-sizing: border-box;
	border-radius: 2px;
	border: 1px solid var(--color-border);
}
.box-search-parts-input::placeholder {
	font-size: 1.6rem;
	color: var(--color-gray);
}
.box-search-parts-btn{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	display: block;
	width: 50px;
	height: 50px;
	background: var(--color-black);
	border-radius: 0 2px 2px 0;
}
.box-search-parts-btn .icon{
	font-size: 1.3rem;
	color: var(--color-white);
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-heading-image-wrp + .wrp-container > .box-search-parts:first-child,
	.box-heading + .wrp-container > .box-search-parts:first-child{
		margin-top: 20px !important;
	}
	.box-search-parts-input{
		padding: 10px 43px 10px 10px;
		height: 43px;
	}
	.box-search-parts-btn{
		width: 43px;
		height: 43px;
	}
}



/* 1-3. #l-container
-------------------------------------------------- */
#l-container {
	padding-top: 63px;
}
@media only screen and (max-width: 1024px) {
	#l-container {
		padding-top: 46px;
	}
}

/* 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: #0075c2;
}
.lst-footer__inner{
	display: block;
}
.lst-footer__title a{
	display: block;
	padding: 14px 0;
	word-break: break-all;
}
.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: 20px;
	text-indent: -15px;
}
.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: 0;
	}
	.nav-footer{
		margin: 0 -15px;
		padding-bottom: 0;
	}
	.nav-footer .grid-row{
		margin-left: 0;
		margin-right: 0;
	}
	.lst-footer.grid-col--2{
		margin-bottom: 0;
		padding: 0;
	}
	.lst-footer:last-child {
		margin-bottom: 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: #0075c2;
	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: #1a88d1;
	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("/resource/img/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 {
	box-sizing: border-box;
	max-width: 1300px;
	width: 81.25%;
	padding: 0 20px;
	margin: 0 auto;
}
.wrp-container--fix {
	box-sizing: border-box;
	max-width: 1180px;
	width: 100%;
	padding: 0 20px;
	margin: 0 auto;
}
.wrp-container--sm {
	max-width: 764px;
}
[lang="en"] .wrp-container--sm {
	max-width: 850px;
}
.wrp-container--lg {
	max-width: 900px;
}
.wrp-container--lg2 {
	max-width: 960px;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.wrp-container,
	.wrp-container--fix {
		padding: 0 15px;
		width: 100%;
	}
	[lang="en"] .wrp-container--sm {
		width: 100%;
	}
}
.wrp-content {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}
/*2-1-2.  Box      [box-***]*/

/*------------------------------*/
.box-main-image {
	height: 750px;
	position: relative;
}
.box-main-image + .wrp-container--lg2 ,
.box-main-image + .wrp-container--sm {
	margin-top: 64px;
}
.box-main-image__slider {
	overflow: hidden;
}
.box-main-image__wrp-txt {
	width: 388px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#page-sustainability-index .box-main-image__wrp-txt {
	width: auto;
}
.box-main-image__txt {
	font-size: 17px;
	font-family: "YakuHanMP", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro";
	line-height: 2.5;
	color: #fff;
	margin: 46px 0 0;
}
[lang="en"] .box-main-image__txt {
	font-family: "Georgia", "YakuHanMP", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro";
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-main-image {
		height: 375px;
	}
	.box-main-image + .wrp-container--lg2 ,
	.box-main-image + .wrp-container--sm {
		margin-top: 30px;
	}
	.box-main-image__wrp-txt {
		width: 60.9%;
	}
	#page-sustainability-index .box-main-image__wrp-txt {
		width: 300px;
	}
	.box-main-image__txt {
		font-size: 12px;
		margin: 38px 0 0;
	}
}
.anime-wrp {
	vertical-align: bottom;
}
.box-main-image__sub {
	height: 600px;
	margin: 150px 0 0;
}
.box-main-image__sub-wrp > .js-fullbg {
	height: 600px;
}
.box-main-image__sub .box-main-image__wrp-txt {
	width: 250px;
	height: auto;
}
.box-main-image__sub .anime-wrp {
	height: 50px;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-main-image__sub {
		height: 300px;
		margin: 75px 0 0;
	}
	.box-main-image__sub-wrp > .js-fullbg {
		height: 300px;
	}
	.box-main-image__sub .box-main-image__wrp-txt {
		width: 150px;
	}
	.box-main-image__sub .anime-wrp {
		height: 30px;
	}
}
.box-main-image__sub--02 {
	margin: 150px 0 0;
	height: 330px;
}
.box-main-image__sub--02 .box-main-image__sub-wrp > .js-fullbg {
	height: 330px;
}
.box-main-image__sub--02:after {
	content: "";
	position: absolute;
	width: 250px;
	height: 3px;
	background: #0075c2;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.box-main-image__sub--02 .box-main-image__wrp-txt {
	width: 100%;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-main-image__sub--02 {
		margin: 75px 0 0;
		height: 150px;
	}
	.box-main-image__sub--02 .box-main-image__sub-wrp > .js-fullbg {
		height: 150px;
	}
	.box-main-image__sub--02:after {
		width: 39%;
	}
}
.box-network__main-image .box-main-image__wrp-txt {
	top: 0;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.box-main-image__link li {
	position: absolute;
}
.box-main-image__link li .btn {
	width: 100%;
	background: #fff;
	border-radius: 3px;
	font-family: "YakuHanJP", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic,"メイリオ","ＭＳ Ｐゴシック",sans-serif;
}
[lang="en"] .box-main-image__link li .btn {
	font-family: "Arial", "YakuHanJP", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic,"メイリオ","ＭＳ Ｐゴシック",sans-serif;
}
.box-main-image__link li .btn:hover {
	text-decoration: underline;
}
.box-main-image__link #link-asia {
	top: 65%;
	left: 64.5%;
}
.box-main-image__link #link-europe {
	top: 48%;
	left: 46%;
}
.box-main-image__link #link-america {
	top: 58%;
	left: 23%;
}
.box-network__link-content ul li {
	margin-bottom: 20px;
}
.box-network__link-content ul li:last-child {
	margin-bottom: 0;
}
@media only screen and (min-width:768px) and (max-width:1200px) {
	.box-main-image__link #link-america {
		left: 9%;
	}
}
@media only screen and (max-width:768px) {
	.box-network__main-image .hdg-lv1 {
		padding-top: 56px;
	}
	.box-main-image__link {
		background: #fff;
		background-clip: content-box;
		position: absolute;
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
		bottom: -13px;
	}
	.box-main-image__link li {
		position: static;
	}
	.box-main-image__link li:last-child {
		box-shadow: 0px 2px 0px 0px #e5e5e5;
	}
	.box-main-image__link li .btn {
		text-align: left;
		padding: 8px 33px;
		border-radius: 0;
	}
	.box-main-image__link li:first-child .btn {
		border-radius: 3px 3px 0 0;
	}
	.box-main-image__link li:last-child .btn {
		border-radius: 0 0 3px 3px;
	}
}
/*------------------------------*/
.box-link {
	margin: 90px 0 0;
}
.box-link .box-link__item {
	padding: 0;
}
.box-link__image-wrp {
	height: 210px;
}
.box-link__image-wrp .js-fullbg {
	-webkit-transition: transform 1.2s;
	transition: transform 1.2s;
}
.box-link__image-wrp .image-wrp {
	opacity: 1!important;
}
.is-hover .box-link__image-wrp .js-fullbg {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
.box-link .js-fullbg {
	height: 210px;
	width: 100%;
	vertical-align: bottom;
}
.box-link__txt-wrp {
	text-align: center;
	padding: 34px 16.5% 0;
}
.box-link__txt {
	display: inline-block;
	text-align: center;
}
.box-link__txt a:hover {
	text-decoration: none;
}
.box-link__txt {
	position: relative;
}
.box-link__txt:before,
.box-link__txt:after {
	content: "/";
	position: absolute;
	top: -2px;
	display: block;
	width: 10px;
	height: 20px;
	z-index: 30;
	color: #0075c2;
}
.box-link__txt:before {
	left: -35px;
}
.box-link__txt:after {
	right: -35px;
}
.box-link__main-txt {
	margin: 30px 0 0;
	font-size: 13px;
}
.text-mincho{
	font-family :YuMincho,'Yu Mincho',serif;
}
[lang="en"] .text-mincho{
	font-family :"Georgia", YuMincho,'Yu Mincho',serif;
}

/* box-linkのテキストホバーアニメーション */
.text-link__in1,
.text-link__in2 {
	display: block;
}
.text-link__in1 {
	-webkit-transform: translateX(-100.5%);
	transform: translateX(-100.5%);
	overflow: hidden;
	background: #f5f5f5;
	color: #000;
	position: absolute;
	top: 0;
	left: 0;
}
.text-link__in2 {
	-webkit-transform: translateX(100.5%);
	transform: translateX(100.5%);
}
.is-hover .text-link__in1,
.is-hover .text-link__in2 {
	-webkit-transition-duration: .8s;
	transition-duration: .8s;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}
.is-hover .text-link__in1 {
	-webkit-transform: translateX(100.5%);
	transform: translateX(100.5%);
}
.is-hover .text-link__in2 {
	-webkit-transform: translateX(-100.5%);
	transform: translateX(-100.5%);
}
.text-link__wrp {
	overflow: hidden;
	position: relative;
	display: block;
	font-family :YuMincho,'Yu Mincho',serif;
}
[lang="en"] .text-link__wrp {
	font-family :"Georgia", YuMincho,'Yu Mincho',serif;
}
.text-link__wrp:after {
	content: attr(data-label);
	display: block;
}
.link--gaishi-external .box-link__txt-wrp{
	position: relative;
	overflow: hidden;
}
.link--gaishi-external .box-link__txt:after{
	right: -55px;
}
.link--gaishi-external .text-link__wrp {
	overflow: visible;
}
.link--gaishi-external .box-link__txt-wrp .text-link__wrp:before{
	content: '\f08e';
	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: 1;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	top: 12px;
	right: -22px;
	z-index: 100;
	transform: translateY(-50%);
}
[lang="en"] .link--gaishi-external .box-link__txt-wrp .text-link__wrp:before{
	top: 9px;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-link {
		margin: 30px 0 0;
	}
	.box-link .box-link__item:not(:first-child) {
		margin: 28px 0 0;
	}
}
/*-----------------------------------*/
.box-vision__txt-wrp {
	/*padding-bottom: 114px;*/
	/*border-bottom: 1px solid #b3b3b3;*/
}
.box-vision__txt-wrp .grid-row {
	margin-right: -50px;
	margin-left: -50px;
}
.box-vision__txt-wrp .grid-col--6 {
	padding: 0 50px;
}
.box-vision__txt-wrp .hdg-lv2 {
	margin-top: 120px;
}
.box-vision__name {
	text-align: center;
	/*margin-top: 60px;*/
}
.box-vision__name span {
	display: inline-block;
	margin-top: 20px;
}
.box-vision__name span:first-child {
	margin-top: 0;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-vision__txt-wrp {
		padding-bottom: 57px;
	}
	.box-vision__txt-wrp .hdg-lv2 {
		margin-top: 60px;
	}
	.box-vision__name {
		margin-top: 30px;
	}
}
/*-----------------------------------*/
.box-article {
	margin-top: 150px;
	position: relative;
}
.box-article__image {
	height: 500px;
	position: relative;
}
#network .box-article__image {
	height: auto;
}
#network .box-article__image .circle {
	position: absolute;
}
#network .box-article__image #circle-01 {
	top: 32%;
	left: 11%;
}
#network .box-article__image #circle-02 {
	top: 30%;
	left: 19%;
}
#network .box-article__image #circle-03 {
	top: 23%;
	left: 44%;
}
#network .box-article__image #circle-04 {
	top: 28%;
	right: 17%;
}
#network .box-article__image #circle-05 {
	bottom: 19.5%;
	right: 13%;
}
#network .box-article__image #circle-06 {
	top: 37%;
	left: 66%;
}
#network .box-article__image #circle-07 {
	top: 77%;
	left: 50%;
}
#network .box-article__image #circle-08 {
	top: 34%;
	right: 22%;
}
#network .box-article__image #circle-09 {
	top: 53%;
	right: 24.5%;
}
.box-article__image .area-name {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4;
	position: absolute;
	text-align: center;
}
.box-article__image #area-america {
	top: 35%;
	left: 3%;
}
.box-article__image #area-europe {
	top: 32%;
	left: 33%;
}
.box-article__image #area-asia {
	top: 45%;
	right: 10%;
}
.box-article__title-wrp {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.box-article__title-wrp .hdg-lv1 {
	padding: 0;
	line-height: 1;
}
#network .hdg-lv1 {
	color: #000;
}
.box-article__title-wrp .hdg-lv1 .anime-wrp {
	width: 100%;
}
.box-article__txt {
	background: #fff;
}
#network .box-article__txt {
	background: transparent;
	margin-top: -190px;
}
.box-article__txt .box-article__txt-wrp {
	padding: 95px 18.2%;
}
.box-article__main-txt {
	max-width: 417px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
#sustainability .box-article__main-txt,
#network .box-article__main-txt {
	max-width: 658px;
	width: 100%;
}
.box-article__txt .hdg-lv3 {
	font-family: "YakuHanMP", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro";
	text-align: center;
}
[lang="en"] .box-article__txt .hdg-lv3 {
	font-family: "Georgia", "YakuHanMP", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro";
}
.box-article .text-link__in1 {
	background: transparent;
}
.box-article + .box-link__txt-wrp {
	padding: 34px 0 0;
	display: inline-block;
}
.box-article + .box-link__txt-wrp li {
	margin-right: 55px;
}
.box-article + .box-link__txt-wrp li:last-child {
	margin-right: 0;
}
.box-article + .box-link__txt-wrp li:not(:last-child):after {
	content: none;
}
@media only screen and (min-width: 1px) and (max-width: 1025px) {
	.box-article {
		margin-top: 75px;
	}
	.wrp-container .box-article {
		margin: 75px -15px 0;
	}
	.box-article__image {
		height: 200px;
	}
	.box-article__txt .box-article__txt-wrp {
		padding: 25px 15px;
	}
	.box-article__main-txt {
		width: 100%;
	}
	#network .hdg-lv1 {
		padding-top: 60px;
	}
	#sustainability .box-article__main-txt,
	#network .box-article__main-txt {
		width: 100%;
	}
	#network .box-article__image {
		height: auto;
	}
	#network .box-article__image #circle-01 {
		top: 30%;
		left: 10%;
	}
	#network .box-article__image #circle-02 {
		top: 30%;
		left: 17%;
	}
	#network .box-article__image #circle-03 {
		top: 18%;
		left: 45%;
	}
	#network .box-article__image #circle-04 {
		top: 28%;
		right: 16%;
	}
	#network .box-article__image #circle-05 {
		bottom: 19%;
		right: 12%;
	}
	#network .box-article__image #circle-06 {
		top: 76%;
		left: 49.5%;
	}
	#network .box-article__image #circle-07 {
		top: 37%;
		left: 67%;
	}
	#network .box-article__image #circle-08 {
		top: 35%;
		right: 19.5%;
	}
	#network .box-article__image #circle-09 {
		top: 52%;
		right: 22%;
	}
	.box-article__image .area-name {
		font-size: 10px;
	}
	.box-article__image #area-america {
		top: 53%;
	}
	.box-article__image #area-europe {
		left: 30%;
	}
	.box-article__image #area-asia {
		right: 5%;
	}
	#network .box-article__txt {
		margin-top: 0;
	}
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-article + .box-link__txt-wrp {
		padding: 0;
	}
	.box-article + .box-link__txt-wrp .box-link__txt {
		display: block;
		border-bottom: 1px solid #d5d5d5;
		margin: 0;
		padding: 10px 0;
	}
	#what .box-article + .box-link__txt-wrp .box-link__txt {
		margin: 0 -15px;
	}
	.box-article + .box-link__txt-wrp .box-link__txt:before {
		content: none;
	}
	.box-article + .box-link__txt-wrp .box-link__txt > div {
		display: inline-block;
		position: relative;
	}
	.box-article + .box-link__txt-wrp .box-link__txt > div:before,
	.box-article + .box-link__txt-wrp .box-link__txt > div:after {
		content: "/";
		position: absolute;
		top: -2px;
		display: block;
		width: 10px;
		height: 20px;
		z-index: 30;
		color: #0075c2;
	}
	#page-home .text-link__wrp {
		display: inline-block;
	}
	.box-article + .box-link__txt-wrp .box-link__txt > div:before {
		left: -35px;
	}
	.box-article + .box-link__txt-wrp .box-link__txt > div:after {
		right: -35px;
	}
}
/* トップの〇のタイトルアニメーション */
.box-article .circle.is-anime {
	width: 10px;
	height: 10px;
	background: #0075c2;
	opacity: 0.2;
	border-radius: 50%;
	-webkit-animation-name: circleLarge;
	animation-name: circleLarge;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}
.box-article .circle02.is-anime {
	-webkit-animation-name: circleLarge02;
	animation-name: circleLarge02;
}
.box-article .circle03.is-anime {
	-webkit-animation-name: circleLarge03;
	animation-name: circleLarge03;
}
.box-article .circle04.is-anime {
	-webkit-animation-name: circleLarge04;
	animation-name: circleLarge04;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.box-article .circle.is-anime {
		-webkit-animation-name: circleLarge-tb;
		animation-name: circleLarge-tb;
	}
	.box-article .circle02.is-anime {
		-webkit-animation-name: circleLarge02-tb;
		animation-name: circleLarge02-tb;
	}
	.box-article .circle03.is-anime {
		-webkit-animation-name: circleLarge03-tb;
		animation-name: circleLarge03-tb;
	}
	.box-article .circle04.is-anime {
		-webkit-animation-name: circleLarge04-tb;
		animation-name: circleLarge04-tb;
	}
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-article .circle.is-anime {
		-webkit-animation-name: circleLarge-sp;
		animation-name: circleLarge-sp;
	}
	.box-article .circle02.is-anime {
		-webkit-animation-name: circleLarge02-sp;
		animation-name: circleLarge02-sp;
	}
	.box-article .circle03.is-anime {
		-webkit-animation-name: circleLarge03-sp;
		animation-name: circleLarge03-sp;
	}
	.box-article .circle04.is-anime {
		-webkit-animation-name: circleLarge04-sp;
		animation-name: circleLarge04-sp;
	}
}
@-webkit-keyframes circleLarge {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(13);
		transform: scale(13);
	}
}
@keyframes circleLarge {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(13);
		transform: scale(13);
	}
}
@-webkit-keyframes circleLarge-tb {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(6);
		transform: scale(6);
	}
}
@keyframes circleLarge-tb {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(6);
		transform: scale(6);
	}
}
@-webkit-keyframes circleLarge-sp {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(3.5);
		transform: scale(3.5);
	}
}
@keyframes circleLarge-sp {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(3.5);
		transform: scale(3.5);
	}
}
@-webkit-keyframes circleLarge02 {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(8);
		transform: scale(8);
	}
}
@keyframes circleLarge02 {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(8);
		transform: scale(8);
	}
}
@-webkit-keyframes circleLarge02-tb {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(4);
		transform: scale(4);
	}
}
@keyframes circleLarge02-tb {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(4);
		transform: scale(4);
	}
}
@-webkit-keyframes circleLarge02-sp {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(2.5);
		transform: scale(2.5);
	}
}
@keyframes circleLarge02-sp {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(2.5);
		transform: scale(2.5);
	}
}
@-webkit-keyframes circleLarge03 {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(10);
		transform: scale(10);
	}
}
@keyframes circleLarge03 {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(10);
		transform: scale(10);
	}
}
@-webkit-keyframes circleLarge03-tb {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(5);
		transform: scale(5);
	}
}
@keyframes circleLarge03-tb {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(5);
		transform: scale(5);
	}
}
@-webkit-keyframes circleLarge03-sp {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(3);
		transform: scale(3);
	}
}
@keyframes circleLarge03-sp {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(3);
		transform: scale(3);
	}
}
@-webkit-keyframes circleLarge04 {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(5);
		transform: scale(5);
	}
}
@keyframes circleLarge04 {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(5);
		transform: scale(5);
	}
}
@-webkit-keyframes circleLarge04-tb {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(3);
		transform: scale(3);
	}
}
@keyframes circleLarge04-tb {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(3);
		transform: scale(3);
	}
}
@-webkit-keyframes circleLarge04-sp {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.8);
		transform: scale(1.8);
	}
}
@keyframes circleLarge04-sp {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.8);
		transform: scale(1.8);
	}
}

/*------------------------------*/
.box-topic {
	background: #fff;
	text-align: center;
	padding: 46px 34px;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-topic {
		padding: 23px 34px;
		text-align: left;
	}
}
/*-----------------------------------*/
.box-history {
	margin: 128px 0 0;
}
.box-history:first-child {
	margin: 62px 0 0;
}
.box-history__section {
	font-size: 39px;
	font-family: "YakuHanMP", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro";
	line-height: 1.25;
}
[lang="en"] .box-history__section {
	font-family: "Georgia", "YakuHanMP", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro";
}
.box-history__content-wrp {
	position: relative;
}
.box-history__content-wrp:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 103%;
	background: #a2a2a2;
	top: -9px;
	left: 66px;
}
.box-history__year {
	/*display: table-cell;*/
	display: block;
	width: 66px;
	box-sizing: border-box;
	padding: 18px 20px 18px 0;
	font-size: 16px;
	color: #a2a2a2;
}
.box-history__txt {
	display: table-cell;
	position: relative;
	padding: 18px 0 18px 20px;
	font-size: 15px;
	width: 100%;
	border-bottom: 1px solid #a2a2a2;
}
.box-history__txt:before {
	content: "・";
	position: absolute;
	font-size: 20px;
	color: #a2a2a2;
	left: -4.5px;
	top: 15px;
}
.box-history__content li {
	display: table;
}
.box-history__content li:last-child .box-history__txt {
	border-bottom: 0;
}
.box-history__image {
	margin-top: 35px;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-history {
		margin-top: 60px;
	}
	.box-history__section {
		font-size: 20px;
	}
	.box-history__content-wrp {
		margin-top: 10px
	}
	.box-history__content-wrp:before {
		height: 101%;
		top: -3px;
		left: 57px;
	}
	.box-history__year {
		width: 57px;
		font-size: 14px;
		padding: 9px 15px 9px 0;
	}
	.box-history__txt {
		font-size: 13px;
		padding: 9px 0 9px 15px;
	}
	.box-history__txt:before {
		top: 5px;
		left: -5px;
	}
	.box-history__image {
		margin-top: 18px;
	}
}
/*-----------------------------------*/

.fadeshow > .active {
	left: 0;
	display: block;
}
.fadeshow > .fadeshow-item:not(.active) {
	display: none;
	position: relative;
	transition: 0.6s ease-in-out left;
}
.img-fadeshow {
	width: 100%;
}
.img-fadeshow:first-child {
	opacity: 0;
}


/*---------------------------------------------*/
.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{
	text-align: center;
	position: relative;
}
.box-heading + *:first-child {
	margin-top: 0;
}
.box-heading .hdg-lv1{
	font-size: 55px;
	letter-spacing: 0.06em;
	font-weight: normal;
	line-height: 1.28;
	padding: 140px 0 120px;
}
.box-heading .hdg-lv1-s{
	font-size: 45px;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-heading__sub{
		font-size: 10px;
		margin-bottom: 10px;
	}
	.box-heading .hdg-lv1{
		font-size: 28px;
		padding: 60px 0;
	}
	.box-heading:before{
		width: 25px;
		height: 1px;
	}
}
/*---------------------------*/

/*-------------------------*/
.box-col {
	margin-top: 40px;
}
.box-col .box-col__text h4:first-child {
	margin-top: 0;
}
.box-col .box-col__txt-title {
	font-weight: bold;
	display: block;
	margin: 20px 0;
}
.box-col .box-col__image > span {
	display: inline-block;
}
.box-col .box-col__image-link {
	display: block;
	margin-top: 20px;
	text-align: left;
	line-height: 1.15;
}
.box-col--02 .box-col__text {
	width: 66%;
}
.box-col--02 .box-col__image {
	width: 34%;
}

@media only screen and (min-width: 1px) and (max-width: 767px){
	.box-col{
		margin: 30px 0 0;
	}
	.box-col__vision {
		margin-left: -15px;
		margin-right: -15px;
	}
	.box-col__image + .box-col__text {
		margin-top: 5px;
	}
	.box-col__text + .box-col__image {
		margin-top: 20px;
	}
	.box-col__image + .box-col__image {
		margin-top: 20px;
	}
	.box-col__image{
		text-align: center;
	}
	.box-col__text p {
		font-size: 13px;
		line-height: 20px;
	}
	.box-col .box-col__txt-title {
		margin: 10px 0;
		text-align: left;
	}
	.box-col .box-col__image-link {
		margin-top: 10px;
	}
	.box-col--02 .box-col__image,
	.box-col--02 .box-col__text {
		width: 100%;
	}
}
/*-------------------------*/

/*------------------------*/

/*--------------------------------------*/

/*2-1-3.  Table    [tbl-***]*/
.tbl-base {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #8ba8bb;
}
.tbl-base thead th{
	color: #fff;
	background: #758fa0;
	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: #758fa0;
	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;
}

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


/*2-1-4.  Headings [hdg_lv*]*/
.hdg-lv1{
	text-align: center;
	font-size: 55px;
	color: #0075c2;
	padding: 120px 15px 40px;
	font-weight: normal;
}
.hdg-lv1--02 {
	text-align: center;
	position: relative;
	font-size: 80px;
	line-height: 1.2;
	color: #fff;
	padding: 0 0 42px;
}
.hdg-lv1--02:after {
	content: "";
	position: absolute;
	height: 1px;
	background: #fff;
	z-index: 50;
	bottom: 0;
	width: 400px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.hdg-lv2{
	font-size: 28px;
	font-weight: normal;
	/*
	letter-spacing: 0.14em;
	*/
	margin: 150px 0 30px;
	padding: 0 0 20px;
	border-bottom: 1px solid #b3b3b3;
	line-height: 1;
}
.box-heading + .wrp-container--fix > *:first-child {
	margin-top: 0;
}
.hdg-lv2--02 {
	font-size: 30px;
	font-weight: normal;
	color: #fff;
}
.hdg-lv3{
	font-size: 23px;
	margin: 90px 0 30px;
	font-weight: normal;
}
.hdg-lv4{
	font-size: 15px;
	margin: 60px 0 30px;
}
@media only screen and (min-width: 1px) and (max-width: 767px){
	.hdg-lv1 {
		font-size: 28px;
	}
	.hdg-lv1--02 {
		font-size: 40px;
		padding: 0 0 28px;
	}
	.hdg-lv1--02:after {
		width: 64%;
	}
	.hdg-lv2{
		font-size: 22px;
		margin: 58px 0 16px;
	}
	.wrp-container--fix + .wrp-container--fix .hdg-lv2 {
		margin-top: 75px;
	}
	.hdg-lv2--02 {
		font-size: 22px;
	}
	#page-what-ecology .hdg-lv2--02 {
		letter-spacing: 0;
		font-size: 19px;
	}
	.box-main-image__sub--02 .hdg-lv2--02 {
		padding: 0 15px;
	}
	.hdg-lv2-03:before{
		top: 0;
	}
	.hdg-lv3{
		font-size: 16px;
		margin: 45px 0 16px;
		letter-spacing: 0.1em;
	}
	.hdg-lv4{
		font-size: 14px;
		margin: 26px 0 16px;
	}
}
/* メインビジュアルのタイトルアニメーション */
.anime-title span {
	position: relative;
	overflow: hidden;
}
.anime-title .anime-wrp {
	display: inline-block;
	width: 100%;
}
.hdg-lv1.anime-title .anime-wrp,
.box-main-image__sub--02 .anime-title .anime-wrp {
	width: auto;
}
.anime-title span.txt-wrp {
	opacity: 0;
}
.anime-title > span.anime-wrp:after {
	content: "";
	position: absolute;
	background: #1a88d1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.anime-title.no-over > span.anime-wrp:after {
	overflow: hidden;
	visibility: hidden;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}
.anime-title.no-over > span.anime-wrp--right:after {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}
.anime-title.is-end > span.anime-wrp:after {
	-webkit-transform: translateX(101%);
	transform: translateX(101%);
	transition: all .85s;
	-webkit-transition-timing-function:cubic-bezier(.785, .135, .15, .86);
	transition-timing-function:cubic-bezier(.785, .135, .15, .86);
}
.anime-title.is-end > span.anime-wrp--right:after {
	-webkit-transform: translateX(-101%);
	transform: translateX(-101%);
	transition: all .85s;
	-webkit-transition-timing-function:cubic-bezier(.785, .135, .15, .86);
	transition-timing-function:cubic-bezier(.785, .135, .15, .86);
}
/* top以外のタイトルアニメーション */
.anime-title--02.is-end > span.anime-wrp:after,
.anime-title--02.is-end > span.anime-wrp--right:after {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.anime-title--02.is-end .txt-wrp {
	z-index: 10;
}
/*2-1-5.  Nav      [nav-***]*/

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

/*2-1-6.  List     [lst-***]*/
.lst-article {
	margin-top: 90px;
}
.lst-article .lst-article__item {
	position: relative;
	/*min-height: 310px;*/
}
.lst-article .lst-article__item:nth-last-child(n+3) {
	margin: 0 0 60px;
}
.lst-article .lst-article__image-overwrp {
	position: absolute;
	width: 100%;
}
.lst-article .lst-article__image-wrp {
	padding-right: 57%;
}
.lst-article .lst-article__content-wrp {
	display: block;
	padding-left: 9.4%;
	height: 100%;
}
.lst-article__content-wrp .lst-article__content {
	box-sizing: border-box;
	background: #fff;
	display: block;
	padding: 38px 32px 40px 42.1%;
	height: 100%;
	min-height: 78px;
}
.lst-article__content .lst-article__title {
	font-size: 18px;
	font-weight: bold;
	display: block;
}
.lst-article__content .lst-article__txt {
	display: block;
	margin: 30px 0 0;
}
[lang="en"] .lst-article__content .lst-article__txt {
	line-height: 1.5;
}
.lst-article .txt-wrp {
	opacity: 1!important;
}
@media only screen and (min-width: 1px) and (max-width: 767px){
	.lst-article {
		margin-top: 42%;
	}
	.lst-article .lst-article__item:not(:last-child) {
		margin: 0 0 44%;
	}
	.lst-article .lst-article__image-overwrp {
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.lst-article .lst-article__image-wrp {
		padding: 0 6.8%;
		text-align: center;
	}
	.lst-article .lst-article__content-wrp {
		padding-left: 0;
	}
	.lst-article__content-wrp .lst-article__content {
		padding: 33.33% 32px 38px;
	}
	.lst-article__content .lst-article__title {
		font-size: 13px;
	}
	.lst-article__content .lst-article__txt {
		margin: 10px 0 0;
	}
}
/* lst-articleのimageアニメーション */
.anime-image span {
	position: relative;
	overflow: hidden;
}
.anime-image .anime-wrp {
	display: inline-block;
	width: 100%;
}
.anime-image span.image-wrp {
	opacity: 0;
}
.anime-image > span.anime-wrp:after {
	content: "";
	position: absolute;
	background: #1a88d1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.anime-image.no-over > span.anime-wrp:after {
	overflow: hidden;
	visibility: hidden;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}
.anime-image.no-over > span.anime-wrp--right:after {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}
.anime-image.is-end > span.anime-wrp:after {
	-webkit-transform: translateX(100.5%);
	transform: translateX(100.5%);
	transition: all .85s;
	-webkit-transition-timing-function:cubic-bezier(.785, .135, .15, .86);
	transition-timing-function:cubic-bezier(.785, .135, .15, .86);
}
.anime-image.is-end > span.anime-wrp--right:after {
	-webkit-transform: translateX(-100.5%);
	transform: translateX(-100.5%);
	transition: all .85s;
	-webkit-transition-timing-function:cubic-bezier(.785, .135, .15, .86);
	transition-timing-function:cubic-bezier(.785, .135, .15, .86);
}
/*------------------------------------------*/
.lst-inner-link {
	background: #fff;
	text-align: center;
	padding: 16px 0;
	margin: 60px 0 0;
	box-shadow: 0px 2px 0px 0px #e5e5e5;
	border-radius: 3px;
}
.lst-inner-link li {
	font-size: 16px;
	display: inline-block;
	padding: 0 22px;
	box-sizing: border-box;
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
	.lst-inner-link {
		margin: 30px 0 0;
	}
	.lst-inner-link li {
		width: 100%;
		margin-top: 12px;
		font-size: 13px;
	}
	.lst-inner-link li:first-child {
		margin-top: 0;
	}
}
.lst-link li:not(.no-link):not(.external-link) {
	text-indent: -10px;
	padding-left: 17px;
}
.lst-link li:not(.no-link) span.icon.icon-gaishi-right:before {
	width: 4px;
}
.lst-link--grid li:not(.no-link):not(.external-link) {
	text-indent: -5px;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.lst-link li:not(.no-link):not(.external-link) {
		padding-left: 17px;
	}
	.lst-link--grid li:not(.no-link):not(.external-link) {
		text-indent: -9px;
	}
}

/*---------------------------------------*/

/*-------------------------------*/

/*-------------------------------*/
.lst-content li {
	margin: 24px 0 0;
}
.lst-content li:first-child {
	margin: 0;
}
.lst-content + .lst-content {
	margin: 24px 0 0;
}
li > .lst-content li:first-child {
	margin: 24px 0 0;
}
.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{
	text-indent: -1.3em;
}
.lst-number  > li:before{
	counter-increment: section;
	content: counters(section, ".") ".";
	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;
	}
}
/*2-1-7.  Button   [btn-***]*/
.btn-wrp {
	text-align: center;
	margin: 60px 0 0;
}
.btn{
	text-align: center;
	display: inline-block;
	padding: 20px 50px;
	background: transparent;
	color: #0075c2;
	position: relative;
	width: 460px;
	max-width: 100%;
	-webkit-transition: all .3s;
	transition: all .3s;
	font-size: 15px;
	font-family :YuMincho,'Yu Mincho',serif;
	box-sizing: border-box;
	overflow: hidden;
	vertical-align: bottom;
}
[lang="en"] .btn{
	font-family :"Georgia", YuMincho,'Yu Mincho',serif;
}
.btn:hover {
	text-decoration: none;
}

/* btnのhoverアニメーション */
.anime-btn {
	position: relative;
	overflow: hidden;
	z-index: 5;
}
.anime-btn:after {
	content: "";
	position: absolute;
	background: #0075c2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.anime-btn.end-hover .btn-lbl {
	-webkit-animation-name: fromBlueToWhite;
	animation-name: fromBlueToWhite;
	-webkit-animation-duration: .55s;
	animation-duration: .55s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: .1s;
	animation-delay: .1s;
	-webkit-animation-timing-function: cubic-bezier(.785, .135, .15, .86);
	animation-timing-function: cubic-bezier(.785, .135, .15, .86);
}
.anime-btn.no-hover:after {
	overflow: hidden;
	visibility: hidden;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}
.anime-btn.end-hover:after {
	z-index: -1;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	transition: all .85s;
	-webkit-transition-timing-function:cubic-bezier(.785, .135, .15, .86);
	transition-timing-function:cubic-bezier(.785, .135, .15, .86);
}
@-webkit-keyframes fromBlueToWhite {
	0% {
		color: #0075c2;
	}
	50% {
		color: #fff;
	}
	100% {
		color: #0075c2;
	}
}
@keyframes fromBlueToWhite {
	0% {
		color: #0075c2;
	}
	50% {
		color: #fff;
	}
	100% {
		color: #0075c2;
	}
}
/* btnのborderアニメーション */
.btn-lbl {
	opacity: 0;
}
.btn.is-shown .btn-lbl {
	opacity: 1;
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}
.btn-border--v:before,
.btn-border--v:after,
.btn-border--h:before,
.btn-border--h:after {
	content: "";
	display: block;
	position: absolute;
	z-index: 10;
	background: #0075c2;
	-webkit-transition-duration: .4s;
	transition-duration: .4s;
	-webkit-transition-timing-function: cubic-bezier(.075,.82,.165,1);
	transition-timing-function: cubic-bezier(.075,.82,.165,1);
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform;
}
.btn.is-shown .btn-border--v:before,
.btn.is-shown .btn-border--v:after {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}
.btn-border--v:before,
.btn-border--v:after {
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transition-delay: .3s;
    transition-delay: .3s;
	width: 1px;
	top: 0;
	bottom: 0;
}
.btn-border--v:before {
	-webkit-transform-origin: bottom;
	transform-origin: bottom;
	left: 0;
}
.btn-border--v:after {
	-webkit-transform-origin: top;
	transform-origin: top;
	right: 0;
}
.btn.is-shown .btn-border--h:before,
.btn.is-shown .btn-border--h:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.btn-border--h:before,
.btn-border--h:after {
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition-delay: .4s;
    transition-delay: .4s;
	height: 1px;
	right: 0;
	left: 0;
}
.btn-border--h:before {
	-webkit-transform-origin: left;
	transform-origin: left;
	top: 0;
}
.btn-border--h:after {
	-webkit-transform-origin: right;
	transform-origin: right;
	bottom: 0;
}


.btn--white {
	background: #fff;
	color: #0075c2;
}
.btn--gray {
	background: #eeeff3;
	color: #0075c2;
}
.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-wrp {
		padding: 0 15px;
		margin: 30px 0 0;
	}
	.wrp-container--fix .btn-wrp,
	.wrp-container .btn-wrp {
		padding: 0;
	}
	.btn{
		font-size: 13px;
		padding: 23px 45px;
		text-align: center;
		min-width: auto;
		width: 100%;
	}
}
/*---------------------*/

/*-------------------*/

/*----------------------------*/
.btn-more{
	border: 1px solid #758fa0;
	background: none;
	color: #758fa0;
	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-***]*/

/*2-1-9.  Text     [txt-***]*/
.txt-red{
	color: #ff0000;
}
.txt-blue{
	color: #0075c2;
}
.txt-white {
	color: #fff;
}
.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{
	font-size: 13px;
	line-height: 1.33;
	margin-top: 20px;
}
.txt-paragraph {
	margin-bottom: 25px;
}
.txt--small {
	font-size: 15px;
}
.txt-caption {
	display: block;
	margin-top: 20px;
	font-size: 13px;
	text-align: left;
}
.txt-link {
	margin: 30px 0 0;
}
.txt-flap {
	display: inline-block;
}
.txt-link + .txt-link {
	margin-top: 0;
}
@media only screen and (min-width: 1px) and (max-width: 767px){
	.txt-note{
		font-size: 10px;
	}
	.txt-paragraph {
		margin-bottom: 15px;
	}
	.txt-caption {
		margin-top: 10px;
		font-size: 10px;
	}
	.txt-link {
		margin-top: 14px;
	}
	.txt-head{
		text-align: left;
		line-height: 1.53;
	}
}
/*2-1-10. Icon     [icn-***]*/

/*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;
}
[lang="zh-cmn-Hans"] .lbl ,
[lang="en"] .lbl {
	width: auto;
	min-width: 120px;
}
.lbl--small {
	width: 80px;
}
.lbl--blue {
	background: #0075c2;
	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: #0075c2;
	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--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;
}
.font-number{
	font-family: "century", "times new roman";
}
@media screen and (max-width: 767px) {
	.justify-sp {
		text-align: justify!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;
}

/* 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 */


/* 2-2-5. WebFont [FontAwesome] */
.libre {
	font-family: 'Libre Baskerville', serif;
	font-weight: normal;
}
[lang="en"] .libre {
	font-family: 'Libre Baskerville', serif;
	font-weight: normal;
}
@font-face {
	font-family: 'gaishi';
	src: url('/resource/font/gaishi.eot?30782726');
	src: url('/resource/font/gaishi.eot?30782726#iefix') format('embedded-opentype'),
	url('/resource/font/gaishi.woff2?30782726') format('woff2'),
	url('/resource/font/gaishi.woff?30782726') format('woff'),
	url('/resource/font/gaishi.ttf?30782726') format('truetype'),
	url('/resource/font/gaishi.svg?30782726#gaishi') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-gaishi"]:before, [class*=" icon-gaishi"]:before {
	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: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-gaishi-mail:before { content: '\e800'; } /* '' */
.icon-gaishi-search:before { content: '\e801'; } /* '' */
.icon-gaishi-earth:before { content: '\e802'; } /* '' */
.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-earth2:before { content: '\e904'; } /* '' */
.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 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-visibleSp320{
	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:1119px){
	.is-visibleTablet{
		display: block!important;
	}
}/* endMedia */
@media only screen and (min-width:1px) and (max-width:320px){
	.is-visibleSp320{
		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;
}
.is-overflow {
	overflow: visible;
}
/*--------------------------------------------------*/


/* 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);
	}
}

/*slider
-----------------------------------------*/
.slider-bg__inner-wrp {
	height: 750px;
}
/*
.slider-bg__inner-wrp.mvanime {
	-webkit-animation: mvsliderAnime 7000ms;
	animation: mvsliderAnime 7000ms;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	animation-delay: 2s;
	width: calc(100% + 100px);
}
@-webkit-keyframes mvsliderAnime {
	0% {
		-webkit-transform: translate3d(0px, 0, 0);
		transform: translate3d(0px, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(-100px, 0, 0);
		transform: translate3d(-100px, 0, 0);
	}
}
@keyframes mvsliderAnime {
	0% {
		-webkit-transform: translate3d(0px, 0, 0);
		transform: translate3d(0px, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(-100px, 0, 0);
		transform: translate3d(-100px, 0, 0);
	}
}
*/
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.slider-bg__inner-wrp {
		height: 375px;
	}
	#page-home .slider-bg__inner-wrp {
		height: 400px;
	}
}

/*---------------------------------------------------*/

.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-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: #0075c2;
	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;
	}
}

/* /cookie-box
-----------------------------------------*/
.cookie-box{
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	background: #293337;
	color: #fff;
	padding: 60px 0;
	display: none;
	z-index: 1000;
	font-family: "Helvetica", "Arial", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic,"メイリオ","ＭＳ Ｐゴシック",sans-serif;
	font-size: 15px;
	box-sizing: border-box;
}
.cookie-box a{
	color: #fff;
	text-decoration: underline;
}
.cookie-box a:hover{
	text-decoration: none;
}
.cookie-box > div {
	display: table;
}
.cookie-box > div > p{
	display: table-cell;
	width: 99%;
	vertical-align: middle;
	font-size: 15px;
}
.cookie-box > div > div{
	display: table-cell;
	white-space: nowrap;
	padding-left: 20px;
	vertical-align: middle;
}
.cookie-box button{
	display: inline-block;
	color: #fff;
	border: 1px solid #fff;
	padding: 10px 40px;
	font-size: 15px;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.cookie-box{
		padding: 20px 0;
		font-size: 12px;
	}
	.cookie-box > div {
		display: block;
	}
	.cookie-box > div > p{
		display: block;
		width: auto;
	}
	.cookie-box > div > div{
		display: block;
		width: auto;
		text-align: center;
	}
	.cookie-box button{
		margin: 15px 0 0;
		padding: 5px 30px;
	}
}

/* /index
-----------------------------------------*/
#page-home .box-main-image {
	height: 800px;
}
#page-home .top-main{
	position: relative;
	width: 100%;
	height: 800px;
	z-index: 10;
	overflow: hidden;
}
#page-home .top-main li{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 800px;
	opacity: 1;
	z-index: 20;
	background: #0075c2;
}
#page-home .top-main li div{
}
#page-home .top-main li.top-main-active{
	animation: anime_scale 7.5s linear 0s forwards, anime_fade 1.5s ease-in 6s forwards;
	z-index: 30;
}
#page-home .top-main li.top-main-active + li.top-main-active{
	z-index: 25;
}
#page-home .top-main li.top-main-active div{
	animation: anime_fadeimg_start 1.5s ease-in 0s forwards, anime_fadeimg_end 1.5s ease-in 6s forwards;
}
#page-home .top-main li.top-main-active_next{
	z-index: 20;
	opacity: 1;
}
#page-home .top-main li.top-main-active_next div{
	opacity: 0.2;
}
#page-home .top-main li.top-main-init{
}
#page-home .top-main li.top-main-init div{
	animation: anime_fade 1.5s ease-in 6s forwards;
}
@keyframes anime_scale {
	0% {
		transform: scale(1.0);
	}
	100% {
		transform: scale(1.13);
	}
}
@keyframes anime_fade {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes anime_fadeimg_end {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0.2;
	}
}
@keyframes anime_fadeimg_start {
	0% {
		opacity: 0.2;
	}
	100% {
		opacity: 1;
	}
}
#page-home .box-main-image-wrp {
	position: relative;
}
#page-home .box-main-image__wrp-txt-wrp {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: scale(1.0) translateY(-50%);
	z-index: 100;
	text-align: center;
}
#page-home .top-main-txt{
	display: inline-block;
}
#page-home .top-main-txt01{
	position: relative;
	display: block;
	font-family: "YakuHanMP", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro";
	font-size: 44px;
	color: #fff;
	padding: 0 0 21px;
}
[lang="en"] #page-home .top-main-txt01{
	font-family: "Georgia", "YakuHanMP", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro";
}
#page-home .top-main-txt02{
	position: relative;
	display: none;
	font-family: "YakuHanMP", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro";
	font-size: 44px;
	color: #fff;
	padding: 14px 0 0;
}
[lang="en"] #page-home .top-main-txt02{
	font-family: "Georgia", "YakuHanMP", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro";
}
#page-home .top-main-txt02:before{
	content: "";
	position: absolute;
	height: 1px;
	background: #fff;
	z-index: 50;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
#page-home .top-main-txt02 .anime-wrp:before {
	content: "";
	position: absolute;
	background: #1a88d1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 200;
	-webkit-transform: translateX(-101%);
	transform: translateX(-101%);
}
#page-home .top-main-txt02.top-main-txt-show .anime-wrp:before {
	-webkit-transform: translateX(102%);
	transform: translateX(102%);
	transition: all .85s;
	-webkit-transition-timing-function:cubic-bezier(.785, .135, .15, .86);
	transition-timing-function:cubic-bezier(.785, .135, .15, .86);
}
#page-home .top-main-txt02 .anime-wrp > span {
	opacity: 0;
}
#page-home .top-main-txt02.top-main-txt-show {
	display: inline-block !important;
	width: 100%;
}
#page-home .top-main-txt02.top-main-txt-show:before {
	animation: anime_txthidewidth 0.5s ease-in 0s forwards;
}
#page-home .top-main-txt02.top-main-txt-show .anime-wrp > span {
	animation: anime_txthide 0.1s linear 0.3s forwards;
}
#page-home .top-main-txt02.top-main-txt-#page-home .top-main-txt02.top-main-txt-show  .anime-wrp{
	display: inline-block;
}
#page-home .top-main-txt02.top-main-txt-next {
	display: inline-block !important;
	width: 100%;
}
#page-home .top-main-txt02.top-main-txt-next:before {
	animation: anime_txtshowwidth 0.3s ease-in 0s forwards;
}
#page-home .top-main-txt02.top-main-txt-next > span {
	animation: anime_txtshow 1s linear 0s forwards;
}
#page-home .top-main-txt02.top-main-txt-end {
	display: none !important;
}
#page-home .top-main-txt02.top-main-txt-init {
	display: inline-block;
	width: 100%;
}
@keyframes anime_txthide {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes anime_txtshow {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes anime_txthidewidth {
	0% {
		opacity: 1;
		width: 100%;
	}
	100% {
		opacity: 0;
		width: 50%;
	}
}
@keyframes anime_txtshowwidth {
	0% {
		opacity: 0;
		width: 50%;
	}
	100% {
		opacity: 1;
		width: 100%;
	}
}
#page-home .hdg-lv1--02:after {
	display: none;
}
#page-home .slider-bg__inner-wrp {
	height: 800px;
}
#page-home .top-main-scroll {
	position: absolute;
	display: inline-block;
	bottom: 40px;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 100;
	letter-spacing: 4px;
	font-weight: normal;
}
#page-home .top-main-scroll:after {
	position: absolute;
	content: "";
	height: 65px;
	width: 1px;
	left: 0;
	right: 0;
	bottom: -72px;
	margin: auto;
	display: block;
	background: url("/resource/img/bg-line-topmain.png") no-repeat center center;
	z-index: 1;
	-webkit-transform: translate3d(0, 0, 0) scaleY(1);
	transform: translate3d(0, 0, 0) scaleY(1);
	-webkit-transform-origin: top left;
	transform-origin: top 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)
}
#page-home .top-main-scroll.top-main-scroll-active:after {
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: translate3d(0, 3px, 0) scaleY(0);
	transform: translate3d(0, 3px, 0) scaleY(0)
}
#page-home .top-main-scroll a{
	font-size: 12.5px;
	color: #fff;
	text-decoration: none;
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
	#page-home .box-main-image__wrp-txt-wrp {
		display: inline-block !important;
		/*width: 95%;*/
	}
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	#page-home .top-main-txt01{
		font-size: 22px;
		padding: 0 0 10px;
	}
	#page-home .top-main-txt02{
		font-size: 22px;
		padding: 10px 0 0;
	}
}
#bnr-kp100{
	margin: 100px auto -70px;
}
.box-banner {
	font-size: 0;
	letter-spacing: 0;
	margin-right: -10px;
	margin-left: -10px;
}
.box-banner__col {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	box-sizing: border-box;
}
.box-banner__col--pc-col2 {
	width: 50%;
	padding: 0 10px;
}
.box-banner__col--full {
	width: 100%;
}
.box-banner__col--sp-full {
	display: none;
}
.box-banner__col a:hover {
	opacity: 0.7;
}
@media only screen and (max-width: 1024px) {
	#bnr-kp100{
		margin: 45px auto -30px;
	}
}
@media only screen and (max-width: 767px) {
	.box-banner__col--pc-col2 {
		display: none;
	}
	.box-banner__col--sp-full {
		width: 100%;
		display: block;
		padding: 0;
	}
}

/* /search/ */
.frm-search2{
	position: relative;
	max-width: 580px;
	margin: 0 auto;
}
@media only screen and (min-width: 1px) and (max-width: 1024px){
	.frm-search2{
		max-width: 100%;
		margin: 0 15px;
	}
	#ss-content{
		padding: 0 15px;
	}
}
@media only screen and (min-width: 1px) and (max-width: 320px){
	#ss-content{
		padding: 0 10px;
	}
}
.frm-search2 .frm-search__input{
	background: #fff !important;
	box-shadow: none !important;
	border: 1px solid #dad7d3 !important;
	width: 100% !important;
	font-size: 15px !important;
	line-height: 26px !important;
	color: #666 !important;
	padding: 10px 60px 10px 15px !important;
	height: 50px !important;
	box-sizing: border-box !important;
}
.frm-search2 .frm-search__button{
	position: absolute !important;
	right: 0 !important;
	top: 1px !important;
	width: 49px !important;
	height: 48px !important;
	font-size: 15px !important;
	background: #081f2e !important;
	color: #fff !important;
}
div#ss-navi {
	padding: 5px 0px 5px 0px;
	margin-bottom: 20px;
	border: none !important;
	background: none !important;
	font-size: 14px;
}
.box-result__number{
	float: left;
	font-size: 15px;
	line-height: 26px;
	color: #333;
}
.box-result__number span{
	font-size: 20px;
	font-weight: bold;
}
@media only screen and (min-width: 1px) and (max-width: 1024px){
	.box-result__number{
		font-size: 12px;
		line-height: 13px;
	}
	.box-result__number span{
		font-size: 17px;
	}
}
.lst-result{
	border-top: 1px dashed #b2b2b2;
}
.lst-result__item{
	display: table;
	width: 100%;
	table-layout: fixed;
	padding: 40px 0;
}
.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: #0075c2;
}
.lst-result__text{
	font-size: 15px;
	line-height: 20px;
	color: #333;
	margin-bottom: 8px;
}
.lst-result__text span{
	color: #0075c2;
}
.lst-result__link{
	font-size: 12px;
	line-height: 20px;
}
@media only screen and (min-width: 1px) and (max-width: 1024px){
	.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;
	}
}
div.ss-pagination .ss-page {
	border: none;
	padding: 0;
	width: auto;
	color: #0075c2;
}
div.ss-pagination .ss-page > span{
	display: inline-block;
	padding: 6px 12px;
	margin: 0;
	background: none;
	color: #0075c2;
}
div.ss-pagination .ss-page.ss-select-page > span{
	background: #0075c2;
	color: #fff;
}
@media only screen and (min-width: 1px) and (max-width: 320px){
	div.ss-pagination span {
		margin: 0px 1px 0px 1px;
	}
}