@charset "utf-8";
/* CSS Document */


/*PC*/
@media print, screen and (min-width: 600px) {


.relative { position: relative;}




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

 head

----------------------------------------------------*/
/*.wrapVideo { width: 100%; height: 480px; background: url(../images/recruit/index/hedImg.jpg) center center no-repeat; background-size: cover; margin: 0 auto 50px; text-align: center; color: #FFF; padding: 100px 0 0; box-sizing: border-box;}
.wrapVideo h2 { width: 100%; font-size: 66px; font-family:Arial, Helvetica, sans-serif;}*/

/*.wrapVideo { width: 100%; max-height: calc(100vh - 200px); margin: 0px auto 50px; overflow: hidden;}
.wrapVideo #video { width: 100%; margin: -100px auto auto;}*/
.wrapVideo { width: 100%; height: auto; margin: 0px auto 50px;}
.wrapVideo #video { width: 100%;}

/*.hedImg { width: 100%; height: 360px; background: url(../images/vision/hedImg.jpg) center center no-repeat; background-size: cover; margin: 0 auto 80px; text-align: center; color: #FFF; padding: 100px 0 0; box-sizing: border-box;}
.hedImg h2 { width: 100%; font-size: 66px; font-family:Arial, Helvetica, sans-serif;}
.hedImg p { width: 100%; font-size: 20px;}*/
.hedImg { width: 100%; height: auto; margin: 0 auto 80px; text-align: center; color: #eb6100; padding: 0 0 0; box-sizing: border-box;}
.hedImg h2 { width: 100%; font-size: 106px; font-family:Arial, Helvetica, sans-serif;}

.navBg ul li:nth-of-type(6) a { color: #eb6100;}













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

 job_infomation

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




.sec01 .icon01 { position: absolute; top: -103px; left: 171px; }
.sec01 .icon02 { position: absolute; top: -147px; left: 1144px; }
.sec01 .icon03 { position: absolute; top: -26px; left: 902px; }
.sec01 .icon04 { position: absolute; top: 79px; left: 13px; }
.sec01 .icon05 { position: absolute; top: 237px; left: 856px; }
.sec01 .icon06 { position: absolute; top: 210px; left: 1192px; }
.sec01 .icon07 { position: absolute; top: 433px; left: 1076px; }
.sec01 .icon08 { position: absolute; top: 662px; left: 1009px; }



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

 head

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


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

 sec01

----------------------------------------------------*/
.sec01 { width: 100%; margin: 0;}
.sec01 h2 { text-align: center; width: 100%; margin: 0 0 40px;}
.sec01 h2 img { border-radius: 30px 0 30px 0;}
.sec01 .inner { width: 800px; margin: auto auto 100px;}
.sec01 .inner h3 { color: #003894; font-size: 15px; text-align: center; font-family: Verdana, Geneva, sans-serif; margin: 0 0 10px;}
.sec01 .inner h3 span { position: relative; display: inline-block; margin-bottom: 1em;}
.sec01 .inner h3 span::before { content: ''; position: absolute; bottom: -10px; display: inline-block; width: 30px; height: 2px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #003894; border-radius: 2px;}
.sec01 .inner h4 { color: #003894; font-size: 22px; text-align: center; margin: 0 0 30px;}
.sec01 .inner p { font-size: 16px; line-height: 28px; margin: 0 0 85px;}



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

 sec02

----------------------------------------------------*/
.sec02 { width: 100%; margin: 0;}
.sec02 ul { list-style: none; margin: 0; padding: 0;}

.sec02 ul li:nth-of-type(1) {}
.sec02 ul li:nth-of-type(1) a { text-decoration: none; display: block;}
.sec02 ul li:nth-of-type(1) a h3 { font-size: 66px; color: #0a387c; text-align: center; margin: -300px auto 200px 50%; padding: 20px 60px; font-weight: normal; background: #ffe200; width: 480px;}
.sec02 ul li:nth-of-type(1) a h3 span { font-size: 26px; color: #0a387c; text-align: center; display: block;}
.sec02 ul li:nth-of-type(1) a .img { width: 60%; margin: 0 auto 0 0; height: 480px; background: url(../images/recruit/index/sec02Img01b.jpg) center center no-repeat; background-size: cover;}

.sec02 ul li:nth-of-type(1) a:hover h3 { font-size: 66px; color: #ffe200; text-align: center; margin: -300px auto 200px 50%; padding: 20px 60px; font-weight: normal; background: #0a387c; width: 480px;}
.sec02 ul li:nth-of-type(1) a:hover h3 span { font-size: 26px; color: #ffe200; text-align: center; display: block;}


.sec02 ul li:nth-of-type(2) {}
.sec02 ul li:nth-of-type(2) a { text-decoration: none; display: block;}
.sec02 ul li:nth-of-type(2) a h3 { font-size: 66px; color: #0a387c; text-align: center; margin: -300px 50% 200px auto; padding: 20px 60px; font-weight: normal; background: #f39800; width: 480px;}
.sec02 ul li:nth-of-type(2) a h3 span { font-size: 26px; color: #0a387c; text-align: center; display: block;}
.sec02 ul li:nth-of-type(2) a .img { width: 60%; margin: 0 0 0 auto; height: 480px; background: url(../images/recruit/index/sec02Img02.jpg) center center no-repeat; background-size: cover;}

.sec02 ul li:nth-of-type(2) a:hover h3 { font-size: 66px; color: #f39800; text-align: center; margin: -300px 50% 200px auto; padding: 20px 60px; font-weight: normal; background: #0a387c; width: 480px;}
.sec02 ul li:nth-of-type(2) a:hover h3 span { font-size: 26px; color: #f39800; text-align: center; display: block;}


a h3,
a h3 span,
a:hover h3,
a:hover h3 span {
	transition: all 0.5s  ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}




}

/*sp*/
@media only screen and (max-width: 599px) {


.relative { position: relative;}




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

 head

----------------------------------------------------*/
/*.wrapVideo { width: 100%; height: 300px; background: url(../images/recruit/index/hedImg.jpg) center center no-repeat; background-size: cover; margin: 0 auto 50px; text-align: center; color: #FFF; padding: 100px 0 0; box-sizing: border-box;}
.wrapVideo h2 { width: 100%; font-size: 66px; font-family:Arial, Helvetica, sans-serif;}*/

.wrapVideo { width: 100%; height: auto; margin: 0px auto 50px; overflow: hidden;}
.wrapVideo #video { width: 100%; margin: auto;}

/*.hedImg { width: 100%; height: 360px; background: url(../images/vision/hedImg.jpg) center center no-repeat; background-size: cover; margin: 0 auto 80px; text-align: center; color: #FFF; padding: 100px 0 0; box-sizing: border-box;}
.hedImg h2 { width: 100%; font-size: 66px; font-family:Arial, Helvetica, sans-serif;}
.hedImg p { width: 100%; font-size: 20px;}*/
.hedImg { width: 100%; height: auto; margin: 0 auto 80px; text-align: center; color: #eb6100; padding: 0 0 0; box-sizing: border-box;}
.hedImg h2 { width: 100%; font-size: 50px; font-family:Arial, Helvetica, sans-serif;}

.navBg ul li:nth-of-type(6) a { color: #eb6100;}













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

 job_infomation

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




.sec01 .icon01 { position: absolute; top: -50px; left: 345px; }
.sec01 .icon02 { position: absolute; top: -147px; left: 1144px; }
.sec01 .icon03 { position: absolute; top: -26px; left: 902px; }
.sec01 .icon04 { position: absolute; top: -46px; left: -20px; }
.sec01 .icon05 { position: absolute; top: 470px; left: -35px; }
.sec01 .icon06 { position: absolute; top: 430px; left: 333px; }
.sec01 .icon07 { position: absolute; top: 433px; left: 1076px; }
.sec01 .icon08 { position: absolute; top: 662px; left: 1009px; }



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

 head

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


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

 sec01

----------------------------------------------------*/
.sec01 { width: 100%; margin: 0;}
.sec01 h2 { text-align: center; width: 100%; margin: 0 0 40px;}
.sec01 h2 img { border-radius: 30px 0 30px 0;}
.sec01 .inner { width: 96%; margin: auto auto 100px;}
.sec01 .inner h3 { color: #003894; font-size: 15px; text-align: center; font-family: Verdana, Geneva, sans-serif; margin: 0 0 10px;}
.sec01 .inner h3 span { position: relative; display: inline-block; margin-bottom: 1em;}
.sec01 .inner h3 span::before { content: ''; position: absolute; bottom: -10px; display: inline-block; width: 30px; height: 2px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #003894; border-radius: 2px;}
.sec01 .inner h4 { color: #003894; font-size: 22px; text-align: center; margin: 0 0 30px;}
.sec01 .inner p { font-size: 16px; line-height: 28px; margin: 0 0 85px;}



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

 sec02

----------------------------------------------------*/
.sec02 { width: 100%; margin: 0;}
.sec02 ul { list-style: none; margin: 0; padding: 0;}

.sec02 ul li:nth-of-type(1) { margin: 0 0 5%}
.sec02 ul li:nth-of-type(1) a { text-decoration: none; display: block;}
.sec02 ul li:nth-of-type(1) a h3 { font-size: 30px; color: #0a387c; text-align: center; margin: 0 auto 0 0; padding: 10px 0; font-weight: normal; background: #ffe200; width: 100%;}
.sec02 ul li:nth-of-type(1) a h3 span { font-size: 18px; color: #0a387c; text-align: center; display: block;}
.sec02 ul li:nth-of-type(1) a .img { width: 100%; margin: 0 auto 0 0; height: 200px; background: url(../images/recruit/index/sec02Img01b.jpg) center center no-repeat; background-size: cover;}

.sec02 ul li:nth-of-type(1) a:hover h3 { font-size: 30px; color: #ffe200; text-align: center; margin: 0 auto 0 0; padding: 10px 0; font-weight: normal; background: #0a387c; width: 100%;}
.sec02 ul li:nth-of-type(1) a:hover h3 span { font-size: 18px; color: #ffe200; text-align: center; display: block;}


.sec02 ul li:nth-of-type(2) { margin: 0 0 5%}
.sec02 ul li:nth-of-type(2) a { text-decoration: none; display: block;}
.sec02 ul li:nth-of-type(2) a h3 { font-size: 30px; color: #0a387c; text-align: center; margin: 0 0 0 0; padding: 10px 0; font-weight: normal; background: #f39800; width: 100%;}
.sec02 ul li:nth-of-type(2) a h3 span { font-size: 18px; color: #0a387c; text-align: center; display: block;}
.sec02 ul li:nth-of-type(2) a .img { width: 100%; margin: 0 0 0 auto; height: 200px; background: url(../images/recruit/index/sec02Img02.jpg) center center no-repeat; background-size: cover;}

.sec02 ul li:nth-of-type(2) a:hover h3 { font-size: 30px; color: #f39800; text-align: center; margin: 0 0 0 0; padding: 10px 0; font-weight: normal; background: #0a387c; width: 100%;}
.sec02 ul li:nth-of-type(2) a:hover h3 span { font-size: 18px; color: #f39800; text-align: center; display: block;}



a h3,
a h3 span,
a:hover h3,
a:hover h3 span {
	transition: all 0.5s  ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}




}