@charset "UTF-8";
html {font-size: 62.5%; height: 100%;}
body {width: 100%; height: 100%; margin: 0; padding: 60px 0 0;  font-family: 'Noto Sans Japanese', sans-serif; background: #FFF; font-size: 1.4rem; line-height: 1.2; -webkit-text-size-adjust: 100%; font-weight: 400 !important;}
a {color:#000000; text-decoration: none; transition: color 0.3s, border-color 0.3s;}
a:active, a:focus {outline: none;}
a:link {color: #333; text-decoration: none;}
a:visited {	color: #333; text-decoration: none;}
button {border: none; background: none;}
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.displayPC{display: none;}
.displaySP{display: block;}
header{width:100%; height: 60px; padding: 10px 10px 10px 10px; display: block; border-bottom: 1px solid #e0e0e0; position: fixed; top: 0; background: #fff; z-index: 950;}
header:after {content:""; clear: both;	display: block;}
header img{width: auto; height: 80%; padding-top: 5px;}
header div{float: right;}
/*＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠*/
nav{display: none !important;}
nav.menu { position: relative; min-height: 45px;　height: 100%;}
nav.menu_sm {display: none;}
.menu > ul > li {list-style: none; display: inline-block; line-height: 45px; font-size: 16px; font-size: 1.6rem; font-weight: bold;}
.menu > ul li a {text-decoration: none; display: block; padding: 0px 15px;}
.menu > ul li a:hover {color: #000; transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s;}
.burgerBtn {position: relative; display: inline-block; width: 40px; height: 30px; margin:0; float:right;z-index: 1200;}
.burgerBtn span {margin: 0 auto; position: relative; top: 12px; -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}
.burgerBtn span:before, .burgerBtn span:after {position: absolute; content: '';}
.burgerBtn span, .burgerBtn span:before, .burgerBtn span:after {width: 40px; height: 6px; background-color: #000; display: block;}
.burgerBtn span:before {margin-top: -12px; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s;}
.burgerBtn span:after {margin-top: 12px; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s;}
.overlay{ width:260px; height: 100%; padding: 30px 30px 30px; opacity: 0; position: fixed; top: 60px; right: 0 !important; left: auto; background: #ffffff; transition: .75s; display: none !important; float: right;  border-left:1px solid #dedede;}
.overlay ul{margin:0;}
.overlay ul li { text-align: right; margin-bottom: 20px;}
.overlay p{ margin-bottom: 20px; font-size: 1.8rem; font-weight: bold; text-align: right; line-height: 80%;}
.overlay p span{font-size: 1.4rem;}
.overlay p:nth-last-child(2) {margin-bottom: 50px}
.overlay-show { opacity: 1; z-index: 850; display: block !important;}
/*＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠*/
body > div { width: 100%; margin: 0 auto; padding: 0;}
body > div#topInnner{width: 100%; padding: 0 !important;}
body > div > section{ width: 96%; margin: 0 auto; padding: 0 2%;}
body > div > section#topSection{ width: 100%; padding: 0; margin: 0;}
footer{margin: 40px 0 40px; font-size: 1.2rem; text-align: center;}
footer:after {content: ""; clear: both; display: block;}
footer address{font-style: normal;}
h2{margin: 0;}
h2 span{font-size: 1.8rem; background: #0071be; margin: 0 0 20px; padding: 15px 20px 10px; color: #fff; line-height: 1.2; display: block;}
h3{font-size: 1.6rem;margin:0 0 20px; padding: 15px 10px 13px; background: #fff; border: 3px solid #0071be; color: #0071be; line-height: 1; border-radius: 5px;}
p{margin: 0; padding: 0;}
ul{margin: 0; padding:0;}
ul li{list-style: none;}
.mb1{margin-bottom: 1em !important;}
.mb30{margin-bottom: 30px !important;}
.mb40{margin-bottom: 40px !important;}
.mb60{margin-bottom: 60px !important;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px !important;}
table {	border-collapse: collapse; border-spacing: 0;}
nav{z-index: 800;}
nav a:hover *{opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
nav p{font-size: 2.2rem; font-weight: bold; line-height:1; display: block;}
nav p span{ font-size: 1.2rem;}
ul#bread{margin: 20px 0 30px;}
ul#bread:after {content:""; clear: both;	display: block;}
ul#bread li{ float: left; font-size: 1.2rem;}
ul#bread li:after{content: ">"; padding: 0 10px;}
ul#bread li:last-child:after{content:none;}
ul#bread li a{ text-decoration: underline;}
ul#bread li a:hover{opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
#topImg div:first-of-type img{width: 100%; height: auto;}
#topImg div:last-of-type{ display: none;}
#topFooter{width: 100%; padding: 20px 0; text-align: center; color: #fff; font-size: 2.2rem; background: #00338b; line-height: 1; position: absolute; top: 60px; opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; z-index: 700; }
#topFooter span{font-size: 1.5rem;}
.CorporateDl{border-bottom:1px solid #C8C8C8;}
.CorporateDl:after, .CareerDl:after{content:""; clear: both;	display: block;}
.CorporateDl > dt, .CorporateDl > dd{ padding: 5px 0 0;}
.CorporateDl > dt{ padding: 20px 0 5px; font-weight: bold; border-top:1px solid #C8C8C8; font-size: 1.7rem;}
.CorporateDl > dd{ margin: 0 0 10px;}
.CorporateDl > dd > ul{ width: 100%;}
.CorporateDl > dd > ul li{ padding-bottom: 5px;}
.CorporateDl > dd > table tr th,.CorporateDl > dd > table tr td{ padding-bottom: 20px; vertical-align: top; }
.CorporateDl > dd > table tr td{ padding-right: 10px;}
.CorporateDl > dd > dl{margin: 0;}
.CorporateDl > dd > dl > dt{ font-weight: bold;}
.CorporateDl > dd > dl > dd{margin: 0 0 10px; padding: 0;}
.CorporateDl > dd > dl > dt >a.GMlink{padding: 2px 5px; background: #0071be; color: #fff; border-radius: 5px; font-size: 1.2rem;}
#careerBtn li a{ width: 100%; margin:0 auto 20px; padding: 35px 0 30px;  display: block; text-align: center; border: 2px solid #c6c6c6; border-radius: 5px;}
#careerBtn:after{content:""; clear: both;	display: block;}
.CareerDl{margin: 0; border-bottom: 1px solid #AFAFAF; border-right: 1px solid #AFAFAF; border-left: 1px solid #AFAFAF;}
.CareerDl > dt, .CareerDl > dd{ padding: 10px; border-top: 1px solid #AFAFAF; }
.CareerDl > dt{ padding: 10px; font-weight: bold; background: #eee; line-height: 1; }
.CareerDl > dd{ margin: 0; }
.CareerDl > dd > ul li{ padding-bottom: 6px; line-height: 1.2; }
@media screen and (min-width: 768px), print{
	body{padding: 80px 0 0;}
	h2 span{margin:30px 4% 0 200px;  padding: 35px 30px 30px; font-size: 2.2rem;}
	h2{padding: 0 !important;}
	header{height: 80px; padding: 20px 20px 0 80px;}
	header img{width: 360px; height: 42px; padding: 0;}
	.burgerBtn{display: none;}
	.overlay{display: none !important;}
	#topFooter{ width: 100%; padding-left: 240px; font-size: 2.8rem; top: 80px; right: 4%;}
	.displayPC{display: block;}
	.displaySP{display: none;}
	body > div { width: 100%; height: 100%; padding: 0 ; float: left;}
	nav{ width: 200px; height: 100%; min-height: 100%; padding: 0 20px 0 0; float: left; text-align: right; background: #fff; position: fixed; left: 0; display: block !important; z-index: 900 }
	nav p:first-child{margin: 30px 0 20px; font-size: 2rem; letter-spacing: 1px; }
	nav p:nth-last-child(3) {margin: 0 0 20px; }
	nav p:nth-last-child(2) {margin: 0 0 120px; font-size: 1.8rem;}
	nav p:nth-last-child(2) a:hover{opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
	nav ul li{ width: 180px; margin: 0 0 20px;}
	nav ul li:last-child{margin: 0 0 35px;}
	.overlay{display: none;}
	.overlay-show{display: none;}
	body > div > section{ width: 880px; padding: 0 0 0 200px; float: left;}
	body > div > section#topSection{ width: 96%; padding: 0;}
	footer{margin: 0; padding: 20px 0 20px 0; }
	#topSection footer{margin:0;  padding: 20px 0 20px 200px; }
	#topImg div img:hover{opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
	#topImg div:first-of-type{display: none;}
	#topImg div:last-of-type{ display: block;}
	#topImg div:last-of-type{ padding: 0 0 0 200px; }
	#topImg div:last-of-type img{ width: 100%; height: auto; display: block;}
	.CorporateDl{width: 680px; border-bottom:1px solid #C8C8C8;}
	.CorporateDl > dt, .CorporateDl > dd { float: left; margin: 0; padding: 20px 0 !important; border-top:1px solid #C8C8C8;}
	.CorporateDl > dt{ width: 128px; padding: 0; font-size: 1.4rem;}
	.CorporateDl > dd{ width: 550px; background: #fff; }
	.CorporateDl > dd.ddfix{ padding: 20px 0  40px!important; }
	.CorporateDl > dd > dl dt,.CorporateDl > dd > dl dd{width: 100%; float: left;}
	.CorporateDl > dd > dl > dt >a.GMlink:hover{opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
	#careerBtn{width: 620px;  margin: 30px auto 200px;}
	#careerBtn li a{ width: 300px; height: 140px; float: left; margin: 0 10px 0 0;}
	#careerBtn li a:hover{opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
	.CareerDl{width: 680px; background: #eee;}
	.CareerDl > dt, .CareerDl > dd{  float: left;}
	.CareerDl > dt{ width: 148px; line-height: 1.4;}
	.CareerDl > dd{ width: 530px; line-height: 1.4; background: #fff; border-left: 1px solid #AFAFAF;}	
}
@media print{
	body{padding: 0;}
	header{position: static;}
	nav{display: none !important;}
	h2{margin: 0 auto;}
	body > div > section{margin: 0 auto; padding: 0;}	
	#topFooter {padding: 20px 0;}
	#topImg div:last-of-type {padding: 0;}	
	h2{ margin: 30px 0 0 0; padding: 35px 30px 30px;}	
	#topSection footer{text-align: center; padding: 0;}
}