@charset"UTF-8";
/*
 リセットCSS[
----------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','Meiryo', "メイリオ", 'sans-serif';
	height: 100%;
	width: 100%;
	margin: 0;
}
html {
	overflow-y: scroll;
	height: 100%;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
}
p, li, dt, dl {
	line-height: 1.5;
}
p {
	margin: 0;
}
li {
	list-style-type: none;
}
img {
	border: 0;
	height: auto;
}
address {
	font-style: normal;
}
.clear {
	clear: both;
}
.clrfix:after {
	content: "";
	display: block;
	clear: both;
}
button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	-moz-appearance:none;
}
/* 
 Link Color [ 
----------------------------------------------------------- */   a {
	color: #0044cc;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	color: #666;
}
/*=====================

共通項目

======================*/
.page {
	width: 100%;
	min-height: 100%;
	position: relative;
	background: #F3F4FA;
}
.container {
	width: 1000px;
	clear: both;
	margin: 0 auto;
	box-sizing: border-box;
	padding-bottom: 50px;
	padding-top: 85px;
}
.icon_external_link, .icon_pdf {
	width: 20px;
	vertical-align: bottom;
	margin: 0 0 0 10px;
}
.small_numeric{
	font-size:10px;
	vertical-align:top;
}
#toTopButton{
	position:fixed;
	right: 20px;
	bottom: 20px;
	z-index: 1;
}
/*タグ系
========================*/	
.tag_news, .tag_school, .tag_recruit, .tag_keeper_times, .tag_keeper_fan, .tag_manual, .tag_yuho, .tag_timely_disclosure, .tag_closing, .tag_pr, .tag_general_meeting {
	display: inline-block;
	padding: 1px 0 1px 0;
	width: 120px;
	font-size: 12px;
	background: #858585;
	border-radius: 3px;
	text-align: center;
	color: #fff;
}
/*======================

ヘッダー

=======================*/
header {
	text-align: center;
	position: fixed;
	top: 0;
	width: 100%;
	background: #fff;
	z-index: 9999;
}
.header_content {
	width: 100%;
	display: inline-block;
	margin: 10px 0 10px 0;
	text-align: left;
}
header #headerInner {
    width: 1000px;
	margin: 0 auto;
}
.company_logo_box {
	width: 65%;
	display: inline-block;
	text-align: left;
}
.company_logo_box:hover {
	text-decoration: none;
}
.logo {
	float: left;
	width: 10%;
}
.logo img {
	width: 100%;
}
.companyname {
	font-size: 30px;
	color: #555;
	text-decoration: none;
}
.lang_rule_box {
	width: 30%;
	display: inline-block;
	text-align: right;
}

.rule_box {
	font-size: 10px;
	width: 85%;
	margin: 5px 0 0 0;
	display: inline-block;
}
.privacy_link {
	display: inline-block;
	width: 40%;
}
.privacy_link a {
	color: #555;
}
.privacy_link img {
	width: 10px;
	vertical-align: text-bottom;
	margin: 0 3px 0 0;
}
.sitemap_link {
	width:30%;
	display: inline-block;
	margin: 0 0 0 1%;
}
.sitemap_link a {
	color: #555;
	margin-left:5%;
	font-size:16px;
}
.sitemap_link a img {
	width: 12px;
	vertical-align: baseline;
	margin: 0 3px 0 0;
}
/*===================

ナビゲーション

====================*/
.gNav {
	width: 100%;
	background: #0a318f;
	background-image: -moz-linear-gradient(top, #0a318f, #072161);
	background-image: -ms-linear-gradient(top, #0a318f, #072161);
	background-image: -o-linear-gradient(top, #0a318f, #072161);
	background-image: -webkit-linear-gradient(top, #0a318f, #072161);
	background-image: linear-gradient(top, #0a318f, #072161);/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/

}
.gNav ul {
	width: 100%;
	margin: 0 auto;
	height: 50px;
}
.gNav ul li {
	width: 19.86%;
	display: inline-block;
	color: #fff;
	float: left;
	height: 90%;
	border-left: 1px solid #fff;
	font-size: 12px;
	text-align: center;
	margin: 2px 0 0 0;
}
.gNav ul li:nth-child(9) {
	border-right: 1px solid #fff;
}
.gNav ul li:last-child {
	border-right: 1px solid #fff;
}
.gNav ul li a {
	color: #fff;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	width: 100%;
	font-size: 120%;
}
.gNav ul li a:hover {
	opacity: 0.9;
}
.gNav ul li {
	height: 100%;
	line-height: 3.0;
	display: inline-block;
}
.ja_one_link {
	vertical-align: middle;
	line-height: 3.0;
}
.gNavMb { display: none; }
@media screen and (min-width: 0px) and (max-width: 667px) { 
	.gNavMb { display: block; position: absolute; top: 12px; right: 6px; }
	.gNavMb li { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; padding: 4px 10px 8px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgxMCwgNDksIDE0NCwgMC43KSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBhMzE5MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-linear-gradient(top, rgba(10, 49, 144, 0.7), #0a3190); background-image: -moz-linear-gradient(top, rgba(10, 49, 144, 0.7), #0a3190); background-image: linear-gradient(top, rgba(10, 49, 144, 0.7), #0a3190); filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#B30A3190', endColorstr='#FF0A3190'); -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } 
}


/* gNav
---------------------------------------------*/
.gNav { clear: both; margin: 0 -500%; padding: 0 500%; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBhMzE5MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA3MjE2MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-linear-gradient(top, #0a3190, #072160); background-image: -moz-linear-gradient(top, #0a3190, #072160); background-image: linear-gradient(top, #0a3190, #072160); filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0A3190', endColorstr='#FF072160'); }
@media screen and (min-width: 0px) and (max-width: 667px) { .gNav { display: none; margin: 0; padding: 0; position: relative; } }
.gNav > ul { position: relative; width: 100%; margin-left: 0%; }
.gNav > ul:before, .gNav > ul:after { content: ""; display: table; }
.gNav > ul:after { clear: both; }
.gNav > ul > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 16.5%; margin-left: 0%; }
.gNav > ul > *.gridCol02 { width: 40%; }
.gNav > ul > *.gridCol03 { width: 60%; }
.gNav > ul > *.gridCol04 { width: 80%; }
.gNav > ul > *.gridCol05 { width: 100%; }
.gNav > ul > *:first-child + * + * + * + * ~ * { margin-top: 0px; }
@media screen and (min-width: 0px) and (max-width: 667px) { .gNav > ul > li { position: relative; float: none !important; width: auto !important; } }
.gNav > ul > li .mbDropdownBtn { position: absolute; top: 12px; left: 12px; width: 30px; height: 30px; margin: auto; background: #fff; }
.gNav > ul > li .mbDropdownBtn:before { content: ''; position: absolute; top: -12px; left: -12px; width: 66px; height: 50px; }
.gNav > ul > li .mbDropdownBtn:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: -12px; width: 0px; height: 0px; margin: auto; content: ""; position: absolute; border-top: 6px solid transparent; border-right: 9px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #0a3190; }
.gNav > ul > li > a { position: relative; color: #fff; text-align: center; display: block; padding: 8px 4px 8px; font-weight: 700; font-size: 114%; border: 4px solid transparent; border-bottom: none; }
@media screen and (min-width: 0px) and (max-width: 667px) { .gNav > ul > li > a { padding: 12px 12px 10px 50px; text-align: left; } }
.gNav > ul > li > a:after, .gNav > ul > li:first-child > a:before { position: absolute; height: 100%; content: ''; top: -2px; right: -4px; border-left: 1px solid #a1baf8; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; }
@media screen and (min-width: 0px) and (max-width: 667px) { .gNav > ul > li > a:after, .gNav > ul > li:first-child > a:before { height: auto; left: 10px; right: 10px; border-top: 1px solid #4175f2; } }
.gNav > ul > li > a.active, .gNav > ul > li > a:hover, .sNavList > li > ul > li .gNav > ul > li > a.active, .sNavList > li.gNav > ul > li > a.active { border: 5px solid #0a3190; background-color: #fff; border-bottom: none; color: #0a3190; /*-webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out;*/ }
.gNav > ul > li > a.active + .mbDropdownBtn, .gNav > ul > li > a:hover + .mbDropdownBtn, .sNavList > li > ul > li .gNav > ul > li > a.active + .mbDropdownBtn, .sNavList > li.gNav > ul > li > a.active + .mbDropdownBtn { background: #0a3190; }
.gNav > ul > li > a.active + .mbDropdownBtn:after, .gNav > ul > li > a:hover + .mbDropdownBtn:after, .sNavList > li > ul > li .gNav > ul > li > a.active + .mbDropdownBtn:after, .sNavList > li.gNav > ul > li > a.active + .mbDropdownBtn:after { content: ""; position: absolute; border-top: 6px solid transparent; border-right: 9px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid white; }
.gNav > ul > li.dropdownActive > a { border: 4px solid #0a3190; background-color: #fff; border-bottom: none; color: #0a3190; -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.gNav > ul > li:first-child > a:before { left: -4px; }
@media screen and (min-width: 0px) and (max-width: 667px) { .gNav > ul > li:first-child > a:before, .gNav > ul > li:first-child > a:after, .gNav > ul > li:first-child > a:before { display: none; } }

.dropdownWrap { overflow: hidden; width: 978px; position: absolute; z-index: 300; top: -2000px; left: 0; background: #fff; -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2); }
@media screen and (min-width: 0px) and (max-width: 667px) { .dropdownWrap { position: static; width: auto; display: block; } }
.dropdownWrap .dropdownCont { width: 100%; margin-left: 0%; }
.dropdownWrap .dropdownCont:before, .dropdownWrap .dropdownCont:after { content: ""; display: table; }
.dropdownWrap .dropdownCont:after { clear: both; }
.dropdownWrap .dropdownCont > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 50%; margin-left: 0%; }
.dropdownWrap .dropdownCont > *.gridCol02 { width: 100%; }
.dropdownWrap .dropdownCont > *:first-child + * ~ * { margin-top: 0px; }
.dropdownWrap .dropdownCont dl { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 22px 32px 22px 232px; position: relative; min-height: 156px; }
.dropdownWrap .dropdownCont dl:after { content: ''; position: absolute; top: 0; bottom: 0; right: -1px; height: 80%; margin: auto 0; border-left: 1px solid #cccccc; }
.dropdownWrap .dropdownCont dl:before { content: ''; position: absolute; bottom: -1px; left: 0; right: 0; width: 90%; margin: 0 auto; border-bottom: 1px solid #cccccc; }
.dropdownWrap .dropdownCont dl dt { font-size: 114%; font-weight: 700; }
.dropdownWrap .dropdownCont dl dd img { position: absolute; top: 22px; left: 22px; }
@media screen and (min-width: 0px) and (max-width: 667px) { .dropdownWrap .dropdownCont dl dd img { display: none; } }
.dropdownWrap .dropdownCont dl dd ul { overflow: hidden; }
@media screen and (min-width: 0px) and (max-width: 667px) { .dropdownWrap .dropdownCont dl { min-height: inherit; float: none !important; width: auto !important; padding: 12px 16px 8px; } }
.dropdownWrap a:hover, .dropdownWrap .sNavList > li > ul > li ul li > a.active, .sNavList > li > ul > li ul .dropdownWrap li > a.active, .dropdownWrap .sNavList > li > ul > li > a.active { color: #0a3190; text-decoration: underline; }

html > body .dropdownCont dl { min-height: 112px !important \9; }

.gNavMb { display: none; }
@media screen and (min-width: 0px) and (max-width: 667px) { .gNavMb { display: block; position: absolute; top: 12px; right: 6px; }
	.gNavMb li { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; padding: 4px 10px 8px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgxMCwgNDksIDE0NCwgMC43KSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBhMzE5MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-linear-gradient(top, rgba(10, 49, 144, 0.7), #0a3190); background-image: -moz-linear-gradient(top, rgba(10, 49, 144, 0.7), #0a3190); background-image: linear-gradient(top, rgba(10, 49, 144, 0.7), #0a3190); filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#B30A3190', endColorstr='#FF0A3190'); -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } }


/*=====================

メインコンテンツ

======================*/
.top_img_box {
	width: 100%;
	padding-top: 86px;
}
.top_img_box img {
	width: 100%;
	padding-top: 3rem;
	position: relative;
}
.top_img_box p {
	position: absolute;
    color: #fff;
    font-size: 25px;
    top: 160px;
    right: 100px;
    font-family: Times new roman;
}
/*=======================

サブコンテンツ

========================*/
.sub_content {
	width: 100%;
	display: inline-block;
	margin: 10px 0 0 0;
	background: #fff;
}
.sub_title_box {
	width: 100%;
	display: inline-block;
	margin: 65px 0 0 0;
	padding: 5px 0 5px 10px;
	min-height: 98px;
	background: #cccccc url("../../../img/corp/sustainability/bg_main_sb.png") 50% 0 no-repeat;
	/*background-image: -moz-linear-gradient(top, #0a318f, #072161);
	background-image: -ms-linear-gradient(top, #0a318f, #072161);
	background-image: -o-linear-gradient(top, #0a318f, #072161);
	background-image: -webkit-linear-gradient(top, #0a318f, #072161);
	background-image: linear-gradient(top, #0a318f, #072161);*/
	/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
	border-radius: 5px;
	box-sizing: border-box;
}
.sub_title {
	display: inline-block;
	width: 900px;
}
.sub_title h1 {
	font-size: 200%;
    padding-top: 20px;
}
.en_more_button {
	display: inline-block;
	vertical-align: super;
}
.en_more_button a {
	padding: 3px 20px 5px 20px;
	background: #ccc;
	border-radius: 20px;
	display: block;
	color: #555;
	font-size: 12px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
}
.en_more_button a:hover{
	background:#9aa5cc;
	color: #fff;
}
.date_sentence_box {
	width: 100%;
	display: inline-block;
	border-bottom: 1px dotted #0A3190;
	padding: 10px 0 10px 0;
}
.date {
	width: 75px;
	display: inline-block;
	font-size: 12px;
	margin: 0 0 0 10px;
}
.sentence {
	width: 780px;
	display: inline-block;
	font-size: 12px;
}
.last_sentence {
	border-bottom: 2px solid #0A3190;
}
/*=====================

フッター

=====================*/
footer {
	background: #fff;
	border-top: 1px solid #5e5e5e;
	width: 100%;
	height: 50px;
	position: static;
    bottom: 0;
}
.footer_navi {
	width: 1000px;
	padding: 6px 0 0 0;
	margin: 0 auto;
}
.footer_navi ul {
	width: 100%;
	display: inline-block;
	margin: 0;
	text-align: left;
}
.footer_navi ul li {
	display: inline-block;
	border-left: #555 solid 1px;
}
.footer_navi ul li a {
	color: #5e5e5e;
	font-size: 10px;
	text-decoration: none;
	width: 100%;
	display: inline-block;
	text-align: left;
	padding: 0 10px;
	line-height: 1.0;
	vertical-align: middle;
}
.footer_navi ul li:last-child {
	border-right: 1px solid #555;
}
.text_middle {
	vertical-align: top;
}
.copyright {
	clear: both;
	width: 100%;
	text-align: right;
	font-size: 10px;
	padding: 0 0 5px 0;
}

@media screen and (min-width: 0px) and (max-width: 667px){
	header{
		position: relative;
	}
	header #headerInner {
		width: auto;
		border-bottom: 4px solid #0b3290;
	}
	.header_content{
		width: 95%;
		display: inline-block;
		margin: 10px;
		text-align: left;
	}
	.header_content img{
		float: right;
    	width: 30%;
	}
	.company_logo_box a{
		font-size: 20px;
	}
	.sitemap_link{
		display: none!important;
	}
	.top_img_box {
		width: 100%;
		padding-top: 0;
	}
	.top_img_box img {
		height: 200px;
		padding-top: 0;
	}
	.gNav {
		display: none;
	}
	.footer_navi{
		width: 100%;
	}
}