@charset "utf-8";
/* ======================================================
 * base.css
 * ------------------------------------------------------
 * css for base setting
 * 
 * BASE ************************************************
 * LAYOUT ************************************************
 * OTHERS ************************************************
====================================================== */
/* ======================================================
 BASE
====================================================== */
/* Global Reset (html5doctor.com)
 * - Author: Richard Clark - http://richclarkdesign.com
------------------------------------------------------ */
/*----- for HTML5 -----*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}


/* Costom Reset
------------------------------------------------------ */
/*----- for HTML5 -----*/
main { display: block; margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
h1, h2, h3, h4, h5, h6 ,small,th { font-weight: normal; }
ul, ol, li { list-style: none; }
th { text-align: left; }
strong { font-weight: bold; }
em,dfn { font-style: normal; }
address { font-style: normal; }
hr, legend { display: none; }
time { display: block; }
sub, sup{ position: relative; font-size: 10px; font-size: 76%; line-height: 1; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { max-width: 100%; width: auto; height: auto;  vertical-align: top; -ms-interpolation-mode: bicubic;}
button {outline: none;}
i {font-style: normal; }

/* Base Setting
------------------------------------------------------ */
/*----- for HTML5 -----*/
/* page */
html {
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
			-ms-text-size-adjust: 100%;
}
html.is-fontSmall {
	font-size: 50%;
}
html.is-fontLarge {
	font-size: 70%;
}
body {
	color: #333333;
	font-size: 14px;
	font-size: 1.4em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.7; }
@media screen and (max-width: 767px) {
	html,
	html.is-fontSmall,
	html.is-fontLarge {
		font-size: 62.5%;
	}
	body {
		font-size: 13px;
		font-size: 1.3em; }
}

#pageWrap {
	position: relative;
	background: #0d357a; }

* {
	/* box-sizing */
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
	box-sizing: border-box; }

/* input */
input, select, textarea, button {
	font-size: 14px;
	font-size: 1.4rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
@media screen and (max-width: 767px) {
	input, select, textarea, button {
		font-size: 13px;
		font-size: 1.3rem;
	}
}
/* link */
a:link    { color: #1177bb; text-decoration: underline; }
a:visited { color: #5232bb; text-decoration: underline; }
a:hover   { color: #d81b28; text-decoration: underline; }
a:active  { color: #d81b28; text-decoration: underline; }
.imgHover {
	display: inline-block;
	max-width: 100%;
	background: #ffffff;
	vertical-align: top; }
	.imgHover:hover > img {
		opacity: 0.6;
		filter: alpha(opacity=60);
		-ms-filter: "alpha(opacity=60)";
		zoom: 1; }
@media screen and (max-width: 767px) {
	.imgHover:hover > img {
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
	}
}

/* elements */
p, .p {
	margin-bottom: 1.3em; }
	@media screen and (max-width: 767px) {
		p, .p {
			margin-bottom: 0.8em; }
	}


/* Utility Style
------------------------------------------------------ */
/*----- width -----*/
.w001per{width:1% !important;}.w002per{width:2% !important;}.w003per{width:3% !important;}.w004per{width:4% !important;}.w005per{width:5% !important;}.w006per{width:6% !important;}.w007per{width:7% !important;}.w008per{width:8% !important;}.w009per{width:9% !important;}.w010per{width:10% !important;}.w011per{width:11% !important;}.w012per{width:12% !important;}.w013per{width:13% !important;}.w014per{width:14% !important;}.w015per{width:15% !important;}.w016per{width:16% !important;}.w017per{width:17% !important;}.w018per{width:18% !important;}.w019per{width:19% !important;}.w020per{width:20% !important;}.w021per{width:21% !important;}.w022per{width:22% !important;}.w023per{width:23% !important;}.w024per{width:24% !important;}.w025per{width:25% !important;}.w026per{width:26% !important;}.w027per{width:27% !important;}.w028per{width:28% !important;}.w029per{width:29% !important;}.w030per{width:30% !important;}.w031per{width:31% !important;}.w032per{width:32% !important;}.w033per{width:33% !important;}.w034per{width:34% !important;}.w035per{width:35% !important;}.w036per{width:36% !important;}.w037per{width:37% !important;}.w038per{width:38% !important;}.w039per{width:39% !important;}.w040per{width:40% !important;}.w041per{width:41% !important;}.w042per{width:42% !important;}.w043per{width:43% !important;}.w044per{width:44% !important;}.w045per{width:45% !important;}.w046per{width:46% !important;}.w047per{width:47% !important;}.w048per{width:48% !important;}.w049per{width:49% !important;}.w050per{width:50% !important;}.w051per{width:51% !important;}.w052per{width:52% !important;}.w053per{width:53% !important;}.w054per{width:54% !important;}.w055per{width:55% !important;}.w056per{width:56% !important;}.w057per{width:57% !important;}.w058per{width:58% !important;}.w059per{width:59% !important;}.w060per{width:60% !important;}.w061per{width:61% !important;}.w062per{width:62% !important;}.w063per{width:63% !important;}.w064per{width:64% !important;}.w065per{width:65% !important;}.w066per{width:66% !important;}.w067per{width:67% !important;}.w068per{width:68% !important;}.w069per{width:69% !important;}.w070per{width:70% !important;}.w071per{width:71% !important;}.w072per{width:72% !important;}.w073per{width:73% !important;}.w074per{width:74% !important;}.w075per{width:75% !important;}.w076per{width:76% !important;}.w077per{width:77% !important;}.w078per{width:78% !important;}.w079per{width:79% !important;}.w080per{width:80% !important;}.w081per{width:81% !important;}.w082per{width:82% !important;}.w083per{width:83% !important;}.w084per{width:84% !important;}.w085per{width:85% !important;}.w086per{width:86% !important;}.w087per{width:87% !important;}.w088per{width:88% !important;}.w089per{width:89% !important;}.w090per{width:90% !important;}.w091per{width:91% !important;}.w092per{width:92% !important;}.w093per{width:93% !important;}.w094per{width:94% !important;}.w095per{width:95% !important;}.w096per{width:96% !important;}.w097per{width:97% !important;}.w098per{width:98% !important;}.w099per{width:99% !important;}.w100per{width:100% !important;}
@media screen and (max-width: 767px) {
.spW050per { width: 50% !important; }
}

/*----- margin -----*/
/* margin-top */
.mt0   { margin-top: 0 !important; }.mt5   { margin-top: 5px !important; }.mt10  { margin-top: 10px !important; }.mt15  { margin-top: 15px !important; }.mt20  { margin-top: 20px !important; }.mt25  { margin-top: 25px !important; }.mt30  { margin-top: 30px !important; }.mt35  { margin-top: 35px !important; }.mt40  { margin-top: 40px !important; }.mt45  { margin-top: 45px !important; }.mt50  { margin-top: 50px !important; }.mt55  { margin-top: 55px !important; }.mt60  { margin-top: 60px !important; }.mt65  { margin-top: 65px !important; }.mt70  { margin-top: 70px !important; }.mt75  { margin-top: 75px !important; }.mt80  { margin-top: 80px !important; }.mt85  { margin-top: 85px !important; }.mt90  { margin-top: 90px !important; }.mt95  { margin-top: 95px !important; }.mt100 { margin-top: 100px !important; }

/* margin-right */
.mr0   { margin-right: 0 !important; }.mr5   { margin-right: 5px !important; }.mr10  { margin-right: 10px !important; }.mr15  { margin-right: 15px !important; }.mr20  { margin-right: 20px !important; }.mr25  { margin-right: 25px !important; }.mr30  { margin-right: 30px !important; }.mr35  { margin-right: 35px !important; }.mr40  { margin-right: 40px !important; }.mr45  { margin-right: 45px !important; }.mr50  { margin-right: 50px !important; }.mr55  { margin-right: 55px !important; }.mr60  { margin-right: 60px !important; }.mr65  { margin-right: 65px !important; }.mr70  { margin-right: 70px !important; }.mr75  { margin-right: 75px !important; }.mr80  { margin-right: 80px !important; }.mr85  { margin-right: 85px !important; }.mr90  { margin-right: 90px !important; }.mr95  { margin-right: 95px !important; }.mr100 { margin-right: 100px !important; }

/* margin-bottom */
.mb0   { margin-bottom: 0 !important; }.mb5   { margin-bottom: 5px !important; }.mb10  { margin-bottom: 10px !important; }.mb15  { margin-bottom: 15px !important; }.mb20  { margin-bottom: 20px !important; }.mb25  { margin-bottom: 25px !important; }.mb30  { margin-bottom: 30px !important; }.mb35  { margin-bottom: 35px !important; }.mb40  { margin-bottom: 40px !important; }.mb45  { margin-bottom: 45px !important; }.mb50  { margin-bottom: 50px !important; }.mb55  { margin-bottom: 55px !important; }.mb60  { margin-bottom: 60px !important; }.mb65  { margin-bottom: 65px !important; }.mb70  { margin-bottom: 70px !important; }.mb75  { margin-bottom: 75px !important; }.mb80  { margin-bottom: 80px !important; }.mb85  { margin-bottom: 85px !important; }.mb90  { margin-bottom: 90px !important; }.mb95  { margin-bottom: 95px !important; }.mb100 { margin-bottom: 100px !important; }

/* margin-left */
.ml0   { margin-left: 0 !important; }.ml5   { margin-left: 5px !important; }.ml10  { margin-left: 10px !important; }.ml15  { margin-left: 15px !important; }.ml20  { margin-left: 20px !important; }.ml25  { margin-left: 25px !important; }.ml30  { margin-left: 30px !important; }.ml35  { margin-left: 35px !important; }.ml40  { margin-left: 40px !important; }.ml45  { margin-left: 45px !important; }.ml50  { margin-left: 50px !important; }.ml55  { margin-left: 55px !important; }.ml60  { margin-left: 60px !important; }.ml65  { margin-left: 65px !important; }.ml70  { margin-left: 70px !important; }.ml75  { margin-left: 75px !important; }.ml80  { margin-left: 80px !important; }.ml85  { margin-left: 85px !important; }.ml90  { margin-left: 90px !important; }.ml95  { margin-left: 95px !important; }.ml100 { margin-left: 100px !important; }


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


/*----- align -----*/
/* text-align */
.alL { text-align: left !important; }
.alC { text-align: center !important; }
.alR { text-align: right !important; }

/* vertical-align */
.alT { vertical-align: top !important; }
.alM { vertical-align: middle !important; }
.alB { vertical-align: bottom !important; }


/*----- display -----*/
/* display */
.dpBlock { display: block !important; }
.dpInlBlock { display: inline-block !important; }
.dpInline { display: inline !important; }


/*----- overflow -----*/
.ovfHidden { overflow: hidden !important; }
.ovfVisible { overflow: visible !important; }


/*----- font -----*/
.bold { font-weight: bold !important; }
.italic { font-style: italic !important; }
.fwNormal { font-weight: normal !important; }
.fsNormal { font-style: normal !important; }
.underlined { text-decoration: underline; }


/*----- break -----*/
.breakWord, .url { word-wrap: break-word !important; }
.breakNone { white-space: nowrap !important; }
th .url, td .url { word-break: break-all; }

/*----- hidden -----*/
.hidden {display: none !important;}
.pc-hidden {display: none !important;}
.sp-image,
.sp-br {display: none !important;}
	@media screen and (max-width: 767px) {
		.pc-hidden {display: block !important;}
		.sp-hidden {display: none !important;}
		.pc-image,
		.pc-br {display: none !important;}
		.sp-image,
		.sp-br {display: inline !important;}
	}

/* Reader
------------------------------------------------------ */
/* voiceGuide */
.voiceGuide {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden; }


/* ======================================================
 LAYOUT
====================================================== */
/* header
------------------------------------------------------ */
.upperTemplate {
	background: #ffffff;
	max-width: 100vw;
}
#header {
	position: relative;
	background: #ffffff;
	/* box-shadow */
		-moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.3);
	z-index: 150;
}
@media screen and (max-width: 767px) {
	#header {
		border-top: 5px solid #0079c7;
			/* box-shadow */
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
		box-shadow: none;
	}
}
#header.headerMinimum.is-fixed {
	position: relative;
	top: auto;
	left: auto;
}
#header.headerMinimum.is-fixed + * {
	padding-top: 0 !important;
}
@media screen and (max-width: 767px) {
	#header.headerMinimum {
		border-bottom: 1px solid #dddddd;
	}
}

/* ----- headerBody ----- */
.headerBody {
	width: 1000px;
	margin: 0 auto;
	padding: 10px 0;
}
@media screen and (max-width: 767px) {
	.headerBody {
		width: auto;
	}
}

/* headerLegal */
.headerLegal {
	float: left;
	display: table;
	width: 50%;
	table-layout: fixed;
}
.headerLegal .logo {
	display: table-cell;
	width: 222px;
	vertical-align: middle;
}
.headerLegal .legal {
	display: table-cell;
	padding-left: 8px;
	font-size: 10px;
	font-size: 1rem;
	vertical-align: bottom;
}
@media screen and (max-width: 767px) {
	.headerLegal {
		float: none;
		display: block;
		width: auto;
		text-align: center;
	}
	.headerLegal .logo {
		display: inline-block;
		width: 187px;
	}
	.headerLegal .legal {
		display: none;
	}
}

/* fontSelect */
.headerBody .fontSelect {
	float: right;
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
	line-height: 1.2;
}
.headerBody .fontModule {
	overflow: hidden;
	display: table;
	margin-top: 5px;
	border: 1px solid #dddddd;
	/* border-radius */
		-webkit-border-radius: 1em;
		-moz-border-radius: 1em;
	border-radius: 1em;
}
.headerBody .fontModule > li {
	width: 22px;
	float: left;
	display: table-cell;
	padding: 0.3em;
	cursor: pointer;
}
.headerBody .fontModule > li:first-child {
	width: 25px;
	padding-left: 0.6em;
	/* border-radius */
		-webkit-border-radius: 1em 0 0 1em;
		-moz-border-radius: 1em 0 0 1em;
	border-radius: 1em 0 0 1em;
}
.headerBody .fontModule > li:last-child {
	width: 25px;
	padding-right: 0.6em;
	/* border-radius */
		-webkit-border-radius: 0 1em 1em 0;
		-moz-border-radius: 0 1em 1em 0;
	border-radius: 0 1em 1em 0;
}
.headerBody .fontModule > li:hover,
.headerBody .fontModule > li.is-selected {
	color: #ffffff;
	background: #0079c7;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.headerBody .fontSelect {
		display: none;
	}
}

/* headerUtility */
.headerUtility {
	float: right;
	margin-right: 23px;
}
.headerLinks {
	letter-spacing: -0.4em;
	white-space: nowrap;
	text-align: right;
}
.headerLinks > li {
	display: inline-block;
	letter-spacing: normal;
	line-height: 1.2;
}
.headerLinks > li + li {
	margin-left: 10px;
	padding-left: 9px;
	border-left: 1px solid #dddddd;
}
.headerLinks > li > a {
	color: #777777;
	font-size: 11px;
	font-size: 1.1rem;
	text-decoration: none;
}
.headerLinks > li > a:hover {
	text-decoration: underline;
}
@media screen and (max-width: 767px) {
	.headerUtility {
		display: none;
	}
}

/* ----- headerNavi ----- */
#header.is-fixed .headerNavi {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	/* box-shadow */
		-moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.3);
}
#header.headerMinimum.is-fixed .headerNavi {
	position: relative;
	top: auto;
	left: auto;
	/* box-shadow */
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	box-shadow: none;
}
@media screen and (max-width: 767px) {
	#header.is-fixed {
		position: relative;
		top: auto;
		left: auto;
	}
}

/* globalNavi */
.headerNavi #globalNavi {
	position: relative;
	padding-top: 5px;
	border-bottom: 2px solid #1a4287;
	background: #f1f1f1;
}
.headerNavi #globalNavi > ul {
	width: 1000px;
	padding-right: 210px;
	margin: 0 auto;
}
.headerNavi #globalNavi > ul > li {
	float: left;
	margin-left: 4px;
}
.headerNavi #globalNavi > ul > li:first-child {
	margin-left: 0;
}
.headerNavi #globalNavi > ul > li > a {
	display: block;
	height: 43px;
	background-image: url(/common/img/header_sprite_nv01.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
}
.headerNavi #globalNavi > ul > li.is-current > a,
.headerNavi #globalNavi > ul > li > a:hover {
	/* box-shadow */
		-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
}
.headerNavi #globalNavi li[data-global-nav="personal"] > a {
	width: 132px;
	background-position: 0 0;
}
.headerNavi #globalNavi li.is-current[data-global-nav="personal"] > a,
.headerNavi #globalNavi li[data-global-nav="personal"] > a:hover {
	background-position: 0 -43px;
}
.headerNavi #globalNavi li[data-global-nav="corporation"] > a {
	width: 216px;
	background-position: -136px 0;
}
.headerNavi #globalNavi li.is-current[data-global-nav="corporation"] > a,
.headerNavi #globalNavi li[data-global-nav="corporation"] > a:hover {
	background-position: -136px -43px;
}
.headerNavi #globalNavi li[data-global-nav="aboutus"] > a {
	width: 170px;
	background-position: -355px 0;
}
.headerNavi #globalNavi li.is-current[data-global-nav="aboutus"] > a,
.headerNavi #globalNavi li[data-global-nav="aboutus"] > a:hover {
	background-position: -355px -43px;
}
.headerNavi #globalNavi li[data-global-nav="ir"] > a {
	width: 166px;
	background-position: -528px 0;
}
.headerNavi #globalNavi li.is-current[data-global-nav="ir"] > a,
.headerNavi #globalNavi li[data-global-nav="ir"] > a:hover {
	background-position: -528px -43px;
}
.headerNavi #globalNavi li[data-global-nav="recruit"] > a {
	width: 83px;
	background-position: -697px 0;
}
.headerNavi #globalNavi li.is-current[data-global-nav="recruit"] > a,
.headerNavi #globalNavi li[data-global-nav="recruit"] > a:hover {
	background-position: -697px -43px;
}

/* categoryNavi */
.headerNavi #globalNavi + .categoryNavi {
	background: #0079c6;
}
.headerNavi #globalNavi + .categoryNavi [data-nav-dir] {
	display: none;
	width: 1000px;
	margin: 0 auto;
}
.headerNavi #globalNavi + .categoryNavi [data-nav-dir].is-active {
	display: table;
}
.headerNavi #globalNavi + .categoryNavi [data-nav-dir] > li {
	display: table-cell;
}
.headerNavi #globalNavi + .categoryNavi [data-nav-dir] > li > a {
	position: relative;
	display: block;
	padding: 8px 4px;
	color: #ffffff;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	text-decoration: none;
}
.headerNavi #globalNavi + .categoryNavi [data-nav-dir] > li > a:before {
	/* for Edge */
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background: #0079c6;
}
.headerNavi #globalNavi + .categoryNavi [data-nav-dir] > li > a.is-current {
	position: relative;
	background: #004d99;
}
.headerNavi #globalNavi + .categoryNavi [data-nav-dir] > li > a.is-current:before {
	background: #004d99;
}
.headerNavi #globalNavi + .categoryNavi [data-nav-dir] > li > a.is-current:after {
	content: "";
	position: absolute;
	bottom: -16px;
	left: 50%;
	display: block;
	width: 0;
	height: 0;
	margin-left: -8px;
	border-width: 8px;
	border-style: solid;
	border-color: transparent;
	border-top-color: #004d99;
	z-index: 200;
}
.headerNavi #globalNavi + .categoryNavi [data-nav-dir] > li > a:hover {
	text-decoration: underline;
}
.headerNavi #globalNavi + .categoryNavi [data-nav-dir] > li > a img {
	height: 24px;
}
.headerNavi #globalNavi + .categoryNavi [data-nav-dir="corporation"].is-active {
	display: block;
}
.headerNavi #globalNavi + .categoryNavi [data-nav-dir="corporation"] > li {
	float: left;
	display: block;
}
.headerNavi #globalNavi + .categoryNavi [data-nav-dir="corporation"] > li > a {
	padding: 8px 20px 8px 15px;
}
@media screen and (max-width: 767px) {
	.headerNavi {
		display: none;
	}
}

/* headerSearch */
.headerSearch {
	position: absolute;
	top: 13px;
	right: 50%;
	width: 204px;
	margin-right: -500px;
}
.headerSearch .iSearchAssist {
	display: inline-block;
	width: 100%;
	border: 1px solid #dddddd;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
	border-radius: 12px;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 3px 25px 1px 12px;
	outline: none;
}
.headerSearch input[type="submit"] {
	position: absolute;
	top: 50%;
	right: 7px;
	display: inline-block;
	width: 18px;
	height: 16px;
	margin-top: -8px;
	border: none;
	background: url(/common/img/com_ic82.png) no-repeat 0 0;
	text-indent: -9999px;
	outline: none;
	cursor: pointer;
}
@media screen and (max-width: 767px) {
	/* headerSearch */
	.headerSearch {
		position: relative;
		top: auto;
		right: auto;
		width: auto;
		margin-right: auto;
		padding: 15px 3%;
		background: #FDFDFD;
	}
	.headerSearch [name="search_form"] {
		position: relative;
	}
	.headerSearch .iSearchAssist {
		-webkit-appearance: none;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
		border-radius: 0;
		font-size: 16px;
		font-size: 1.6rem;
		padding: 10px 10px 10px 36px;
	}
	.headerSearch input[type="submit"] {
		left: 6px;
		right: auto;
		width: 22px;
		height: 22px;
		margin-top: -11px;
		background-size: 31px auto;
		background-position: -8px 0;
	}
}

/* megadrop */
.megadrop {
	overflow: auto;
	position: absolute;
	top: 159px;
	left: 50%;
	display: none;
	width: 1500px;
	margin-left: -750px;
	background: #f9f9f9;
	/* box-shadow */
		-moz-box-shadow: 0px 6px 9px -5px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0px 6px 9px -5px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 6px 9px -5px rgba(0, 0, 0, 0.3);
}
.is-current + .megadrop {
	z-index: 150;
}
.megadropBody {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 25px 0 40px;
}
.megadropTitle {
	position: relative;
	margin-bottom: 20px;
	padding-right: 25%;
	padding-left: 60px;
	color: #000000;
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.2;
}
.megadropTitle > img {
	position: absolute;
	top: -10px;
	left: 0;
}
.megadropTitle > .iconLink {
	margin-left: 24px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 1.6;
	vertical-align: middle;
}
.megadropSection {
	margin-bottom: 25px;
}
.megadropSection > *:last-child {
	margin-bottom: 0 !important;
}
.megadropHeadline {
	padding: 10px 18px;
	margin-bottom: 15px;
	border-left: 4px solid transparent;
	border-bottom: 1px solid #e1e1e1;
	color: #333333;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.2;
}
.megadropHeadlineBlue {
	border-left-color: #189fc1;
	background: #d6eff5;
}
.megadropHeadlineGreen {
	border-left-color: #32a26e;
	background: #d8f7e9;
}
.megadropHeadlineOrange {
	border-left-color: #ee6826;
	background: #ffe7dc;
}
.megadropHeadlineRed {
	border-left-color: #ed4865;
	background: #ffe3e8;
}
.megadropHeadlinePurple {
	border-left-color: #3969cd;
	background: #dbe4f9;
}
.megadropButtons .grid.buttonWrap {
	display: table;
	margin-bottom: 15px;
}
.megadropButtons .grid.buttonWrap .button {
	position: relative;
	display: table-cell;
	padding-top: 10px;
	vertical-align: middle;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
}
.megadropButtons .grid.buttonWrap .button:hover {
	background: #e8f5fe;
	color: #2b5c7b !important;
}
.megadropButtons .grid.buttonWrap .button > span {
	padding: 5px 0 0;
}
.megadropButtons .grid.buttonWrap .button > span:before {
	display: none;
}
.megadropButtons .button-sz1 {
	width: 20%;
}
.megadropButtons .button-sz2 {
	width: 25%;
}
.megadropButtons .button-sz3 {
	width: 50%;
}
.megadropButtons .button-sz3 .button {
	font-size: 20px !important;
	font-size: 2rem !important;
}
.megadropButtons .button-left {
	clear: left;
}
.megadropButtons .buttonWrap:before {
	content: "";
	display: table-cell;
	width: 1px;
	height: 150px;
	vertical-align: top;
}
.megadropButtons .button-sz3 .button > .rowImage {
	position: relative;
}
.megadropButtons .button-sz3 .button > .rowImage > .buttonImage {
	position: absolute;
	top: 50%;
	left: 30px;
	margin-top: -46px;
}
.megadropButtons .button-sz3 .button > .rowImage > span {
	padding-left: 180px;
	padding-right: 140px;
}
.megadropClose {
	position: absolute;
	top: 25px;
	right: 0;
}
.button.megadropClose {
	padding: 10px 0 8px;
}
.button.megadropClose:active {
	position: absolute;
	top: 26px;
}
.button.megadropClose > span:before {
	width: 12px;
	height: 12px;
	background-image: url(/common/img/com_ic40.png);
}

/* ----- sp-navi ----- */
.sp-navi {
	display: none;
}
@media screen and (max-width: 767px) {
	.sp-navi {
		position: relative;
		display: block;
		border-top: 1px solid #dddddd;
		border-bottom: 1px solid #dddddd;
	}
	.is-zoom .sp-navi {
		display: none;
	}
	.sp-navi.is-fixed {
		position: fixed;
		top: 0;
		left: 0;
		right: auto;
		width: 100vw;
		min-width: 320px;
	}
	.sp-naviItem {
		float: left;
		width: 50%;
	}
	.sp-naviItem + .sp-naviItem {
		border-left: 1px solid #dddddd;
	}
	.sp-naviButton {
		position: relative;
		display: block;
		padding: 15px 30px 15px 40px;
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
		color: #000000 !important;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		text-align: center;
		text-decoration: none !important;
		line-height: 1.2;
	}
	.sp-naviButton:before {
		content: "";
		position: absolute;
		top: 50%;
		display: block;
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	.sp-naviButton.sp-naviMenu:before {
		left: 10px;
		width: 20px;
		height: 18px;
		margin-top: -9px;
		background-image: url(/common/img/com_ic10.png);
		background-size: 20px auto;
	}
	.sp-naviButton.sp-naviAtm:before {
		left: 13px;
		width: 22px;
		height: 27px;
		margin-top: -14px;
		background-image: url(/common/img/com_ic08.png);
		background-size: 70px auto;
		background-position: -48px 0;
	}
	
	/* sp-menu */
	.js-sp-menuOverlay {
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(0,0,0,0.7);
		width: 100%;
		display: none;
		z-index: 90;
	}
	.sp-menu {
		overflow-y: scroll;
		-webkit-overflow-scrolling : touch;
		position: absolute;
		top: 50px;
		left: 0;
		display: none;
		padding-bottom: 1px;
		background: #ffffff;
		width: 100%;
		z-index: 100;
	}
	.sp-menu > *:last-child {
		margin-bottom: 0 !important;
	}
	.sp-menu .sp-buttonTitle {
		display: block;
		margin-bottom: 5px;
		color: #ffffff;
		font-weight: bold;
	}
	.sp-menu .sideLogin {
		margin: 0;
		padding: 15px 3% 15px;
	}
	.sp-menu .sideLogin > .buttonLogin > a {
		-webkit-border-radius: 0;
			-moz-border-radius: 0;
		border-radius: 0;
		background: none;
	}
	.sp-menu .buttonLogin img {
		width: 300px;
	}
	.sp-menu .sideLogin > .iconLinkWhite {
		display: none;
	}
	
	/* globalNavi */
	.sp-menu #globalNavi li > a {
		position: relative;
		display: block;
		padding: 14px 40px 12px 14px;
		border-bottom: 1px solid #dddddd;
		color: #333333;
		text-decoration: none;
	}
	.sp-menu #globalNavi > ul > li > a {
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
	}
	.sp-menu #globalNavi > ul > li > a:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		display: block;
		width: 25px;
		height: 25px;
		margin-top: -13px;
		background: url(/common/img/com_ic09.png) no-repeat 0 -25px;
		background-size: 50px auto;
	}
	.sp-menu #globalNavi > ul > li.has-child > a:after {
		background-position: 0 0;
	}
	.sp-menu #globalNavi > ul > li.has-child > a.is-open:after {
		background-position: -25px 0;
	}
	.sp-menu #globalNavi [data-nav-dir] > li > a > img {
		display: none;
	}
	.sp-menu #globalNavi [data-nav-dir] > li > a {
		padding: 14px 20px 12px;
	}
	.sp-menu #globalNavi [data-nav-dir] > li > a:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 20px;
		display: block;
		width: 6px;
		height: 10px;
		margin-top: -5px;
		background: url(/common/img/com_link_ic05.png) no-repeat 0 0;
		background-size: 6px auto;
	}
	.sp-menu #globalNavi [data-nav-dir] > li:last-child > a {
		border-bottom: 1px solid #dddddd;
	}
}


/* siteUtility
------------------------------------------------------ */
.siteUtility {
	width: 1000px;
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
	.siteUtility {
		width: auto;
		max-width: 100vw;
	}
}

/* ----- breadcrumbs ----- */
#breadcrumbs {
	float: left;
	width: 850px;
	padding: 15px 0 30px;
}
#breadcrumbs li {
	float: left;
	font-size: 13px;
	font-size: 1.3rem;
}
#breadcrumbs li + li {
	position: relative;
	margin-left: 14px;
	padding-left: 16px;
}
#breadcrumbs li + li:before {
	content: "≫";
	position: absolute;
	top: 0;
	left: 0;
	color: #999999;
}
@media screen and (max-width: 767px) {
	#breadcrumbs {
		float: none;
		width: auto;
		padding: 10px 3% 20px;
		line-height: 1.2;
		overflow-x: auto;
	}
	#breadcrumbs ol {
		letter-spacing: -0.5em;
		white-space: nowrap;
	}
	#breadcrumbs ol > li {
		float: none;
		display: inline-block;
		margin-right: 10px;
		font-size: 10px;
		font-size: 1rem;
		letter-spacing: normal;
		white-space: nowrap;
	}
	#breadcrumbs ol > li + li {
		margin-left: 0;
		padding-left: 12px;
	}
	#breadcrumbs::-webkit-scrollbar {
		display: none; }
	#breadcrumbs::-webkit-scrollbar:horizontal {
		display: none; }
	#breadcrumbs::-webkit-scrollbar-thumb {
		display: none; }
	#breadcrumbs::-webkit-scrollbar-thumb:horizontal {
		display: none; }
}

/* ----- printModule ----- */
.printModule {
	float: right;
	margin-top: 15px;
	margin-bottom: 24px;
}
.printModule > a {
	position: relative;
	display: inline-block;
	border: 1px solid #777777;
	padding: 3px 12px 1px 32px;
	background-color: #ffffff;
	font-size: 13px;
	font-size: 1.3rem;
	color: #666666;
	text-decoration: none;
	/* border-radius */
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	border-radius: 3px;
}
.printModule > a:hover {
	background-color: #666666;
	color: #ffffff;
}
.printModule > a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 8px;
	display: block;
	width: 16px;
	height: 14px;
	margin-top: -7px;
	background: url(/common/img/com_ic01.png) no-repeat 0 0;
}
.printModule > a:hover:before {
	background-position: -16px 0;
}
@media screen and (max-width: 767px) {
	.printModule {
		display: none;
	}
}


/* contents
------------------------------------------------------ */
#contents {
	background: #ffffff;
	padding-bottom: 75px;
	/* box-shadow */
		-moz-box-shadow: 0px 16px 16px -16px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0px 16px 16px -16px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 16px 16px -16px rgba(0, 0, 0, 0.3);
}
.contentsBody {
	width: 1000px;
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
	#contents {
		padding-bottom: 40px;
	}
	.contentsBody {
		width: auto;
		padding: 0 3% 0;
	}
}

/* ----- main ----- */
#main {
	float: left;
	width: 740px;
}
#main > *:last-child {
	margin-bottom: 0 !important;
}
.is-wide #main,
.no-pageGrid #main {
	float: none;
	width: auto;
}
@media screen and (max-width: 767px) {
	#main {
		float: none;
		width: auto;
	}
}

/* ----- side ----- */
#side {
	float: right;
	width: 232px;
}
#side > *:last-child {
	margin-bottom: 0 !important;
}
.sideBanner {
	margin: 0 5px 20px;
	text-align: center;
}
.sideButton > .button {
	display: block;
}
@media screen and (max-width: 767px) {
	#side {
		float: none;
		width: auto;
		margin-top: 25px;
	}
	.sideBanners {
		margin: 0 -5px 15px;
		letter-spacing: -0.4em;
		text-align: center;
	}
	.sideBanners .sideBanner {
		width: 50%;
		letter-spacing: normal;
		display: inline-block;
		margin: 0 0 5px;
		padding: 0 5px;
		vertical-align: top;
	}
}

/* sideLogin */
.sideLogin {
	margin: 0 5px 20px;
	padding: 12px 10px 10px;
	background: #d81b60;
	text-align: right;
}
.sideLogin.biz-direct {
	background: #0e3881;
}
.sideLogin.gaitame-web {
	background: #f1e7c6;
}
.sideLogin.densi-kouhu {
	background: #1d8a31;
}
.sideLoginTitle,
.sideLogin.gaitame-web > h2,
.sideLogin.densi-kouhu > h2 {
	margin-bottom: 10px;
	text-align: center;
}
.sideLogin.densi-kouhu > h2 {
	line-height: 0;
}
.sideLoginTitle > img {
	width: 202px;
}
.sideLogin.gaitame-web > h2 > img {
	height: 34px;
}
.sideLogin.densi-kouhu > h2 > img {
	height: 16px;
}
.buttonLogin {
	text-align: center;
}
.sideLogin > .buttonLogin {
	margin-bottom: 10px;
}
.sideLogin > .buttonLogin > a {
	display: inline-block;
	/* border-radius */
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
	border-radius: 6px;
	/* box-shadow */
		-moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.7);
		-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.7);
}
.sideLogin .iconLinkWhite {
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.sideLogin {
		margin: 0 0 15px;
	}
	#side .sideLogin {
		margin: 0 -3.2% 15px;
	}
	.sideLogin.biz-direct .sideLoginTitle {
		width: 300px;
		height: 61px;
		margin-right: auto;
		margin-left: auto;
		background: url(/common/img/side_tx02_sp.png) no-repeat 0 0;
		background-size: 300px auto;
	}
	.sideLogin.biz-direct .sideLoginTitle > img {
		display: none;
	}
	.sideLogin > .buttonLogin > a {
		-webkit-border-radius: 0;
			-moz-border-radius: 0;
		border-radius: 0;
		background: none;
	}
	.buttonLogin img {
		width: 300px;
	}
	.sideLogin .sideLoginLink {
		margin-bottom: 5px;
		display: inline-block;
	}
	.buttonLoginIB > a,
	.buttonLoginII > a {
		display: inline-block;
		width: 300px;
		height: 70px;
		text-indent: -9999px;
		outline: none;
	}
	.buttonLoginIB > a {
		background: url(/common/img/side_bt01_sp.png) no-repeat 0 0 !important;
		background-size: 300px auto !important;
	}
	.buttonLoginII > a {
		background: url(/common/img/side_bt02_sp.png) no-repeat 0 0 !important;
		background-size: 300px auto !important;
	}
	.buttonLoginBD > a {
		display: inline-block;
		width: 300px;
		height: 59px;
		text-indent: -9999px;
		outline: none;
		background: url(/common/img/side_bt03_sp.png) no-repeat 0 0 !important;
		background-size: 300px auto !important;
	}
}

/* sideNavi */
.sideNavi {
	margin: 0 5px 20px;
	border: 1px solid #dddddd;
	border-bottom: 2px solid #dddddd;
	/* border-radius */
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
	border-radius: 1px;
	/* box-shadow */
		-moz-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.3);
}
.sideNaviCategory {
	display: block;
	padding: 18px 16px 15px;
	background: #0079c7;
	color: #ffffff;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.2;
}
a.sideNaviCategory {
	color: #ffffff;
	text-decoration: none;
}
a.sideNaviCategory:hover {
	text-decoration: underline;
}
.sideNaviMenu li > a {
	position: relative;
	display: block;
	padding: 14px 40px 12px 14px ;
	border-bottom: 1px solid #dddddd;
	color: #333333;
	text-decoration: none;
}
.sideNaviMenu li > a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	width: 10px;
	height: 16px;
	margin-top: -8px;
	background: url(/common/img/com_link_ic04.png) no-repeat 0 0;
}
.sideNaviMenu li > a:hover,
.sideNaviMenu li > a.is-current {
	background: #d2e7f0;
}
.sideNaviMenu li:last-child > a {
	border-bottom: none;
}
.sideNaviMenu li:last-child > .sideNaviMenu.stage2 {
	border-top: 1px solid #dddddd;
}
.sideNaviMenu.stage1 > li {
	background: #f7f7f7;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.4;
}
.sideNaviMenu.stage2 {
	display: none;
	padding: 0 6px;
}
.sideNaviMenu.stage2.is-open {
	display: block;
}
.sideNaviMenu.stage2 > li {
	background: #ffffff;
	font-size: 13px;
	font-size: 1.3rem;
}
.sideNaviMenu.stage2 > li > a {
	padding: 14px 20px 12px;
}
.sideNaviMenu.stage2 > li > a:after {
	right: 4px;
}
@media screen and (max-width: 767px) {
	.sideNavi {
		border: none;
		margin: 0 -3.2% 20px;
		/* box-shadow */
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
		box-shadow: none;
	}
	.sideNaviMenu.stage1 {
		border: 1px solid #dddddd;
	}
	.sideNaviMenu li > a:hover,
	.sideNaviMenu.stage1 > li {
		background: none;
	}
	.sideNaviMenu.stage1 > li > a {
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
	}
	.sideNaviMenu.stage1 > li > a:after {
		width: 25px;
		height: 25px;
		margin-top: -13px;
		background-image: url(/common/img/com_ic09.png);
		background-position: 0 -25px;
		background-size: 50px auto;
	}
	.sideNaviMenu.stage1 > li.has-child > a:after {
		background-position: 0 0;
	}
	.sideNaviMenu.stage1 > li.has-child > a.is-open:after {
		background-position: -25px 0;
	}
	.sideNaviMenu.stage2 {
		padding: 0;
	}
	.sideNaviMenu.stage2 > li > a {
		padding-right: 35px;
	}
	.sideNaviMenu.stage2 > li > a:after {
		right: 20px;
		width: 6px;
		height: 10px;
		margin-top: -5px;
		background-image: url(/common/img/com_link_ic05.png);
		background-position: 0 0;
		background-size: 6px auto;
	}
	.sideNaviMenu.stage2 > li:last-child > a {
		border-bottom: 1px solid #dddddd;
	}
	.sideNaviMenu.stage1 > li > a.is-current,
	.sideNaviMenu.stage2 > li > a.is-current {
		background: #d2e7f0;
	}
}

/* sideCta */
.sideCta {
	margin: 0 5px 20px;
}
.sp-sideCtaButton {
	display: none !important;
}
.sideCta .buttonSide {
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
}
.sideCta .buttonWrap {
	margin-bottom: 12px;
}
.sideCta .button {
	display: block;
}
.sideCta > *:last-child {
	margin-bottom: 0 !important;
}
.sideCta .buttonWrap + .sideCtaLinks {
	margin-top: 25px;
}
.sideCtaLinks {
	margin-bottom: 8px;
	border: 1px solid #dddddd;
	/* border-radius */
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
	border-radius: 1px;
	/* box-shadow */
		-moz-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.3);
}
.sideCtaLinks > li + li {
	border-top: 1px solid #dddddd;
}
.sideCtaLinks a {
	display: block;
	height: 39px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-color: #ffffff;
	text-indent: -9999px;
	outline: none;
}
.sideCtaLinks a:hover {
	background-color: #d2e7f0;
}
.sideCtaLinks.row > li {
	float: left;
	width: 50%;
}
.sideCtaLinks.row > li + li {
	border-top: none;
	border-left: 1px solid #dddddd;
}
.sideCtaLinks.row a {
	height: 92px;
	background-position: 50% 50%;
}
.sideCtaLinks a.iconRate {
	background-image: url(/common/img/side_cta_bt01.png);
}
.sideCtaLinks a.iconFee {
	background-image: url(/common/img/side_cta_bt02.png);
}
.sideCtaLinks a.iconMarket {
	background-image: url(/common/img/side_cta_bt03.png);
}
.sideCtaLinks a.iconPlan {
	background-image: url(/common/img/side_cta_bt04.png);
}
.sideCtaLinks a.iconInquiry {
	background-image: url(/common/img/side_cta_bt05.png);
}
.sideCtaLinks a.iconSeminar {
	background-image: url(/common/img/side_cta_bt06.png);
}
.sideCtaLinks a.iconQa {
	background-image: url(/common/img/side_cta_bt07.png);
}
.sideCtaLinks a.iconTrouble {
	background-image: url(/common/img/side_cta_bt08.png);
}
.sideCtaLinks a.iconBankcode {
	background-image: url(/common/img/side_cta_bt09.png);
}
@media screen and (max-width: 767px) {
	.sideCta {
		margin: 0 0 15px;
	}
	.sideCta:after {
		content:" ";
		display:block;
		clear:both;
	}
	.sideCta .buttonSide {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.sideCta .sideCtaButtons {
		margin-top: 20px;
		letter-spacing: -0.4em;
		text-align: center;
	}
	.sideCtaButtons .buttonWrap {
		display: inline-block;
		width: 120px;
		margin-bottom: 15px;
		padding: 0 8px;
		letter-spacing: normal;
		vertical-align: top;
	}
	.sideCta .buttonWrap .buttonAtm,
	.sideCta .buttonWrap .buttonSeminar {
		padding: 0;
		border: none;
		/* border-radius */
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
		border-radius: 0;
		background: none;
		/* box-shadow */
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
		box-shadow: none;
	}
	.sideCta .buttonWrap .buttonAtm > span,
	.sideCta .buttonWrap .buttonSeminar > span {
		padding: 0;
		font-size: 13px;
		font-size: 1.3rem;
	}
	.sideCta .buttonWrap .buttonAtm > span:before,
	.sideCta .buttonWrap .buttonSeminar > span:before {
		display: none;
	}
	.sideCta .sideCtaLinks.row {
		letter-spacing: -0.4em;
		text-align: center;
		margin-bottom: 15px;
	}
	.sideCta .sideCtaLinks.row + * {
		clear: both;
	}
	.sp-sideCtaButton {
		position: relative;
		display: block !important;
		height: 70px;
		margin-bottom: 8px;
	}
	.sp-sideCtaButton:after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		display: block;
	}
	.sideCtaLinks {
		border: none;
		margin-bottom: 10px;
		/* border-radius */
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
		border-radius: 0;
		background: none;
		/* box-shadow */
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
		box-shadow: none;
	}
	.sideCtaLinks > li + li {
		border-top: none;
		margin-top: 10px;
	}
	.sideCtaLinks.row > li + li {
		border-left: none;
	}
	.sideCtaLinks a {
		position: relative;
		height: auto;
		padding: 15px 15px 13px 48px;
		border: 1px solid #dddddd;
		/* border-radius */
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
		border-radius: 3px;
		background: none !important;
		color: #000000;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		line-height: 1.2;
		text-decoration: none;
		text-indent: 0;
	}
	.sideCtaLinks a:before {
		content: "";
		position: absolute;
		top: 50%;
		display: block;
		background-repeat: no-repeat;
		background-repeat: 0 0;
	}
	.sideCtaLinks.row > li {
		float: none;
		border: none;
		display: inline-block;
		width: 120px;
		letter-spacing: normal;
		padding: 0 8px;
		vertical-align: top;
	}
	.sideCtaLinks.row > li + li {
		margin-top: 0;
	}
	.sideCtaLinks.row a {
		height: auto;
		padding: 0;
		background: none;
		border: none;
		/* border-radius */
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
		border-radius: 0;
		font-size: 13px;
		font-size: 1.3rem;
		text-align: center;
	}
	.sideCtaLinks.row a:before {
		display: none;
	}
	.sideCtaLinks.row a .sp-sideCtaButton {
		margin-bottom: 16px;
	}
	.buttonAtm .sp-sideCtaButton:after {
		width: 37px;
		height: 45px;
		margin-top: -23px;
		margin-left: -19px;
		background: url(/common/img/com_ic08.png) no-repeat -11px 0;
		background-size: 70px auto;
	}
	.buttonSeminar .sp-sideCtaButton:after {
		width: 45px;
		height: 40px;
		margin-top: -20px;
		margin-left: -23px;
		background: url(/common/img/com_ic41.png) no-repeat -11px 0;
		background-size: 56px auto;
	}
	.sideCtaLinks .iconRate .sp-sideCtaButton:after {
		width: 41px;
		height: 37px;
		margin-top: -19px;
		margin-left: -21px;
		background: url(/common/img/side_cta_bt01_sp.png) no-repeat 0 0;
		background-size: 41px auto;
	}
	.sideCtaLinks .iconFee .sp-sideCtaButton:after {
		width: 63px;
		height: 40px;
		margin-top: -20px;
		margin-left: -32px;
		background: url(/common/img/side_cta_bt02_sp.png) no-repeat 0 0;
		background-size: 63px auto;
	}
	.sideCtaLinks a.iconMarket:before {
		left: 14px;
		width: 22px;
		height: 12px;
		margin-top: -6px;
		background-image: url(/common/img/side_cta_bt03_sp.png);
		background-size: 22px auto;
	}
	.sideCtaLinks a.iconPlan:before {
		left: 16px;
		width: 18px;
		height: 16px;
		margin-top: -8px;
		background-image: url(/common/img/side_cta_bt04_sp.png);
		background-size: 18px auto;
	}
	.sideCtaLinks a.iconInquiry:before {
		left: 18px;
		width: 13px;
		height: 21px;
		margin-top: -11px;
		background-image: url(/common/img/side_cta_bt05_sp.png);
		background-size: 13px auto;
	}
	.sideCtaLinks a.iconSeminar:before {
		left: 12px;
		width: 26px;
		height: 23px;
		margin-top: -12px;
		background-image: url(/common/img/side_cta_bt06_sp.png);
		background-size: 26px auto;
	}
	.sideCtaLinks a.iconQa:before {
		left: 19px;
		width: 13px;
		height: 20px;
		margin-top: -10px;
		background-image: url(/common/img/side_cta_bt07_sp.png);
		background-size: 13px auto;
	}
	.sideCtaLinks a.iconTrouble:before {
		left: 16px;
		width: 18px;
		height: 18px;
		margin-top: -9px;
		background-image: url(/common/img/side_cta_bt08_sp.png);
		background-size: 18px auto;
	}
	.sideCtaLinks a.iconBankcode:before {
		content: normal;
		display: none;
	}
}


/* footer
------------------------------------------------------ */
#footer {
	position: relative;
	margin-top: 80px;
	background: #ffffff;
	/* box-shadow */
		-moz-box-shadow: 0px -16px 16px -16px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0px -16px 16px -16px rgba(0, 0, 0, 0.3);
	box-shadow: 0px -16px 16px -16px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 767px) {
	#footer {
		margin-top: 0;
		/* box-shadow */
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
		box-shadow: none;
	}
	#footer #globalNavi > ul {
		margin: 0 3% 20px;
		border-top: 1px solid #dddddd;
		border-left: 1px solid #dddddd;
	}
	#footer #globalNavi > ul > li {
		float: left;
		display: table;
		width: 50%;
		border-right: 1px solid #dddddd;
		border-bottom: 1px solid #dddddd;
	}
	#footer #globalNavi > ul > li:last-child:not(:nth-child(2n)) {
		float: none;
		clear: both;
		width: 100%;
		text-align: center;
	}
	#footer #globalNavi > ul > li:before {
		content: "";
		display: table-cell;
		width: 1px;
		height: 55px;
		vertical-align: top;
	}
	#footer #globalNavi > ul > li > a {
		display: table-cell;
		padding: 5px 9px;
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
		color: #000000;
		font-size: 13px;
		font-size: 1.3rem;
		text-decoration: none;
		font-weight: bold;
		line-height: 1.2;
		vertical-align: middle;
	}
}
#footer.footerMinimum {
	margin-top: 0;
	padding: 10px 0;
	background: #0d357a;
	/* box-shadow */
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	box-shadow: none;
}
.footerMinimum .footerLegal small {
	margin-top: 0;
	color: #ffffff;
	font-size: 15px;
	font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
	.footerMinimum .footerLegal small {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

/* ----- footerGuide ----- */
.footerGuide {
	width: 1000px;
	margin: 0 auto;
	padding: 35px 0 110px;
}
.footerGuide > .partition {
	width: 26%;
	padding: 0 20px 0 19px;
}
.footerGuide > .partition:first-child {
	width: 24%;
	padding-left: 0;
}
.footerGuide > .partition:last-child {
	width: 24%;
	padding-right: 0;
}
.footerGuideMenu {
	padding-left: 20px;
}
.footerGuideMenu > li {
	position: relative;
}
.footerGuideMenu > li + li {
	margin-top: 30px;
}
.footerGuideMenu > li:before {
	content: "";
	position: absolute;
	top: 0.65em;
	left: -20px;
	display: block;
	width: 12px;
	height: 3px;
	background: #0079c7;
}
.footerGuideMenu > li > a {
	color: #555555;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
}
.footerGuideMenu .subMenu {
	margin-top: 15px;
}
.footerGuideMenu .subMenu > li + li {
	margin-top: 10px;
}
.footerGuideMenu .subMenu > li > a {
	color: #0099cc;
	font-size: 13px;
	font-size: 1.3rem;
}
.footerGuideMenu > li > a:hover,
.footerGuideMenu .subMenu > li > a:hover {
	color: #d81b28;
}
@media screen and (max-width: 767px) {
	.footerGuide {
		display: none;
	}
}

/* ----- footerUtility ----- */
.footerUtility {
	background: #abdeff;
	padding-top: 1px;
}
.footerUtilityBody {
	position: relative;
	min-height: 272px;
	margin-top: -50px;
	padding: 85px 0 40px;
	background: url(/common/img/footer_bg01.png) no-repeat 50% 100%;
	z-index: 5;
}
@media screen and (max-width: 767px) {
	.footerUtility {
		padding-top: 0;
	}
	.footerUtilityBody {
		position: relative;
		min-height: inherit;
		margin-top: 0;
		padding: 5px 3% 10px;
	}
}

/* footerLinks */
.footerLinks {
	width: 600px;
	margin: 0 auto;
	letter-spacing: -0.5em;
	text-align: center;
}
.footerLinks > li {
	display: inline-block;
	letter-spacing: normal;
	margin-top: 10px;
	padding: 0 19px;
	border-left: 1px solid #7b9aad;
	border-right: 1px solid #738ea0;
	line-height: 1.2;
}
.footerLinks > li:first-child {
	border-left: none;
}
.footerLinks > li:last-child {
	border-right: none;
}
.footerLinks > li > a {
	font-size: 13px;
	font-size: 1.3rem;
	color: #333333;
}
.footerLinks > li > a:hover {
	color: #d81b28;
}
@media screen and (max-width: 767px) {
	.footerLinks {
		width: auto;
		margin-top: 10px;
		letter-spacing: normal;
		text-align: left;
	}
	.footerLinks > li {
		display: block;
		margin-top: 0;
		padding: 0;
		border-left: none;
		border-right: none;
	}
	.footerLinks > li + li {
		margin-top: 10px;
	}
	.footerLinks > li > a {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

/* footerLegal */
.footerLegal {
	width: 600px;
	margin: 0 auto;
	text-align: center;
}
.footerLegal small {
	display: block;
	margin-top: 10px;
	font-size: 12px;
	font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
	.footerLegal {
		width: auto;
		text-align: center;
	}
	.footerLegal small {
		font-size: 10px;
		font-size: 1rem;
	}
	.footerLegal small + small {
		margin-top: 5px;
	}
}

/* ----- pagetop ----- */
#pagetop {
	position: absolute;
	top: -20px;
	right: 50%;
	margin-right: -500px;
}
#pagetop > a {
	display: block;
	width: 135px;
	height: 40px;
	background: url(/common/img/com_pagetop_bt01.png) no-repeat 0 0;
	text-indent: -9999px;
	outline: none;
}
#pagetop > a:hover {
	background-position: 0 -40px;
}
@media screen and (max-width: 767px) {
	#pagetop {
		position: fixed;
		top: auto;
		right: 10px;
		bottom: 30px;
		margin-right: 0;
		z-index: 50;
	}
	#pagetop > a,
	#pagetop > a:hover {
		width: 50px;
		height: 50px;
		background: url(/common/img/com_pagetop_bt01_sp.png) no-repeat 0 0;
		background-size: 50px auto;
	}
	#pagetop.stop {
		position: absolute;
		top: 0;
		bottom: auto;
	}
}


/* utilityNavi
------------------------------------------------------ */
#utilityNavi {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 200;
}
#utilityNavi.is-fixed {
	right: 50%;
	margin-right: -575px;
}
#utilityNavi ul {
	border: 3px solid #ffffff;
	background: #ffffff;
	/* border-radius */
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	border-radius: 3px;
	/* box-shadow */
		-moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.3),0px 2px 5px 0px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.3),0px 2px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.3),0px 2px 5px 0px rgba(0, 0, 0, 0.1);
}
#utilityNavi ul > li + li {
	border-top: 1px solid #ffffff;
}
#utilityNavi ul > li > a {
	display: block;
	width: 59px;
	height: 65px;
	text-indent: -9999px;
	outline: none;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #0e3881;
}
#utilityNavi ul > li > a.naviLinkAtm {
	background-image: url(/common/img/com_nv01.png);
}
#utilityNavi ul > li > a.naviLinkRate {
	background-image: url(/common/img/com_nv02.png);
}
#utilityNavi ul > li > a.naviLinkFee {
	background-image: url(/common/img/com_nv03.png);
}
#utilityNavi ul > li > a.naviLinkMarket {
	background-image: url(/common/img/com_nv04.png);
}
#utilityNavi ul > li > a.naviLinkCsr {
	background-image: url(/common/img/com_nv05.png);
}
#utilityNavi ul > li > a.naviLinkSustainability {
	background-image: url(/common/img/com_nv07.png);
}
#utilityNavi ul > li > a:hover {
	background-color: #2d66c9;
}
#utilityNavi .js-pagetop {
	display: block;
	width: 65px;
	height: 65px;
	margin-top: 20px;
	border: 3px solid #ffffff;
	background: url(/common/img/com_nv06.png) no-repeat 50% 50% #0e3881;
	/* border-radius */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	border-radius: 5px;
	/* box-shadow */
		-moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.3),0px 2px 5px 0px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.3),0px 2px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.3),0px 2px 5px 0px rgba(0, 0, 0, 0.1);
	text-indent: -9999px;
	outline: none;
}
#utilityNavi .js-pagetop:hover {
	background-color: #2d66c9;
}
@media screen and (max-width: 767px) {
	#utilityNavi {
		display: none;
	}
}


/* readspeaker
------------------------------------------------------ */
#main > #readspeakerModule {
	display: none;
}
@media screen and (min-width: 768px) {
	#readspeakerModule {
		position: relative;
		float: right;
		margin-top: 15px;
		margin-right: 8px;
	}
	#readspeaker_button1 a > img:hover {
		opacity: 0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha(opacity=80)";
		zoom: 1;
	}
	#readspeakerModule #xp1 {
		position: absolute;
		top: 0;
		left: -238px;
		width: 230px !important;
	}
	.has-speaker #breadcrumbs {
		width: 740px;
	}
}
@media screen and (max-width: 767px) {
	#readspeakerModule {
		display: none;
	}
}

/* ======================================================
 OTHER
====================================================== */
/* Clearfix
------------------------------------------------------ */
.headerBody:after,
#globalNavi:after,
#globalNavi > ul:after,
#globalNavi + .categoryNavi [data-nav-dir="corporation"].is-active:after,
.sp-navi:after,
.siteUtility:after,
#breadcrumbs > ol:after,
.contentsBody:after,
.sideBanners:after,
#footer #globalNavi > ul:after,
.footerGuide:after {
	content:" ";
	display:block;
	clear:both;
}

/* Print
------------------------------------------------------ */
@media print {
	#header.is-fixed .headerNavi {
		position: relative;
		top: auto;
		left: auto;
	}
	#header.is-fixed {
		padding-bottom: 0 !important;
	}
	#utilityNavi,
	.siteUtility #readspeakerModule {
		display: none !important;
	}
}