@charset "UTF-8";

/* -----------------------------------------------
Table of Contents (common css)
--------------------------------------------------
0. Foundation
	 0-1. Reset
	 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-navGlobal
	 1-6. page-header
	 1-7. layoutType
2. Object
	 2-1. Component a.k.a Module
				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. Panel    [pnl-***]
				2-1-15. Media    [mda-***]
				2-1-16. 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. CSS Animation [act-***]
				2-2-6. WebFont
	 2-3. State [is-***]
	 2-4. OverLayerConfig [z-index]
	 2-5. Project

-------------------------------------------------- */

/* -----------------------------------------------
 [0. Foundation]
-------------------------------------------------- */

/* 0-1. Reset
-------------------------------------------------- */
html{
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body{
	margin: 0;
	padding: 0;
}
a{
	background-color: transparent;
}
a:focus{
	outline: thin dotted;
}
a:active,
a:hover{
	outline-width: 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,progress,video{
	display: inline-block;
}
audio:not([controls]){
	display: none;
	height: 0;
}
progress{
	vertical-align: baseline;
}
template,
[hidden]{
	display: none;
}
ul,ol{
	list-style-type: none;
}
table{
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}
img{
	line-height: 1;
	vertical-align: baseline;
	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;
	height: auto;
	padding: 2px 5px;
}
textarea{
	border: 1px solid #dad7d3;
	height: 78px;
/*	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;
}
input[type="search"]{
	-webkit-appearance: textfield;
	box-sizing: content-box;
}
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;
}
:focus{
	outline: none;
}
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder{
	color: #999;
}
/* 0-2. Base
-------------------------------------------------- */
html{
	overflow-y: scroll;
	font-size: 100%;
}
html.wf-active{
}
body{
	font-feature-settings : "palt";
	font-family: "HiraKakuProN-W3","游ゴシック","YuGothic","Roboto Regular","ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"helvetica","arial",sans-serif;
}

html,body{

}
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-weight: bold;
}
table{
	width: 100%;
}
input,textarea,button{
	font-family:"HiraKakuProN-W3","游ゴシック","YuGothic","Roboto Regular","ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"helvetica","arial",sans-serif;
	font-size: 100%;
}
strong{
	font-weight: bold;
}
em{
	font-weight: bold;
}
sup{
	vertical-align: 0.6em;
	font-size: 70%;
}
html[lang="ja"] .display-ja{
	display: block;
}
html[lang="ja"] .display-en{
	display: none;
}
html[lang="en"] .display-ja{
	display: none;
}
html[lang="en"] .display-en{
	display: block;
}
html[lang="ja"] .l-header-top__nav li a:first-child span {
	border-bottom: 1px solid #fff;
}
html[lang="en"] .l-header-top__nav li a:last-child span {
	border-bottom: 1px solid #fff;
}
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder{
	color: #9bb6d5;
}
/* 0-3. Config
-------------------------------------------------- */
body{
	font-size: 16px;
	color: #000;
	background-color: #fff;
}
a{
	font-size: 16px;
	line-height: 30px;
	color: #3071b9;
	text-decoration: none;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
a:hover,
a:active{
	color: #3071b9;
	text-decoration: underline;
	opacity: 0.7;
}
a:visited{
	color: #3071b9;
}
h1,h2,h3,h4,h5,h6{
	line-height: 1.4;
}
p{
	line-height: 1.7;
}
dt,dd,li,
th,td,
input,
textarea,
button{
	line-height: 1.6;
}
input{
	font-size: 16px;
	box-sizing: border-box;
}
select{
	display: block;
}
textarea{
	width: 100%;
	display: block;
	font-size: 16px;
	box-sizing: border-box;
}

@media only screen and (min-width: 1px) and (max-width: 767px){
	body{
		font-size: 14px;
	}
}
/* -----------------------------------------------
 [1. Layout]
-------------------------------------------------- */
/* 1-1. #l-document
-------------------------------------------------- */
#l-document{
	overflow-x: hidden;
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, #l-document {
		overflow-y: hidden;
	}
}
@supports (-ms-ime-align: auto) {
	#l-document{
		overflow-y: hidden;
	}
}
.page-100th #l-document{
	overflow: hidden;
}
@media only screen and (min-width: 1px) and (max-width: 767px){
	.page-100th #l-document{
		overflow-x: hidden;
		overflow-y: scroll;
	}
}
/* 1-2. #l-header
-------------------------------------------------- */
.l-header{
	border-bottom: 1px solid #ddd;
}
.l-header-top{
	position: relative;
}
.l-header-top:before{
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	height: 100%;
	width: 50%;
	background: #006fbf;
	z-index: -1;
}
.l-header-top__content{
	position: relative;
}
.l-header-top__content:before{
	content: "";
	position: absolute;
	left: 210px;
	top: 0;
	height: 100%;
	width: 100%;
	background: url("/resource/img/cmn_bg_header.png") no-repeat left top;
	background-size: 935px auto;
	z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 900px) {
	.l-header-top__content:before{
		left: 230px;
	}
}
.l-header-top__logo {
	float: left;
	background-color: #fff;
	line-height: 0;
	padding: 2px 0 0 10px;
	margin-left: -10px;
}
.l-header-top__logo a{
	vertical-align: bottom;
	line-height: 0;
	display: block;
	outline: 0;
}
.l-header-top__nav{
	float: right;
	padding-top: 10px;
}
.l-header-top__nav .nav-language{
	padding-left: 20px;
}
.l-header-top__nav li{
	display: inline-block;
	margin-right: 12px;
	color: #fff;
}
.l-header-top__nav .l-header-top__nav__search{
	position: relative;
	margin-right: 0;
	vertical-align: middle;
}
.l-header-top__nav .l-header-top__nav__search input{
	border-radius: 15px;
	font-size: 14px;
	line-height: 1.071;
}
.l-header-top__nav li a{
	color: #fff;
	display: inline-block;
	font-size: 14px;
}
.l-header-top__nav li a span {
	display: inline-block;
}

.l-header-top__nav li a:hover {
	text-decoration: none;
}
.l-header-top__nav__search form{
	line-height: 0;
}
.l-header-top__nav__search #ss-query {
	border-radius: 30px;
	padding: 3px 40px 3px 12px;
	font-size: 14px;
	width: 200px;
}
.l-header-top__nav__search #search-btn{
	position: absolute;
	color: #3171b9;
	right: 0;
	top: 50%;
	width: 40px;
	height: 30px;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.l-header-top__nav__search #search-btn .icn:before{
	color: #3171b9;
}
.l-header-top__nav__search #search-btn:focus{
	outline: none;
}
.l-header-top__nav .icn-mail01 {
	padding-right: 5px;
}
.nav-globallink {
	position: relative;
}
.nav-globallink > ul{
	text-align: center;
	display: table;
	width: 100%;
	table-layout: fixed;
	max-width: 1170px;
	margin: 0 auto;
	box-sizing: border-box;
}
.nav-globallink ul li{
	display: table-cell;
	text-align: center;
}
.nav-globallink ul li span:before {
	content: "";
	background-color: #ddd;
	height: 20px;
	width: 1px;
	position: absolute;
	right: 0;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.nav-globallink ul li:first-child span:after {
	content: "";
	background-color: #ddd;
	height: 20px;
	width: 1px;
	position: absolute;
	left: 0;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.nav-globallink ul li a{
	color: #333;
	font-size: 15px;
	line-height: 1;
	font-weight: bold;
	outline: 0;
	display: block;
	padding: 22px 0;
	position: relative;
}
.nav-globallink ul li .has-menu a:after {
	content: "";
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #4f86c3;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: none;
}
.nav-globallink ul li .has-menu:hover a:after {
	display: block;
}
.nav-globallink ul li a:hover {
	text-decoration: none;
	opacity: 1;
}
.nav-globallink ul li .icn {
	padding-right: 0;
	padding-left: 5px;
}
.nav-globallink ul li.is-current a:before,
.nav-globallink ul li:hover a:before {
	content: "";
	position: absolute;
	bottom: 3px;
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #3071b9;
	max-width: 173px;
	width: 100%;
	height: 3px;
}
.nav-globallink ul li:hover .has-menu a:before {
	display: none;
}
.nav-globallink ul li:hover .has-menu .nav-globallink__button .btn-icon:after {
	display: none;
}
.nav-globallink ul li:hover .has-menu .nav-globallink__local ul li a:after {
	display: none;
}
.nav-globallink__inner {
	position: absolute;
	z-index: 999;
	left: 0;
	width: 100%;
	background-color: rgba(0,105,180, 0.85);
	color: #fff;
	padding: 35px 10px 15px;
	box-sizing: border-box;
	display: none;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.is-hover .nav-globallink__inner {
	display: block;
}
.nav-globallink ul li.has-menu:hover a:after {
	display: block;
}

.nav-globallink__inner > div {
	display: table;
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
}
.nav-globallink__heading {
	display: table-cell;
	width: 33.3333%;
	vertical-align: top;
	padding: 0 15px 0 0;
	text-align: left;
}
.nav-globallink__local {
	display: table-cell;
	width: 33.3333%;
	padding: 0 20px 0 10px;
}
.nav-globallink__inner .nav-globallink__local:last-child {
	padding: 5px 0 0 20px;
}
.nav-globallink__local ul li{
	display: block;
}
.nav-globallink__local ul li a{
	display: table;
	width: 100%;
	color: #fff;
	padding: 0;
	margin-bottom: 18px;
	transition: opacity 0.3s;
}
.nav-globallink__local ul li a:after{
	display: none;
}
.nav-globallink__local ul li a:hover {
	opacity: 0.7;
}
.nav-globallink__local ul li a:before,
.nav-globallink__local ul li:last-child a:after {
	display: none;
}
.nav-globallink__local ul li:last-child span:after {
	display: none;
}
.nav-globallink__local__image {
	display: table-cell;
	vertical-align: top;
	line-height: 0;
	width: 28%;
}
.nav-globallink__local__image img {
	width: 100%;
}
.nav-globallink__local-2col .nav-globallink__local__image {
	width: 44%;
}
.nav-globallink__local__text {
	display: table-cell;
	vertical-align: middle;
	font-weight: normal;
	padding-left: 20px;
	text-align: left;
}
.nav-globallink__local__text:before,
.nav-globallink__local__image:before {
	display: none;
}
.nav-globallink__local ul li span:after {
	display: none;
}
.nav-globallink__title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 19px;
	line-height: 25px;
}
.nav-globallink__text {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.05em;
	margin-bottom: 26px;
}
.nav-globallink__button .btn-icon {
	padding: 11px 13px;
	display: inline-block;
	background-color: #fff;
	color: #3071b9;
	border: 1px solid #fff;
}
.nav-globallink__button .btn-icon:visited{
	color: #3071b9;
}
.nav-globallink__button .btn-icon:before,
.nav-globallink__button .btn-icon:after {
	display: none;
}
.nav-globallink__button .btn-icon:hover {
	color: #fff;
	border: 1px solid #fff;
	background-color: transparent;
	opacity: 1;
}
.nav-globallink__button .btn-icon .icn {
	padding: 0 15px 0 0;
}
.nav-globallink__button .btn-icon .icn:before {
	color: #3071b9;
}
.nav-globallink__button .btn-icon:hover .icn:before {
	color: #fff;
}
.l-header-sp{
	display: none;
}
.nav-globallink__detail__icon {
	display: none;
}
@media only screen and (min-width: 768px){
	#l-navglobal{
		display: block !important;
	}
}
@media only screen and (min-width: 768px) {
	.l-header-top__nav li{
		white-space: nowrap;
	}
}
@media only screen and (min-width: 768px) and (max-width: 800px) {
	.l-header-top__nav li {
		margin-right: 5px;
	}
	.l-header__top__nav li a,
	.nav_globallink ul li a {
		font-size: 13px;
	}
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.l-header{
		border-bottom: 0;
		position: relative;
	}
	.l-header .l-header-top {
		position: relative;
	}
	.l-header-top__logo a img {
		width: 156px;
	}
	.l-header-top{
		background: #fff;
		border-bottom: 1px solid #ddd;
	}
	.l-header-sp {
		background: url("/resource/img/cmn_bg_header_sp.png") no-repeat right top;
		background-size: auto 40px;
		background-position: top right;
	}
	.l-header-top__logo {
		padding: 5px 0 5px 6px;
	}
	.l-header-top__nav,
	#l-navglobal{
		display: none;
	}
	#l-navglobal{
		background: rgba(0,105,180,.8);
		position: absolute;
		left: 0;
		right: 0;
		top: 40px;
		z-index: 9;
	}
	.nav-globallink ul li span:before,
	.nav-globallink ul li.is-current a:before,
	.nav-globallink ul li:hover a:before{
		content: none;
	}
	.l-header-sp{
		display: inline-block;
		font-size: 0;
		position: absolute;
		top: 0;
		right: 0;
		padding-left: 20px;
	}
	.l-header-sp li{
		display: inline-block;
		margin-left: 0;
		vertical-align: middle;
		max-width: 85px;
	}
	.l-header-sp li.is-active a .icn:before{
		content: '\e80d';
	}
	.l-header-sp li a .icn:before{
		transition: all .5s;
	}
	.l-header-sp li a{
		color: #fff;
		display: block;
		padding: 9px 15px 9px 40px;
		line-height: 1;
		outline: 0;
		font-size: 10px;
		text-decoration: none;
	}
	.l-header-sp li a > span.open{
		display: none;
	}
	.l-header-sp li.is-active a > span.open{
		display: inherit;
	}
	.l-header-sp li a > span.close{
		display: inherit;
	}
	.l-header-sp li.is-active a > span.close{
		display: none;
	}
	.l-header-sp li a .icn {
		padding-right: 0;
		display: block;
		text-align: center;
		font-size: 12px;
		margin-bottom: 3px;
	}
	.l-header-sp li a img {
		height: 23px;
		width: auto;
	}
	.nav-globallink > ul{
		padding: 0;
	}
	.nav-globallink > ul,
	.nav-globallink > ul li{
		display: block;
		width: 100%;
		text-align: left;
		position: relative;
	}
	.nav-globallink > ul li:before{
		content: "";
		background-color: rgba(255,255,255, 0.2);
		position: absolute;
		top: 0;
		width: 100%;
		right: 0;
		height: 1px;
	}
	.nav-globallink ul li a{
		padding: 18px 10px;
		color: #fff;
	}
	.nav-globallink ul li.is-current a:before,
	.nav-globallink ul li:hover a:before {
		display: none;
	}
	.nav-globallink ul li span:before,
	.nav-globallink ul li .has-menu:hover a:after {
		display: none;
	}
	.nav-globallink ul li:last-child span:after {
		display: none;
	}
	.nav-globallink ul li.has-menu .nav-globallink__detail {
		padding: 13px 10px;
		color: #fff;
		font-weight: bold;
		position: relative;
		cursor: pointer;
	}
	.nav-globallink ul li.has-menu .nav-globallink__detail:before {
		content: "";
		background: url("/resource/img/ico_arrow_down01.png") no-repeat center;
		background-size: 13px 8px;
		width: 13px;
		height: 8px;
		position: absolute;
		right: 15px;
		top: 50%;
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.nav-globallink ul li.has-menu .nav-globallink__detail.is-active:before {
		background: url("/resource/img/ico_arrow_up01.png") no-repeat center;
		background-size: 13px 8px;
		width: 13px;
		height: 8px;
	}
	.nav-globallink__detail.is-active {
		background-color: #2196f3;
	}
	.nav-globallink__content {
		display: none;
		background-color: #2196f3;
	}
	.nav-globallink__inner__title {
		position: relative;
	}
	.nav-globallink__inner__title:after {
		content: "";
		background-color: rgba(255,255,255,0.2);
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 1px;
	}
	.nav-globallink__content ul {
		padding: 0 15px;
	}
	.nav-globallink__content ul li{
		position: relative;
	}
	.nav-globallink__content ul li:first-child:after {
		content: "";
		background-color: rgba(255,255,255,0.2);
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 1px;
	}
	.nav-globallink__content ul li:last-child:before {
		display: none;
	}
	.nav-globallink__content ul li a {
		font-weight: normal;
		padding: 13px 25px;
	}
	.nav-globallink ul li.has-menu{
		position: relative;
	}
	.nav-globallink ul li .has-menu .icn{
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		z-index: 9;
		margin: auto;
		width: 45px;
		text-align: center;
	}
	.nav-globallink ul li .has-menu .icn:before{
		width: 14px;
		height: 8px;
		background-size: cover;
		margin-top: 20px;
	}
	.nav-globallink__inner {
		position: relative;
		padding: 0;
	}
	.nav-globallink__heading,
	.nav-globallink__local__image{
		display: none;
	}
	.nav-globallink__local {
		display: block;
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
	}
	.nav-globallink__local__text {
		display: block;
		padding: 0;
	}
	.nav-globallink__local ul li a {
		margin-bottom: 0;
		box-sizing: border-box;
	}
	.nav-globallink__inner .nav-globallink__local:last-child {
		padding: 0 15px;
	}
	.nav-globallink ul li .nav-globallink__inner > div {
		background-color: #2196f3;
	}
	.nav-globallink ul li .is-open {
		background-color: #2196f3;
	}
	.nav-globallink ul li .is-open .has-menu__box {
		position: relative;
	}
	.nav-globallink ul li .is-open .has-menu__box:before {
		content: "";
		background-color: rgba(255,255,255,0.2);
		position: absolute;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 1px;
	}
	.nav-globallink ul li .is-open .icn-arrow-down01:before {
		content: '\e806';
	}
	.nav-globallink ul li .icn-external01:before {
		color: #fff;
	}
	.nav-globallink__detail .icn.icn-arrow-right01 {
		padding-left: 0;
		padding-right: 10px;
	}
	.nav-globallink__detail .icn.icn-arrow-right01:before {
		background: #fff;
		color: #0060b0;
		padding: 0 4px;
		border: 1px solid #f0f5f9;
		box-sizing: border-box;
	}
	.nav-globallink__detail__icon {
		display: inline-block;
	}
	.nav-globallink ul li:first-child span:after {
		display: none;
	}
	.nav-globallink ul li span:before {
		display: none;
	}
}
.l-header__language {
	background: rgba(0,105,180,.8);
	display: none;
	position: absolute !important;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 10;
}
.l-header__language li {
	position: relative;
}
.l-header__language li a {
	display: block;
	color: #fff;
	font-size: 15px;
	line-height: 1;
	font-weight: bold;
	outline: 0;
	padding: 18px 10px 18px 40px;
	position: relative;
}
.l-header__language li a:hover {
	text-decoration: none;
}
.l-header__language li:first-child:before {
	content: "";
	background-color: rgba(255,255,255, 0.2);
	position: absolute;
	bottom: 0;
	width: 100%;
	right: 0;
	height: 1px;
}
.l-header__language li.is-current a:before {
	content: "";
	background: url("/resource/img/ico_stick.png") no-repeat top center;
	background-size: 14px auto;
	width: 14px;
	height: 11px;
	display: inline-block;
	position: absolute;
	left: 18px;
	top: 50%;
	bottom: 5px;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
/* 1-3. #l-container
-------------------------------------------------- */

/* 1-3-1. #l-main
-------------------------------------------------- */

/* 1-3-2. #l-sub
-------------------------------------------------- */

/* 1-4. #l-footer
-------------------------------------------------- */
.l-footer{
	position: relative;
	border-top: 1px solid #ddd;
	background: #f5f5f5;
}
.l-footer-nav{
	overflow: hidden;
	margin: 0 -15px;
}
.l-footer-nav__col__title{
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 1.375;
	color: #3071b9;
	border-bottom: 1px solid #ddd;
	padding: 20px 0 16px;
	margin-bottom: 10px;
	font-weight: bold;
}
.l-footer-nav__col__title a:hover {
	text-decoration: none;
}
.l-footer-nav__col__group .l-footer-nav__col__title{
	margin-bottom: 0;
}
.l-footer-nav__col{
	width: 20%;
	float: left;
	padding: 0 15px;
	box-sizing: border-box;
}
.l-footer-nav__col ul li a{
	font-size: 14px;
	line-height: 2.2;
}
.l-footer-nav__col__title a span {
	display: none;
}
@media only screen and (min-width: 1px) and (max-width: 767px){
	.l-footer-nav{
		margin: 0 -10px;
	}
	.l-footer-nav__col{
		width: 100%;
		padding: 0;
	}
	.l-footer-nav__col__title{
		padding: 0;
		margin-bottom: 0;
		position: relative;
	}
	.l-footer-nav__col__title a {
		display: block;
		padding: 9px 10px;
		outline: 0;
	}
	.l-footer-nav__col__title a span{
		width: 48px;
		height: 48px;
		display: table;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 3;
		text-align: right;
	}
	.l-footer-nav__col__title a span .icn {
		display: table-cell;
		vertical-align: middle;
	}
	.l-footer-nav__col.is-open .l-footer-nav__col__title .icn-arrow-down02:before {
		content: '\e806';
	}
	.l-footer-nav__col__title.accordion-title .icn-arrow-right02{
		display: none;
	}
	.l-footer-nav__col ul li{
		border-bottom: 1px solid #ddd;
	}
	.l-footer-nav__col ul li:last-child{
		border-bottom: 0;
	}
	.l-footer-nav__col ul li a{
		display: block;
		background: #fff;
		padding: 10px;
		line-height: 1.5;
	}
	.l-footer-nav__col__inner {
		display: none;
	}
	.l-footer-nav__col.has-menu .icn-arrow-right02 {
		display: none;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.l-footer-nav__col {
		width: 33.33333%;
	}
}
/*----------------------------*/
.l-footer-info{
	background: #fff;
	overflow: hidden;
	background: #006fb9 url("/resource/img/cmn_bg_footer.png") no-repeat;
	background-position: 0 0;
	background-size: auto 50px;
	display: table;
	width: 100%;
	margin-top: 39px;
	position: relative;
}
.l-footer-info__link{
	display: table-cell;
	box-sizing: border-box;
	padding: 10px 0;
}
.l-footer-info__link li{
	display: inline-block;
	margin-right: 10px;
}
.l-footer-info__link li a{
	color: #fff;
	font-size: 12px;
}
.l-footer-info__copyright{
	display: table-cell;
	text-align: right;
	vertical-align: middle;
	color: #3071b9;
	font-size: 12px;
	background: url("/resource/img/cmn_bg_footer_copyright.png") no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	right: 0;
	box-sizing: border-box;
	padding: 17px 32px 13px 130px;
}
@media only screen and (min-width: 768px) {
	.l-footer-info__link li{
		white-space: nowrap;
	}
}
@media only screen and (min-width: 768px) and (max-width: 900px){
	.l-footer-info__link li a{
		color: #fff;
		font-size: 11px;
	}
}
@media only screen and (min-width: 1px) and (max-width: 767px){
	.l-footer-info{
		margin-top: 0;
		background: #fff;
	}
	.l-footer-info__link,
	.l-footer-info__copyright{
		display: block;
		width: 100%;
	}
	.l-footer-info__link{
		padding: 0;
	}
	.l-footer-info__link li{
		display: block;
		margin-right: 0;
		border-bottom: 1px solid #ddd;
	}
	.l-footer-info__link li a{
		display: block;
		color: #3071b9;
		padding: 5px 10px;
		font-size: 14px;
	}
	.l-footer-info__copyright{
		text-align: center;
		padding: 15px;
		box-sizing: border-box;
		background: url("/resource/img/cmn_bg_footer_sp.png") no-repeat center;
		background-size: cover;
		color: #fff;
		position: relative;
	}
}
@media only screen and (min-height: 768px) and (max-width: 829px) {
	.l-footer-info__copyright {
		padding: 15px 15px 15px 60px;
	}
}
/*--------------------------*/
.nav-backtotop {
	position: absolute;
	display: inline-block;
	width: 94px;
	height: 70px;
	top: 0;
	right: 0;
	transition: opacity .3s;
}
.nav-backtotop a {
	background: url("/resource/img/bg_news01.png") no-repeat center;
	background-size: 94px 70px;
	display: block;
	height: 100%;
	padding: 35px 0 0 60px;
	box-sizing: border-box;
	outline: 0;
}
.nav-backtotop.is-nav-fixed {
	position: fixed;
	bottom: 0;
	top: auto;
	z-index: 9;
}
.nav-backtotop.is-nav-fixed.is-scrolling{
	opacity: .5;
}
@media only screen and (min-width: 768px) and (max-width: 1170px) {
	.nav-backtotop.is-nav-fixed {
		position: absolute;
	}
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.nav-backtotop {
		top: -20px;
	}
	.nav-backtotop a {
		padding: 30px 0 0 68px;
	}
}
/* 1-5. layoutType
-------------------------------------------------- */
.nav_breadcrumb{
	display: block;
	padding: 20px 0 6px;
}
.nav_breadcrumb > li{
	display: inline-block;
	font-size: 12px;
	line-height: 15px;
	padding-right: 25px;
	position: relative;
}
.nav_breadcrumb > li a{
	font-size: 12px;
	line-height: 15px;
	color: #0069b4;
}
.nav_breadcrumb > li:after{
	content: '';
	position: absolute;
	display: inline-block;
	width: 4px;
	height: 7px;
	content: '\f105';
	right: 10px;
	top: 0;
	font-family: "fontello";
	vertical-align: middle;
}
.nav_breadcrumb > .is-active:after{
	display: none;
}
@media only screen and (min-width:768px){
	.nav_breadcrumb > li{
		white-space: nowrap;
	}
}
@media only screen and (min-width:1px) and (max-width:767px){
	.nav_breadcrumb{
		display: none;
	}
}

/* -----------------------------------------------
 [2. Object]
-------------------------------------------------- */

/* 2-1. Component a.k.a Module
-------------------------------------------------- */
/*2-1-1.  Wrap     [wrp-***]*/
.wrp-container {
	max-width: 1170px;
	padding: 0 10px;
	margin: 0 auto;
}

.wrp-bg {
	background: url("/resource/img/cmn_bg_heading01.png") no-repeat top left;
	background-size: 400px auto;
}
.page-inquiry-index .wrp-bg,
.page-search-index .wrp-bg,
.page-sws-news-index .wrp-bg,
.page-sws-news-detail .wrp-bg{
	background: url("/resource/img/cmn_bg_heading02.png") no-repeat top left;
	background-size: 400px auto;
}
@media only screen and (min-width:1px) and (max-width:767px){
	.wrp-bg {
		background-size: 200px auto;
	}
	.page-search-index .wrp-bg,
	.page-sws-news-index .wrp-bg,
	.page-sws-news-detail .wrp-bg{
		background-size: 200px auto;
	}
}
.main-content{
	width: 83%;
	float: left;
	padding-right: 30px;
	box-sizing: border-box;
}
.sub-content{
	width: 17%;
	float: left;
	margin-top: 70px;
}
.sub-content__title{
	font-size: 18px;
	font-weight: bold;
	color: #3071b9;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.sub-content__list a{
	color: #333;
}
@media only screen and (min-width:1px) and (max-width:767px){
	.main-content,
	.sub-content{
		width: 100%;
		float: none;
		padding: 0;
	}
	.sub-content{
		margin-top: 0;
	}
}
/*2-1-2.  Box      [box-***]*/
.box{
	border: 1px solid #ccc;
	padding: 20px 30px;
	margin: 30px 0;
	box-sizing: border-box;
}
@media only screen and (min-width:1px) and (max-width:767px){
	.box{
		padding: 15px 20px;
		margin: 10px 0;
	}
}
/*-------------------------------*/
.box-article{
	display: table;
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
}
.box-article a {
	display: block;
	outline: 0;
}
.box-article a:hover {
	text-decoration: none;

}
.box-article__image {
	line-height: 0;
	display: table-cell;
	vertical-align: top;
	width: 35%;
}
.box-article__image img {
	width: 100%;
}
.box-article__content {
	display: table-cell;
	vertical-align: top;
	padding-left: 20px;
}
.box-article__title {
	font-weight: bold;
	font-size: 18px;
	line-height: 22px;
	color: #3071b9;
	margin-bottom: 10px;
	display: block;
}
.box-article__text {
	font-size: 16px;
	line-height: 25px;
	display: block;
	color: #333;
}
.box-article-02 .box-article__image {
	width: 23.1%;
	padding-top: 5px;
}
.box-article__time {
	display: block;
	font-size: 12px;
	color: #333;
	font-weight: normal;
}
.box-article__title__detail {
	display: table;
	width: 100%;
}
.box-article__title__detail .icn {
	display: table-cell;
	vertical-align: top;
	padding-top: 3px;
}
.box-article__title__detail > span {
	display: table-cell;
	vertical-align: top;
}
.box-article__content .lbl {
	margin-left: 35px;
}
.box-article__sublink{
	position: absolute;
	z-index: 10;
	bottom: 22px;
	left: 231px;
}
.box-article__sublink ul{
	letter-spacing: -0.4em;
}
.box-article__sublink ul li{
	display: inline-block;
	margin-right: 15px;
	letter-spacing: normal;
}
.box-article__sublink ul li a{
	color: #007fc4;
}
@media only screen and (max-width: 1023px){
	.box-article__sublink{
		display: none;
	}
}
@media only screen and (min-width:1px) and (max-width:767px){
	.box-article {
		margin-bottom: 20px;
	}
	.box-article__content {
		padding-left: 10px;
	}
	.box-article__title {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 5px;
		text-indent: -1.4em;
		padding-left: 1.4em;
	}
	.box-article__text {
		font-size: 14px;
		line-height: 17px;
		text-align: left;
	}
	.box-article-02 .box-article__image {
		width: 100%;
		text-align: center;
		display: block;
		margin-bottom: 10px;
	}
	.box-article-02 .box-article__content {
		display: block;
		padding: 0;
	}
	.box-article__time {
		display: none;
	}
	.box-article__content .lbl {
		margin-left: 10px;
	}
	.box-article__sublink{
		display: none;
	}
}
/*---------------------------------------------*/
.box-article--direction{
	direction: rtl;
}
.box-article--direction .box-article__content{
	direction: ltr;
	padding-left: 0;
	padding-right: 20px;
}
/*--------------------------------------------*/
.box-article02__image,
.box-article02__content{
	display: block;
}
.box-article02__image{
	text-align: center;
	line-height: 0;
	margin-bottom: 10px;
}
.box-article02__image > span{
	display: block;
	line-height: 1;
	margin-top: 10px;
	text-align: left;
	color: #333;
	font-size: 12px;
}
.box-article02__content{
	color: #333;
}
.box-article02 a {
	display: block;
	outline: 0;
}
.box-article02 a:hover {
	text-decoration: none;
}
@media only screen and (min-width:1px) and (max-width:767px){
	.box-article02__image > span{
		text-align: center;
	}
}
/*-----------------------------------------*/
.box-heading .hdg-lv1{
	padding-bottom: 17px;
	color: #1e9393;
	font-size: 32px;
	letter-spacing: 0;
	font-family: "Noto Sans Japanese",sans-serif;
}
.box-heading .nav_breadcrumb > li a{
	color: #333;
}
@media only screen and (min-width:1px) and (max-width:767px){
	.box-heading .hdg-lv1{
		padding-bottom: 8px;
		font-size: 20px;
		letter-spacing: 0;
		font-family: "HiraKakuProN-W3",sans-serif;
	}
}
.box-img{
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (min-width:768px){
	.box-product-01{
		padding: 0 0 40px;
	}
	.box-product-01 .hdg-lv2 {
		margin: 30px 0 15px;
	}
}
/*------------------------------------------*/
.crs-report{
	margin: 0 -15px 30px;
	overflow: hidden;
}
.crs-report__col{
	width: 58.5%;
	float: left;
	box-sizing: border-box;
	padding: 0 15px;
}
.crs-report__col.crs-report__banner{
	float: right;
	width: 41.5%;
}
.crs-report__detail{
	margin-bottom: 20px;
}
.crs-report__btn{
	margin-bottom: 30px;
}
.crs-report__btn .btn{
	display: inline-block;
	max-width: 100%;
}
.crs-report__banner .crs-report__btn{
	display: none;
}
@media only screen and (min-width:1px) and (max-width:767px){
	.crs-report{
		margin: 0 0 30px;
	}
	.crs-report__btn{
		display: none;
	}
	.crs-report__banner .crs-report__btn{
		display: inline-block;
	}
	.crs-report__banner .crs-report__btn .icn-arrow-right04{
		display: none;
	}
	.crs-report__detail{
		line-height: 1.42;
		margin-bottom: 10px;
	}
	.crs-report__banner__pic{
		max-width: 194px;
		margin: 0 auto 15px;
		line-height: 0;
	}
	.crs-report__col,
	.crs-report__col.crs-report__banner{
		float: none;
		display: block;
		width: 100%;
		padding: 0;
	}
	.crs-report__col.crs-report__banner{
		text-align: center;
	}
	.crs-report__btn{
		margin-bottom: 18px;
	}
}
/*-----------------------------------------*/
.box-media{
	display: table;
	width: 100%;
	margin-bottom: 55px;
}
.box-media__image {
	line-height: 0;
	text-align: center;
	width: 27%;
	display: table-cell;
	vertical-align: middle;
}
.box-media__content {
	display: table-cell;
	vertical-align: top;
	padding-left: 20px;
}
.box-media__title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 12px;
	line-height: 22px;
}
.box-media__text {
	font-size: 16px;
	line-height: 25px;
}
@media only screen and (min-width:1px) and (max-width:767px){
	.box-media{
		margin-bottom: 20px;
	}
	.box-media__content {
		padding-left: 10px;
	}
	.box-media__title {
		font-size: 16px;
		line-height: 20px;
	}
	.box-media__text {
		font-size: 14px;
		line-height: 17px;
	}
}
/*---------------------------------------------*/
.box-main-slider{
	overflow: visible;
	padding: 0 60px;
}
.box-slider{
	overflow: visible;
}
.box-slider .box-slider__inner {
	width: 270px;
}
@media only screen and (min-width:1px) and (max-width:767px){
	.box-slider .box-slider__inner {
		width: 250px;
	}
	.box-main-slider{
		padding: 0;
	}
}
.box-slider__inner a {
	display: block;
	outline: 0;
}
.box-slider__image {
	display: block;
	line-height: 0;
	margin-bottom: 10px;
	position: relative;
}
.box-slider__image span {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.box-slider__time {
	display: block;
}
.box-slider__time > span {
	color: #333;
	font-size: 12px;
	display: inline-block;
	float: right;
}
.box-slider__time .lbl {
	font-size: 12px;
	color: #3071b9;
	float: left;
	margin-top: 5px;
	padding: 0 10px;
	min-width: 100px;
}
.box-slider__inner a:hover {
	text-decoration: none;
}
.box-slider__text {
	font-size: 16px;
	line-height: 20px;
	clear: both;
	display: block;
	padding-top: 10px;
}
.box-slider__text .txt-caution {
	font-weight: bold;
	display: inline-block;
	padding-left: 10px;
}
.box-slider .icn {
	background-color: #3071b9;
	padding: 20px 14px;
	position: absolute;
	top: 20%;
	z-index: 1;
	cursor: pointer;
	transition: opacity 0.3s;
	line-height: 0;
}
.box-slider .icn:hover {
	opacity: 0.7;
}
.box-slider .nav-prev {
	left: -60px;
}
.box-slider .nav-next {
	right: -60px;
}
.box-slider .owl-dots {
	text-align: center;
	padding-top: 12px;
}
.box-slider .owl-dots div {
	display: inline-block;
	line-height: 1;
}
.owl-dots div span {
	color: transparent;
	line-height: 1;
}
.owl-dots div span:before {
	content: '•';
	color: #ddd;
	font-size: 36px;
}
.owl-dots div.active span:before {
	color: #3071b9;
}
@media only screen and (min-width:1px) and (max-width:767px){
	.box-main-slider {
		margin-bottom: 20px;
		padding: 0;
	}
	.box-slider__time > span {
		font-size: 12px;
		line-height: 18px;
		padding-top: 5px;
	}
	.box-slider__time .lbl {
		padding: 0 5px;
		line-height: 18px;
	}
	.box-slider__text {
		font-size: 14px;
		line-height: 18px;
		text-align: left;
	}
	.box-slider__image {
		margin-bottom: 5px;
	}
	.box-slider__image img {
		margin: 0 auto;
	}
}
/*---------------------------------------------*/
.box-top-news{
	overflow: hidden;
	padding: 0;
	margin-bottom: 20px;
}
.box-top-news__inner a {
	display: block;
	outline: 0;
}
.box-top-news__image {
	display: block;
	line-height: 0;
	margin-bottom: 10px;
	position: relative;
}
.box-top-news__image span {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.box-top-news__time {
	display: block;
}
.box-top-news__time > span {
	color: #333;
	font-size: 12px;
	display: inline-block;
	float: right;
}
.box-top-news__time .lbl {
	font-size: 12px;
	color: #3071b9;
	float: left;
	margin-top: 5px;
	padding: 0 10px;
	min-width: 100px;
}
.box-top-news__inner a:hover {
	text-decoration: none;
}
.box-top-news__text {
	font-size: 16px;
	line-height: 20px;
	clear: both;
	display: block;
	padding-top: 10px;
}
@media only screen and (min-width:1px) and (max-width:767px){
	.box-top-news {
		margin-bottom: 20px;
		padding: 0;
	}
	.box-top-news__item{
		margin-bottom: 20px;
	}
	.box-top-news__item:last-child{
		margin-bottom: 0;
	}
	.box-top-news__time > span {
		font-size: 12px;
		line-height: 18px;
		padding-top: 5px;
	}
	.box-top-news__time .lbl {
		padding: 0 5px;
		line-height: 18px;
	}
	.box-top-news__text {
		font-size: 14px;
		line-height: 18px;
		text-align: left;
	}
	.box-top-news__image {
		margin-bottom: 5px;
	}
	.box-top-news__image img {
		margin: 0 auto;
		display: block;
	}
}
/*-----------------------------------------*/
.box-go-back {
	padding: 0 0 19px 0;
	overflow: hidden;
	position: relative;
}
.box-go-back__inner {
	border-top: 1px solid #ddd;
	padding-top: 19px;
}
.box-go-back__inner a  {
	font-size: 14px;
	letter-spacing: 0.05em;
}
@media only screen and (min-width:1px) and (max-width:767px){
	.box-go-back {
		padding: 0 0 8px 0;
	}
	.box-go-back__inner {
		padding-top: 10px;
	}
}
/*-------------------------------------------------*/
.box-main-heading{
	position: relative;
	padding-right: 200px;
}
.box-main-heading__button{
	position: absolute;
	right: 0;
	top: 10px;
	display: inline-block;
	background-color: #0069b4;
	padding: 0 8px 0 8px
}
@media only screen and (min-width:1px) and (max-width:767px){
	.box-main-heading{
		padding-right: 0;
	}
	.box-main-heading__button{
		display: none;
	}
}
/*-------------------------------------------*/
.box-news{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	position: relative;
}
.box-news__link{
	position: absolute;
	display: inline-block;
	width: 120px;
	height: 90px;
	background: url("/resource/img/bg_news01.png") no-repeat center;
	background-size: 120px 90px;
	bottom: 0;
	right: 0;
	color: #fff;
	font-size: 14px;
	box-sizing: border-box;
	padding-top: 55px;
	padding-left: 55px;
	transition: all .3s;
}
.box-news__link .icn{
	padding-right: 0;
	padding-left: 10px;
}
.box-news__link:link,
.box-news__link:visited{
	color: #fff;
}
.box-news__link:hover{
	color: #fff;
	text-decoration: none;
	opacity: .7;
}
@media only screen and (min-width:1px) and (max-width:767px){
	.box-news{
		border-bottom: 0;
	}
	.box-news__link{
		position: relative;
		top: 0;
		display: block;
		background: #eaf1f8;
		width: 100%;
		height: auto;
		color: #3071b9;
		padding: 10px 15px;
		text-align: right;
		border: 1px solid #c0d4ea;
	}
	.box-news__link:hover {
		color: #3071b9;
	}
}
/*------------------------------------------------*/
.box-conducting.grid-row {
	margin: 0;
	font-size: 0;
}
.box-conducting > div {
	padding: 0;
}
.box-conducting__inner {
	display: block;
	position: relative;
}
.box-conducting__inner > a {
	display: block;
	position: relative;
	min-height: 300px;
	overflow: hidden;
}
.box-producting__inner--02 > a {
	min-height: 340px;
}
.box-conducting__inner > a:hover {
	opacity: 1;
	text-decoration: none;
}
.box-conducting__image > span {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: -1px;
	background-position: right bottom;
}
.box-conducting__content {
	display: block;
	position: relative;
	padding: 60px 20px 20px 25px;
	box-sizing: border-box;
	color: #fff;
}
.box-conducting__content.box-conducting__product {
	color: #333;
}
.box-conducting__content.box-conducting__product .box-conducting__title {
	color: #3071b9;
}
.box-conducting__content.box-conducting__product .btn-icon {
	color: #3071b9;
	border: 1px solid #3071b9;
}
.box-conducting__content.box-conducting__product .btn-icon .icn:before{
	color: #3071b9;
}
.box-conducting__title {
	display: block;
	font-size: 24px;
	line-height: 25px;
	font-weight: bold;
	margin-bottom: 15px;
}
.box-conducting__text {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.05em;
	display: block;
}
.box-conducting__button {
	display: block;
	padding-top: 30px;
	position: relative;
	bottom: 0;
	left: 0;
}
.box-conducting__image > span{
	transition: all 0.3s linear;
	display: none;
}
.box-conducting__inner:hover .box-conducting__image > span{
	-ms-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
.box-conducting__button .btn-icon {
	background-color: transparent;
	border: 1px solid #fff;
	min-width: 100px;
	padding: 2px 4px;
	font-size: 14px;
	text-align: center;
	line-height: 24px;
}
.box-conducting__inner:hover .btn-icon {
	background-color: #ff9900;
	opacity: 1;
	color: #fff;
	border: 1px solid #ff9900 !important;
}
.box-conducting__inner:hover .btn-icon .icn:before{
	color: #fff;
}
.box-conducting__inner-02 .box-conducting__title {
	color: #3071b9;
}
.box-conducting__inner-02 .box-conducting__text {
	color: #333;
}
.box-conducting__inner-02 .box-conducting__button .btn-icon {
	border: 1px solid #3071b9;
	color: #3071b9;
}
.box-conducting__inner-02 .box-conducting__button .btn-icon .icn:before{
	color: #3071b9;
}
.box-conducting__inner-02:hover .box-conducting__button .btn-icon .icn:before{
	color: #fff;
}
.box-conducting__inner-02:hover .box-conducting__button .btn-icon{
	background-color: #ff9900;
	color: #fff;
	border: 1px solid #ff9900;
}
.box-conducting__inner-02 .box-conducting__image > span {
	padding-bottom: 0;
}
.box-conducting__inner-02 .box-conducting__content {
	padding-right: 70%;
	box-sizing: border-box;
}
.box-conducting__inner-02 > a{
	min-height: 340px;
}
.box-conducting__inner-02 .box-conducting__button {
	padding-top: 20px;
}
.box-conducting__report a{
	min-height: 270px;
}
.box-conducting__report .box-conducting__image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: transform 0.3s ease;
}
.box-conducting__report a:hover .box-conducting__image {
	transform: scale(1.05);
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-conducting__bg{
		background: url("/resource/img/corporation_img_conducting01_sp.jpg");
		background-position: center top;
		background-size: cover;
		width: 100%;
		height: auto;
	}
	.box-conducting__inner > a {
		min-height: 150px;
	}
	.box-conducting__content {
		padding: 19px 10px;
		box-sizing: border-box;
		width: 100%;
	}
	.box-conducting__title {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.box-conducting__text {
		display: none;
	}
	.box-conducting__button {
		padding-top: 17px;
	}
	.box-conducting__inner-02 .box-conducting__content {
		padding: 15px 10px;
	}
	.box-conducting__inner-02 .box-conducting__button {
		padding-top: 17px;
	}
	.box-conducting__report a{
		min-height: 320px;
	}
	.box-conducting__report .box-conducting__text {
		display: block;
		font-size: 14px;
		line-height: 20px;
	}
	.box-conducting__report a:hover .box-conducting__image {
		transform: none;
	}
}

.box-pager {
	text-align: center;
	font-size: 0;
	margin: 30px 0;
}
.box-pager__button,
.box-pager__page {
	display: inline-block;
	vertical-align: middle;
}
.box-pager__button {
	width: 140px;
}
.box-pager__button a {
	display: block;
	text-decoration: none;
	font-size: 16px;
	background: #fff;
	border: 1px solid #c0d4ea;
	text-align: center;
	line-height: 37px;
	color: #0069b4;
	transition: all 0.3s;
}
.box-pager__button a:hover {
	background: #3071b9;
	border: 1px solid #3071b9;
	color: #fff;
	opacity: 1;
}
.box-pager__button a .icn{
	font-size: 12px;
}
.box-pager__next .icn {
	padding-left: 13px;
	padding-right: 0;
}
.box-pager__prev a:hover .icn:before,
.box-pager__next a:hover .icn:before {
	color: #fff;
}
.box-pager__next a .icn:before {
	color: #3071b9;
}
.box-pager__page {
	margin: 0 28px;
}
.box-pager__page li {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	padding: 0 5px;
}
.box-pager__page a {
	font-size: 18px;
	font-family: 'Roboto',sans-serif;
	display: block;
	text-decoration: none;
	line-height: 40px;
	text-align: center;
	width: 40px;
	transition: all 0.3s;
}
.box-pager__page a:hover,
.box-pager__page .is-current {
	background: #3071b9;
	color: #fff;
	opacity: 1;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-pager .box-pager__page{
		display: none;
	}
	.box-pager__next ,
	.box-pager__prev {
		margin: 0 5px;
	}
}

/*2-1-3.  Table    [tbl-***]*/
.table01{
	margin: 50px 0;
}
.table01 table{
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #dddddd;
}
.table01 th{
	padding: 15px 10px 14px 15px;
	border-bottom: 1px solid #dddddd;
	background: #ffffff;
	line-height: 1.3em;
	font-weight: bold;
	vertical-align: top;
}
.table01 td{
	padding: 15px 10px 14px 0;
	border-bottom: 1px solid #dddddd;
	background: #ffffff;
	vertical-align: top;
}
.table02{
	margin: 20px 0 0;
}
.table02 table{
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
	border-bottom: 1px solid #dddddd;
}
.table02 thead th{
	color: #3377b5;
	padding: 9px 10px 8px;
	border-top: 1px solid #dddddd;
	background: #eaf1f8;
	line-height: 1.3em;
	font-weight: bold;
	vertical-align: top;
	text-align: center;
}
.table02 tbody th{
	padding: 9px 15px 8px;
	border-top: 1px solid #dddddd;
	background: #eeeeee;
	line-height: 1.3em;
	font-weight: bold;
	vertical-align: top;
}
.table02 td{
	padding: 9px 10px 8px;
	border-top: 1px solid #dddddd;
	background: #ffffff;
	vertical-align: top;
}
@media only screen and (min-width:1px) and (max-width:767px){
	.table01{
		margin: 25px 0;
	}
	.table01 table{
		display: block;
	}
	.table01 table colgroup{
		display: none;
	}
	.table01 table tbody{
		display: block;
	}
	.table01 tr{
		display: block;
		border-bottom: 1px solid #dddddd;
	}
	.table01 th{
		display: block;
		padding: 14px 8px 3px 10px;
		border-bottom: none;
		font-size: 12px;
	}
	.table01 td{
		display: block;
		padding: 0 8px 13px 10px;
		border-bottom: none;
		font-size: 12px;
	}
	.table02{
		margin: 20px 0 0;
		width: 100%;
		overflow-x: scroll;
	}
	.table02 table{
		width: auto;
		margin: 0;
		border-collapse: collapse;
		border-spacing: 0;
		border-bottom: 1px solid #dddddd;
	}
	.table02 table th,
	.table02 table td{
		white-space: nowrap;
	}
}

/*2-1-4.  Headings [hdg_lv*]*/
.hdg-lv1{
	font-size: 36px;
	font-weight: normal;
	color: #333;
	padding: 0 0 45px;
	letter-spacing: -0.1em;
}

.hdg-lv2{
	font-size: 24px;
	line-height: 25px;
	font-weight: bold;
	color: #3071b9;
	border-bottom: 1px solid #ddd;
	padding-bottom: 18px;
	margin: 45px 0 15px;
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .hdg-lv2{
		padding-top: 3px;
	}
}
.hdg-lv2-02{
	font-size: 36px;
	font-weight: normal;
	color: #3071b9;
	text-align: center;
	margin: 70px 0 25px;
}
.hdg-lv2-03{
	font-size: 36px;
	color: #3071b9;
	text-align: center;
	margin: 70px 0 25px;
}
.hdg-lv3{
	font-size: 20px;
	line-height: 25px;
	font-weight: bold;
	color: #3071b9;
	margin: 50px 0 20px;
}
.hdg-lv3-02{
	font-size: 24px;
	line-height: 1.2;
	font-weight: bold;
	color: #3071b9;
	margin: 40px 0 0;
	padding: 0 0 17px;
	border-bottom: 1px solid #dddddd;
}
.hdg-lv4{
	font-size: 16px;
	line-height: 25px;
	font-weight: bold;
	color: #333;
	margin: 35px 0 20px;
}
.hdg-green{
	color: #1e9393!important;
	position: relative;
}
.csr .hdg-lv3,
.csr .hdg-lv2,
.csr .hdg-lv1{
	color: #1e9393;
}

@media only screen and (min-width:1px) and (max-width:767px){
	.hdg-lv1{
		font-size: 20px;
		padding: 10px 0 30px;
	}
	.hdg-lv2{
		font-size: 20px;
		padding-bottom: 10px;
		margin: 30px 0 10px;
	}
	.hdg-lv2-02{
		font-size: 20px;
		font-weight: normal;
		margin: 25px 0 30px;
	}
	.hdg-lv3{
		font-size: 18px;
		margin: 35px 0 15px;
	}
	.hdg-lv4{
		font-size: 16px;
		margin: 65px 0 15px;
	}
}


/*2-1-5.  Nav      [nav-***]*/

/*2-1-6.  List     [lst-***]*/
.lst-anchor{
	margin-bottom: 30px;
}
.lst-anchor:after{
	content: "";
	display: block;
	clear: both;
}
.lst-anchor li{
	width: 33.333%;
	box-sizing: border-box;
	float: left;
	position: relative;
	padding: 10px 0;
}
.page-corporation-outline-office .lst-anchor li{
	padding: 10px 15px 10px 0;
}
.lst-anchor--2col li{
	width: 50%;
}
.lst-anchor li:nth-child(3n+1):after{
	content: "";
	width: 300%;
	left: 0;
	bottom: 0;
	border-bottom: 1px dashed #ccc;
	position: absolute;
}
.lst-anchor--2col li:nth-child(3n+1):after{
	display: none;
}
.lst-anchor--2col li:first-child:after{
	display: block;
}
.lst-anchor--2col li:nth-child(2n+1):after{
	content: "";
	width: 200%;
	left: 0;
	bottom: 0;
	border-bottom: 1px dashed #ccc;
	position: absolute;
}
.lst-number {
	counter-reset: number;
}
.lst-number li:before {
	counter-increment: number;
	content: counter(number) ".";
}
.lst-01 {
	margin: 1em 0 0;
}
.lst-01 li {
	margin: 0 0 0 0.5em;
	text-indent: -0.5em;
	line-height: 1.7;
}
ul.lst-01{
	margin: 0;
}
ul.lst-01 li{
	margin: 0 0 0 1em;
	text-indent: -1em;
}
ol.lst-02{
	margin: 0;
}
ol.lst-02 li{
	margin: 0 0 0 1.3em;
	text-indent: -1.3em;
}
ol.lst-hosoku01{
}
ol.lst-hosoku01 li{
	margin: 0 0 0 1.8em;
	text-indent: -1.8em;
	font-size: 12px;
}
@media only screen and (min-width:1px) and (max-width:767px){
	.lst-anchor a{
		font-size: 14px;
	}
	.lst-anchor--2col li:first-child:after,
	.lst-anchor li:nth-child(2n+1):after,
	.lst-anchor li:nth-child(3n+1):after{
		display: none;
	}
	.lst-anchor li{
		width: auto;
		float: none;
		border-bottom: 1px dashed #ccc;
	}
}

.lst-news {
	padding-right: 70px;
}
.lst-news li{
	border-bottom: 1px dashed #ddd;
	padding: 12px 0;
}
.lst-news li:last-child{
	border-bottom: 0;
}
.lst-news__item{
	position: relative;
	display: table;
	width: 100%;
}
.lst-news__date{
	display: table-cell;
	width: 145px;
	padding-right: 10px;
	font-size: 16px;
	color: #333;
	box-sizing: border-box;
	vertical-align: top;
}
.lst-news__label{
	display: table-cell;
	width: 125px;
	box-sizing: border-box;
	padding-right: 10px;
	vertical-align: top;
}
.lst-news__text{
	display: table-cell;
	font-size: 16px;
	color: #3071b9;
	vertical-align: top;
}
.lst-news__text .txt-caution{
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	margin-left: 10px;
	padding: 2px 2px 1px;
	color: #fff;
	background: #e53935;
	line-height: 1;
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .lst-news__text .txt-caution{
		padding: 5px 2px 0;
	}
}
.lst-activity {
	margin-top: -25px;
}
.lst-activity li{
	border-bottom: 1px dotted #ccc;
	padding: 25px 0 30px;
}
.lst-activity .box-article{
	margin-bottom: 0;
}
.lst-activity .box-article__content .lbl{
	display: inline-block;
	margin: 1px 10px 0 0;
	line-height: 1.67;
	letter-spacing: 0;
	padding: 0 9px;
}
.box-article__title__detail{
	display: table;
	width: auto;
}
.box-article__title__detail .txt-caution {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	margin-left: 10px;
	padding: 2px 2px 1px;
	color: #fff;
	background: #e53935;
	line-height: 1;
}
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, .box-article__title__detail .txt-caution {
		padding-top: 5px;
	}
}
@media only screen and (min-width:1px) and (max-width:767px){
	.lst-news li{
		padding: 10px 0;
	}
	.lst-news__item{
		display: block;
	}
	.lst-news__date{
		display: inline-block;
		width: 50%;
		font-size: 12px;
	}
	.lst-news__label{
		display: inline-block;
		width: 50%;
		position: absolute;
		right: 0;
		top: 0;
		text-align: right;
		padding-right: 0;
	}
	.lst-news__text{
		display: block;
		font-size: 16px;
		line-height: 20px;
		margin-top: 10px;
	}
	.lst-activity{
		padding: 15px 0 20px;
		margin-top: -30px;
	}
	.lst-activity li{
		padding: 15px 0;
	}
	.lst-activity .box-article__time{
		display: block;
	}
	.lst-activity .box-article__title{
		padding-left: 0;
		text-indent: 0;
		position: relative;
	}
	.lst-activity .box-article-02 .box-article__image{
		margin-bottom: 15px;
	}
	.lst-activity .box-article__content .lbl{
		position: absolute;
		top: 0;
		right: 0;
		margin-right: 0;
	}
	.lst-activity .box-article__title__detail{
		margin-top: 6px;
	}
	.lst-activity .box-article__text{
		font-size: 14px;
		line-height: 1.429;
		letter-spacing: 0;
		margin-top: 15px;
	}
}
/*----------------------------------------*/
.lst-files li{
	border-bottom: 1px dashed #ccc;
}
.lst-files li:first-child{
	border-top: 1px dashed #ccc;
}
.lst-files li a{
	padding: 10px 0 10px;
	display: block;
}
.lst-files li a:hover {
	text-decoration: none;
}
.lst-files li a > span{
	color: #333;
}
.lst-files li a .icn-pdf01:before {
	background-size: 14px auto;
	width: 14px;
	height: 17px;
}
.lst-files li.lst-files__icon a{
	padding: 10px 0;
}
@media only screen and (min-width:1px) and (max-width:767px){
	.lst-files li a{
		padding: 5px;
		line-height: 18px;
		font-size: 14px;
	}
	.lst-files li a > span{
		font-size: 10px;
	}
	.lst-files li.lst-files__icon a{
		padding: 2px 0;
	}
}
.lst-sitemap > div > h2 + h2{
	margin-top: 16px;
}
.lst-sitemap > div > h2 i{
	font-weight: bold;
	font-size: 20px;
}
.lst-sitemap > div > h2 i:before{
	margin: 0 9px 3px 0;
	padding: 0 5px 1px 6px;
	font-weight: normal;
	font-size: 16px;
	vertical-align: middle;
}
.lst-sitemap > div > ul{
	margin: 0 0 30px;
}
.lst-sitemap > div > ul > li i{
	font-weight: bold;
	font-size: 16px;
}
.lst-sitemap > div > ul > li i:before{
	margin: 0 9px 1px 0;
	font-weight: normal;
	font-size: 12px;
}
.lst-sitemap > div > ul > li > ul{
	margin: 0 0 0 50px;
}
@media only screen and (min-width:1px) and (max-width:767px){
	.lst-sitemap > div > ul{
		margin: 0;
	}
}
/*2-1-7.  Button   [btn-***]*/
.btn {
	display: block;
	color: #fff;
	background-color: #0069b4;
	max-width: 200px;
	padding: 4px 20px;
	box-sizing: border-box;
	font-size: 14px;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
	text-align: center;
}
.btn:visited{
	color: #fff;
}
.btn--csr {
	background-color: #1e9393;
}
.btn:hover {
	background-color: #ff9900;
	text-decoration: none;
	color: #fff;
	text-decoration: none;
}
.btn.disabled {
	pointer-events: none;
	cursor: default;
	color: #999;
	background-color: #ddd;
}
.btn-icon {
	min-width:140px;
	display: inline-block;
	padding: 3px 20px;
	font-size: 16px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	color: #fff;
	background-color: #0069b4;
	border: 1px solid #0069b4;
	box-sizing: border-box;
}
.btn-icon:visited{
	color: #fff;
}
.btn-icon:hover {
	color: #0069b4;
	background-color: #fff;
	border: 1px solid #c0d4ea;
	text-decoration: none;
}
.btn-icon:hover .icn:before{
	color: #0069b4;
}
.btn-icon .icn{
	font-size: 1em;
}
.btn-primary {
	padding: 8px 20px;
	font-size: 16px;
}
.btn-secondary {
	font-size: 16px;
	font-weight: bold;
	padding: 18px 20px;
}
.btn-width-auto {
	max-width: 100%;
}
.btn-primary em {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

/*2-1-8.  Anchor   [acr-***]*/
a.acr-type01{
	color: #333;
}
a.acr-type01:hover{
	text-decoration: none;
}

/* 2-1-9.  Text     [txt-***] */
.txt-caution {
	color: #e53935;
}
.txt-lead{
	font-size: 24px;
	line-height: 30px;
	color: #3071b9;
	text-align: center;
	margin-bottom: 80px;
}
.txt-paragraph{
	margin-bottom: 15px;
}
.txt-blue{
	color: #3071b9 !important;
}
.txt-numtext01{
	margin: 0 0 0 1.5em;
	text-indent: -1.5em;
}
.txt-bold {
	font-weight: bold !important;
}
.txt-note {
	color: #909090;
    font-size: 12px;
    line-height: 1.33;
}
@media only screen and (min-width:1px) and (max-width:767px){
	.txt-paragraph{
		margin-bottom: 10px;
	}
}
/*2-1-11. Label    [lbl-***]*/
.lbl {
	color: #3071b9;
	font-size: 12px;
	background-color: #fff;
	border: 1px solid #97b8dc;
	padding: 0 12px;
	box-sizing: border-box;
	border-radius: 20px;
	text-align: center;
	font-weight: normal;
	display: inline-block;
	line-height: 18px;
	white-space: nowrap;
}
/*2-1-12. Form     [frm-***]*/

/*2-1-13. Error    [err-***]*/

/*2-1-14. Panel    [pnl-***]*/

/*2-1-15. Media    [mda-***]*/

/*2-1-16. UI*/

/*----------------------------------------------*/
.bg-blue {
	background-color: #3071b9;
}
.bg-green{
	background-color: #ecf6f6;
}
/* 2-2. Utility
-------------------------------------------------- */
/*2-2-1. clearfix [ModernType]*/
#l-header:after,#l-container:after,#l-main:after,#l-sub:after,#l-footer: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 */.mt-5{margin-top: -5px!important;}.mt-10{margin-top: -10px!important;}.mt-15{margin-top: -15px!important;}.mt-20{margin-top: -20px!important;}.mt-25{margin-top: -25px!important;}.mt-30{margin-top: -30px!important;}.mt-35{margin-top: -35px!important;}.mt-40{margin-top: -40px!important;}.mt-45{margin-top: -45px!important;}.mt-50{margin-top: -50px!important;}.mt-55{margin-top: -55px!important;}.mt-60{margin-top: -60px!important;}.mt-65{margin-top: -65px!important;}.mt-70{margin-top: -70px!important;}.mt-75{margin-top: -75px!important;}.mt-80{margin-top: -80px!important;}.mt-85{margin-top: -85px!important;}.mt-90{margin-top: -90px!important;}.mt-95{margin-top: -95px!important;}.mt-100{margin-top: -100px!important;}.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;}
}

/* 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; }
}
/* font size */
.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; }
@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; }
}

/*2-2-3. Object-Oriented CSS [OOCSS]*/
.right{
	text-align: right!important;
}
.center{
	text-align: center!important;
}
.left{
	text-align: left!important;
}
.top{
	vertical-align: top!important;
}
.middle{
	vertical-align: middle!important;
}
.bottom{
	vertical-align: bottom!important;
}
.dspB{ display: block !important; }
.dspI{ display: inline !important; }
.dspIB{ display: inline-block !important; }
@media screen and (max-width: 767px){
	.dspB-sp{ display: block !important; }
	.dspI-sp{ display: inline !important; }
	.dspIB-sp{ display: inline-block !important; }
}
ul.list li{
	margin-bottom: 6px;
	margin-left: 26px;
	list-style-type: disc!important;
}
ol.list li{
	margin-bottom: 1em;
	margin-left: 23px;
	list-style-type: decimal!important;
}
.word{
	display: inline-block;
	text-indent: 0;
}
/* for RWD */
.fluid-image{
	max-width: 100%;
	height: auto;
}
.page-product-detail .fluid-image{
	max-width: 100%;
	width: 100%;
	height: auto;
}
.video-container{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
/* 2-2-4. Grid System [grid-***] */
.grid-row{
	margin-right: -15px;
	margin-left: -15px;
	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: 15px;
	padding-left: 15px;
	float: left;
	box-sizing: border-box;
}
.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: -7px;
		margin-right: -7px;
	}
	.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 7px 0 7px;
	}
	.grid-col--1-sp{
		width: 8.33333%;
	}
	.grid-col--2-sp{
		width: 16.66667%;
	}
	.grid-col--3-sp{
		width: 25%;
	}
	.grid-col--4-sp{
		width: 33.3333333%;
	}
	.grid-col--5-sp{
		width: 41.66667%;
	}
	.grid-col--6-sp{
		width: 50%;
	}
	.grid-col--7-sp{
		width: 58.33333%;
	}
	.grid-col--8-sp{
		width: 66.66667%;
	}
	.grid-col--9-sp{
		width: 75%;
	}
	.grid-col--10-sp{
		width: 83.33333%;
	}
	.grid-col--11-sp{
		width: 91.66667%;
	}
	.grid-col--12-sp{
		width: 100%;
	}
}/* endMedia */
@media only screen and (min-width:1px) and (max-width:767px){
	.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. CSS Animation [act-***] */

/* 2-2-6. Icon */
@font-face {
	font-family: 'fontello';
	src: url('/resource/font/fontello.eot?34190171');
	src: url('/resource/font/fontello.eot?34190171#iefix') format('embedded-opentype'),
	url('/resource/font/fontello.woff2?34190171') format('woff2'),
	url('/resource/font/fontello.woff?34190171') format('woff'),
	url('/resource/font/fontello.ttf?34190171') format('truetype'),
	url('/resource/font/fontello.svg?34190171#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}
.icn {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	display: inline-block;
	padding-right: 0.5em;
	vertical-align: top;
	font-size: 0.8em;
	text-indent: 0;
}
.icn:before {
	content: "";
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff;
	text-align: center;
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .icn {
		height: 1em;
		vertical-align: baseline;
	}
	*::-ms-backdrop, .icn:before {
		line-height: 1;
	}
}
.icn-document:before {
	content: '\e800';
}
.icn-arrow-down01:before {
	content: '\e805';
}
.icn-arrow-down02:before {
	content: '\e805';
	color: #3071b9;
}
.icn-arrow-down03:before {
	content: '\e810';
	color: #3071b9;
}
.icn-arrow-left01:before {
	content: '\e807';
	color: #3071b9;
}
.btn-icon .icn-arrow-left01:before {
	color: #ffffff;
}
.icn-arrow-left02:before {
	content: '\e804';
}
.icn-arrow-left03:before {
	content: '\e804';
	color: #3071b9;
}
.icn-arrow-right01:before {
	content: '\f105';
	color: #3071b9;
	background: #fff;
}
.icn-arrow-right02:before {
	content: '\f105';
	color: #fff;
	background: #3071b9;
	padding: 1px 5px;
}
.icn-arrow-right03:before {
	content: '\e808';
}
.icn-arrow-right04:before {
	content: '\f105';
}
.icn-arrow-right05:before {
	content: '\f105';
}
.icn-arrow-right06:before {
	content: '\e803';
}
.icn-arrow-right07:before {
	content: '\e808';
	color: #3071b9;
}
.icn-arrow-right08:before {
	content: '\f105';
	color: #3071b9;
}
.icn-arrow-up01:before {
	content: '\e806';
}
.icn-backtotop:before {
	content: '\e806';
	display: inline-block;
	font-size: 20px;
	height: 16px;
	border-top: 2px solid #fff;
	margin: 0;
	padding: 0 1px;
}
.icn-earth:before {
	content: '\e802';
}
.icn-external01:before {
	content: '\f08e';
	font-size: 13px;
	width: 13px;
	color: #666;
}
.icn-external02:before {
	content: '\f08e';
}
.icn-external03:before {
	content: '\f08e';
	color: #3071b9;
}
.icn-mail01:before {
	content: '\f0e0';
	font-size: 15px;
	width: 15px;
}
.icn-search01:before {
	content: '\e801';
}
.icn-menu:before {
	content: '\e809';
}
.icn-cancel:before {
	content: '\e80d';
}
.icn.icn-pdf01,
.icn.icn-pdf02,
.icn.icn-pdf03 {
	padding-right: 5px;
}
.icn-pdf01:before {
	content: '\f1c1';
	color: #666;
	position: relative;
	top: -3px;
}
.icn-pdf02:before {
	content: '\f1c1';
	color: #3071b9;
	position: relative;
	top: -2px;
}
.icn-pdf03:before {
	content: '\f1c1';
	position: relative;
	top: -2px;
}
.icn-phone01:before {
	content: '\e80c';
}
.icn.icn-error {
	padding-right: 5px;
}
.icn-error:before {
	content: '\e80b';
	color: #e53935;
}
.icn-check01:before {
	content: '\f14a';
}
.icn-ok:before{
	content: '\e80a';
}
.icn-left-circled:before { content: '\f0a8';color: #3071b9; } /* '' */
.icn-right-circled:before { content: '\f0a9';color: #3071b9; } /* '' */
.icn-up-circled:before { content: '\f0aa';color: #3071b9; } /* '' */
.icn-down-circled:before { content: '\f0ab';color: #3071b9; } /* '' */
@media only screen and (min-height: 1px) and (max-width: 767px) {
	.icn-backtotop:before {
		background-size: 15px 13px;
		width: 15px;
		height: 13px;
	}
	.icn-pdf01:before,
	.icn-pdf02:before,
	.icn-pdf03:before {
		top: -1px;
	}
	.icn-error:before {
		font-size: 13px;
	}
	.icn-backtotop:before {
		font-size: 16px;
		height: 12px;
		padding: 0;
	}
}
/* 2-3. State [is-***]
-------------------------------------------------- */
.is-error{
	background-color: #f9eceb;
}
.is-disabled{
	opacity: 0.3;
}
.is-visiblePc{
	display: block!important;
}
.is-visibleSp{
	display: none!important;
}
.is-visibleTablet{
	display: none!important;
}
@media only screen and (min-width:1px) and (max-width:767px){
	.is-visiblePc{
		display: none!important;
	}
	.is-visibleSp{
		display: block!important;
	}
	.is-visibleTablet{
		display: none!important;
	}
}/* endMedia */
@media only screen and (min-width:768px) and (max-width:1119px){
	.is-visibleTablet{
		display: block!important;
	}
}/* endMedia */

/* 2-4. OverLayerConfig [z-index]
-------------------------------------------------- */


/* 2-5. Project
-------------------------------------------------- */
.box-main-visual.txt-color01 .hdg-lv1,
.box-main-visual.txt-color01 .nav_breadcrumb > li a{
	color: #fff;
}
/* page-csr-torikumi
----------------------------------------*/
.page-csr-torikumi .box-main-visual{
	background: url("/resource/img/torikumi_bg_main_visual01.jpg") no-repeat center;
	background-size: cover;
}
.page-csr-torikumi .nav_breadcrumb > li a{
	color: #000;
}
.box-feature .hdg-lv2-02{
	margin: 45px 0 65px;
	font-weight: normal;
}
.box-torikumi-info{
	padding-bottom: 20px;
}
.box-torikumi-info .hdg-lv2{
	border-bottom: none;
	letter-spacing: 0.03em;
	padding-bottom: 9px;
}
.box-torikumi-info p{
	font-size: 16px;
	line-height: 25px;
}
.box-torikumi-info__pic{
	text-align: center;
}
.box-torikumi-info__pic--01{
	margin-top: 40px;
}
.box-torikumi-info__pic--02{
	margin-top: 15px;
}
.box-torikumi-guidelines{
	border-bottom: 1px solid #ddd;
}
.box-torikumi-guidelines .hdg-lv2{
	margin: 60px 0 30px;
}
.page-csr-torikumi .box-torikumi-guidelines {
	margin-bottom: 60px;
}
@media only screen and (min-width:1px) and (max-width:767px){
	.page-csr-torikumi .box-main-visual{
		margin-bottom: 0;
	}
	.page-csr-torikumi .hdg-lv2{
		margin: 15px -10px 15px;
		padding: 0 10px 10px;
	}
	.box-feature .hdg-lv2-02{
		margin: 20px 0;
	}
	.box-torikumi-info{
		margin-top: 15px;
	}
	.box-torikumi-info .hdg-lv2{
		margin: 20px 0 15px;
		padding: 0;
	}
	.box-torikumi-info p{
		font-size: 14px;
		line-height: 20px;
	}
	.box-torikumi-info__pic--01{
		margin-top: 10px;
	}
	.page-csr-torikumi .txt-link{
		border-bottom: 1px solid #ddd;
		text-align: right;
		padding: 5px 15px;
	}
	.page-csr-torikumi .txt-link a{
		position: initial;
	}
	.page-csr-torikumi .box-torikumi-guidelines {
		margin-bottom: 0;
	}
}
/*---------------------------------------------*/
#l-container .has-sub{
	display: table;
	width: 100%;
}
#l-container .has-sub #l-main{
	display: table-cell;
	vertical-align: top;
}
#l-container .has-sub #l-sub{
	display: table-cell;
	vertical-align: top;
	width: 200px;
	padding-left: 40px;
}
#l-sub .hdg-lv2{
	font-size: 18px;
	line-height: 22px;
	margin: 60px 0 12px;
	padding-bottom: 12px;
}
.lst-sub-menu > li{
	font-size: 14px;
	padding: 5px 0;
}
.lst-sub-menu > li a {
	font-size: 14px;
	color: #333;
	line-height: 18px;
	letter-spacing: -0.5px;
}
.lst-sub-menu__title.is-current{
	font-weight: bold;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	#l-container .has-sub,
	#l-container .has-sub #l-main,
	#l-container .has-sub #l-sub{
		display: block;
		width: auto;
	}
	#l-container .has-sub #l-sub{
		padding: 0 10px;
		margin: 50px -10px 20px;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
	#l-sub .hdg-lv2{
		font-size: 16px;
		line-height: 50px;
		margin: 0 -10px;
		padding: 0 10px;
	}
	.lst-sub-menu > li{
		border-bottom: 1px solid #ddd;
		font-size: 14px;
		line-height: 40px;
	}
	.lst-sub-menu > li:last-Child{
		border-bottom: 0;
	}
}
/* page-torikumi
----------------------------------------*/
.page-torikumi .hdg-lv1{
	padding-bottom: 10px;
}
.page-torikumi .nav_breadcrumb > li a{
	color: #000;
}
.page-torikumi p{
	line-height: 25px;
}
.page-torikumi .mda-picture{
	text-align: center;
	margin-top: 85px;
}
.page-torikumi .box-go-back{
	margin-top: 55px;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.page-torikumi .hdg-lv1{
		padding-bottom: 12px;
		margin-bottom: 15px;
		border-bottom: 1px solid #ddd;
	}
	.page-torikumi p{
		font-size: 14px;
		line-height: 20px;
	}
	.page-torikumi .mda-picture{
		margin-top: 20px;
	}
	.page-torikumi .box-go-back{
		margin-top: 20px;
	}
}
/* page-index
---------------------------------------------*/
.page-index .box-main-visual {
	margin-bottom: 30px;
}
.page-index .box-main-visual a {
	display: block;
	line-height: 0;
	text-align: center;
}
.page-index .box-go-back {
	padding: 35px 0;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.page-index .box-main-visual {
		margin-bottom: 15px;
	}
	.page-index .box-conducting__title {
		margin-bottom: 0;
	}
	.page-index .box-conducting__content{
		padding: 38px 10px 19px 10px;
	}
}
/*------------------------------------------------*/

.page-index .box-news {
	border-bottom: 0;
}
.page-index .lst-news {
	padding-top: 23px;
	padding-bottom: 32px;
}
.page-index .lst-news li {
	border-bottom: 0;
	padding: 7px 0;
}
.page-index .lst-news__label  {
	width: 110px;
}
.page-index .lst-news__label .lbl {
	padding: 0 6px;
	border: 1px solid #ddd;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.page-index .lst-news {
		padding: 10px 0 0;
	}
	.page-index .lst-news__date {
		float: right;
		text-align: right;
		padding-right: 0;
	}
	.page-index .lst-news__label {
		left: 0;
		text-align: left;
		line-height: 1;
	}
	.page-index .lst-news__label .lbl {
		border: 1px solid #97b8dc;
	}
	.page-index .lst-news__text {
		clear: right;
		padding-top: 7px;
		font-size: 14px;
	}
	.page-index .lst-news__text a{
		font-size: 14px;
	}
	.page-index .lst-news li {
		border-bottom: 1px solid #ddd;
		padding: 10px 0 7px;
	}
	.page-index .lst-news li:last-child {
		border-bottom: 0;
	}
	.page-index .box-news__link {
		display: none;
	}
	.page-index .box-go-back {
		padding: 25px 0;
	}
	.page-index .nav-backtotop.js-nav-fixed {
		top: auto;
		bottom: 0;
	}
}

/* page-csr-index
-------------------------------------------------*/
.box-main-visual-02 {
	padding-bottom: 31.25%;
	position: relative;
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .box-main-visual-02 {
	}
}
.box-main-visual-02 .wrp-container {
	position: absolute;
	width: 100%;
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
	box-sizing: border-box;
}
.page-csr .box-main-visual {
	background: url("/resource/img/csr_bg_mainvisual01.jpg") no-repeat center;
	background-size: cover;
	color: #fff;
	margin-bottom: 80px;
}
.page-csr .hdg-lv1{
	color: #fff;
	padding: 0 0 73px;
}
.page-csr .nav_breadcrumb > li a{
	color: #fff;
}
.page-csr .box-main-visual__text{
	color: #fff;
	font-size: 16px;
	line-height: 2.18;
}
.txt-link a{
	color: #3071b9;
	font-weight: normal;
	font-size: 14px;
	position: absolute;
	top: 0;
	right: 0;
}
.txt-link .icn{
	padding: 0 0 0 5px;
	vertical-align: top;
}
.lst-report{
	font-size: 16px;
}
.lst-report li{
	padding-bottom: 5px;
	display: table;
	width: 100%;
}
.lst-report__date{
	padding-right: 20px;
	font-weight: bold;
	display: table-cell;
	width: 15%;
	min-width: 125px;
	white-space: nowrap;
}
.lst-report__text{
	color: #3366cc;
	display: table-cell;
	width: 78%;
}
.page-csr .lst-report__text .txt-caution,
.page-torikumi .lst-report__text .txt-caution{
	display: inline-block;
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
    padding: 2px 2px 1px;
    color: #fff;
    background: #e53935;
    line-height: 1;
	vertical-align: middle;
}
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, .page-csr .lst-report__text .txt-caution {
		padding-top: 5px;
	}
}
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, .page-torikumi .lst-report__text .txt-caution {
		padding-top: 5px;
	}
}
.box-conducting__inner-02 .box-conducting__button .btn-icon--02{
	border: 1px solid #1e9393;
	color: #1e9393;
}
.box-report .box-article__image{
	width: 50%;
}
.box-report .box-article__date{
	color: #333;
}
.box-report .box-article__text{
	color: #3366cc;
}
.box-report .box-article__text .txt-caution{
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	margin-left: 0;
	padding: 2px 2px 1px;
	color: #fff;
	background: #e53935;
	line-height: 1;
}
.page-csr .box-torikumi-guidelines{
	border-bottom: 0;
}
.page-csr .box-feature .hdg-lv2-02 {
	margin: 0 0 65px;
}
.page-csr .box-feature .box-media {
	margin-bottom: 35px;
}
.page-csr .box-torikumi-guidelines {
	padding-top: 40px;
	border-top: 1px solid #ddd;
}
.page-csr .box-approach {
	margin-top:45px;
	margin-bottom: 30px;
}
.page-csr .box-approach__content span {
	padding-bottom: 31.3%;
	display: block;
}
@media only screen and (min-width: 768px) {
	.box-report .box-article__image > span {
		background: transparent !important;
	}
	.box-report .box-article__image img {
		display: block !important;
		max-width: 100%;
		height: auto;
		width: 100%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 900px){
	.box-report .grid-col--4{
		width: 45%;
	}
	.box-report .grid-col--8{
		width: 55%;
	}
	.page-csr .hdg-lv1 {
		padding: 0 0 5px;
	}
}
@media only screen and (min-width:1px) and (max-width:767px){
	.page-csr .hdg-lv1{
		padding: 12px 0 10px;
	}
	.page-csr .box-main-visual {
		background: #cad6d8 url("/resource/img/csr_bg_mainvisual01_sp.jpg") no-repeat;
		background-size: cover;
		min-height: 310px;
		height: auto;
		position: relative;
		padding-bottom: 0;
		margin-bottom: 20px;
	}
	.page-csr .box-main-visual__text {
		font-size: 14px;
		line-height: 20px;
	}
	.page-csr .box-main-visual__text img{
		width: 190px;
	}
	.page-csr .box-conducting__title {
		margin-bottom: 0;
	}
	.page-csr .box-conducting__content{
		padding: 38px 10px 19px 10px;
	}
	.page-csr .box-conducting__inner-02 > a {
		min-height: 150px;
	}
	.box-report .grid-row{
		margin-left: -10px;
		margin-right: -10px;
	}
	.box-report .grid-col--4{
		padding: 0 15px;
	}
	.lst-report__date{
		padding-right: 0;
	}
	.lst-report__date,
	.lst-report__text{
		display: block;
		width: 100%;
		line-height: 1;
	}
	.lst-report__date{
		margin-bottom: 2px;
	}
	.lst-report__text a{
		line-height: 1.5;
		font-size: 14px;
	}
	.lst-report{
		border-bottom: 1px solid #ddd;
		font-size: 14px;
		margin: 0 -7px;
	}
	.lst-report li{
		border-top: 1px solid #ddd;
		padding: 13px 10px 8px;
		box-sizing: border-box;
	}
	.page-csr .txt-link,
	.page-torikumi .txt-link{
		text-align: right;
		padding: 5px 0;
	}
	.page-csr .txt-link a,
	.page-torikumi .txt-link a{
		position: initial;
	}
	.box-report .js-slider .slick-list{
		padding: 0 20px 0 35px!important;
	}
	.box-report .box-article .box-article__image,
	.box-report .box-article .box-article__content,
	.box-report .box-article{
		display: block;
		width: 250px;
	}
	.box-report .box-article__content{
		padding-left: 0;
		line-height: 20px;
	}
	.box-report .box-article__image{
		position: relative;
		padding-bottom: 62%;
		margin-bottom: 15px;
		min-height: auto;
	}
	.box-report .box-article__image span{
		position: absolute;
		top: 0;
		left: 0;
		bottom:0;
		right: 0;
	}
	.page-csr .box-feature .hdg-lv2-02 {
		margin: 5px 0 20px;
	}
	.page-csr .box-feature .box-media {
		margin-bottom: 20px;
	}
	.page-csr .box-torikumi-guidelines {
		padding: 20px 10px 0;
		margin: 0 -10px;
	}
	.page-csr .box-approach {
		margin-bottom: 25px;
	}
	.page-csr .box-approach__content span {
		padding-bottom: 70.3%;
	}
}
/*page report index*/
.page-report-index .nav_breadcrumb{
	padding: 20px 0 13px;
}
.page-report-index .crs-report{
	margin: 0 -7px 7px;
}
.page-report-index .box-heading .hdg-lv1{
	padding-bottom: 19px;
}
.crs-report--02 .crs-report__col{
	float: right;
	width: 66.7%;
}
.crs-report--02 .crs-report__col.crs-report__banner{
	float: left;
	width: 33.3%;
}
.crs-report--02 .crs-report__link{
	float: right;
	text-align: left;
	display: block;
	width: 66.7%;
	box-sizing: border-box;
	padding-left: 17px;
}
.crs-report__text{
	margin: 0 0 16px;
}
.crs-report__title{
	font-size: 32px;
	padding: 30px 0 23px;
}
.crs-report__title span{
	font-weight: bold;
}
.crs-report__button{
	margin-bottom: 20px;
}
.crs-report__button .btn{
	font-size: 16px;
}
.crs-report__button .btn em{
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}
.crs-report__button .btn{
	max-width: 300px;
	text-align: left;
}
@media only screen and (min-width:1px) and (max-width:767px){
	.page-report-index .crs-report{
		margin: 0;
	}
	.page-report-index .box-heading .hdg-lv1 {
		padding-bottom: 10px;
	}
	.crs-report__text{
		margin-bottom: 0;
		font-size: 14px;
	}
	.crs-report__title{
		font-size: 20px;
		padding: 0 0 11px;
	}
	.crs-report__button{
		margin-bottom: 12px;
	}
	.page-report-index .crs-report__banner__pic{
		margin: 0 auto 9px;
	}
	.crs-report--02 .crs-report__banner__pic img{
		width: 195px;
	}
	.crs-report--02 .crs-report__col{
		width: 100%;
	}
	.crs-report--02 .crs-report__col.crs-report__banner{
		width: 100%;
		margin-top: 12px;
	}
	.crs-report--02 .crs-report__link{
		width: 100%;
		text-align: center;
		padding-left: 0;
	}
	.crs-report__button{
		text-align: center;
	}
	.crs-report__button .btn{
		margin: 0 auto;
		font-size: 12px;
		max-width: 221px;
		padding: 0 8px;
	}
}
.box-download__text{
	padding: 0 0 27px;
	line-height: 1.4;
}
.box-download__inner{
	text-align: center;
}
.box-download__inner a,
.box-download__inner span{
	display: block;
	text-decoration: none;
}
.box-download__link{
	color: #666;
}
.box-download__title{
	font-size: 24px;
	color: #1e9393;
	display: block;
	padding-top: 8px;
}
.box-download__title em{
	font-style: normal;
}
.box-download__link a{
	font-size: 14px;
	color: #666;
}
.lst-download li{
	margin-bottom: 47px;
	padding: 0 16px 0 14px;
}
@media only screen and (min-width:1px) and (max-width:767px){
	.box-download{
		margin-bottom: 30px;
	}
	.box-download__text{
		font-size: 14px;
		padding: 0 0 16px;
	}
	.lst-download li{
		width: 50%;
		padding-right: 7px;
		padding-left: 7px;
		margin-bottom: 15px;
	}
	.box-download__inner span{
		line-height: 1.1;
	}
	.box-download__title{
		font-size: 16px;
		margin: 0 0 3px;
	}
	.box-download__link{
		font-size: 8px;
	}
	.box-download__link .icn-pdf01{
		padding-left: 3px;
	}
}
.page-report-index .box-pager{
	margin: -10px 0 30px;
}
.box-request{
	border: 4px solid #f5f5f5;
	box-sizing: border-box;
	padding: 25px 28px 40px;
	margin-bottom: 28px;
}
.box-request__title{
	font-weight: bold;
	margin-bottom: 18px;
}
.box-request__text{
	margin-bottom: 14px;
}
.box-request__button .icn{
	padding-right: 5px;
}
@media only screen and (min-width:1px) and (max-width:767px){
	.box-request{
		display: none;
	}
	.page-report-index .box-act-download{
		margin-top: 26px;
	}
}
/* page-csr-environment
-----------------------------------------------------*/
.page-csr-environment .box-main-visual{
	background: url("/resource/img/environment_bg_main.jpg") no-repeat center;
	background-size: cover;
}
.page-csr-environment .nav_breadcrumb > li,
.page-csr-environment .nav_breadcrumb > li a{
	color: #fff;
}
.page-csr-environment .hdg-lv1{
	color: #fff;
}
.page-csr-environment .txt-head{
	font-size: 16px;
	line-height: 25px;
	margin: 37px 0 24px;
}
.lst-environment__item{
	display: block;
	margin-bottom: 25px;
	line-height: 1;
}
.lst-environment__item span{
	display: block;
	font-size: 16px;
	line-height: 25px;
	margin-top: 10px;
}
.lst-environment__item:hover{
	text-decoration: none;
}
.page-csr-environment .box-pager{
	margin: 25px 0 30px;
}
@media only screen and (min-width:1px) and (max-width:767px){
	.page-csr-environment .hdg-lv1{
		padding-top: 20px;
	}
	.page-csr-environment .txt-head{
		font-size: 14px;
		line-height: 1.25;
		margin: 15px 0 18px;
	}
	.page-csr-environment .box-main-visual{
		background: url("/resource/img/environment_bg_main_sp.jpg") no-repeat center;
		background-size: cover;
		margin-bottom: 0;
		padding-bottom: 0;
		min-height: 320px;
	}
	.lst-environment{
		max-width: 554px;
		margin: 0 auto 30px;
	}
	.lst-environment .grid-colTablet--6{
		padding: 0 7px;
	}
	.lst-environment__item span{
		font-size: 14px;
		line-height: 20px;
		margin-top: 2px;
	}
	.lst-environment__item{
		margin-bottom: 15px;
	}
}
.txt-green {
	color: #1e9393;
}
/* scr-torikumi-environment-detail
-----------------------------------------------------*/
.page-csr-torikumi-environment-detail .hdg-lv1 {
	padding: 0 0 15px;
}
.page-csr-torikumi-environment-detail .box-conducting__image > span {
	bottom: 0;
}
.page-csr-torikumi-environment-detail .box-image {
	line-height: 0;
	text-align: center;
	margin: 23px 0 30px;
}
@media only screen and (min-width:1px) and (max-width:767px){
	.page-csr-torikumi-environment-detail .hdg-lv1 {
		padding: 10px 0;
	}
	.page-csr-torikumi-environment-detail p{
		font-size: 14px;
	}
}
/* corporation-index
-----------------------------------------------------*/
.page-corporation-index .box-main-visual {
	background: url("/resource/img/corporation_bg_mainvisual01.jpg") no-repeat center;
	background-size: cover;
	color: #fff;
}
.page-corporation-index .nav_breadcrumb > li a {
	color: #fff;
}
.page-corporation-index .hdg-lv1 {
	color: #fff;
}
.page-corporation-index .box-main-visual__text {
	line-height: 22px;
}
.page-corporation-index .box-main-visual__text span{
	display: block;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}
.page-corporation-index .box-main-visual-btn{
	padding-top: 40px;
}
.page-corporation-index .box-main-visual-btn a{
	text-decoration: none;
}
.page-corporation-index .box-main-visual-btn .btn{
	text-decoration: none;
	background: #fff;
	color: #3071b9;
}
.page-corporation-index .box-main-visual-btn .btn:hover{
	background: #ff9900;
	color: #fff;
}
.page-corporation-index .box-producting__inner--02 .box-conducting__title {
	margin-bottom: 25px;
	font-size: 32px;
	color: #3071b9;
	font-weight: normal;
}
.page-corporation-index .box-producting__inner--02 .box-conducting__title span {
	display: block;
	font-size: 22px;
	padding-top: 15px;
}
.page-corporation-index .box-producting__inner--02 .btn {
	padding: 5px 20px;
	font-size: 16px;
}
.page-corporation-index .box-producting__inner--02 .box-conducting__content{
	color: #333;
	width: 50%;
}
.page-corporation-index .box-producting__inner--02 > div {
	min-height: 340px;
	overflow: hidden;
	position: relative;
}
.page-corporation-index .box-conducting__inner:hover .btn {
	background-color: #ff9900;
}
.lst-link {
	margin-top: 15px;
}
.lst-link a {
	display: inline-block;
}
.box-network {
	background: url("/resource/img/corporation_bg_network01.png") no-repeat top center;
	background-size: 916px auto;
	margin-top: 15px;
}
.box-network__inner {
	text-align: center;
	padding: 40px 0 43px;
}
.box-network__title {
	font-size: 48px;
	color: #3071b9;
	font-weight: bold;
	letter-spacing: -0.025em;
	margin-bottom: 25px;
}
.box-network__text {
	line-height: 30px;
}
.box-network__information {
	display: table;
	width: 100%;
	max-width: 700px;
	margin: 30px auto 0;
}
.box-network__information__content {
	display: table-cell;
	width: 33.33%;
	vertical-align: top;
}
.box-network__information__title {
	font-weight: bold;
	margin-bottom: 5px;
}
.box-network__information__detail span {
	display: inline-block;
}
.box-network__information__detail span:first-child img {
	width: 36px;
}
.box-network__information__detail span:last-child {
	font-size: 48px;
	color: #3071b9;
	padding-left: 5px;
	text-align: left;
	line-height: 1;
}
.box-network__information__detail span:last-child small {
	font-size: 24px;
	display: inline-block;
}
.box-network__button {
	margin-top: 45px;
}
.box-network__button a {
	display: inline-block;
	padding: 5px 20px;
	margin: 0 5px;
}
.box-network__button a:visited{
	color: #fff;
}
.page-corporation-index .box-conducting__button .btn-icon {
	margin-top: 25px;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.page-corporation-index .box-main-visual {
		background: url("/resource/img/corporation_bg_mainvisual01_sp.jpg") no-repeat center;
		background-size: cover;
		min-height: 320px;
		height: auto;
		position: relative;
		padding-bottom: 0;
		margin-bottom: 10px;
	}
	.page-corporation-index .box-main-visual__text {
		font-size: 12px;
		line-height: 18px;
	}
	.page-corporation-index .box-main-visual__text span {
		font-size: 14px;
		margin-bottom: 7px;
	}
	.page-corporation-index .box-main-visual-btn{
		padding-top: 10px;
	}
	.page-corporation-index .box-main-visual-btn .btn{
		line-height: 20px;
		max-width: 120px;
	}
	.page-corporation-index .hdg-lv1 {
		padding: 20px 0 10px;
	}
	.page-corporation-index .box-producting__inner--02 > div,
	.page-corporation-index .box-conducting__inner > a {
		min-height: 150px;
	}
	.lst-link {
		display: none;
	}
	.page-corporation-index .box-producting__inner--02 .btn-icon{
		padding: 2px 4px;
		font-size: 14px;
		color: #3071b9;
		border: 1px solid #3071b9;
	}
	.page-corporation-index .box-producting__inner--02 .icn:before {
		color: #3071b9;
	}
	.page-corporation-index .box-conducting__content {
		padding: 38px 10px 19px 10px;
	}
	.page-corporation-index .box-conducting__button {
		padding-top: 5px;
	}
	.page-corporation-index .box-producting__inner--02 .box-conducting__title {
		font-size: 18px;
		margin-bottom: 10px;
		line-height: 25px;
		font-weight: bold;
	}
	.page-corporation-index .box-producting__inner--02 .box-conducting__content {
		width: 100%;
	}
	.box-network {
		background-size: 458px auto;
		background-position-y: 60px;
	}
	.box-network__inner {
		padding: 5px 0 20px;
	}
	.box-network__title {
		font-size: 32px;
		margin-bottom: 10px;
	}
	.box-network__text {
		font-size: 14px;
		text-align: left;
		line-height: 18px;
	}
	.box-network__information {
		margin: 13px auto 0;
	}
	.box-network__information__detail span {
		display: block;
	}
	.box-network__information__detail span:first-child img {
		width: 30px;
	}
	.box-network__information__detail span:last-child {
		font-size: 32px;
		padding-left: 0;
		text-align: center;
	}
	.box-network__information__detail span:last-child small {
		font-size: 16px;
	}
	.box-network__information__title {
		font-size: 12px;
		color: #3071b9;
		margin-bottom: 0;
	}
	.box-network__button {
		margin-top: 15px;
	}
	.box-network__button a {
		font-size: 12px;
		max-width: 120px;
		padding: 5px 10px;
		line-height: 20px;
	}
	.page-corporation-index .box-conducting__button .btn-icon {
		margin-top: 0;
	}
}
/* corporation-charter
-----------------------------------------------------*/
.page-corporation-charter .box-main-visual{
	background: url("/resource/img/corporation_charter_bg_mainvisual01.jpg") no-repeat center;
	background-size: cover;
	color: #fff;
}
.page-corporation-charter .nav_breadcrumb > li a {
	color: #fff;
}
.page-corporation-charter .hdg-lv1 {
	color: #fff;
}
.lst-charter > li {
	margin-bottom: 20px;
}
.lst-dot li {
	position: relative;
	text-indent: -0.5em;
	padding-left: 0.5em;
}
.lst-dot li:before {
	content: "・";
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.page-corporation-charter .box-main-visual {
		background: url("/resource/img/corporation_charter_bg_mainvisual01_sp.jpg") no-repeat center;
		background-size: cover;
		min-height: 320px;
		height: auto;
		position: relative;
		padding-bottom: 0;
		margin-bottom: 20px;
	}
	.page-corporation-charter .hdg-lv1 {
		padding: 20px 0 10px;
	}
	.lst-dot li {
		font-size: 14px;
		line-height: 18px;
	}
}
/* corporation-outline-office
-----------------------------------------------------*/
.page-corporation-outline-office .box-main-visual{
	background: url("/resource/img/corporation_outline_office_img_mainvisual01.jpg") no-repeat center;
	background-size: cover;
	color: #fff;
	padding-bottom: 46.875%;
}
.page-corporation-outline-office .box-office{
	padding-top: 55px;
	background: #eaf1f8;
}
.page-corporation-outline-office .box-office h2{
	font-weight: bold;
	margin-top: 0;
}
.page-corporation-outline-office .box-office .txt-lead{
	margin-bottom: 55px;
}
.box-area-link .hdg-lv2{
	padding-bottom: 16px;
	margin: 60px 0 0;
}
.page-corporation-outline-office-list .hdg-lv1{
	color: #333;
}
.box-office-left .box-article__image{
	width: 48%;
}
.box-office-right .box-article__image{
	width: 30.7%;
}
.box-office .box-article .box-article__text span{
	display: block;
	font-weight: bold;
}
.box-office .box-article .box-article__text span:nth-of-type(1){
	margin-top: 15px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.page-corporation-outline-office .box-main-visual{
		background: none;
		padding-bottom: 0;
	}
	.page-corporation-outline-office .box-office{
		padding-top: 55px;
		background: #fff;
	}
	.page-corporation-outline-office .box-office h2{
		font-size: 37px;
	}
	.page-corporation-outline-office .box-office{
		padding-top: 22px;
	}
	.page-corporation-outline-office .box-area-link .hdg-lv2{
		margin-top: 30px;
	}
	.page-corporation-outline-office .box-office .txt-lead{
		display: none;
	}
	.box-office-left .box-article__image{
		width: 35%;
	}
	.box-office-right .box-article__image{
		width: 35%;
	}
}
/* corporation-outline-index
-----------------------------------------------------*/
.page-corporation-outline-index .box-main-visual{
	background: url("/resource/img/corporation_outline_bg_mainvisual01.jpg") no-repeat center;
	background-size: cover;
	color: #fff;
}
.page-corporation-outline-index .nav_breadcrumb > li a {
	color: #fff;
}
.page-corporation-outline-index .hdg-lv1 {
	color: #fff;
}
.page-corporation-outline-index .box-contents {
	margin: 85px 0 0;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.page-corporation-outline-index .box-main-visual {
		background: url("/resource/img/corporation_outline_bg_mainvisual01_sp.jpg") no-repeat center;
		background-size: cover;
		min-height: 320px;
		height: auto;
		position: relative;
		padding-bottom: 0;
		margin-bottom: 20px;
	}
	.page-corporation-outline-index .hdg-lv1 {
		padding: 20px 0 10px;
	}
	.page-corporation-outline-index .box-contents {
		margin: 40px 0 0;
	}
}
/* corporation-outline-office-detail
-----------------------------------------------------*/
.page-corporation-office-detail .wrp-bg{
	background: url("/resource/img/cmn_bg_heading02.png") no-repeat top left;
	background-size: 400px auto;
}
@media only screen and (min-width:1px) and (max-width:767px){
	.page-corporation-office-detail .wrp-bg{
		background-size: 200px auto;
	}
}
.page-corporation-office-detail .nav_breadcrumb > li a{
	color: #333;
}
.lst-button-heading {
	display: none;
}
.page-corporation-office-detail .box-main-heading__button {
	color: #fff;
	padding: 0 14px;
	top: 10px;
	line-height: 30px;
	cursor: pointer;
}
.page-corporation-office-detail .hdg-lv1 {
	padding: 0 0 13px;
	font-size: 32px;
}
.box-main-heading__link {
	margin-top: 15px;
}
.box-main-heading__link .btn {
	max-width: 160px;
}
.box-main-heading__link .btn .icn-external02 {
	padding: 0 0 0 0.5em;
}
.box-information {
	display: table;
	width: 100%;
	margin: 30px 0;
}
.box-information__image {
	line-height: 0;
	display: block;
	vertical-align: top;
	width: 100%;
	padding-top: 15px;
	text-align: left;
}
.box-information__image img {
	width: auto;
}
.box-information__text {
	display: block;
	vertical-align: top;
	width: 100%;
	padding-right: 0;
}
.box-information .hdg-lv2 {
	border-bottom: 0;
	margin-bottom: 10px;
}
.box-information .box-information__title:first-child {
	margin: 0 0 20px;
}
.box-information__title {
	font-size: 18px;
	margin: 30px 0 20px;
}
#box-map {
	width: 100%;
	height: 400px;
	margin-top: 30px;
	border: 1px solid #ddd;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.page-corporation-office-detail .hdg-lv1 {
		padding: 17px 0 10px;
		font-size: 18px;
	}
	.box-main-heading__text {
		font-size: 14px;
		line-height: 18px;
	}
	.lst-button-heading {
		display: block;
		margin: 18px -7px 0;
	}
	.lst-button-heading li {
		width: 50%;
		padding: 0 7px;
		float: left;
		box-sizing: border-box;
		min-height: 1px;
		margin-bottom: 10px;
	}
	.lst-button-heading li a {
		padding: 0 10px;
		margin: 0 auto;
	}
	.lst-button-heading li a .icn {
		line-height: 1;
		padding-right: 5px;
	}
	.box-information {
		margin: 15px 0 20px;
	}
	.box-information__text {
		display: block;
		width: 100%;
		padding-right: 0;
	}
	.box-information__image {
		display: block;
		width: 100%;
		padding-left: 0;
		margin-top: 20px;
	}
	.box-information__title {
		font-size: 16px;
		margin: 20px 0 10px;
	}
	.box-information .box-information__title:first-child {
		margin: 0 0 15px;
	}
	.box-information p {
		font-size: 14px;
		line-height: 18px;
	}
	#box-map {
		height: 160px;
		margin: 10px -10px 0;
		width: auto;
	}
}
@media print{
	.page-corporation-office-detail .hdg-lv1{
		padding: 10px 0 0 !important;
		font-size: 24px !important;
	}
	.page-corporation-office-detail .box-main-heading{
		padding-right: 0 !important;
	}
	.page-corporation-office-detail #l-footer .l-footer-info .l-footer-info__link,
	.page-corporation-office-detail #l-footer > .wrp-container,
	.page-corporation-office-detail .box-go-back,
	.page-corporation-office-detail .nav_breadcrumb,
	.page-corporation-office-detail .box-main-heading__button,
	.page-corporation-office-detail .l-header-top__content:before,
	.page-corporation-office-detail .l-header-top__nav{
		display: none !important;
	}
	.page-corporation-office-detail .l-header {
		border: none !important;
	}
	.page-corporation-office-detail .l-footer-info{
		margin-top: 0;
	}
	.page-corporation-office-detail .l-footer-info__copyright {
		position: relative !important;
		display: block !important;
		background: none !important;
		padding: 10px 32px 3px 130px !important;
		color: #000;
	}
	.page-corporation-office-detail .box-information__text{
		width: 65%;
	}
	.page-corporation-office-detail .box-information__image{
		width: 35%;
		text-align: right;
	}
	.page-corporation-office-detail #box-map{
		margin-top: 10px;
	}
	.page-corporation-office-detail .box-information{
		margin: 10px 0;
	}
	.page-corporation-office-detail .box-information__title{
		margin: 10px 0 3px;
	}
	.page-corporation-office-detail .box-information .box-information__title:first-child{
		margin: 0 0 3px;
	}
	.page-corporation-office-detail .box-information .hdg-lv2{
		margin: 10px 0 3px;
		padding-bottom: 0;
		font-size: 18px;
	}
}

/*corporation-message
-----------------------------------------------------*/
.page-corporation-message .box-main-visual {
	background: url("/resource/img/corporation_message_bg_mainvisual01.jpg") no-repeat center;
	background-size: cover;
}
.page-corporation-message .nav_breadcrumb > li,
.page-corporation-message .nav_breadcrumb > li a {
	color: #fff;
}
.page-corporation-message .hdg-lv1 {
	color: #fff;
	padding: 0 0 30px;
}
.page-corporation-message .hdg-lv2 {
	margin: 58px 0 15px;
}
.box-main-visual__text span{
	display: block;
	margin-bottom: 20px;
}
.box-message{
	margin-bottom: 50px;
	margin-top: 25px;
}
.box-message .hdg-lv2{
	margin-top: 0;
}
.txt-message-head{
	display: none;
}
.page-corporation-message .box-main-visual__text__head span{
	display: block;
	font-size: 22px;
	padding-top: 15px;
	color: #3071b9;
}
@media only screen and (min-width: 768px) and (max-width: 1060px) {
	.page-corporation-message .box-main-visual {
		padding-bottom: 37%;
	}
	.page-corporation-message .hdg-lv1 {
		padding: 0 0 15px;
	}
	.box-main-visual__text {
		max-width: 370px;
	}
	.box-main-visual__text span {
		margin-bottom: 5px;
	}
}
@media only screen and (min-width:1px) and (max-width:767px){
	.page-corporation-message .box-main-visual {
		background: none;
		position: relative;
		padding-bottom: 0;
	}
	.page-corporation-message .box-main-visual .wrp-container {
		position: absolute;
		top: 0;
		left: 0;
		box-sizing: border-box;
	}
	.page-corporation-message .box-main-visual__text{
		display: none;
	}
	.page-corporation-message .hdg-lv1{
		color: #333;
		padding: 20px 0 10px;
	}
	.page-corporation-message .hdg-lv2 {
		margin: 30px 0 10px;
	}
	.box-message{
		margin-bottom: 150px;
	}
	.txt-message-head{
		margin-top: 5px;
		letter-spacing: 0;
		line-height: 18px;
		font-size: 14px;
	}
	.page-corporation-message .txt-paragraph{
		letter-spacing: 0;
		line-height: 18px;
		font-size: 14px;
	}
	.box-message .hdg-lv2{
		margin-top: 35px;
	}
}
/* /corporation/philosophy.html
-----------------------------------------------------*/
.page-corporation-philosophy .box-main-visual {
	background: url("/resource/img/corporation_philosophy_bg_mainvisual01.jpg") no-repeat center bottom;
	background-size: cover;
	color: #fff;
}
.page-corporation-philosophy .hdg-lv2-02{
	font-size: 32px;
	margin: 55px 0 0;
}
.box-rule{
	border: 4px solid #e5eefa;
	padding: 15px 30px;
	margin: 30px 0 20px;
}
.box-rule__title{
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
}
.box-rule__content{
	margin-bottom: 20px;
}
.box-rule__content.last{
	margin-bottom: 0;
}
.box-rule__top-content{
	background-color: #e5eefa;
	padding: 20px;
}
.page-corporation-philosophy .lst-media li{
	position: relative;
	padding: 0;
}
.page-corporation-philosophy .lst-media{
	margin: 20px 0 5px;
}
.page-corporation-philosophy .lst-media__photo {
	line-height: 0;
}
.page-corporation-philosophy .lst-image__caption {
	font-size: 14px;
	padding: 5px 10px 10px;
	color: #333;
	line-height: 20px;
}
@media only screen and (min-width:1px) and (max-width:767px){
	.box-rule{
		padding: 10px 15px;
	}
	.lst-media{
		margin-top: 10px;
	}
	.page-corporation-philosophy .box-main-visual {
		background: none;
		position: relative;
		padding-bottom: 0;
	}
	.page-corporation-philosophy .box-main-visual .wrp-container {
		position: absolute;
		top: 0;
		left: 0;
		box-sizing: border-box;
	}
	.page-corporation-philosophy .hdg-lv1 {
		padding: 20px 0 10px;
	}
	.page-corporation-philosophy .hdg-lv2-02 {
		font-size: 20px;
		margin: 25px 0 30px;
	}
	.page-corporation-philosophy .lst-media {
		margin-top: 10px;
	}
	.page-corporation-philosophy .lst-image__caption {
		font-size: 10px;
		padding: 5px 10px;
		color: #333;
		line-height: 16px;
	}
}
/* /corporation/history.html
-----------------------------------------------------*/
.page-corporation-outline-history .box-main-visual {
	background: url("/resource/img/corporation_outline_history_bg_mainvisual01.jpg") no-repeat center bottom;
	background-size: cover;
	color: #fff;
}
.page-corporation-outline-history .hdg-lv2-02 {
	font-size: 32px;
}
.history-tree{
	margin: 50px 0 0;
	padding-bottom: 170px;
	position: relative;
}
.history-tree:after{
	content: "";
	clear: both;
	display: block;
}
.history-tree__note{
	width: 50%;
	box-sizing: border-box;
}
.history-tree__note.tree-left{
	margin-top: 30px;
	float: left;
	clear: left;
}
.history-tree:before{
	content: "";
	width: 4px;
	top: 0;
	bottom: 170px;
	background: url("/resource/img/bg_line.png") no-repeat center bottom;
	background-size: contain;
	position: absolute;
	left: 0;
	right: 0;
	margin: 20px auto 0;
}
.history-tree__note.tree-left.direct{
	direction: ltr;
}
.history-tree__note.tree-right{
	float: right;
	clear: right;
}
.history-tree__note.tree-right.direct{
	direction: ltr;
}
.history-tree__note .lst-image img {
	width: 100%;
}
.history-tree__note.tree-left .lst-image{
	padding-right: 120px;
	box-sizing: border-box;
}
.history-tree__note.tree-left .history-tree__note__title,
.history-tree__note.tree-left p{
	padding-right: 120px;
}
.history-tree__note.tree-right .history-tree__inner{
	position: relative;
	top: -55px;
}
.history-tree__note.tree-right .lst-image{
	padding-left: 120px;
	box-sizing: border-box;
}
.history-tree__note.tree-right .history-tree__note__title,
.history-tree__note.tree-right p{
	padding-left: 120px;
}
.history-tree__note__title{
	font-size: 32px;
	color: #3071b9;
	border-bottom: 1px solid #3071b9;
	margin: 25px 0 15px;
	position: relative;
}
.history-tree__note__title:before{
	content: "";
	width: 16px;
	height: 16px;
	background: url("/resource/img/ico_square01.png") no-repeat center;
	background-size: cover;
	position: absolute;
	bottom: -9px;
}
.history-tree__note.tree-left .history-tree__note__title:before{
	right: -8px;
}
.history-tree__note.tree-right .history-tree__note__title:before{
	left: -8px;
}
.history-tree__note__title span{
	margin-left: 20px;
	font-size: 14px;
	color: #333;
}
.lst-image{
	margin: 15px -10px 80px;
	display: table;
}
.lst-image span{
	display: table-cell;
	padding: 0 10px;
	width: 50%;
	box-sizing: border-box;
}
.lst-image span em{
	display: block;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}
.lst-image-02 {
	margin-bottom: 25px;
}
.txt-history-detail{
	text-align: center;
	line-height: 25px;
}
@media only screen and (min-width:1px) and (max-width:767px){
	.page-corporation-outline-history .box-main-visual {
		background: none;
		position: relative;
		padding-bottom: 0;
	}
	.page-corporation-outline-history .box-main-visual .wrp-container {
		position: absolute;
		top: 0;
		left: 0;
		box-sizing: border-box;
	}
	.page-corporation-outline-history .hdg-lv1 {
		padding: 20px 0 10px;
	}
	.page-corporation-outline-history .hdg-lv2-02{
		display: none;
	}
	.history-tree{
		margin: 60px 0 60px 17px;
		padding-bottom: 0;
	}
	.history-tree__note.tree-left .lst-image,
	.history-tree__note.tree-right .lst-image{
		padding: 0 0 0 30px;
		margin: 15px -5px;
	}
	.lst-image span {
		padding: 0 5px;
	}
	.history-tree:before{
		background-size: contain;
		left: -5px;
		top: -6px;
		right: auto;
		bottom: 0;
	}
	.history-tree__note{
		width: 100%;
		float: none;
		height: auto !important;
	}
	.history-tree__note__title:before{
		content: none;
	}
	.history-tree__note.tree-left{
		background: none;
	}
	.history-tree__note.tree-left .history-tree__inner{
		position: relative;
		top: -53px;
	}
	.history-tree__note.tree-left .history-tree__note__title{
		padding-right: 0;
	}
	.history-tree__note.tree-right .history-tree__note__title{
		top: 0;
		padding-left: 30px;
	}
	.history-tree__note.tree-left p,
	.history-tree__note.tree-right p {
		font-size: 14px;
		line-height: 18px;
		padding: 0 0 0 30px;
	}
	.history-tree__note.tree-left p.history-tree__note__title,
	.history-tree__note.tree-right p.history-tree__note__title{
		padding-left: 30px;
		padding-right: 0;
		font-size: 32px;
		line-height: 1.7;
		margin: 15px 0 20px;
	}
	.txt-history-detail{
		text-align: left;
		font-size: 14px;
		line-height: 1.25;
		margin-top: 10px;
	}
	.history-tree__note__title span{
		margin-left: auto;
	}
}
/* /corporation/overview.html
-----------------------------------------------------*/
.page-corporation-outline-overview .box-main-visual {
	background: url("/resource/img/corporation_outline_overview_bg_mainvisual01.jpg") no-repeat center bottom;
	background-size: cover;
	color: #fff;
}
.page-corporation-outline-overview .box-chart{
	margin: 10px auto;
	overflow: hidden;
}
.page-corporation-outline-overview .wrp-chats{
	margin-top: -23px;
}
.page-corporation-outline-overview .table-sales{
	display: table;
}
.page-corporation-outline-overview .table-sales__item{
	display: table-row;
}
.page-corporation-outline-overview .table-sales__category,
.page-corporation-outline-overview .table-sales__sales{
	display: table-cell;
	padding-bottom: 5px;
	vertical-align: middle;
}
.page-corporation-outline-overview .table-sales__sales{
	padding-left: 20px;
	text-align: right;
}
.page-corporation-outline-overview .table-sales__sales span{
	display: inline-block;
	text-align: left;
}
.page-corporation-outline-overview .table-sales__item:last-child .table-sales__category,
.page-corporation-outline-overview .table-sales__item:last-child .table-sales__sales{
	padding-bottom: 0;
}
@media only screen and (min-width:1px) and (max-width:767px){
	.page-corporation-outline-overview .box-main-visual {
		background: none;
		position: relative;
		padding-bottom: 0;
	}
	.page-corporation-outline-overview .box-main-visual .wrp-container {
		position: absolute;
		top: 0;
		left: 0;
		box-sizing: border-box;
	}
	.page-corporation-outline-overview .table-sales__category,
	.page-corporation-outline-overview .table-sales__sales{
		line-height: 1.38;
	}
}
/* /corporation/executive.html
-----------------------------------------------------*/
.page-corporation-outline-executive .box-main-visual {
	background: url("/resource/img/corporation_outline_executive_bg_mainvisual01.jpg") no-repeat center bottom;
	background-size: cover;
	color: #fff;
}
@media only screen and (min-width:1px) and (max-width:767px){
	.page-corporation-outline-executive .box-main-visual {
		background: none;
		position: relative;
		padding-bottom: 0;
	}
	.page-corporation-outline-executive .box-main-visual .wrp-container {
		position: absolute;
		top: 0;
		left: 0;
		box-sizing: border-box;
	}
}

/*----------------------------------*/
.page-sws-news-index .lst-news{
	margin: 30px 0;
	padding-right: 40px;
}
.news-detail-head{

}
.news-detail-head__txt{
	overflow: hidden;
	margin-bottom: 15px;
}
.news-detail-head__txt .day{
	float: left;
}
.news-detail-head__txt .category{
	float: right;
}
.news-detail-head__pic{
	display: block;
	text-align: center;
}
@media only screen and (min-width:1px) and (max-width:767px){
	.page-sws-news-index .lst-news{
		margin: 15px 0;
		padding-right: 0;
	}
}
/*---------------------------------------------------*/
.page-sws-news-detail .hdg-lv2-02{
	margin: 45px 0 40px;
}
.page-sws-news-detail .hdg-lv4 {
	font-size: 18px;
}
.page-sws-news-detail .box {
	padding: 20px 25px;
}
.sws-news-article ul li{
	margin-bottom: 20px;
}
.sws-news-article + .box{
	margin-top: 0;
}
.page-sws-news-detail .box{
	padding-bottom: 0;
}
.box .hdg-lv4{
	margin: 0 0 14px;
}
.page-sws-news-detail .hdg-lv2{
	margin-bottom: 40px;
}
.box .lst-files li:last-child{
	border-bottom: 0;
}
.box .lst-files li a span{
	color: #333;
}
.box-support{
	display: table;
	width: 100%;
	margin-bottom: 85px;
	font-weight: bold;
}
.box-support__button,
.box-support__content{
	display: table-cell;
	vertical-align: middle;
}
.box-support__button{
	width: 29%;
}
.box-support__button .btn{
	max-width: 100%;
	font-size: 18px;
	letter-spacing: 0;
	line-height: 1.39;
	padding: 17px 18px;
}
.box-support__button .btn:hover{
	background: #0069b4;
}
.box-support__content{
	border: 1px solid #ccc;
	padding-left: 15px;
	color: #3071b9;
	font-size: 18px;
}
@media only screen and (min-width:1px) and (max-width:767px){
	.page-sws-news-detail .hdg-lv2-02{
		margin: 20px 0;
	}
	.page-sws-news-detail .box-article__image,
	.page-sws-news-detail .box-article__content{
		display: block;
		padding: 0;
		width: 100%;
	}
	.page-sws-news-detail .box-article__content{
		margin-top: 15px;
	}
	.box-support{
		margin-bottom: 30px;
	}
	.box-support__button,
	.box-support__content{
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	.page-sws-news-detail .box {
		padding: 15px 20px 5px;
	}
	.page-sws-news-detail .hdg-lv4 {
		font-size: 16px;
	}
}
/* inquiry-index
-----------------------------------------------------*/
.page-inquiry .box-main-visual {
	background: url("/resource/img/inquiry_bg_mainvisual01.jpg") no-repeat center;
	background-size: cover;
}
.page-inquiry .nav_breadcrumb > li a,
.page-inquiry .nav_breadcrumb > li {
	color: #fff;
}
.page-inquiry .nav_breadcrumb > li:after {
	color: #fff;
}
.page-inquiry .hdg-lv1 {
	color: #fff;
}
.page-inquiry .box-intro {
	padding: 25px 0 40px;
}
.page-inquiry .box-intro__button {
	margin-top: 15px;
}
.page-inquiry .box-intro__button a {
	font-size: 16px;
	max-width: 170px;
}
.page-inquiry .box-intro__button .icn {
	font-size: 16px;
}
.lst-inquiry__innerPc {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.lst-inquiry__innerPc li {
	display: table-cell;
	width: 20%;
	vertical-align: middle;
	text-align: center;
}
.lst-inquiry__innerPc li span {
	background-color: #eaf1f8;
	border: 1px solid #c0d4ea;
	display: block;
	border-left: 0;
	padding: 14px 15px;
	cursor: pointer;
	color: #3071b9;
	white-space: nowrap;
}
.lst-inquiry__innerPc li.is-current span {
	background-color: #fff;
	border-bottom: 1px solid #fff;
}
.lst-inquiry__innerPc li:first-child span{
	border-left: 1px solid #c0d4ea;
}
.page-inquiry .box-inquiry {
	position: relative;
}
.page-inquiry .box-inquiry:before {
	content: "";
	display: block;
	position: absolute;
	top: 54px;
	width: 100%;
	height: 1px;
	background-color: #c0d4ea;
}
.page-inquiry .box-inquiry > div {
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 0 30px;
	color: initial;
	color: #333;
}
.page-inquiry .hdg-lv4 {
	margin: 0 0 5px;
}
.page-inquiry .lst-inquiry__content p {
	font-size: 16px;
	line-height: 25px;
}
.page-inquiry .lst-inquiry__link {
	margin: 10px 0;
}
.page-inquiry .lst-inquiry__link a{
	display: block;
	padding: 4px 15px;
	border: 1px solid #c0d4ea;
	background-color: #fff;
	color: #0069b4;
	text-align: left;
	max-width: 370px;
	font-size: 16px;
}
.page-inquiry .lst-inquiry__banner {
	margin: 10px 0 0;
}
.page-inquiry .lst-inquiry__banner a img {
	width: 370px;
}
.page-inquiry .lst-inquiry__link a .icn {
	font-size: 16px;
}
.page-inquiry .lst-inquiry__link a .icn:before {
	background-color: transparent;
}
.lst-inquiry__content .frm-inquiry {
	margin-top: 15px;
	position: relative;
	max-width: 370px;
	width: 100%;
}
.lst-inquiry__content .frm-inquiry .frm-inquiry__search{
	border: 1px solid #c0d4ea;
	background-color: #eaf1f8;
	width: 100%;
	padding: 7px 40px 7px 15px;
	border-radius: 25px;
}
.lst-inquiry__content .frm-inquiry button {
	position: absolute;
	right: 5px;
	left: auto;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.lst-inquiry__content .frm-inquiry button .icn {
	font-size: 16px;
}
.lst-inquiry__content .frm-inquiry button .icn:before {
	color: #3171b9;
}
.box-inquiry__other {
	background-color: #fff59d;
	padding: 15px 20px;
	box-sizing: border-box;
	margin: 15px 0 20px;
}
.box-inquiry__other__link {
	margin: 10px 0 5px;
}
.box-inquiry__other__link .icn {
	font-size: 16px;
}
.box-inquiry__other__link a {
	background-color: #fff;
	border: 1px solid #c0d4ea;
	padding: 4px 19px;
	display: inline-block;
	font-size: 16px;
}
.box-inquiry__other__link a:hover {
	text-decoration: none;
}
.box-inquiry__other__link a .icn-external03 {
	padding: 0 0 0 5px;
}
.page-inquiry .lst-inquiry__content p.box-inquiry__other__note {
	font-size: 12px;
	color: #666;
}
.page-inquiry .box-inquiry__button {
	margin-top: 15px;
}
.page-inquiry .box-inquiry__button a {
	max-width: 370px;
	text-align: left;
	font-size: 16px;
	margin-bottom: 10px;
}
.page-inquiry .box-inquiry__button a .icn {
	font-size: 16px;
}
.page-inquiry .lst-inquiry__content p.lst-inquiry__note {
	font-size: 12px;
	color: #666;
}
.page-inquiry .wrp-text{
	margin: 15px 0;
}
.page-inquiry .wrp-text a {
	display: block;
	line-height: 20px;
	font-size: 14px;
}
@media only screen and (min-width: 768px) {
	.page-inquiry .box-accordion__content {
		display: none;
	}
	.page-inquiry .box-accordion__content.is-current {
		display: block;
	}
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.page-inquiry .box-intro {
		padding: 20px 0 25px;
	}
	.lst-inquiry__innerPc {
		display: none;
	}
	.page-inquiry .box-inquiry:before {
		content: none;
	}
	.page-inquiry .lst-inquiry__innerSp {
		padding: 0 10px;

	}
	.lst-inquiry__innerSp .hdg-lv2 {
		display: none;
	}
	.lst-inquiry__innerSp .box-accordion__icon {
		float: right;
	}
	.lst-inquiry__innerSp .box-accordion__icon .icn {
		padding: 0;
	}
	.lst-inquiry__innerSp .box-accordion__title {
		background-color: #eaf1f8;
		cursor: pointer;
	}
	.lst-inquiry__innerSp .box-accordion__title.is-active {
		border-bottom: 1px solid #c0d4ea;
	}
	.lst-inquiry__innerSp .box-accordion__title a.is-active .icn-arrow-down02:before {
		content: '\e806';
	}
	.lst-inquiry__innerSp .box-accordion__title a.is-active {
		border-bottom: 1px solid #c0d4ea;
	}
	.lst-inquiry__innerSp .box-accordion__title a {
		font-weight: bold;
		font-size: 18px;
		display: block;
		padding: 7px 10px;
	}
	.lst-inquiry__innerSp li {
		border-bottom: 1px solid #c0d4ea;
		border-left: 1px solid #c0d4ea;
		border-right: 1px solid #c0d4ea;
	}
	.lst-inquiry__innerSp li:first-child {
		border-top: 1px solid #c0d4ea;
	}
	.page-inquiry .hdg-lv4 {
		font-size: 14px;
		margin-bottom: 0;
		line-height: 17px;
	}
	.page-inquiry .hdg-lv4-01 {
		margin: 15px 0;
	}
	.page-inquiry .lst-inquiry__content p {
		font-size: 14px;
		line-height: 17px;
	}
	.lst-inquiry__content {
		margin-top: 20px;
	}
	.page-inquiry .box-inquiry__button a {
		font-size: 14px;
		padding: 4px 10px;
	}
	.page-inquiry .lst-inquiry__link a {
		font-size: 14px;
		padding: 4px 10px;
	}
	.lst-inquiry__content .frm-inquiry .frm-inquiry__search {
		width: 100%;
		box-sizing: border-box;
	}
	.box-inquiry__other {
		padding: 15px;
	}
	.box-inquiry__other__link a {
		padding: 4px 10px;
		font-size: 14px;
		box-sizing: border-box;
		text-align: center;
	}
	.page-inquiry .lst-inquiry__content p.box-inquiry__other__note {
		font-size: 10px;
	}
}
/* inquiry-form
-----------------------------------------------------*/
.page-inquiry-index .nav_breadcrumb > li a {
	color: #333;
}
.page-inquiry-index .hdg-lv1{
	padding-bottom: 15px;
}
.page-inquiry-index .hdg-lv2 {
	margin-bottom: 0;
}
.page-inquiry-index .box-go-back{
	margin-top: 50px;
}
.box-inquiry.grid-row {
	margin: 0 0 25px;
	border: 1px solid #c0d4ea;
}
.box-inquiry > div {
	text-align: center;
	color: #0069b4;
	position: relative;
	padding: 12px 15px;
}
.box-inquiry > div span {
	font-weight: bold;
}
.box-inquiry__confirm:before {
	content: "";
	width: 0;
	height: 100%;
	border-top: 50px solid #0069b4;
	border-right: 68px solid #fff;
	position: absolute;
	top: 0;
	left: -28px;
}

.page-inquiry-index .box-inquiry__input {
	background-color: #0069b4;
	color: #fff;
}
.page-inquiry-index .box-inquiry__finish:before {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #c0d4ea;
	transform: skew(-50deg);
}
.page-inquiry-check .box-inquiry__input,
.page-inquiry-check .box-inquiry__confirm{
	background-color: #0069b4;
	color: #fff;
}
.page-inquiry-check .box-inquiry__input:after{
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #c0d4ea;
	transform: skew(-50deg);
	z-index: 1;
}
.page-inquiry-check .box-inquiry__confirm:before{
	left: auto;
	right: -28px;
}
.page-inquiry-check .box-about__button .icn-check01{
	padding-right: 0;
}
.page-inquiry-check .box-about__button .icn:before{
	color: #0069b4;
	margin: 0;
}
.page-inquiry-finish .box-inquiry__input,
.page-inquiry-finish .box-inquiry__confirm,
.page-inquiry-finish .box-inquiry__finish{
	background-color: #0069b4;
	color: #fff;
}
.page-inquiry-finish .box-inquiry__confirm:before{
	display: none;
}
.page-inquiry-finish .box-inquiry__input:after,
.page-inquiry-finish .box-inquiry__confirm:after{
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #c0d4ea;
	transform: skew(-50deg);
	z-index: 1;
}
.box-select {
	padding-bottom: 5px;
	margin: 20px 0 30px;
	border-bottom: 1px dashed #ddd;
}
.box-select ul li {
	margin-bottom: 10px;
}
.tbl-enquete .box-select {
	margin: 0;
	border-bottom: none;
}
.tbl-enquete .box-select ul li {
	margin-bottom: 10px;
}
.box-form__content__seclect {
	background-color: #fff59d;
	padding: 25px 30px;
}
.box-form__content__seclect .lst-select__button {
	line-height: 25px;
	margin-top: 15px;
}
.js-radio_block{
	display: none;
}
.lst-select__button a{
	max-width: inherit;
	display: inline-block;
	font-size: 16px;
}
.lst-select__button a .icn-external02 {
	padding: 0 0 0 0.5em;
}
.frm input[type=radio] {
	display: none;
}
.frm input[type=radio] + label{
	display: block;
}
.frm input[type=radio] + label span{
	display: inline-block;
	width: 16px;
	height: 16px;
	background-color: transparent;
	border: 1px solid #c1d5ea;
	border-radius: 50%;
	cursor: pointer;
	position: relative;
	margin-right: 5px;
	top: 2px;
	box-sizing: border-box;
}
.frm input[type=radio] + label span {
	border: 1px solid #ddd;
}
.frm input[type=radio]:checked + label span:before {
	content: "";
	position: absolute;
	top: 2px;
	left: 0;
	right: 0;
	margin: auto;
	width: 10px;
	height: 10px;
	background-color: #ff9900;
	border-radius: 50px;
}
.frm .lbl {
	margin-right: 10px;
}
.frm .lbl-required {
	color: #fff;
	font-size: 14px;
	background-color: #e53935;
	border: 0;
	font-weight: bold;
}
.frm .lbl-required-hosoku {
	color: #e53935;
	font-size: 13px;
}
.frm .lbl-any {
	color: #fff;
	font-size: 14px;
	background-color: #1e88e5;
	border: 0;
	font-weight: bold;
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .frm .lbl-required {
		vertical-align: middle;
		padding: 4px 12px 0;
	}
	*::-ms-backdrop, .frm .lbl-any {
		vertical-align: middle;
		padding: 5px 12px 0;
	}
}
.frm span.errormsg {
	color: #e53935;
	display: block;
	padding-top: 7px;
}

.frm .input {
	border: 1px solid #c1d5ea;
	border-radius: 3px;
	padding: 5px 10px;
	width: 200px;
	max-width: 100%;
}
.frm .input--sm {
	width: 120px;
}
.frm .input--lg {
	width: 400px;
	max-width: 100%;
}
.frm .input--xl {
	width: 800px;
}
.frm .input--textarea {
	height: 200px;
	width: 660px;
	max-width: 100%;
}
.frm .input::placeholder {
	color: #9bb6d5;
}
.frm .input:focus {
	background: #fff9c4;
	border: 1px solid #ddd;
	color: #333;
}
.frm input[type="checkbox"] {
	display: none;
}
.frm input[type="checkbox"] + label span {
	position: relative;
	padding-right: 10px;
	top: 2px;
}
.frm input[type="checkbox"] + label span:before {
	font-family: "fontello";
	display: inline-block;
	content: '\f0c8';
}
.frm input[type="checkbox"]:checked + label span:before{
	font-family: "fontello";
	display: inline-block;
	content: '\f14a';
	background: #0069b4;
	color: #fff;
	line-height: 0.8;
	border-radius: 3px;
	font-weight: 500;
}
.frm input[type="checkbox"] + .btn {
	background-color: #0069b4;
}
.frm .input-select {
	padding: 8px 10px;
	width: 200px;
	color: #c1d5ea;
	appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	position: relative;
	width: 100%;
	border: 0;
	text-indent: 0.01px;
	text-overflow:'';
}
.frm .input-select::-ms-expand{
	display:none
}
.frm .input-select.is-selected {
	color: #000;
}
.frm .input-select option{
	color: #000;
}
.frm .wrp-select {
	width: 200px;
	position: relative;
	overflow: hidden;
	border: 1px solid #c1d5ea;
}
.frm .wrp-select:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	position: absolute;
	z-index: 2;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	right: 8px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 9px solid #3377b5;
}
.frm .wrp-select:after{
	content: "";
	width: 30px;
	background: #fff;
	right:0;
	top: 0;
	bottom: 2px;
	position: absolute;
	pointer-events: none;
	height: 100%;
}
.frm input[type="checkbox"]:checked + .btn {
	background-color: #ff9900;
}
.frm-submit {
	text-align: center;
	margin: 30px 0;
}
.frm-submit .btn {
	padding: 17px 20px;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	max-width: 370px;
	width: 100%;
}
.page-inquiry-index .frm-submit {
	display: none;
}
.tbl-inquiry {
	table-layout: fixed;
}
.tbl-inquiry tr {
	border-bottom: 1px dashed #ddd;
}
.tbl-inquiry th {
	width: 220px;
	padding: 20px 15px 0 0;
	box-sizing: border-box;
}
.tbl-inquiry td {
	padding: 15px 0;
}
.tbl-enquete th {
	width: 100%;
	display: block;
	padding: 40px 0 15px;
}
.tbl-enquete td {
	display: block;
	padding: 5px 0 15px;
}
.box-street li {
	display: table;
	width: 100%;
	margin-bottom: 15px;
	table-layout: fixed;
}
.box-street__title {
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
	width: 120px;
}
.box-street__content {
	display: table-cell;
	vertical-align: top;
}
.box-street .input--sm {
	margin-right: 5px;
}
.box-street__button {
	display: inline-block;
	font-size: 16px;
	color: #3071b9;
	border: 1px solid #c1d5ea;
	padding: 6px 13px 4px;
	transition: opacity 0.3s;
}
.box-street__button:hover {
	opacity: 0.7;
}
.box-street__button i:before{
	margin-right: 5px;
	font-size: 14px;
}
.box-enquete{
	width: 100%;
}
.box-enquete:after {
	content: "";
	clear: both;
	display: block;
}
.box-enquete h4{
	width: 20%;
	float: left;
	clear: both;
}
.box-enquete > div{
	width: 80%;
	float: right;
	padding: 0 0 10px;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-enquete h4{
		width: 100%;
		float: none;
		clear: both;
	}
	.box-enquete > div{
		width: 100%;
		float: none;
		padding: 0 0 10px;
	}
}
.box-about {
	border: 1px solid #ddd;
	padding: 18px 30px 30px;
	margin-top: 30px;
}
.box-about__title {
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: bold;
}
.box-about__link {
	margin: 10px 0;
}
.box-about__link a .icn-external03 {
	padding: 0 0 0 5px;
}
.box-about__button .btn {
	max-width: 100%;
	display: inline-block;
	padding: 6px 20px 6px 12px;
	font-size: 16px;
}
.box-about .lbl {
	display: none;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.page-inquiry-index .hdg-lv1 {
		padding: 20px 0 10px;
	}
	.box-inquiry__input,
	.box-inquiry__confirm {
		border-right: 1px solid #c0d4ea;
	}
	.page-inquiry-index .box-inquiry__confirm:before,
	.page-inquiry-index .box-inquiry__finish:before,
	.page-inquiry-check .box-inquiry__input:after,
	.page-inquiry-check .box-inquiry__confirm:before,
	.page-inquiry-finish .box-inquiry__confirm:before,
	.page-inquiry-finish .box-inquiry__confirm:after,
	.page-inquiry-finish .box-inquiry__input:after{
		display: none;
	}
	.box-inquiry > div {
		font-size: 14px;
	}
	.box-select {
		margin: 3px 0 30px;
		border-bottom: 0;
	}
	.box-select ul {
		margin: 0;
	}
	.box-select ul li {
		font-size: 14px;
		border-bottom: 1px dashed #ddd;
		padding: 7px 0;
		margin-bottom: 0;
	}
	.box-form__content__seclect {
		padding: 10px 10px;
	}
	.tbl-inquiry th {
		display: block;
		width: 100%;
		font-size: 14px;
		padding: 10px 0 0;
	}
	.tbl-inquiry td {
		display: block;
		width: 100%;
		font-size: 14px;
		padding: 10px 0 0;
	}
	.tbl-inquiry tr {
		border-bottom: 0;
	}
	.frm .lbl-required,
	.frm .lbl-any {
		font-size: 12px;
		line-height: 20px;
	}
	.frm .input {
		font-size: 14px;
		width: 100%;
		padding: 8px 10px;
	}
	.box-street__title {
		font-size: 14px;
		width: 100px;
	}
	.box-street .input--sm {
		margin-right: 0;
		margin-bottom: 15px;
	}
	.box-street__title--02 {
		vertical-align: top;
		padding-top: 12px;
	}
	.box-street__button {
		font-size: 14px;
		width: 100%;
		padding: 8px 15px;
	}
	.box-about {
		padding: 10px;
		margin-top: 20px;
	}
	.box-about__title {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.box-about__text {
		font-size: 14px;
		line-height: 18px;
	}
	.box-about__button {
		text-align: center;
	}
	.box-about__button .btn {
		font-size: 14px;
		width: 278px;
	}
	.box-about .lbl {
		display: inline-block;
	}
	.frm-submit .btn {
		width: 195px;
	}
}
/* inquiry-form
-----------------------------------------------------*/
.page-inquiry-form .nav_breadcrumb li a {
	color: #333;
}
.page-inquiry-form .hdg-lv2 {
	margin: 30px 0 0;
}
.page-inquiry-form .box-inquiry__input,
.page-inquiry-form .box-inquiry__confirm {
	background-color: #0069b4;
	color: #fff;
}
.page-inquiry-form .box-inquiry__confirm:before {
	right: -28px;
	left:auto;
}
.page-inquiry-form .box-inquiry__input:before {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #c0d4ea;
	transform: skew(-50deg);
	z-index: 2;
}
.page-inquiry-form .box-select {
	margin: 15px 0 10px;
}
.page-inquiry-form .tbl-inquiry th {
	width: 160px;
	padding-right: 15px;
	box-sizing: border-box;
}
.page-inquiry-form .box-street li {
	margin-bottom: 5px;
}
.page-inquiry-form .box-about__button {
	position: relative;
}
.page-inquiry-form .box-about__title {
	margin-bottom: 15px;
}
.page-inquiry-form .box-about__button:before {
	content: "";
	display: inline-block;
	background: url("/resource/img/ico_check03.png") no-repeat center;
	background-size: 15px auto;
	width: 15px;
	height: 11px;
	padding-right: 0.5em;
}
.frm-submit {
	position: relative;
}
.frm-submit .btn-back {
	background-color: #fff;
	color: #3071b9;
	border: 1px solid #c0d4ea;
	position: absolute;
	top: 10px;
	left: 0;
}
.frm-submit .btn-back:hover {
	background-color: #ff9900;
	color: #fff;
}
.frm-submit .btn-back .icn-arrow-left03:before {
	position: relative;
	top: -2px;
}
.frm-submit .btn-back:hover .icn-arrow-left03:before {
	color: #fff;
	position: relative;
	top: -2px;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.page-inquiry-form .hdg-lv1 {
		padding: 20px 0 10px;
	}
	.page-inquiry-form .box-inquiry__input {
		border-right: 1px solid #c0d4ea;
	}
	.page-inquiry-form .box-inquiry__input:before {
		content: none;
	}
	.page-inquiry-form .box-select {
		margin: 0 0 10px;
	}
	.page-inquiry-form .box-about__title {
		margin-bottom: 10px;
	}
	.page-inquiry-form .frm-submit {
		text-align: right;
	}
	.frm-submit .btn-back {
		padding: 13px 15px;
		min-width: 60px;
		text-align: center;
		top: 0;
	}
	.frm-submit .btn-back span {
		display: none;
	}
	.frm-submit .btn {
		display: inline-block;
	}
	.page-inquiry-form .box-about__button {
		text-align: left;
	}
}



/*------------------------Map Animation-----------------*/
.box-mapArea{
	position: absolute;
	width: 60%;
	height: 60.1666667%;
	left: 50%;
	bottom: 10%;
	margin-left: -30%;
	background: url("/resource/img/corporation_outline_office_img_map01.png") no-repeat center;
	background-size: cover;
}
.box-mapArea-japan{
	position: absolute;
	width: 90%;
	height: 84%;
	max-width: 1170px;
	max-height: 590px;
	left: 50%;
	bottom: 0;
	margin-left: -45%;
	background: url("/resource/img/corporation_outline_office_img_map02.png") no-repeat center;
	background-size: cover;
}
.box-mapArea-sp,
.box-mapArea-japan-sp{
	display: none;
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
	.box-mapArea{
		position: absolute;
		width: 770px;
		height: 361px;
		margin-left: -385px;
	}
}
@media only screen and (min-width: 1170px) {
	.box-mapArea-japan{
		margin-left: -585px;
	}
}
.box-mapArea__links li{
	position: absolute;
}
.box-mapArea__links .btn-icon{
	min-width: 0;
	padding: 0 15px;
	background: #3071b9;
	border: 0;
}
.box-mapArea__links .btn-icon:hover{
	background-color: #ff9900;
	opacity: 1;
	color: #fff;
}
.box-mapArea__links .btn-icon:hover .icn:before{
	color: #fff;
}
.box-mapArea__links .america{
	top: 36%;
	left: 0;
}
.box-mapArea__links .japan{
	top: 36%;
	right: 0;
}
.box-mapArea__links .europe{
	left: 42.85%;
	top: 21.88%;
}
.box-mapArea__links .africa{
	top: 55.4%;
	left: 46.75%;
}
.box-mapArea__links .china{
	top: 36%;
	right: 20.13%;
}
.box-mapArea__links .asia_oceania{
	top: 55.4%;
	right: 4%;
}
.box-mapArea__links .touhoku{
	top: 39.5%;
	right: 10.1%;
}
.box-mapArea__links .kantou{
	top: 65.5%;
	right: 19.5%;
}
.box-mapArea__links .chubu{
	left: 51%;
	top: 39%;
}
.box-mapArea__links .kinki{
	top: 29.5%;
	left: 40.5%;
}
.box-mapArea__links .chugoku{
	top: 39.2%;
	left: 17%;
}
.box-mapArea__links .kyushu{
	top: 61%;
	left: 5.2%;
}

.btn-office-group{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
}
.btn-office-index{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
}
.btn-office-group span{
	display: block;
	position: relative;
	max-width: 1170px;
	margin: 0 auto;
}
.btn-office-index span{
	display: block;
	position: relative;
	max-width: 1170px;
	margin: 0 auto;
}
.btn-office-index a,
.btn-office-group a{
	display: block;
	position: absolute;
	bottom: 30px;
	left: 0;
	border: 1px solid rgba(255,255,255,0.4);
	background: rgba(0,0,0,0.3);
	color: #fff;
	padding: 0 15px;
	width: 260px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.btn-office-index a:hover,
.btn-office-group a:hover{
	text-decoration: none;
	background: #ff9900;
	opacity: 1;
}
.btn-office-index a i,
.btn-office-group a i{
	position: absolute;
	top: 1px;
	left: 15px;
}
.btn-office-index a i:before,
.btn-office-group a i:before{
	color: #fff;
}
@keyframes mapbubble {
	0 {
		transform: scale(0);
		opacity: 0;
	}
	40% {
		transform: scale(1);
		opacity: 1;
	}
	100% {
		transform: scale(0);
		opacity: 0;
	}
}

.box-mapArea__bubble .bubble{
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
	opacity: 0;
	transform: scale(0);
	transition: all 1s;
	margin-left: -20px;
	margin-top: -20px;
}
.box-mapArea__bubble .bubble span{
	width: 40px;
	height: 40px;
	display: block;
	border-radius: 50%;
	background: rgba(255, 153, 0, 0.5);
	transform: scale(0);
	opacity: 0;
}
.box-mapArea__bubble > div.is-mouseover .bubble span{
	animation-name: mapbubble;
	animation-duration: 4s;
	animation-iteration-count: infinite;
}
.box-mapArea__bubble > div.is-hover .bubble{
	transform: scale(1);
	opacity: 1;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-mapArea-japan,
	.box-mapArea{
		position: static;
		margin: 0;
		width: auto;
		height: auto;
		left: 0;
	}
	.box-mapArea__bubble{
		display: none;
	}
	.box-mapArea__links{
		display: none;
	}
	.box-mapArea__links .btn-icon{
		padding: 5px 10px;
		font-size: 14px;
	}
	.box-mapArea__links li{
		position: static;
		display: inline-block;
	}
	.box-mapArea__links{
		background: #3071b9;
		white-space: nowrap;
		overflow-x: scroll;
	}
	.box-mapArea__links .btn-icon{
		background: none;
		border: 0;
	}
	.box-mapArea__links .btn-icon:hover{
		color: #fff;
	}
	.box-mapArea__links .btn-icon .icn{
		display: none;
	}
	.box-main-visual__image{
		line-height: 0;
	}
	.box-main-visual__image img{
		width: 100%;
	}
	.box-mapArea-japan-sp,
	.box-mapArea-sp{
		display: block;
		position: absolute;
		width: 100%;
		bottom: 66px;
		left: 10px;
		box-sizing: border-box;
		padding-right: 18px;
	}
	.box-mapArea-japan-sp select,
	.box-mapArea-sp select{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		width: 100%;
		height: 40px;
		box-sizing: border-box;
		padding: 0 12px;
		background: #3377b5;
		border: 1px solid #3377b5;
		font-size: 14px;
		color: #fff;
		position: relative;
	}
	.box-mapArea-japan-sp:before,
	.box-mapArea-sp:before{
		font-family: "fontello";
		content: '\e805';
		position: absolute;
		top: 15px;
		right: 30px;
		color: #fff;
		z-index: 1;
	}
	.btn-office-index,
	.btn-office-group{
		box-sizing: border-box;
		padding-right: 65px;
		bottom: -15px;
		left: 10px;
	}
	.btn-office-index a,
	.btn-office-group a {
		width: 100%;
		text-align: left;
		padding: 0 15px 0 30px;
	}
}
.box-companymap{
	height: 350px;
	position: relative;
	background: url(/resource/img/corporation_outline_office_img_mainvisual02.jpg) no-repeat center;
	background-size: cover;
}
.box-companymap .box-mapArea{
	width: 770px;
	height: 361px;
	top: 0;
	margin-left: -385px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-companymap{
		height: auto;
	}
	.box-companymap:before{
		content: "";
		display: block;
		padding-bottom: 85%;
		background: url(/resource/img/corporation_outline_office_img_mainvisual02_sp.jpg) no-repeat center bottom;
		background-size: cover;
	}
	.box-companymap .box-mapArea{
		background: none;
		position: static;
		margin: 0;
		width: auto;
		height: auto;
		left: 0;
	}
	.box-companymap .box-mapArea .box-mapArea__bubble{
		display: none;
	}
}
/* /product/wireharness.html
--------------------------------------------------*/
.page-product-wireharness .box-main-visual {
	background: url("/resource/img/product/wireharness-main.jpg") no-repeat center;
	background-size: cover;
	color: #fff;
}
.page-product-exterior-parts .box-main-visual {
	background: url("/resource/img/product/exterior-parts-main.jpg") no-repeat center;
	background-size: cover;
	color: #fff;
}
.page-product-components .box-main-visual {
	background: url("/resource/img/product/components-main.jpg") no-repeat center;
	background-size: cover;
	color: #fff;
}
.page-product-detail .nav_breadcrumb > li a {
	color: #fff;
}
.page-product-detail .hdg-lv1 {
	color: #fff;
	padding: 0 0 73px;
}
.page-product-detail .lst-dot li {
	font-weight: bold;
}
.page-product-detail .box-conducting__text {
	color: #333;
}
.page-product-detail .box-conducting__button .btn-icon {
	color: #3071b9;
	border: 1px solid #9fbfdb;
}
.page-product-detail .box-conducting__inner:hover .btn-icon {
	color: #fff;
}
.page-product-detail .box-conducting__inner a {
	min-height: 267px;
}
.page-product-detail .box-conducting__title {
	color: #3071b9;
}
.box-lead {
	text-align: center;
	padding: 55px 0 25px;
}
.box-lead__title {
	font-size: 32px;
	line-height: 40px;
	font-family: "Noto Sans Japanese",sans-serif;
	color: #3071b9;
	font-weight: normal;
	margin-bottom: 50px;
}
.box-lead p {
	color: #333;
}
.box-video {
	background: url("/resource/img/product_bg_video01.jpg") no-repeat top center;
	background-size: 100% 535px;
	text-align: center;
	padding: 30px 0 0;
	margin-bottom: 30px;
}
.box-video__content {
	position: relative;
	padding-bottom: 44.45%;
	padding-top: 25px;
	height: 0;
	position: relative;
	max-width: 970px;
	margin: 0 auto;
}
.box-video__content iframe {
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.lst-article {
	margin-bottom: 25px;
}
.lst-article ul li {
	margin-bottom: 30px;
}
.lst-article a {
	display: block;
}
.lst-article__image {
	display: block;
	text-align: center;
}
.lst-article__title {
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	margin-top: 7px;
}
.lst-article__text {
	display: block;
	line-height: 20px;
}
.box-link-local {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-bottom: 60px;
}
.box-link-local ul li {
	display: inline-block;
	padding-right: 10px;
}
.box-link-local ul li a {
	display: inline-block;
	padding: 10px 0;
	outline: 0;
}
.box-content__inner {
	margin-bottom: 40px;
}
.box-content__inner .hdg-lv2 {
	margin-bottom: 25px;
}
.box-content__heading {
	display: table;
	width: 100%;
	position: relative;
}
.box-content__heading__detail {
	display: table-cell;
	vertical-align: top;
	background-color: #3377b5;
	color: #fff;
	width: 50%;
	padding: 30px 25px 95px 55px;
	height: 300px;
	box-sizing: border-box;
}
.box-content__heading__image {
	display: table-cell;
	vertical-align: top;
	width: 50%;
}
.box-content__heading__image span {
	position: absolute;
	display: block;
	top: 0;
	left: 50%;
	right: 0;
	bottom: 0;
}
.box-content__heading__title {
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 20px;
}
.box-content__heading__text {
	font-size: 16px;
	line-height: 25px;
}
.box-content__inner:nth-of-type(2n+0) .box-content__heading{
	direction: rtl;
}
.box-content__inner:nth-of-type(2n+0) .box-content__heading .box-content__heading__image span {
	left: 0;
	right: 50%;
}
.box-content__inner:nth-of-type(2n+0) .box-content__heading .box-content__heading__detail {
	direction: ltr;
	padding: 30px 50px 95px 30px
}
.box-content .box-content__inner:last-child {
	margin-bottom: 65px;
}
.wrp-block p {
	line-height: 25px;
}
.box-media-01 {
	margin: 30px 0;
}
.box-media-01 .box-media__text {
	margin-bottom: 20px;
	line-height: 25px;
}
.box-media-01 .txt-note {
	font-size: 14px;
	line-height: 20px;
	margin-top: 10px;
}
.box-media-01 p.box-media__image {
	line-height: 0;
	margin-bottom: 0;
}

.box-article-01 .box-article__text {
	margin-top: 15px;
}
.box-article-01 .box-article__inner{
	margin-bottom: 35px;
}

.box-note {
	padding: 20px 25px;
	border: 4px solid #e5eefa;
	box-sizing: border-box;
	color: #333;
	margin-bottom: 20px;
}
.box-note--01 {
	border: 1px dotted #ddd;
}
.box-note--02 {
	background-color: #ffcc00;
	border: 0;
}
.box-note__text {
	padding-bottom: 17px;
}

.box-post .hdg-lv2 {
	margin-top: 0;
	margin-bottom: 15px;
}
.box-post__text {
	line-height: 25px;
	margin-bottom: 13px;
}
.box-post__image {
	line-height: 0;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-lead {
		padding: 35px 0 25px;
	}
	.page-product-detail .hdg-lv1 {
		padding: 20px 0 10px;
	}
	.box-lead__title {
		font-size: 24px;
		margin-bottom: 20px;
	}
	.page-product-wireharness .box-main-visual {
		background: url("/resource/img/product/wireharness-main-sp.jpg") no-repeat top center;
		background-size: cover;
		padding-bottom: 75%;
	}
	.page-product-exterior-parts .box-main-visual {
		background: url("/resource/img/product/exterior-parts-main-sp.jpg") no-repeat top center;
		background-size: cover;
		padding-bottom: 75%;
	}
	.page-product-components .box-main-visual {
		background: url("/resource/img/product/components-main-sp.jpg") no-repeat top center;
		background-size: cover;
		padding-bottom: 75%;
	}
	.box-video {
		background-size: contain;
		padding: 20px 0;
		margin-bottom: 0;
	}
	.box-content__inner .hdg-lv2 {
		margin-bottom: 15px;
	}
	.lst-article {
		margin-bottom: 10px;
	}
	.lst-article__title {
		font-size: 14px;
		margin-top: 0;
	}
	.lst-article__text {
		font-size: 12px;
	}
	.lst-article ul li {
		margin-bottom: 15px;
	}
	.box-link-local {
		border: 0;
		margin-bottom: 30px;
	}
	.box-link-local ul li {
		display: block;
		padding-right: 0;
		border-bottom: 1px solid #ddd;
	}
	.box-link-local ul li:first-child {
		border-top: 1px solid #ddd;
	}
	.box-link-local ul li a {
		display: block;
		font-size: 14px;
		padding: 5px 0;
	}
	.box-link-local ul li .icn {
		float: right;
		padding-right: 0;
		font-size: 14px;
	}
	.box-content__heading__detail {
		display: block;
		width: 100%;
		padding: 20px 10px 35px;
		box-sizing: border-box;
		height: auto;
	}
	.box-content__heading__image {
		display: block;
		width: 100%;
		padding-bottom: 46.9%;
		position: relative;
	}
	.box-content__heading__image span {
		left: 0;
	}
	.box-content__heading--01 .box-content__heading__image span {
		right: 0;
	}
	.box-content__heading__title {
		font-size: 20px;
	}
	.box-content__heading__text {
		font-size: 14px;
		line-height: 17px;
	}
	.box-content__inner {
		margin-bottom: 20px;
	}
	.box-content__heading--01 .box-content__heading__detail {
		padding: 20px 10px 35px;
		box-sizing: border-box;
	}
	.wrp-block p {
		line-height: 17px;
	}
	.lst-number li {
		line-height: 17px;
	}
	.box-media-01 {
		margin: 0 0 20px;
	}
	.box-media-01 .box-media__text {
		margin-bottom: 15px;
		line-height: 17px;
	}
	.box-media-01 p {
		line-height: 17px;
	}
	.box-media-01 p.box-media__image {
		margin-top: 15px;
		display: block;
		width: 100%;
	}
	.box-article-01 .box-article__inner {
		margin-bottom: 20px;
	}
	.box-note__text {
		line-height: 17px;
	}
	.box-post__image {
		display: block;
		text-align: center;
	}
	.box-post__inner {
		margin-bottom: 20px;
	}
	.page-product-detail .box-conducting__inner a {
		min-height: 150px;
	}
	.box-content__inner:nth-of-type(2n+0) .box-content__heading .box-content__heading__image span {
		left: 0;
		right: 0;
	}
	.box-content__inner:nth-of-type(2n+0) .box-content__heading .box-content__heading__detail {
		padding-bottom: 35px;
	}
}
.product-nav{
	position: relative;
	border-top: 1px solid #dddddd;
	margin: 100px 0 0;
	padding: 30px 0 28px;
}
.product-nav ul{
	letter-spacing: -0.4em;
	text-align: center;
}
.product-nav ul li{
	display: inline-block;
	letter-spacing: normal;
	margin: 0 15px;
	font-size: 16px;
}
.product-nav ul li.current{
	font-weight: bold;
}
.product-nav:after{
	content: "";
	position: absolute;
	top: -26px;
	left: 50%;
	width: 28px;
	height: 28px;
	background: #fff;
	border-top: solid 1px #ddd;
	border-right: solid 1px #ddd;
	-ms-transform: rotate(-45deg) translateX(-50%);
	-webkit-transform: rotate(-45deg) translateX(-50%);
	transform: rotate(-45deg) translateX(-50%);
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.product-nav{
		margin: 50px 0 0;
		padding: 0;
	}
	.product-nav ul{
		text-align: left;
		margin: 0 0 30px;
		padding: 0;
	}
	.product-nav ul li{
		border-bottom: 1px solid #dddddd;
		display: block;
		margin: 0;
		padding: 0;
		font-size: 14px;
	}
	.product-nav ul li.current{
		font-weight: normal;
	}
	.product-nav ul li a{
		display: block;
		padding: 10px 0;
	}
	.product-nav:after{
		top: -22px;
		width: 23px;
		height: 23px;
	}
}


/*
page-search-index
-----------------------------*/
.box-search__content{
	position: relative;
	margin: 10px 0 20px;
}
.box-search__content form{
	line-height: 0;
}
.box-search__content #ss-query{
	border-radius: 30px;
	padding: 3px 40px 3px 20px;
	font-size: 14px;
	width: 100%;
}
.box-search__content #search-button {
	position: absolute;
	color: #3171b9;
	right: 0;
	top: 50%;
	width: 40px;
	height: 30px;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.box-search__content #search-button .icn:before {
	color: #3171b9;
}
.box-search__content #search-button .icn{
	position: relative;
	top: 2px;
}
#ss-not-found{
	padding: 0 0 50px;
	text-align: left;
}
#ss-not-found #ss-hint{
	padding: 20px 0 0;
}
.box-search__result{
	display: table;
	width: 100%;
	margin-bottom: 35px;
}
.box-search__detail{
	display: table-cell;
	vertical-align: middle;
	padding-right: 20px;
	text-align: left;
}
.box-search__sort{
	display: table-cell;
	vertical-align: middle;
	width: 22%;
}
.box-search__sort li{
	display: inline-block;
	width: 48%;
	border-right: 1px solid #dbdfe1;
	text-align: center;
	line-height: 30px;
}
.box-search__sort li:last-Child{
	border-right: 0;
}
.box-search__sort li span{
	color: #3071b9
}
.box-search__sort li span:hover{
	text-decoration: underline;
	cursor: pointer;
}
.box-search__sort li .selected{
	color: #000;
}
.box-search__sort li span.selected:hover{
	text-decoration: none;
	cursor: default;
}
#ss-main .box-article-02{
	border-bottom: 1px dotted #ccc;
	padding: 25px 0 30px;
}
#ss-main .box-article-02 .box-article__content{
	text-align: left;
}
.ss-pagination{
	padding: 30px 0;
	letter-spacing: -0.4em;
}
.ss-pagination > span{
	display: inline-block;
	letter-spacing: normal;
	margin: 0 12px;
	font-size: 18px;
	font-family: 'Roboto',sans-serif;
	text-decoration: none;
	line-height: 40px;
	text-align: center;
	width: 40px;
	transition: all 0.3s;
	cursor: pointer;
}
.ss-pagination > .ss-page-prev{
	margin-right: 16px;
	width: 140px;
	font-size: 16px;
	background: #fff;
	border: 1px solid #c0d4ea;
	text-align: center;
	line-height: 37px;
	color: #0069b4;
}
.ss-pagination > .ss-page-next{
	margin-left: 16px;
	width: 140px;
	font-size: 16px;
	background: #fff;
	border: 1px solid #c0d4ea;
	text-align: center;
	line-height: 40px;
	color: #0069b4;
}
.ss-pagination > .ss-page-prev i:before{
	color: #0069b4;
	vertical-align: middle;
	margin-bottom: 3px;
}
.ss-pagination > .ss-page-next i:before{
	color: #0069b4;
	margin-left: 5px;
	margin-bottom: 2px;
	vertical-align: middle;
}
.ss-pagination > span:hover,
.ss-pagination > span.ss-select-page{
	background: #3071b9;
	color: #fff;
	opacity: 1;
}
.ss-pagination > span:hover i:before{
	color: #fff;
	opacity: 1;
}
@media only screen and (min-width: 768px) {
	.ss-pagination > .ss-page-prev .txt-sp,
	.ss-pagination > .ss-page-next .txt-sp{
		display: none;
	}
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-search__content{
		margin: 10px 0 10px;
	}
	.box-search__result,
	.box-search__detail,
	.box-search__sort{
		display: block;
		width: 100%;
	}
	.box-search__detail{
		margin-bottom: 10px;
		text-align: center;
		padding: 0;
	}
	.box-search__result{
		margin-bottom: 10px;
	}
	.box-search__sort{
		max-width: 300px;
		margin: 0 auto;
	}
	.box-search__sort li,
	.box-search__sort li a{
		font-size: 14px;
		line-height: 1.7;
	}
	.ss-pagination > span{
		display: none;
	}
	.ss-pagination > .ss-page-prev,
	.ss-pagination > .ss-page-next{
		display: inline-block;
		width: auto;
		padding: 0 20px;
	}
	.ss-pagination > .ss-page-prev .txt-pc,
	.ss-pagination > .ss-page-next .txt-pc{
		display: none;
	}
	.ss-pagination > span.ss-select-page{
		display: inline-block;
	}
}
/*/100th/
------------------------------------------------*/
.page-100th {
	height: 100%;
}
.page-100th #l-document {
	height: 100%;
}
.page-100th #l-container {
	background: #fff url("/resource/img/100th_bg_main01.jpg") no-repeat top center;
	background-size: cover;
	overflow: hidden;
}
.page-100th .box-main-image__inner {
	position: relative;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: auto;
}
.page-100th .box-main-image__inner__detail {
	display: table;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
	box-sizing: border-box;
}
.page-100th .box-main-image__logo {
	display: table-cell;
	vertical-align: middle;
	padding-top: 15px;
	width: 36%;
}
.page-100th .box-main-image__content {
	display: table-cell;
	vertical-align: top;
	width: 51.1%;
	text-align: center;
	padding-left: 8.8%;
	padding-top: 5px;
}
.page-100th .box-main-image__title {
	font-size: 30px;
	line-height: 40px;
	letter-spacing: 0;
	color: #3377b5;
	margin-bottom: 27px;
}
.page-100th .box-main-image__text {
	font-size: 18px;
	line-height: 24px;
	color: #333;
}
.page-100th .box-main-image__button{
	margin-top: 50px;
}
.page-100th .grid-row {
	margin: 0 -5px;
}
.page-100th .grid-row li {
	padding: 0 5px;
	margin-bottom: 11px;
}
.page-100th .grid-row li .btn {
	max-width: 100%;
	font-size: 16px;
	font-weight: bold;
	background-color: #3377b5;
	display: block;
	vertical-align: middle;
	line-height: 18px;
	padding: 11px 15px;
}
.page-100th .grid-row li .btn:hover {
	background-color: #ff9900;
}
.page-100th .grid-row li .btn span {
	font-size: 12px;
	font-weight: normal;
	line-height: 1;
	display: inline-block;
}
.page-100th .box-main-image__link {
	margin-top: 30px;
}
@media only screen and (min-width: 768px) {
	a.btn-more {
		display: inline-block;
		border: 1px solid #3377b5;
		padding: 4px 20px;
		position: relative;
		background-color: #3377b5;
		color: #fff;
		box-sizing: border-box;
		transition: color 0.3s;
	}
	a.btn-more--01 {
		border: 1px solid #a1c1dd;
		color: #3377b5;
		background-color: transparent;
		box-sizing: border-box;
	}
	a.btn-more:hover {
		text-decoration: none;
		background: #ff9900;
		color: #fff;
		border: 1px solid #ff9900;
		box-sizing: border-box;
	}
	a.btn-more--01:hover:after {
		color: #fff;
	}
}
a.btn-more--01:after {
	content: '\f105';
	font-family: 'fontello';
	color: #3071b9;
	display: inline-block;
	padding-left: 15px;
	line-height: 1;
}
.page-100th .box-main-image__copyright {
	font-size: 10px;
}
.page-100th .box-main-image__copyright {
	position: absolute;
	bottom: 15px;
	right: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 990px) {
	.page-100th .box-main-image {
		padding-bottom: 73%;
	}
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.page-100th #l-container {
		height: 100%;
		background: none;
		position: static;
	}
	.page-100th #l-document {
		overflow-y :hidden;
	}
	.page-100th #l-main{
		height: 100%;
	}
	.page-100th .wrp-heading{
		height: 100%;
	}
	.page-100th .box-main-image {
		background-size: 800px auto;
		padding-bottom: 0;
	}
	.page-100th .box-main-image__inner {
		display: block;
		position: static;
		top: 0;
		transform: none;
		padding: 0;
	}
	.page-100th .box-main-image__inner__detail {
		padding: 0;
	}
	.page-100th .box-main-image__logo {
		display: block;
		width: 100%;
		padding-right: 0;
		padding-top: 0;
		text-align: center;
	}
	.page-100th .box-main-image__content {
		display: block;
		padding: 0;
		width: 100%;
		margin-top: -20px;
	}
	.page-100th .box-main-image__title {
		font-size: 18px;
		line-height: 20px;
		padding: 0 10px;
	}
	.page-100th .box-main-image__button {
		position: absolute;
		margin-top: 33px;
		bottom: 0;
		left: 0;
	}
	.page-100th .grid-row {
		margin: 0;
		font-size: 0;
	}
	.page-100th .grid-row li {
		padding: 0;
		margin-bottom: 0;
		border-top: 1px solid #85add3;
		display: table;
	}
	.page-100th .grid-row li:nth-child(odd){
		border-right: 1px solid #85add3;
	}
	.page-100th .grid-row li.grid-col--12-sp:nth-child(odd){
		border-right: 0;
	}
	.page-100th .grid-row li .btn {
		font-size: 14px;
		line-height: 15px;
		text-align: left;
		font-weight: normal;
		height: 40px;
		padding: 0 7px;
		display: table-cell;
		vertical-align: middle;
		width: 100%;
	}
	.page-100th .grid-row li .btn span {
		display: block;
		font-size: 10px;
	}
	.page-100th li.box-main-image__txt {
		padding: 12px 10px;
		clear: left;
		font-size: 10px;
		text-align: center;
		background: #3377b5;
		color: #fff;
	}
}
/*/100th/logo-concept
------------------------------------------------*/
.box-topnav {
	padding: 10px 10px 10px 40px;
	position: relative;
	z-index: 3;
}
.box-topnav a {
	display: inline-block;
	float: left;
	font-size: 14px;
}
.box-topnav a:hover {
	text-decoration: none;
}
.box-topnav__menu {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
	text-align: center;
}
.box-topnav__menu a {
	display: table;
	width: 50px;
	height: 50px;
}
.box-topnav__menu a.is-active {
	background-color: #3377b5;
}
.box-topnav__menu a .icn {
	font-size: 24px;
	display: table-cell;
	vertical-align: middle;
	padding-right: 0;
}
.box-topnav__menu a .icn:before {
	color: #3377b5;
}
.box-topnav__menu a.is-active .icn:before {
	color: #3377b5;
	content: '\e80d';
	font-family: 'fontello';
}
.box-topnav__menu a.is-active .icn:before {
	color: #fff;
}
#nav-local {
	overflow: hidden;
	width: 280px;
	display: none;
	position: absolute;
	z-index: 3;
	top: 50px;
	right: 0;
}
#nav-local ul {
	overflow: hidden;
	background: #fff;
}
#nav-local ul li {
	border-top: 1px solid #5c92c4;
	overflow: hidden;
}
#nav-local ul li:first-child {
	border-top: 0;
}
#nav-local a {
	font-size: 16px;
	color: #fff;
	display: block;
	padding: 15px 20px;
	font-weight: bold;
	background-color: #3377b5;
	width: 100%;
	box-sizing: border-box;
}
.page-100th .box-main-image--01 {
	height: 100%;
}
.page-100th .box-main-image--01 .box-main-image__inner__detail {
	max-width: 1040px;
}
.page-100th .box-main-image--01 .box-main-image__inner{
	margin-top: -5.787%;
	max-width: 1040px;
}
.page-100th .box-main-image--01 .box-main-image__logo {
	width: 51%;
	padding-right: 5%;
}
.page-100th .box-main-image--01 .box-main-image__content {
	text-align: left;
	width: auto;
	padding-left:0;
	padding-top: 30px;
}
.page-100th .box-main-image--01 .box-main-image__title {
	font-size: 36px;
}
.page-100th .box-main-image--01 .box-main-image__text {
	line-height: 30px;
}
.wrp-heading{
	position: relative;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-topnav {
		background: transparent;
		padding: 6px 15px;
		box-sizing: border-box;
		position: absolute;
		z-index: 2;
		width: 100%;
	}
	.box-topnav a {
		font-size: 12px;
	}
	.box-topnav__menu {
		width: 35px;
		height: 35px;
	}
	.box-topnav__menu a {
		width: 35px;
		height: 42px;
	}
	.box-topnav__menu a .icn {
		font-size: 12px;
	}
	.box-topnav__back .icn:before {
		content: '\e804';
		font-family: 'fontello';
	}
	#nav-local {
		width: 100%;
		top: 40px;
	}
	#nav-local a {
		font-size: 14px;
		padding: 10px 15px;
	}
	.page-100th .box-main-image--01 .box-main-image__inner{
		margin-top: 0;
	}
	.page-100th .box-main-image--01 .box-main-image__logo {
		width: 100%;
		padding-right: 0;
	}
	.page-100th .box-main-image--01 .box-main-image__title {
		font-size: 18px;
		line-height: 25px;
		font-weight: bold;
		position: absolute;
		top: 75px;
		left: 5px;
	}
	.page-100th .box-main-image--01 .box-main-image__content {
		padding: 10px 15px;
		margin-top: 0;
	}
	.page-100th .box-main-image--01 .box-main-image__text {
		font-size: 14px;
		line-height: 20px;
	}
	.page-100th .box-main-image__link {
		text-align: left;
		margin-top: 0;
		position: absolute;
		bottom: 45px;
		right: 5px;
	}
	.page-100th .box-main-image__link a {
		font-size: 14px;
		border: 0;
		padding: 4px 10px;
	}
}
/*/100th/appreciation
------------------------------------------------*/
.box-appreciation {
	max-width: 1220px;
	margin: 0 auto;
	padding: 0 10px;
	min-height: 200px;
	height: 715px;
}
.box-appreciation__inner {
	padding: 0 10px;
}
.box-appreciation__content {
	width: 670px;
	position: absolute;
	z-index: 2;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 35px;
	padding-right: 55%;
}
.box-appreciation__title {
	font-size: 36px;
	line-height: 46px;
	color: #3377b5;
	margin-bottom: 30px;
}
.box-appreciation__text {
	font-size: 16px;
	line-height: 28px;
	color: #333;
	margin-bottom: 15px;
}
.box-appreciation__note {
	font-size: 14px;
	line-height: 20px;
	color: #333;
}
.box-appreciation__button {
	margin-top: 53px;
}
.box-appreciation__button .btn-more {
	margin-right: 5px;
	margin-bottom: 8px;
}
.box-appreciation__button .btn-more:last-child {
	margin-right: 0;
}
@media only screen and (min-width: 768px) {
	.page-100th-appreciation {
		background: #fff url("/resource/img/100th_bg_main01.jpg") no-repeat center 110px;
		background-size: cover;
	}
	.page-100th-appreciation #l-container {
		position: relative;
		background: none;
	}
	.box-appreciation {
		position: relative;
	}
	.box-appreciation__image {
		position: absolute;
		right: -24%;
		padding-left: 10%;
		bottom: -39%;
	}
}
@media only screen and (min-width:768px) and (max-width:1119px){
	.box-appreciation__content {
		width: 420px;
	}
	.box-appreciation__image {
		right: -280px;
	}
	.box-appreciation__text {
		font-size: 14px;
		line-height: 22px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 930px) {
	.box-appreciation__title {
		font-size: 32px;
		margin-bottom: 20px;
	}
	.box-appreciation__button {
		margin-top: 40px;
	}
	.box-appreciation__button .btn-more {
		font-size: 13px;
		padding: 4px 10px;
	}
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.box-appreciation {
		padding: 0;
		position: static;
		height: auto;
	}
	.box-appreciation__inner {
		padding: 0;
	}
	.box-appreciation__content {
		max-width: 100%;
		position: static;
		padding-right: 0;
		left: 0;
		top: 0;
		transform: none;
		padding: 15px;
		box-sizing: border-box;
	}
	.box-appreciation__image {
		position: relative;
		display: block;
		right: 0;
		top: 0;
		padding-left: 0;
		text-align: center;
	}
	.box-appreciation__image img {
		width: 100%;
	}
	.box-appreciation__title {
		font-size: 18px;
		line-height: 25px;
		font-weight: bold;
		position: absolute;
		top: 75px;
		left: 13px;
	}
	.box-appreciation__text-wrap{
		overflow-y: scroll;
		height: 270px;
		padding: 0 20px 10px 0;
	}
	.box-appreciation__text {
		font-size: 16px;
		line-height: 22px;
	}
	.box-appreciation__button {
		margin-top: 20px;
		text-align: center;
	}
	.box-appreciation__button a.btn-more {
		margin: 0;
		font-size: 14px;
		background: #3377b5;
		color: #fff;
		padding: 10px 16px;
	}
	.box-appreciation__button a.btn-more--01 {
		position: absolute;
		bottom: 0;
		right: 5px;
		background: transparent;
		color: #3071b9;
		padding: 4px 10px;
	}
	.page-100th-appreciation .box-appreciation__button a.btn-more--01{
		bottom: 0;
	}
	.box-appreciation__button-next{
		display: none;
	}
}

/*/100th/future
------------------------------------------------*/
.page-100th .section{
	text-align: center;
	height: 100%;
	position: relative;
}
.page-100th .section__inner{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	left: 0;
	right: 0;
	padding: 0 20px;
	box-sizing: border-box;
}
.page-100th .section .hdg-lv1{
	font-size: 36px;
	color: #fff;
	padding: 0 0 40px;
}
.page-100th .section .hdg-lv1 small {
	font-size: 24px;
	line-height: 23px;
	margin-bottom: 20px;
}
.page-100th .section .txt-lead{
	color: #fff;
	font-size: 18px;
	line-height: 1.6667;
}
.page-100th .section01{
	background: url("/resource/img/100th_img_future_bg01.jpg") no-repeat center;
	background-size: cover;
}
.page-100th .section02{
	background: url("/resource/img/100th_img_future_bg02.jpg") no-repeat center;
	background-size: cover;
}
.page-100th .section03{
	background: url("/resource/img/100th_img_future_bg03.jpg") no-repeat center;
	background-size: cover;
}
.page-100th .section04{
	background: url("/resource/img/100th_img_future_bg04.jpg") no-repeat center;
	background-size: cover;
}
.page-100th .section05{
	background: url("/resource/img/100th_img_future_bg05.jpg") no-repeat center;
	background-size: cover;
}
.page-100th-future .box-topnav{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
}
@media only screen and (min-width: 768px) {
	.page-100th-future .section{
		position: relative;
	}
	.page-100th-future .section:before {
		content: "";
		background: url("/resource/img/cmn_bg_dot01.png");
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}
.page-100th-future .box-topnav a,
.page-100th-future .box-topnav .icn-left-circled:before,
.page-100th-future .box-topnav .icn:before{
	color: #fff;
}
.page-100th-future .wrp-section{
	position: relative;
}
.page-100th-future .owl-prev .icn,
.page-100th-future .owl-next .icn{
	font-size: 20px;
	padding: 0;
	line-height: 0;
}
.page-100th-future .owl-nav .owl-prev{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	padding: 30px 22px 30px 18px;
	background: rgba(0, 0, 0, .4);
	line-height: 0;
}
.page-100th-future .owl-nav .owl-next{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	padding: 30px 20px;
	background: rgba(0, 0, 0, .4);
	line-height: 0;
}
.page-100th-future .owl-prev.disabled,
.page-100th-future .owl-next.disabled{
	display: none;
}
.page-100th-future .owl-dots{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
}
.page-100th-future .owl-dots .owl-dot{
	display: inline-block;
	padding: 0 2px;
}
.page-100th-future .owl-dots .owl-dot span{
	display: block;
}
.page-100th-future .owl-dots .owl-dot span:before{
	color: #fff;
}
.page-100th-future .owl-dots .owl-dot.active span:before{
	color: #ff9900;
}
.page-100th-future .is-hidden{
	display: none;
}
.section-content{
	max-width: 990px;
	margin: auto;
	background: #fff;
}
.section-content__inner{
	padding: 45px 30px;
	box-sizing: border-box;
	position: relative;
}
.section-content__close{
	text-align: center;
	margin-top: 35px;
}
.section-content__inner > p{
	margin-bottom: 30px;
}
.page-100th-future .section-content__inner .grid-row{
	margin: 0 -15px;
}
.page-100th-future .section-content__inner .grid-row li{
	padding: 0 15px;
	border: 0;
	margin-bottom: 20px;
}
.section-content__head{
	font-size: 24px;
	padding: 10px 30px;
	border-bottom: 1px solid #ddd;
	position: fixed;
	width: 100%;
	box-sizing: border-box;
	max-width: 990px;
	z-index: 1;
	background: #fff;
}
.page-100th-future .mfp-auto-cursor .mfp-content{
	width: auto;
	height: 100%;
	overflow-y: hidden
}
.js-fullH{
	visibility: hidden;
}
.page-100th-future .mfp-close{
	width: 20px;
	height: 21px;
	background: url("/resource/img/ico_close.png") no-repeat center;
	background-size: cover;
	font-size: 0;
	right: 30px;
	top: 15px;
}
@keyframes fadeInUp {
	from {
		opacity: 0;
		top: 100%;
	}

	to {
		opacity: 1;
		top: 0;
	}
}
.section-content {
	overflow: auto;
}
.mfp-fade .section-content{
	opacity: 0;
	position: relative;
}
.mfp-fade .section-content.actived{
	opacity: 1;
}
.mfp-fade .section-content.fadeInUp{
	animation-name: fadeInUp;
	animation-duration: .7s;
	animation-delay: .1s;
}
.mfp-fade .mfp-container{
	width: 100vw;
	height: 100vh;
	position: relative;
	padding: 50px 0;
	box-sizing: border-box;
}
.__is-hidden{
	overflow: hidden !important;
	position: fixed;
}

.page-100th-future .owl-nav .owl-prev span,
.page-100th-future .owl-nav .owl-next span{
	display: none;
}
.page-100th-future .section-content__inner .grid-row--02 li{
	width: 20%;
}
.page-100th-future .mfp-wrap{
	overflow-y: hidden !important;
}
.page-100th-future #l-main{
	position: relative;
}
@media only screen and (min-width: 768px) {
	.page-100th-future .btn-icon {
		transition: color .3s;
		border: 1px solid transparent;
	}
	.page-100th-future .btn-icon:hover {
		color: #fff;
		background-color: #ff9900;
	}
}
@media only screen and (min-width: 1px) and (max-width: 767px){
	.__is-hidden{
		height: 100%;
		overflow-y: scroll !important;
		position: relative;
	}
	.js-fullH{
		visibility: visible;
	}
	.page-100th-future .box-topnav {
		background: rgba(0,0,0,0.4);
	}
	.page-100th .section .hdg-lv1{
		font-size: 18px;
		color: #333;
		padding: 15px 0;
	}
	.page-100th .section .hdg-lv1 span{
		font-weight: bold;
		line-height: 1.1111;
		display: block;
	}
	.page-100th .section .hdg-lv1 small {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 5px;
	}
	.page-100th .section .txt-lead{
		font-size: 14px;
		color: #333;
		margin-bottom: 30px;
		text-align: left;
		line-height: 20px;
	}
	.section-content__close{
		padding-bottom: 30px;
		margin-bottom: 0;
	}
	.section-content__close .btn-icon{
		font-size: 14px;
		min-width: 120px;
		padding: 7px 20px;
	}
	.page-100th-future .owl-nav .owl-prev,
	.page-100th-future .owl-nav .owl-next{
		bottom: 10px;
		top: auto;
		transform: translateY(0);
		background: none;
		padding: 0;
		z-index: 99;
		display: table;
		position: fixed;
	}
	.page-100th-future #l-main{
		position: relative;
	}
	.page-100th-future .owl-prev.disabled,
	.page-100th-future .owl-next.disabled{
		display: none;
	}
	.page-100th-future .owl-nav .owl-prev span,
	.page-100th-future .owl-nav .owl-next span{
		display: table-cell;
		vertical-align: middle;
		color: #3071b9;
	}
	.page-100th-future .owl-nav .owl-prev span{
		padding-left: 5px;
	}
	.page-100th-future .owl-nav .owl-next span{
		padding-right: 5px;
	}
	.page-100th-future .owl-nav .owl-prev{
		left: 10px;
	}
	.page-100th-future .owl-nav .owl-next{
		right: 10px;
	}
	.page-100th-future .owl-dots{
		position: fixed;
		bottom: 0;
	}
	.page-100th-future .owl-dots .owl-dot span:before{
		color: #ccc;
		font-size: 20px;
	}
	.page-100th-future .owl-nav .owl-prev .icn:before,
	.page-100th-future .owl-nav .owl-next .icn:before{
		color: #3071b9;
		font-size: 14px;
	}
	.page-100th-future .section-content__inner .grid-row{
		margin: 0 -7px;
	}
	.page-100th-future .section-content__inner .grid-row--02 li,
	.page-100th-future .section-content__inner .grid-row li{
		width: 50%;
		margin-bottom: 5px;
		padding: 0 7px;
	}
	.page-100th-future .section-content__inner .grid-row li span{
		display: block;
		margin-top: 5px;
		font-size: 10px;
	}
	.page-100th .section{
		padding-top: 56.25%;
		background: none;
		position: relative;
	}
	.page-100th .section:before{
		content: "";
		padding-bottom: 56.25%;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
	}
	.page-100th .section02:before{
		background: url("/resource/img/100th_img_future_bg02.jpg") no-repeat center;
		background-size: cover;
	}
	.page-100th .section03:before{
		background: url("/resource/img/100th_img_future_bg03.jpg") no-repeat center;
		background-size: cover;
	}
	.page-100th .section04:before{
		background: url("/resource/img/100th_img_future_bg04.jpg") no-repeat center;
		background-size: cover;
	}
	.page-100th .section05:before{
		background: url("/resource/img/100th_img_future_bg05.jpg") no-repeat center;
		background-size: cover;
	}
	.page-100th .section__inner{
		position: relative;
		top: auto;
		transform: translateY(0);
		padding: 0 15px 40px;
	}
	.page-100th .section__inner .btn-icon {
		font-size: 14px;
		min-width: 120px;
		padding: 4px 10px;
		white-space: nowrap;
	}
	.page-100th .section01{
		background: url("/resource/img/100th_img_future_bg01.jpg") no-repeat center;
		background-size: cover;
		height: 100vh;
	}
	.page-100th .section01 .hdg-lv1{
		color: #fff;
		font-weight: bold;
	}
	.page-100th .section01 .txt-lead {
		color: #fff;
	}
	.section-content__head{
		font-size: 18px;
		color: #fff;
		padding: 10px 15px;
		line-height: 1.38888;
		height: 68px;
		display: table;
		width: 100%;
		box-sizing: border-box;
	}
	.section-content__head span{
		display: table-cell;
		width: 100%;
		vertical-align: middle;
		font-weight: bold;
	}
	.page-100th-future .mfp-close{
		right: 10px;
		top: 10px;
		width: 15px;
		height: 15px;
		background: url("/resource/img/ico_close02.png") no-repeat center;
		background-size: cover;
	}
	.section-content{
		height: 100vh;
	}
	.section-content__inner{
		padding: 15px 15px 0;
		overflow-y: scroll;
	}
	.section-content__inner > p {
		margin-bottom: 20px;
		line-height: 20px;
	}
	#sec02 .section-content__head{
		background: url("/resource/img/100th_img_future_bg02.jpg") no-repeat center;
		background-size: cover;
	}
	#sec03 .section-content__head{
		background: url("/resource/img/100th_img_future_bg03.jpg") no-repeat center;
		background-size: cover;
	}
	#sec04 .section-content__head{
		background: url("/resource/img/100th_img_future_bg04.jpg") no-repeat center;
		background-size: cover;
	}
	#sec05 .section-content__head{
		background: url("/resource/img/100th_img_future_bg05.jpg") no-repeat center;
		background-size: cover;
	}
	.mfp-container{
		padding: 0;
	}
	.mfp-fade.mfp-wrap.mfp-ready .section-content{
		overflow-y: scroll;
	}
	.page-100th-future .section01{
		padding-top: 0;
	}
	.page-100th-future .section01:before{
		content: none;
	}
	.page-100th-future .section01 .section__inner{
		top: 50%;
		transform: translateY(-50%);
	}
	.mfp-fade .mfp-container{
		padding: 0;
	}
}
/*/100th/intro
------------------------------------------------*/
.page-100th-intro h1{
	padding: 0 0 0 40px;
	font-size: 36px;
	line-height: 40px;
	font-weight: normal;
	letter-spacing: 0;
	color: #3377b5;
}
@media only screen and (min-width: 768px){
	.page-100th-intro{
		width: 100%;
		height: auto;
	}
	.page-100th-intro-img img{
		max-width: 100%;
		width: auto;
		height: auto;
		max-height: 100%;
	}
}
@media only screen and (min-width: 1px) and (max-width: 767px){
	.page-100th .box-main-image--01{
		position: relative;
	}
	.page-100th-intro h1{
		padding: 35px 0 0 15px;
		font-size: 18px;
		line-height: 25px;
		font-weight: bold;
	}
	.page-100th-intro-img{
		position: relative;
		top: -10px;
		width: 100%;
		padding: 0 0 20px;
		overflow-x: scroll;
	}
	.page-100th-intro-img img{
		width: 1200px;
		height: auto;
	}
	.page-100th-intro #l-container{
		background: url(/resource/img/technology/100th-top-bg01.jpg) no-repeat top center;
		background-size: cover;
	}
}
/* page-technical
--------------------------------------------------*/
.page-technical .nav_breadcrumb > li a{
	color: #fff;
}
.page-technical .box-main-visual {
	background: url("/resource/img/technical/technology-main.jpg") no-repeat center;
	background-size: cover;
	color: #fff;
	padding-bottom: 24.5%;
}
.page-technical .box-main-visual-02 .wrp-container{
	height: 100%;
}
.box-main-heading{
	top: 28%;
}
.page-technical .hdg-lv1{
	color: #fff;
	font-size: 32px;
}
.page-technical .hdg-lv2{
	font-size: 32px;
	color: #3071b9;
	line-height:1.25;
	letter-spacing: 0;
	text-align: center;
	font-weight: normal;
	border-bottom: 0;
	margin: 57px 0 20px;
}
.page-technical .box-conducting__title{
	font-size: 18px;
	text-align: center;
}
.page-technical .box-conducting__button{
	text-align: center;
	padding-top: 0;
}
.txt-technical{
	max-width: 970px;
	margin: 0 auto 20px;
}
.page-technical .box-conducting__inner a{
	position: relative;
}
.page-technical .box-conducting__inner a:before{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("/resource/img/technical/technology-menu01.jpg") no-repeat center;
	background-size: cover;
	opacity: 1;
	z-index: 2;
	transition: all 0.3s ease;
}
.page-technical .box-conducting__inner.menu02 a:before{
	background: url("/resource/img/technical/technology-menu02.jpg") no-repeat center;
	background-size: cover;
}
.page-technical .box-conducting__inner.menu03 a:before{
	background: url("/resource/img/technical/technology-menu03.jpg") no-repeat center;
	background-size: cover;
}
.page-technical .box-conducting__inner a:hover:before{
	opacity: 0;
}
.page-technical .box-conducting__content {
	z-index: 3;
}
.page-technical .box-logo{
	text-align: center;
	margin-bottom: 90px;
	margin-top: 60px;
	padding: 0 15px;
	box-sizing: border-box;
}
@media only screen and (max-width: 767px) and (min-width: 1px){
	.page-technical .box-logo{
		margin-top: 30px;
		margin-bottom: 20px;
	}
}
/* /technical/index.html
--------------------------------------------------*/
.page-technical-index .box-main-visual {
	background: url("/resource/img/technical/technology-main.jpg") no-repeat center;
	background-size: cover;
	padding-bottom: 31%;
}
.page-technical-index  .box-main-heading{
	top: 0%;
}
.page-technical-index .txt-technical{
	text-align: center;
}
.box-technical__button{
	margin: 53px 0  59px;
	display: block;
	overflow: hidden;
}
.box-technical__button .btn-icon{
	padding: 14px 54px;
}
.box-technical__button .btn-icon{
	float: right;
}
.box-technical__button .btn-icon2 {
	color: #0069b4;
	background: #fff;
	border:0;
	float: left;
}
.page-technical .box-conducting__inner > a{
	min-height: 205px;
}
.page-technical-index .box-conducting__inner > a{
	min-height: 300px;
}
@media only screen and (max-width: 767px) and (min-width: 1px){
	.page-technical-index .box-main-visual {
		background: url("/resource/img/technical/technology-main-sp.jpg") no-repeat center;
		background-size: cover;
		min-height: 320px;
		height: auto;
		position: relative;
		padding-bottom: 0;
		margin-bottom: 20px;
	}
	.page-technical .box-main-visual{
		padding-bottom: 31.25%;
	}
	.page-technical .hdg-lv1{
		font-size: 20px;
	}
	.page-technical .hdg-lv2{
		font-size: 20px;
		margin: 30px 0 10px;
	}
	.txt-technical{
		margin-bottom: 10px;
	}
	.page-technical .box-conducting__inner > a{
		min-height: 150px;
	}
	.box-technical__button{
		margin: 27px 0 30px;
	}
	.page-technical  .box-conducting__content{
		margin-top: 26px;
	}
	.box-technical__button .btn-icon{
		padding: 3px 20px;;
	}
}
/* /environment/index.html
--------------------------------------------------*/
.page-technical-environment .box-main-visual {
	background: url("/resource/img/technical/technology-story01-main.jpg") no-repeat center;
	background-size: cover;
}
@media only screen and (max-width: 767px) and (min-width: 1px){
	.page-technical-environment .box-main-visual {
		background: url("/resource/img/technical/technology-story01-main-sp.jpg") no-repeat center;
		background-size: cover;
	}
}
/* /autonomous/index.html
--------------------------------------------------*/
.page-technical-autonomous .box-main-visual {
	background: url("/resource/img/technical/technology-story02-main.jpg") no-repeat center;
	background-size: cover;
}
@media only screen and (max-width: 767px) and (min-width: 1px){
	.page-technical-autonomous .box-main-visual {
		background: url("/resource/img/technical/technology-story02-main-sp.jpg") no-repeat center;
		background-size: cover;
	}
}
/* /autonomous/connected.html
--------------------------------------------------*/
.page-technical-connected .box-main-visual {
	background: url("/resource/img/technical/technology-story03-main.jpg") no-repeat center;
	background-size: cover;
}
@media only screen and (max-width: 767px) and (min-width: 1px){
	.page-technical-connected .box-main-visual {
		background: url("/resource/img/technical/technology-story03-main-sp.jpg") no-repeat center;
		background-size: cover;
	}
}
.box-text-note{
	font-size: 20px;
	color: #3377b5;
	text-align: center;
	margin: 40px 0 87px;
}
.page-technical-index .section-conducting{
	margin-top:50px;
}
.page-technical-index .box-conducting__content{
	margin-top: 50px;
}
@media only screen and (max-width: 767px) and (min-width: 1px){
	.page-technical-index .section-conducting {
		margin-top: 20px;
	}
	.page-technical-index .txt-technical{
		text-align: left;
	}
	.box-text-note{
		text-align: left;
		font-size: 14px;
		margin: 10px 0 20px;
	}
	.page-technical-index .box-conducting__content{
		margin-top: 26px;
	}
}
/*-----------------------/100th/technology.html -------------------------*/

/*modal*/
.blocker {
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	width: 100%; height: 100%;
	overflow: auto;
	z-index: 1;
	padding: 20px;
	box-sizing: border-box;
	background-color: rgb(0,0,0);
	background-color: rgba(99,110,115,0.5);
	text-align: center;
}
.blocker:before{
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.05em;
}
.blocker.behind {
	background-color: transparent;
}
.modal {
	display: none;
	vertical-align: middle;
	position: relative;
	z-index: 2;
	max-width: 640px;
	box-sizing: border-box;
	width: 90%;
	background: #fff;
	text-align: left;
}

.modal a.close-modal {
	position: absolute;
	top: 15px;
	right: 15px;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background: url("/resource/img/technology/btn-close01.png") no-repeat center;
}

.modal-spinner {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	padding: 12px 16px;
	border-radius: 5px;
	background-color: #111;
	height: 20px;
}

.modal-spinner > div {
	border-radius: 100px;
	background-color: #fff;
	height: 20px;
	width: 2px;
	margin: 0 1px;
	display: inline-block;

	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.modal-spinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.modal-spinner .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.modal-spinner .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

@-webkit-keyframes sk-stretchdelay {
	0%, 40%, 100% { -webkit-transform: scaleY(0.5) }
	20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
	0%, 40%, 100% {
		transform: scaleY(0.5);
		-webkit-transform: scaleY(0.5);
		}  20% {
			transform: scaleY(1.0);
			-webkit-transform: scaleY(1.0);
		}
	}

.modal__title{
	font-size: 24px;
	padding: 10px 30px;
}
.modal__image{
	background: #dddfe4;
	text-align: center;
	line-height: 0;
}
/**/


.box-timeline{
	padding-left: 35px;
	box-sizing: border-box;
	display: block;
	overflow-x: scroll;
	position: relative;
	top: -157px;
}
.box-left,
.box-right{
	position: fixed;
	top: 50%;
	margin-top: -70px;
	cursor: pointer;
}
.box-left:hover,
.box-right:hover{
	opacity: 0.7;
}
.box-left{
	left: 0;
}
.box-right{
	right: 0;
}
.box-timeline__text{
	position: absolute;
	top: 85px;
	left: 0;
}
.box-timeline__inner{
	width: 2911px;
	background: url(/resource/img/technology/technology-bg-timeline01.png) no-repeat center left;
	background-size: auto 590px;
	padding: 114px 0 100px;
}
.box-timeline__text__title{
	font-size: 36px;
	color: #3377b5;
	margin-bottom: 16px;
}
.box-timeline__text__content{
	font-size: 14px;
}
.box-timeline__content{
	width: 100%;
	position: relative;
	height: 590px;
}
.start-button{
	width: 100px;
	height: 305px;
	border-radius: 100px;
	background-color: #3377b5;
}
.box-timeline__item {
	position: absolute;
	display: block;
	text-align: center;
}
.lst-timeline li{
	display: inline-block;
	line-height: 0;
	max-width: 110px;
}
.lst-timeline li a{
	display: block;
	line-height: 0;
	color: #333;
	text-decoration: none;
	text-align: center;
	position: relative;
}
.lst-timeline__image{
	display:inline-block;
	border-radius: 50%;
	line-height: 0;
	overflow: hidden;
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.6);
	margin-bottom: 7px;
}
.lst-timeline__text{
	display: block;
	text-align: center;
	font-size: 10px;
	line-height: 1;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
}
.lst-timeline{
	display: inline-block;
	text-align: center;
	font-size: 0;
	position: absolute;
	width: 100%;
	margin: 0 auto;
	white-space: nowrap;
}
.lst-timeline li{
	padding: 0 10px;
}
.lst-timeline li a:hover{
	opacity: 1;
}
.lst-timeline li img{
	width: 90px;
	height: auto;
}
.start-button{
	padding-top: 30px;
	box-sizing: border-box;
	}
.start-button span{
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin-top: 35px;
}
.start-button span:last-child{
	writing-mode: vertical-lr;
	-ms-writing-mode: vertical-lr;
	-webkit-writing-mode: vertical-lr;
	-moz-writing-mode: vertical-lr;
	width: 1em;
	display: inline-block;
	line-height: 1.2;
}
.goal-button{
	writing-mode: vertical-lr;
	-ms-writing-mode: vertical-lr;
	-webkit-writing-mode: vertical-lr;
	-moz-writing-mode: vertical-lr;
	width: 1em;
	display: inline-block;
	line-height: 1.2;
	color: #3377b5;
	font-size: 24px;
	font-weight: bold;
	padding: 63px 20px;
	background: #bae2f4;
}
.box-timeline__item--01{
	width: 137px;
	bottom: 43px;
}
.box-timeline__item--25{
	right: 7%;
	top: 4%;
}

.slider-item01,
.slider-item02,
.slider-item03,
.slider-item04,
.slider-item05,
.slider-item06,
.slider-item07{
	top: 0;
	height: 100%;
	display: block;
	position: absolute;
}
.slider-item01{
	left: 137px;
	width: 275px;
}
.slider-item02{
	left: 413px;
	width: 492px;
}
.slider-item03{
	left: 905px;
	width: 168px;
}
.slider-item04{
	width: 383px;
	left: 1072px;
}
.slider-item05{
	width: 492px;
	left: 1454px;
}
.slider-item06{
	width: 275px;
	right: 690px
}
.slider-item07{
	width: 383px;
	right: 306px;
}
.lst-timeline01{
	bottom: 6%;
}
.lst-timeline02{
	top: 40%;
}
.lst-timeline03{
	top: 22%;
}
.lst-timeline04{
	width: 110px;
	bottom: 6%;
	right: 5%;
}
.lst-timeline05{
	top: 5%;
}
.lst-timeline06{
	top: 24%;
}
.lst-timeline07{
	top: 43%;
	right: -29%;
}
.lst-timeline08{
	bottom: 26%;
}
.lst-timeline09{
	bottom: 7%;
}
.lst-timeline10{
	top: 4%;
	left: 49%;
	width: 110px;
}
.lst-timeline11{
	top: 23%;
}
.lst-timeline12{
	top: 42%;
	left: 6%;
	width: 110px;
}
.lst-timeline13{
	width: 110px;
	top: 42%;
	right: 5%;
}
.lst-timeline14{
	bottom: 23%;
	width: 110px;
	left: 6%;
}
.lst-timeline15{
	bottom: 4%;
	width: 110px;
	left: 6%;
}
.lst-timeline16{
	top: 4%;
}
.lst-timeline17{
	top: 24%;
}
.lst-timeline18{
	top: 43%;
	left: -26px;
}
.lst-timeline19{
	bottom: 20.5%;
}
.lst-timeline20{
	top: 4%;
}
.lst-timeline21{
	top: 23%;
	width: 110px;
	left: 7%;
}
.lst-timeline22{
	top: 42%;
	width: 110px;
	left: 7%;
}
.lst-timeline23{
	bottom: 22%;
	width: 111px;
	left: 7%;
}
.box-timeline::-webkit-scrollbar{
	height: 10px;
	display: none;
}
.box-timeline::-webkit-scrollbar-thumb{
	background-color: #ccc;
	border-radius: 10px;
	display: none;
}
.lst-timeline__image {
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.lst-timeline a:hover .lst-timeline__image {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
@media only screen and (min-width: 768px) {
	.page-100th-technology {
		background: #fff url("/resource/img/100th_bg_main01.jpg") no-repeat center 110px;
		background-size: cover;
	}
	.page-100th-technology #l-container {
		position: relative;
		background: none;
	}
}
@media only screen and (max-width: 767px) and (min-width: 1px){
	.page-100th-technology #l-container{
		background: url("/resource/img/technology/100th-top-bg01.jpg") no-repeat top center;
		background-size: cover;
	}
	.box-timeline__text__title{
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 0;
	}
	.box-timeline__text{
		max-width: 290px;
		top: 15px;
		left: -12px;
	}
	.box-timeline{
		top: 0;
		padding-left: 25px;
	}
	.box-timeline__inner{
		width: 1930px;
		background-size: auto 415px;
		padding: 20px 0 50px;
	}
	.box-timeline__content{
		height: 415px;
	}
	.start-button {
		width: 71px;
		height: 215px;
		padding-top: 13px;
	}
	.start-button span{
		font-size: 12px;
		display: block;
	}
	.start-button span:last-child{
		margin: 0 auto;
		padding-top: 28px;
	}
	.lst-timeline__image{
		box-shadow: none;
		width: 60px;
		height: 60px;
		margin-bottom: 3px;
	}
	.lst-timeline li{
		padding: 0 3px;
		max-width: 63px;
	}
	.lst-timeline__text{
		font-size: 7px;
		white-space: normal;
		line-height: 1;
	}

	.box-timeline__item--01 {
		width: 96px;
		bottom: 10px;
	}
	.slider-item01 {
		left: 96px;
		width: 193px;
	}
	.slider-item02 {
		left: 291px;
		width: 345px;
	}
	.slider-item03 {
		left: 636px;
		width: 119px;
	}
	.slider-item04 {
		width: 270px;
		left: 753px;
	}
	.slider-item05 {
		width: 345px;
		left: 1023px;
	}
	.slider-item06 {
		width: 193px;
		right: 368px;
	}
	.slider-item07 {
		width: 268px;
		right: 99px;
	}
	.lst-timeline01 {
		bottom: 2%;
	}
	.lst-timeline02 {
		top: 45%;
	}
	.lst-timeline03 {
		top: 26%;
	}
	.lst-timeline04 {
		bottom: 2%;
	}
	.lst-timeline05 {
		top: 9%;
	}
	.lst-timeline06 {
		top: 28%;
	}
	.lst-timeline07 {
		top: 47%;
		right: -25%;
	}
	.lst-timeline08 {
		bottom: 20%;
	}
	.lst-timeline09 {
		bottom: 1%;
	}
	.lst-timeline10 {
		top: 8%;
		left: 49%;
		width: 70px;
	}
	.lst-timeline11 {
		top: 27%;
	}
	.lst-timeline12 {
		top: 47%;
		left: 11%;
		width: 70px;
	}
	.lst-timeline13 {
		width: 70px;
		top: 46%;
		right: 11%;
	}
	.lst-timeline14 {
		bottom: 18%;
		width: 70px;
		left: 11%;
	}
	.lst-timeline15 {
		bottom: -1%;
		width: 70px;
		left: 11%;
	}
	.lst-timeline16 {
		top: 9%;
	}
	.lst-timeline17 {
		top: 28%;
	}
	.lst-timeline18 {
		top: 47%;
		left: -1%;
	}
	.lst-timeline19 {
		bottom: 18%;
	}
	.lst-timeline20 {
		top: 9%;
	}
	.lst-timeline21 {
		top: 28%;
		width: 70px;
		left: 11%;
	}
	.lst-timeline22 {
		top: 47%;
		width: 70px;
		left: 11%;
	}
	.lst-timeline23 {
		bottom: 19%;
		width: 70px;
		left: 11%;
	}
	.box-timeline__item--25 {
		right: 2%;
		top: 10%;
	}
	.goal-button{
		padding: 65px 10px;
		font-size: 12px;
	}
	.box-timeline::-webkit-scrollbar{
		height: 7px;
	}
	.modal__title{
		font-size: 12px;
		padding: 10px;
	}
	.modal a.close-modal{
		top: 12px;
		right: 12px;
		width: 15px;
		height: 15px;
	}
	.box-right,
	.box-left{
		width: 20px;
		height: auto;
		margin-top: -38px;
		display: none !important;
	}
}

@media only screen and (min-width: 768px) {
	.wrp-chats{
		width: 400px;
	}
}
@media only screen and (max-width: 767px) {
	.wrp-chats{
		margin-top: 10px;
	}
}
.nobr br{
	display: none;
}


.error_btn .btn{
	margin: 30px auto 0;
	padding: 20px 0;
	width: 200px;
	font-size: 16px;
}
.error_search{
	margin: 40px auto 0;
	width: 400px;
	position: relative;
}
.error_search #ss-query{
	border-radius: 30px;
	padding: 10px 40px 10px 27px;
	font-size: 16px;
	width: 100%;
}
.error_search button{
	position: absolute;
	color: #3171b9;
	right: 9px;
	top: 50%;
	width: 40px;
	height: 30px;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.error_search button .icn:before{
	color: #3171b9;
	font-size: 24px;
}
@media only screen and (max-width: 767px) {
	.error_search{
		width: 100%;
	}
}
@media only screen and (min-width: 1px) and (max-width: 767px){
	.accordion02-content{
		display: none;
	}
}

/* cookie box
-------------------------------------------------- */
.cookie-box{
	position: fixed;
	bottom: -100px;
	right: 10px;
	display: none;
	width: 495px;
	background: #ffffff;
	border-radius: 10px;
	padding: 35px 40px;
	box-sizing: border-box;
	text-align: center;
	opacity: 0;
	box-shadow:0px 0px 8px -1px #666666;
	z-index: 1000;
}
.cookie-box p{
	text-align: left;
}
.cookie-box button{
	display: inline-block;
	margin: 20px auto 0;
	padding: 8px 18px 7px;
	font-size: 16px;
	text-align: center;
	background: #6a6a6a;
	border-radius: 3px;
	color: #ffffff;
}

@media only screen and (max-width : 767px){
	.cookie-box{
		width: 95%;
	}
}
