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


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


.relative { position: relative;}






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

 head

----------------------------------------------------*/
/*.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 20px; text-align: center; color: #eb6100; padding: 50px 0 0; box-sizing: border-box;}*/
.header { margin: 10px 0 50px;}
.header h2 { height: 80px; font-size: 46px; line-height: 80px; color: #073190; background: #ffe109; margin: 0 0 0; padding: 0 0 0; text-align: center;}
.header .hedImg { width: 100%; margin: 0 auto 0; padding: 0;}
.header .hedImg img { width: 100%; height: auto;}

/*.hedImg { width: 100%; height: 480px; background: url(../images/recruit/senior_voice/hedImg.jpg) center center no-repeat; background-size: cover; margin: 0 auto 50px; color: #FFF; padding: 0; box-sizing: border-box; position: relative;}
.hedImg::before { position: absolute; content: ""; top: 0; left: 0; border-top: 0 solid transparent; border-right: 450px solid transparent; border-bottom: 200px solid transparent; border-left: 450px solid rgba( 255,226,0,0.8); z-index: 10;}
.hedImg h2 { font-size: 46px; color: #0b318f; padding: 30px 0 0 30px; position: relative; z-index: 20;}*/


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



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

 sec01

----------------------------------------------------*/
.sec01 { width: 100%; margin: 0;}
.sec01 .inner { max-width: 960px; margin: 0 auto 120px; text-align: center;}
.sec01 .inner h2 { font-size: 108px; font-family: Arial, Helvetica, sans-serif;}
.sec01 .inner h3 { font-size: 22px; font-weight: normal;}

.sec01 .icon01 { position: absolute; top: 37px; left: -46px; }
.sec01 .icon02 { position: absolute; top: 55px; left: 945px; }
.sec01 .icon03 { position: absolute; top: 183px; left: 281px; }
.sec01 .icon04 { position: absolute; top: 185px; left: 616px; }
.sec01 .icon05 { position: absolute; top: 0; left: 0; }
.sec01 .icon06 { position: absolute; top: 0; left: 0; }
.sec01 .icon07 { position: absolute; top: 0; left: 0; }
.sec01 .icon08 { position: absolute; top: 0; left: 0; }
.icon09 { position: absolute; top: 0; left: 0; }
.icon10 { position: absolute; top: 0; left: 0; }
.icon11 { position: absolute; top: 0; left: 0; }
.icon12 { position: absolute; top: 0; left: 0; }
.icon13 { position: absolute; top: 0; left: 0; }


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

 sec02

----------------------------------------------------*/
.sec02 { width: 100%; margin: 0 0 60px;}
.sec02 ul { max-width: 960px; margin: 0 auto; padding: 0; list-style: none;}
.sec02 ul li { width: 100%; margin: 0 auto 100px; padding: 0;}
.sec02 ul li:last-child { margin: 0 auto;}
.sec02 ul li .box { max-width: 960px; margin: 0 auto 30px; display: flex; align-items: center; align-content: center;}
.sec02 ul li .box .box01 { position: relative; margin: 0 30px 0 0;}
.sec02 ul li .box .box01 p { position: absolute;top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); color: #003894; font-size: 20px;}
.sec02 ul li .box .box01 img { max-width: 960px; margin: 0 auto;}
.sec02 ul li .box .box02 { flex-grow: 2;}
.sec02 ul li .box .box02 h3 { margin: 0 auto;}
.sec02 ul li .box .box02 p { font-size: 36px;}
.sec02 ul li .box .box02 p span { font-size: 18px;}
.sec02 ul li .box .box03 { padding: 0 0 0 100px; position: relative;}
.sec02 ul li .box .box03::before { content: url(../images/recruit/senior_voice/line.png); position: absolute; font-size: 50px; left: 0;}
.sec02 ul li .box .box03 p { font-size: 27px;}
.sec02 ul li .video { width: 100%; height: auto; margin: auto;}
.sec02 ul li .video #video { width: 100%; height: auto; margin: auto;}

  



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

 sec03

----------------------------------------------------*/
.sec03 { background: #fdfab2; margin: 0 0 60px; padding: 0 0 80px}
.sec03 .box { width: 960px; margin: 0 auto; padding: 60px 0; border-bottom: 4px dotted #EB6100;}
.sec03 .box .img { float: right; margin: 0 0 0 50px;}
.sec03 .box .hed { display: flex; margin: 0 0 40px;}
.sec03 .box .hed .box01 { background: url("../images/recruit/senior_voice/voiceBoxBg.png") center center no-repeat; background-size: cover; width: 208px; height: 122px; display: flex; align-items: center; justify-content: center; margin: 0 30px 0 0;}
.sec03 .box .hed .box01 p { font-size: 20px; text-align: center;}
.sec03 .box .hed .box02 { margin: 10px 0 0 0;}
.sec03 .box .hed .box02 .year { font-size: 19px; }
.sec03 .box .hed .box02 .name { font-size: 36px; letter-spacing: 0.1em;}
.sec03 .box .hed .box02 .name span { font-size: 14px;}
.sec03 .box .hed .box02 .keireki { font-size: 16px;}
.sec03 .box .txt {}
.sec03 .box .txt dl { margin: 0;}
.sec03 .box .txt dl dt { font-size: 24px; color: #EB6100; margin: 0 0 10px;}
.sec03 .box .txt dl dt::before { content: "◉";}
.sec03 .box .txt dl dd { font-size: 19px; margin: 0 0 20px;}
.sec03 .box .txt dl dd:last-of-type { margin: 0 0 0;}

.sec03 .bg01 { background: url("../images/recruit/senior_voice/sec03Bg01.png") center center no-repeat;}
.sec03 .bg02 { background: url("../images/recruit/senior_voice/sec03Bg02.png") center center no-repeat;}
.sec03 .bg03 { background: url("../images/recruit/senior_voice/sec03Bg03.png") center center no-repeat;}
.sec03 .bg04 { background: url("../images/recruit/senior_voice/sec03Bg04.png") center center no-repeat;}
.sec03 .bg05 { background: url("../images/recruit/senior_voice/sec03Bg05.png") center center no-repeat;}
.sec03 .bg06 { background: url("../images/recruit/senior_voice/sec03Bg06.png") center center no-repeat;}
.sec03 .bg07 { background: url("../images/recruit/senior_voice/sec03Bg07.png") center center no-repeat;}

  



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

 comRecruit

----------------------------------------------------*/
.comRecruit { width: auto; margin: auto; padding: 0; text-align: center;}
.comRecruit ul { width: 762px; margin: 100px auto; padding: 0; list-style: none; display: inline-flex; flex-flow: space-between;}
.comRecruit ul li { width: auto; margin: auto; padding: 0;}
.comRecruit ul li a { display: block; width: 228px; height: 72px; line-height: 72px; margin: auto; padding: 0; text-align: center; font-size: 19px; text-decoration: none;}
.comRecruit ul li a:hover { opacity: 0.6;}
.comRecruit ul li:nth-of-type(1) a { background: #003894; color: #FFF;}
.comRecruit ul li:nth-of-type(2) a { background: #ffe200; color: #003894;}
.comRecruit ul li:nth-of-type(3) a { background: #f39800; color: #003894;}



}

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


.relative { position: relative;}






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

 head

----------------------------------------------------*/
/*.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 20px; text-align: center; color: #eb6100; padding: 50px 0 0; box-sizing: border-box;}*/

.header { margin: 0 0 50px;}
.header h2 { height: 50px; font-size: 24px; line-height: 50px; color: #073190; background: #ffe109; margin: 0 0 0; padding: 0 0 0; text-align: center;}
.header .hedImg { width: 100%; margin: 0 auto 0; padding: 0;}
.header .hedImg img { width: 100%; height: auto;}

/*.hedImg { width: 100%; height: 300px; background: url(../images/recruit/senior_voice/hedImg.jpg) center center no-repeat; background-size: cover; margin: 0 auto 50px; color: #FFF; padding: 0; box-sizing: border-box; position: relative;}
.hedImg::before { position: absolute; content: ""; top: 0; left: 0; border-top: 0 solid transparent; border-right: 280px solid transparent; border-bottom: 150px solid transparent; border-left: 280px solid rgba( 255,226,0,0.8); z-index: 10;}
.hedImg h2 { font-size: 30px; color: #0b318f; padding: 20px 0 0 20px; position: relative; z-index: 20;}*/


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



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

 sec01

----------------------------------------------------*/
.sec01 { width: 100%; margin: 0;}
.sec01 .inner { max-width: 100%; margin: 0 auto 120px; text-align: center;}
.sec01 .inner h2 { font-size: 50px; font-family: Arial, Helvetica, sans-serif;}
.sec01 .inner h3 { font-size: 18px; font-weight: normal;}

.sec01 .icon01 { position: absolute; top: 94px; left: -64px; }
.sec01 .icon02 { position: absolute; top: 55px; left: 945px; }
.sec01 .icon03 { position: absolute; top: 137px; left: 315px; }
.sec01 .icon04 { position: absolute; top: 185px; left: 616px; }
.sec01 .icon05 { position: absolute; top: 0; left: 0; }
.sec01 .icon06 { position: absolute; top: 0; left: 0; }
.sec01 .icon07 { position: absolute; top: 0; left: 0; }
.sec01 .icon08 { position: absolute; top: 0; left: 0; }
.icon09 { position: absolute; top: 0; left: 0; }
.icon10 { position: absolute; top: 0; left: 0; }
.icon11 { position: absolute; top: 0; left: 0; }
.icon12 { position: absolute; top: 0; left: 0; }
.icon13 { position: absolute; top: 0; left: 0; }


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

 sec02

----------------------------------------------------*/
.sec02 { width: 96%; margin: 0 auto 10%;}
.sec02 ul { max-width: 100%; margin: 0 auto; padding: 0; list-style: none;}
.sec02 ul li { width: 100%; margin: 0 auto 70px; padding: 0;}
.sec02 ul li:last-child { margin: 0 auto;}
.sec02 ul li .box { max-width: 100%; margin: 0 auto 30px; display: block; align-items: center; align-content: center;}
.sec02 ul li .box .box01 { position: relative; margin: 0 0 10px 0; text-align: center;}
.sec02 ul li .box .box01 p { position: absolute;top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); color: #003894; font-size: 18px;}
.sec02 ul li .box .box01 img { max-width: 960px; margin: 0 auto;}
.sec02 ul li .box .box02 { flex-grow: 2; text-align: center;}
.sec02 ul li .box .box02 h3 { margin: 0 auto;}
.sec02 ul li .box .box02 p { font-size: 26px;}
.sec02 ul li .box .box02 p span { font-size: 16px;}
.sec02 ul li .box .box03 { padding: 20px 0 0 0; position: relative; text-align: center;}
.sec02 ul li .box .box03::before { content: ""; position: absolute; font-size: 50px; left: 0;}
.sec02 ul li .box .box03 p { font-size: 18px;}
.sec02 ul li .video { width: 100%; height: auto; margin: auto;}
.sec02 ul li .video #video { width: 100%; height: auto; margin: auto;}

  



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

 sec03

----------------------------------------------------*/
.sec03 { background: #fdfab2; margin: 0 0 60px; padding: 0 2% 80px}
.sec03 .box { width: 100%; margin: 0 auto; padding: 60px 0; border-bottom: 4px dotted #EB6100;}
.sec03 .box .img { float: none; margin: 0 auto 5%; width: 90%;}
.sec03 .box .img img { width: 100%; height: auto;}
.sec03 .box .hed { display: inherit; margin: 0 0 40px;}
.sec03 .box .hed .box01 { background: url("../images/recruit/senior_voice/voiceBoxBg.png") center center no-repeat; background-size: cover; width: 208px; height: 122px; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.sec03 .box .hed .box01 p { font-size: 20px; text-align: center;}
.sec03 .box .hed .box02 { margin: 10px 0 0 0; text-align: center;}
.sec03 .box .hed .box02 .year { font-size: 17px; }
.sec03 .box .hed .box02 .name { font-size: 28px; letter-spacing: 0.1em;}
.sec03 .box .hed .box02 .name span { font-size: 14px;}
.sec03 .box .hed .box02 .keireki { font-size: 14px;}
.sec03 .box .txt {}
.sec03 .box .txt dl { margin: 0;}
.sec03 .box .txt dl dt { font-size: 20px; color: #EB6100; margin: 0 0 10px;}
.sec03 .box .txt dl dt::before { content: "◉";}
.sec03 .box .txt dl dd { font-size: 16px; margin: 0 0 20px;}
.sec03 .box .txt dl dd:last-of-type { margin: 0 0 0;}

.sec03 .bg01 { background: none;}
.sec03 .bg02 { background: none;}
.sec03 .bg03 { background: none;}
.sec03 .bg04 { background: none;}
.sec03 .bg05 { background: none;}
.sec03 .bg06 { background: none;}
.sec03 .bg07 { background: none;}

  



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

 comRecruit

----------------------------------------------------*/
.comRecruit { width: auto; margin: auto; padding: 0; text-align: center;}
.comRecruit ul { width: 100%; margin: 50px auto; padding: 0; list-style: none; display: block; flex-flow: space-between;}
.comRecruit ul li { width: auto; margin: 15px auto; padding: 0;}
.comRecruit ul li a { display: block; width: 230px; height: 50px; line-height: 50px; margin: auto; padding: 0; text-align: center; font-size: 16px; text-decoration: none;}
.comRecruit ul li a:hover { opacity: 0.6;}
.comRecruit ul li:nth-of-type(1) a { background: #003894; color: #FFF;}
.comRecruit ul li:nth-of-type(2) a { background: #ffe200; color: #003894;}
.comRecruit ul li:nth-of-type(3) a { background: #f39800; color: #003894;}







}