@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: #0b318f; background: #f39800; 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/job_infomation/hedImg.jpg) center center no-repeat; background-size: cover; margin: 80px auto 50px; color: #FFF; padding: 0; box-sizing: border-box; position: relative;}

.hedImg h2 { height: 80px; font-size: 46px; color: #0b318f; margin: -80px 0 0; 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;}
.sec01 h2 { width: 100%; text-align: center; margin: 0 0 50px; font-size: 90px; font-family: Arial, Helvetica, sans-serif; transform: rotate( -5deg);}
.sec01 h3 { width: 100%; text-align: center; margin: 0 0 30px;}
.sec01 dl { width: 820px; margin: 0 auto 100px;}
.sec01 dl dt { width: 100%; margin: 0 0 20px; color: #eb6100; font-size: 24px;}
.sec01 dl dd { width: 100%; margin: 0 0 40px; font-size: 21px; line-height: 36px;}

.sec01 .icon01 { position: absolute; top: -28px; left: 116px; }
.sec01 .icon02 { position: absolute; top: 169px; left: 152px; }
.sec01 .icon03 { position: absolute; top: 111px; left: 958px; }
.sec01 .icon04 { position: absolute; top: 272px; left: 351px; }
.sec01 .icon05 { position: absolute; top: 288px; left: 865px; }
.sec01 .icon06 { position: absolute; top: 547px; left: 797px; }
.sec01 .icon07 { position: absolute; top: 541px; left: 968px; }
.sec01 .icon08 { position: absolute; top: 726px; left: 1045px; }
.sec01 .icon09 { position: absolute; top: 937px; left: 633px; }
.sec01 .icon10 { position: absolute; top: 1000px; left: 766px; }
.sec01 .icon11 { position: absolute; top: 956px; left: 964px; }
.sec01 .icon12 { position: absolute; top: 1313px; left: 1032px; }
.sec01 .icon13 { position: absolute; top: 1523px; left: 967px; }
.sec01 .icon14 { position: absolute; top: 1674px; left: 292px; }
.sec01 .icon15 { position: absolute; top: 1697px; left: 753px; }
.sec01 .icon16 { position: absolute; top: 1848px; left: 920px; }
.sec01 .icon17 { position: absolute; top: 2089px; left: 867px; }
.sec01 .icon18 { position: absolute; top: 2207px; left: 547px; }
.sec01 .icon19 { position: absolute; top: 2452px; left: 874px; }
.sec01 .icon20 { position: absolute; top: 2566px; left: 585px; }





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

 sec02

----------------------------------------------------*/
.sec02 { width: 100%; margin: 80px auto 80px; padding: 70px 0; background: url(../images/recruit/job_infomation/sec02Bg.gif) 0 0 repeat;}
.sec02 .bg { width: 100%; margin: 0; padding: 0; background: url(../images/recruit/job_infomation/sec02Bg2.png) center top no-repeat;}
.sec02 .inner { max-width: 960px; margin: auto; padding: 0;}
.sec02 .inner .box01 { width: auto; margin: auto auto 60px; padding: 0;}
.sec02 .inner .box01 img { width: 100%; margin: 0 0 10px;}
.sec02 .inner .box01 p { text-align: center;}

.sec02 .inner .box02 { width: auto; margin: auto; padding: 0;}
.sec02 .inner .box02 img { width: auto; margin: auto;}

.sec02 .inner .box03 { width: 100%; margin: auto; padding: 0;}
.sec02 .inner .box03 img { width: auto; margin: -100px auto 50px;}
.sec02 .inner .box04 { width: auto; margin: auto auto 30px; padding: 0; display: flex; justify-content: space-between;}
.sec02 .inner .box04 img:nth-of-type(1) { width: auto; margin: 0;}
.sec02 .inner .box04 img:nth-of-type(2) { width: auto; margin: 0 -20px 0 0;}

.sec02 .inner .box05 { width: 960px; margin: auto; padding: 0;}
.sec02 .inner .box05 img { width: 100%; margin: auto; padding: 0;}
.sec02 .inner .box06 { width: 960px; margin: -100px 20px 0 auto; padding: 0; text-align: right;}
.sec02 .inner .box07 { width: 960px; margin: auto auto 20px; padding: 0;}
.sec02 .inner .box08 { width: 960px; margin: auto; padding: 0; text-align: right;}
.sec02 .inner .box09 { width: 960px; margin: -200px 30px 0; padding: 0; position: relative;}
.sec02 .inner .box10 { width: 960px; margin: -150px 0 0 0; padding: 0; text-align: right;}
.sec02 .inner .box10 { width: 960px; margin: auto; padding: 0;}
.sec02 .inner .box11 { width: 960px; margin: auto; padding: 0;}
.sec02 .inner .box11 img { width: 100%; margin: auto; padding: 0;}









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

 sec03

----------------------------------------------------*/
.sec03 { max-width: 960px; padding: 0 0 60px; margin: 0 auto;}
.sec03 .btn01 { width: 100%; margin: 0 auto 80px; background: #eaf0f5;}
.sec03 .btn01 a { display: block; background: #eb6100; color: #FFF; text-align: center; height: 120px; padding: 10px 0 0; box-sizing: border-box; text-decoration: none; font-size: 54px;}
.sec03 .btn01 a span { display: block; font-size: 20px; margin: -10px 0 0;}
.sec03 .btn02 { width: 100%; margin: 0 auto 0;}
.sec03 .btn02 a { display: block; background: #003894; color: #FFF; text-align: center; height: 120px; padding: 40px 0 0; box-sizing: border-box; text-decoration: none; font-size: 30px;}

  
.sec03 .btn01 a:hover { opacity: 0.6;}
.sec03 .btn02 a:hover { opacity: 0.6;}







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

 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: #0b318f; background: #f39800; 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/job_infomation/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( 235,94,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: 960px; margin: 0 auto;}
.sec01 h2 { width: 100%; text-align: center; margin: 0 0 50px; font-size: 50px; font-family: Arial, Helvetica, sans-serif; transform: rotate( -5deg);}
.sec01 h3 { width: 100%; text-align: center; margin: 0 0 30px;}
.sec01 h3 img { width: 50%;}
.sec01 dl { width: 96%; margin: 0 auto 50px;}
.sec01 dl dt { width: 100%; margin: 0 0 10px; color: #eb6100; font-size: 20px;}
.sec01 dl dd { width: 100%; margin: 0 0 30px; font-size: 16px; line-height: 28px;}

.sec01 .icon01 { position: absolute; top: -29px; left: -68px; }
.sec01 .icon02 { position: absolute; top: 123px; left: -75px; }
.sec01 .icon03 { position: absolute; top: 111px; left: 958px; }
.sec01 .icon04 { position: absolute; top: 241px; left: 354px; }
.sec01 .icon05 { position: absolute; top: 288px; left: 865px; }
.sec01 .icon06 { position: absolute; top: 547px; left: 797px; }
.sec01 .icon07 { position: absolute; top: 541px; left: 968px; }
.sec01 .icon08 { position: absolute; top: 726px; left: 1045px; }
.sec01 .icon09 { position: absolute; top: 937px; left: 633px; }
.sec01 .icon10 { position: absolute; top: 1000px; left: 766px; }
.sec01 .icon11 { position: absolute; top: 956px; left: 964px; }
.sec01 .icon12 { position: absolute; top: 1313px; left: 1032px; }
.sec01 .icon13 { position: absolute; top: 1523px; left: 967px; }
.sec01 .icon14 { position: absolute; top: 1674px; left: 292px; }
.sec01 .icon15 { position: absolute; top: 1697px; left: 753px; }
.sec01 .icon16 { position: absolute; top: 1848px; left: 920px; }
.sec01 .icon17 { position: absolute; top: 2089px; left: 867px; }
.sec01 .icon18 { position: absolute; top: 2207px; left: 547px; }
.sec01 .icon19 { position: absolute; top: 2452px; left: 874px; }
.sec01 .icon20 { position: absolute; top: 2566px; left: 585px; }





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

 sec02

----------------------------------------------------*/
.sec02 { width: 100%; margin: 80px auto 40px; padding: 10% 0; background: url(../images/recruit/job_infomation/sec02Bg.gif) 0 0 repeat;}
.sec02 .inner { max-width: 100%; margin: auto 5%; padding: 0;}
.sec02 .inner .box01 { width: 100%; margin: auto auto 20px; padding: 0;}
.sec02 .inner .box01 img { width: 100%; margin: 0 0 10px;}
.sec02 .inner .box01 p { text-align: center;}

.sec02 .inner .box02 { width: 80%; margin: 0 auto 20px; padding: 0;}
.sec02 .inner .box02 img { width: 100%; margin: auto;}

.sec02 .inner .box03 { width: 100%; margin: 0 auto 20px; padding: 0;}
.sec02 .inner .box03 img { width: 100%; margin: 0 auto 10px;}
.sec02 .inner .box03 p { text-align: center;}
.sec02 .inner .box04 { width: auto; margin: auto auto 30px; padding: 0; display: flex; justify-content: space-between;}
.sec02 .inner .box04 img:nth-of-type(1) { width: 48.5%; margin: 0;}
.sec02 .inner .box04 img:nth-of-type(2) { width: 48.5%; margin: 0 -1% 0 0;}

.sec02 .inner .box05 { width: 100%; margin: auto auto 20px; padding: 0;}
.sec02 .inner .box05 img { width: 100%; margin: auto; padding: 0;}
.sec02 .inner .box05 p { text-align: center;}
.sec02 .inner .box06 { width: 100%; margin: auto; padding: 0;}
.sec02 .inner .box06 img { width: 95%; margin: 0 auto 10px;}
.sec02 .inner .box07 { width: 100%; margin: auto auto 10px; padding: 0;}
.sec02 .inner .box07 img { width: 100%; margin: 0 auto;}
.sec02 .inner .box08 { width: 100%; margin: auto auto 20px; padding: 0;}
.sec02 .inner .box08 img { width: 100%; margin: 0 auto;}
.sec02 .inner .box09 { width: 100%; margin: auto; padding: 0;}
.sec02 .inner .box09 img { width: 114%; margin: 0 -7%;}
.sec02 .inner .box10 { width: 100%; margin: -150px 0 0 0; padding: 0; text-align: right;}
.sec02 .inner .box10 { width: 80%; margin: auto auto 30px; padding: 0;}
.sec02 .inner .box10 img { width: 100%; margin: auto; padding: 0;}
.sec02 .inner .box11 { width: 100%; margin: auto; padding: 0;}
.sec02 .inner .box11 img { width: 105%; margin: auto; padding: 0;}
.sec02 .inner .box11 p { text-align: center; margin: -20px 0 0;}








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

 sec03

----------------------------------------------------*/
.sec03 { max-width: 100%; padding: 0 0 20px; margin: 0 auto;}
.sec03 .btn01 { width: 96%; margin: 0 auto 20px; background: #eaf0f5;}
.sec03 .btn01 a { display: block; background: #eb6100; color: #FFF; text-align: center; height: 100px; padding: 10px 0 0; box-sizing: border-box; text-decoration: none; font-size: 40px;}
.sec03 .btn01 a span { display: block; font-size: 20px; margin: -10px 0 0;}
.sec03 .btn02 { width: 96%; margin: 0 auto 0;}
.sec03 .btn02 a { display: block; background: #003894; color: #FFF; text-align: center; height: 100px; padding: 30px 0 0; box-sizing: border-box; text-decoration: none; font-size: 30px;}

  
.sec03 .btn01 a:hover { opacity: 0.6;}
.sec03 .btn02 a:hover { opacity: 0.6;}







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

 comRecruit

----------------------------------------------------*/
.comRecruit { width: auto; margin: auto; padding: 0; text-align: center;}
.comRecruit ul { width: 100%; margin: auto auto 50px; 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;}






}

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

 追加2022.07

----------------------------------------------------*/
.sec03 .container01 .btn01{
width:48% !important;
}

.sec03 .container01 .btn01 a{
font-size:40px !important;
}

.sec03 .container01 .btn01 a span {
font-size: 20px; margin: 0px 0 0;
}


.container01{
display:flex;
flex-wrap:wrap;
}

.container02{
display:flex;
flex-wrap:nowrap;
}

.container03{
display:flex;
flex-wrap:wrap-reverse;
}

.al-item01{
align-items:flex-end
}

.c-type01{
justify-content:space-between;
}

.c-type02{
justify-content:space-around;
}

.c-type03{
justify-content:flex-start;
}

.c-type04{
justify-content:center;
}

.entry_ttl{
color:#fff;
text-align:center;
background:#eb6102;
font-size:30px;
height:60px;
line-height:59px;
margin-bottom:26px;
}

.navi_link{
margin-bottom:46px;
}
.navi_link a:hover{
opacity:0.6;
}

.navi_link a:focus{
	outline:none;
}

/*
-----------------------------------------------
SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
.sec03 .container01 .btn01{
width:96% !important;
}

.sec03 .container01 .btn01 a{
font-size:36px !important;
}

.sec03 .container01 .btn01 a span {
font-size: 20px; margin: -5px 0 0;
}

.entry_ttl{
width:94% !important;
margin-left:auto;
margin-right:auto;
font-size:22px;
}

.navi_link div{
width:76% !important;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
}

.navi_link div img{
max-width:100%;
width:auto;
height:auto;
}

}