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

#wrapper{
	width:100%;
	min-width:980px;
	}

.contsIn{
	width:980px;
	margin:auto;
	}

.maintxt{
	font-size:16px;
	color:#333;
	}

em{
	font-style:normal;
	}

/*--------------header----------------
-------------------------------------------*/

#sp_header{
	display:none;
	}

#pc_header{
	display: block;
	background-color: #fff;
	opacity: 0.87;

	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);/*IE8以下用*/
	overflow: hidden;
	padding: 20px 0 20px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	min-width: 980px;
	border-top: 3px solid #000;
	}

#pc_header img{
	float:left;
	}

#pc_header ul{
	float:right;}

#pc_header ul li{
	float:left;
	margin-left:25px;
	}

#pc_header ul li:hover{
	text-decoration:underline;
	}

#pc_header ul li.entry{
	background-color:#ffb607;
	padding:3px 10px 2px;
	margin-top:-5px;
	border-radius:5px;
	}

#pc_header ul li.entry:hover{
	text-decoration:none;
	background-color:#FF7D00;
	}

#pc_header ul li.entry a{
	color:#fff;
	font-weight:bold;
	font-size:17px;
	text-decoration:none;
	}

#pc_header ul li a{
	color:#333;
	font-size:14px;
	text-decoration:none;
	}

/*--------------mv----------------
-------------------------------------------*/
#mv{
	width:100%;
	position:relative;
	background-color:#ddd;
	background-image:url(/web/images/career_recruit/mv_bg.gif);
	height:auto;
	}

#mv .mvcontsIn{
	text-align:center;
	position:absolute;
	top:auto;
	left:50%;
	width:980px;
	margin-left:-490px;
	font-size:17px;
	line-height:1.7;
	}

#mv .mvcontsIn ul{
	margin-top:100px;
	overflow:hidden;
	}

#mv .mvcontsIn ul li{
	float:left;
	width:154px;
	margin-right:11px;
	position:relative;
	background-position:center center;
	background-size:100%;
	}

#mv .mvcontsIn ul li a{
	display:block;
	}

#mv .mvcontsIn ul li:last-child{
	margin-right:0px;
	}

#mv .mvcontsIn ul li img{
	display:block;
	padding-top:112px;
	}

#mv .mvcontsIn ul li.menu01{background-image:url(/web/images/career_recruit/menu01_bg.jpg);}
#mv .mvcontsIn ul li.menu02{background-image:url(/web/images/career_recruit/menu02_bg.jpg);}
#mv .mvcontsIn ul li.menu03{background-image:url(/web/images/career_recruit/menu03_bg.jpg);}
#mv .mvcontsIn ul li.menu04{background-image:url(/web/images/career_recruit/menu04_bg.jpg);}
#mv .mvcontsIn ul li.menu05{background-image:url(/web/images/career_recruit/menu05_bg.jpg);}
#mv .mvcontsIn ul li.menu06{background-image:url(/web/images/career_recruit/menu06_bg.jpg);}

#mv .mvcontsIn ul li:hover{
	-webkit-transition: all 0.35s ease;
    transition: all 0.4s ease;
	background-size:120%;
	}

.mv_sp{
	display:none;
	}

#mv .mvcontsIn h1{
	text-align: center;
	margin-bottom:40px;
	}




/*--------------title----------------
-------------------------------------------*/

.formTtl{
	background:url(/web/images/career_recruit/form_bg.gif);
	width:100%;
	padding:13px 0 10px;
	margin-top:70px;
	}

.formTtl h1{
	width:980px;
	margin:auto;
	color:#fff;
	font-SIZE:26px;
	}


/*--------------section----------------
-------------------------------------------*/
.sec{
	 padding:70px 0 100px;
	}

.sec h2{
	text-align:center;
	margin-bottom:70px;
	}

.sec h2 span{
	font-size:43px;
	color:#ffb607;
	text-align:center;
	font-weight:normal;
	}

/*--------------sec00----------------
-------------------------------------------*/
#sec00{
	background-image:url(/web/images/career_recruit/pic02.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
	font-size:17px;
	text-align:center;
	line-height:2.1;
	padding:100px 0;
	}

#sec00 .conts{
	width:750px;
	margin:auto;
	padding:70px 0;
	background-color: rgba(255,255,255,0.80);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);/*IE8以下用*/
	}

#sec00 .ttl{
	margin-bottom:60px;
	}

#sec00 .bold{
	display:block;
	font-weight:bold;
	margin-bottom:30px;
	}

#sec00 .orange{
	color:#ffb607;
	font-size:24px;
	font-weight:bold;
	}

/*--------------sec01----------------
-------------------------------------------*/
#sec01{
	padding:70px 0 0;
	background-image:url(/web/images/career_recruit/sec01_bg.gif);
	overflow:hidden;
	text-align:center;
	}

#sec01 .subttl{
	width:90%;
	margin:auto;
	}

#sec01 p{
	margin-top:25px;
	}

#sec01 .seijitsu{
	width:100%;
	margin:50px 0 0;
	background-image:url(/web/images/career_recruit/sec01_bg2.png);
	background-repeat:repeat-x;
	background-position:bottom;
	}

#sec01 .seijitsu_sp{
	display:none;
	}

/*--------------sec02----------------
-------------------------------------------*/

#sec02{
	background-image:url(/web/images/career_recruit/sec02_bg.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	}

#sec02 .job{
	background-color:#fff;
	display:table;
	width:980px;
	margin:30px auto 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #d9d9d9;
	}

#sec02 .job .block_left{
	display:table-cell;
	vertical-align:middle;
	}

#sec02 .job .block_right{
	display:table-cell;
	vertical-align:middle;
	padding:0 8px 0 15px;
	}

#sec02 .job dl{
	overflow:hidden;
	margin-bottom:3.5px;
	font-size:14px;
	}

#sec02 .job dl dt{
	float:left;
	}

#sec02 .job dl dd{
	padding-left:80px;
	}

#sec02 .bnr_area{
	margin-top:60px;
	text-align:center;
	}

/*--------------sec03----------------
-------------------------------------------*/

.imgp{
	width:100%;
	}

.imgp img{
	width:100%;
	}

#sec03{
	background-image:url(/web/images/career_recruit/sec03_bg.jpg);
	background-position:top center;
	background-attachment:fixed;
	background-repeat:no-repeat;
	overflow:hidden;
	text-align:center;
	background-size:cover;
	}

#sec03 .ttl{
	margin-top:70px;
	}

#sec03 ul{
	overflow:hidden;
	width:980px;
	margin:70px auto 15px;
	}

#sec03 ul li{
	float:left;
	margin-right:14px;
	}

#sec03 ul li:last-child{
	margin-right:none;
	}




/*--------------sec04----------------
-------------------------------------------*/

#sec04{
	background-color:#fff;
	}

#sec04 .faq{
	padding-bottom:30px;
	margin-bottom:25px;
	border-bottom:1px solid #dcdcdc;
	}


#sec04 .faq_non{
	margin-bottom:25px;
	}

#sec04 .q_area{
	overflow:hidden;
	}

#sec04 .a_area{
	overflow:hidden;
	margin-top:10px;
	}

#sec04 .q_area img,
#sec04 .a_area img{
	float:left;
	width:60px;
	margin-right:20px;
	}


#sec04 .a_area img{
	margin-left:50px;
	}

#sec04 .q_area p{
	float:left;
	width:880px;
	margin-top:15px;
	font-size:22px;
	/*color:#1B79B4;*/
	}

#sec04 .a_area p{
	float:left;
	width:830px;
	margin-top:20px;
	/*color:#1B79B4;
	font-weight:bold;*/
	font-size:16px;
	}

/*--------------sec05----------------
-------------------------------------------*/
#sec05{
	background-image:url(/web/images/career_recruit/pic03.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center top;
	text-align:center;
	padding-bottom:100px;
	}

#sec05 .btn{
	margin-top:100px;
	}




/*--------------footer---------------
-------------------------------------------*/
#footer{
	display:block;
	background-color:#3e97ce;
	width:100%;
	overflow:hidden;
	text-align:center;
	padding:40px 0;
	}

#footer ul{
	width:740px;
	margin:30px auto;
	overflow:hidden;
	}
#footer ul li{
	float:left;
	color:#fff;
	border-right:1px solid #fff;
	padding:0 15px;
	}

#footer ul li:last-child{
	float:left;
	color:#fff;
	border-right:none;
	padding:0 0 0 15px;
	}

#footer ul li a{
	color:#fff;
	text-decoration:none;
	font-size:16px;
	font-weight:normal;
	}

#footer ul li a:hover{
	text-decoration:underline;
	}

#footer .copy{
	font-size:12px;
	color:#fff;
	}

/*--------------paralax---------------
-------------------------------------------*/

.bg_all{
	height:400px;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:100%;
	margin:auto;
	}

#bg1{
	display: none;
	/*background-image:url(/web/images/career_recruit/pic01.jpg);
	background-position:50% 0;*/
	}

.tablet{
	display:none;
	}


@media (max-width:800px){

#wrapper{
	width:100%;
	min-width:100%;
	}

.contsIn{
	width:98%;
	margin:0 1%;
	}

/*--------------header----------------
-------------------------------------------*/

#pc_header{
  display:none;
}
#sp_header{
	width:100%;
    background-color: #fff;
	overflow:hidden;
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	border-top:3px solid #000;
	}
#sp_header .headerTb{
  background-color: #fff;
  display:table;
  width:98%;
  overflow:hidden;
  float:right;
  padding:10px 1%;
}


#sp_header .logo{
  width:40%;
  display:table-cell;
  vertical-align:middle;
}

.headerTb .menuBtn{
  float:none;
  width:10%;
  background-image:url(/web/images/career_recruit/heaer_menu.png);
  background-repeat:no-repeat;
  background-posotion:bottom center;
  background-size:contain;
  cursor:pointer;
  display:table-cell;
  vertical-align:middle;
}

.headerTb .menuBtn.op{
  background-image:url(/web/images/career_recruit/heaer_menu_close.png);
}
.headerTb .menuBtn.cl{
  background-image:url(/web/images/career_recruit/heaer_menu.png);
}

#sp_header .entry{
  display:table-cell;
  vertical-align:middle;
  width:18%;
  padding-right:3%;
  }


/*------------------------------------------------------------
	TB gNav
----------------*/

#sp_header .tabgNav{
  display:none;
  background-color: #fff;
  width:100%;
  height:auto;
  position:relative;
  overflow:hidden;
  border-top:3px solid #4474c9;
  border-bottom:3px solid #4474c9;
}

#sp_header .tabgNav .contArea{
  width:100%;
   margin:0;
}

#sp_header .tabgNav .contArea li{
  margin:0;
  display:block;
  min-height:auto;
  float:left;
  width:50%;
  border-bottom:1px solid #ccc;
  box-sizing:border-box;
}

#sp_header .tabgNav .contArea li:nth-child(2n-1){
	border-right:1px solid #ccc;
	}

#sp_header .tabgNav .contArea li a{
  height:auto;
  padding:15px 20px;
  color:#333;
  display:block;
  vertical-align:middle;
  background-color: #fff;
  background-image:url(/web/images/career_recruit/icn_arrow_sp.png);
  background-repeat:no-repeat;
  background-position:99% center;
  text-align:left;
  text-decoration:none;
  font-size:16px;
}

/*--------------mv----------------
-------------------------------------------*/
#mv .mvcontsIn{
	width:100%;
	left:50%;
	margin-left:-50%;
	}

#mv h1{
	width:60%;
	margin:auto;
	}

#mv .mvcontsIn ul{
	margin:50px auto;
	overflow:hidden;
	width:522px;
	}

#mv .mvcontsIn ul li{
	width:154px;
	float:left;
	margin-right:30px;
	margin-bottom:30px;
	}

#mv .mvcontsIn ul li:nth-child(3n){
	margin-right:0px;
	}





/*--------------section----------------
-------------------------------------------*/
.sec{
	 padding:30px 0 30px;
	}

.sec h2{
	font-size:26px;
	color:#1b79b4;
	text-align:center;
	margin-bottom:30px;
	}

.sec h2 span{
	font-size:38px;
	color:#ffb607;
	text-align:center;
	font-weight:normal;
	}


/*--------------sec00----------------
-------------------------------------------*/

#sec00{
	font-size:16px;
	text-align:center;
	line-height:1.8;
	padding:80px 0;
	background-attachment:scroll;
	}

#sec00 .conts{
	width:80%;
	margin:auto;
	padding:50px 5%;
	}

#sec00 .ttl{
	margin-bottom:40px;
	}

#sec00 .bold{
	margin-bottom:20px;
	}

#sec00 .orange{
	font-size:22px;
	display:block;
	line-height:1.4;
	}




/*--------------sec01----------------
-------------------------------------------*/
#sec01{
	padding:70px 0 0;
	}

#sec01 p{
	margin-top:25px;
	padding:0 5%;
	}

#sec01 .seijitsu{
	width:100%;
	margin:50px 0 0;
	background-image:url(/web/images/career_recruit/sec01_bg2.png);
	background-repeat:repeat-x;
	background-position:bottom;
	}

#sec01 .seijitsu_sp{
	display:none;
	}

#sec01 .seijitsu img{
	width:90%;
	margin:auto;
	}

/*--------------sec02----------------
-------------------------------------------*/


#sec02 .job{
	background-color:transparent;
	display:block;
	width:100%;
	margin:30px auto 0;
	border:none;
	}

#sec02 .job .block_left{
	display:block;
	text-align:center;
	}

#sec02 .job .block_right{
	width:85%;
	display:block;
	padding:0;
	margin:20px auto 40px;
	}

#sec02 .job dl dt{
	float:left;
	}

#sec02 .job dl dd{
	padding-left:5em;
	}

#sec02 .bnr_area img{
	width:80%;
	margin:30px auto 0;
	}

/*--------------sec03----------------
-------------------------------------------*/

#sec03{
	overflow:hidden;
	background-size:cover;
	background-attachment:scroll;
	}

#sec03 .ttl{
	margin:30px auto 40px;
	}

#sec03 ul{
	overflow:hidden;
	width:96%;
	margin:70px auto 15px;
	}

#sec03 ul li{
	float:left;
	margin-right:1%;
	width:24%;
	}

#sec03 ul li:last-child{
	margin-right:none;
	}

.flow{
	width:94%;
	margin:0 auto 30px;
	}


#sec03 .pc_only{
	display:none;
	}

/*--------------sec04----------------
-------------------------------------------*/


#sec04 .faq{
	padding-bottom:25px;
	margin-bottom:25px;
	}

#sec04 .faq_non{
	margin-bottom:15px;
	}

#sec04 .q_area{
	overflow:hidden;
	}

#sec04 .a_area{
	overflow:hidden;
	margin-top:10px;
	}

#sec04 .q_area img,
#sec04 .a_area img{
	float:left;
	width:8%;
	margin-right:4%;
	}


#sec04 .a_area img{
	margin-left:0px;
	}

#sec04 .q_area p{
	float:left;
	width:86%;
	margin-top:3%;
	font-weight:bold;
	}

#sec04 .a_area p{
	float:left;
	width:79%;
	margin-top:5%;
	}



/*--------------sec05----------------
-------------------------------------------*/
#sec05{
	background-size:cover;
	background-position:center center;
	text-align:center;
	padding-bottom:100px;
	background-attachment:scroll;
	}

#sec05 .btn{
	margin-top:100px;
	}

/*--------------title----------------
-------------------------------------------*/

.formTtl{
	background:url(/web/images/career_recruit/form_bg.gif);
	width:100%;
	padding:13px 0 10px;
	}

.formTtl h1{
	width:98%;
	margin:0 1%;
	color:#fff;
	font-size:26px;
	}



/*--------------paralax---------------
-------------------------------------------*/

.bg_all{
	display:none;
}

.tablet{
	display:block;
	}



/*--------------footer---------------
-------------------------------------------*/

#footer ul{
	width:640px;
	margin:30px auto;
	overflow:hidden;
	}
#footer ul li{
	float:left;
	color:#fff;
	border-right:1px solid #fff;
	padding:0 6px;
	}

#footer ul li:last-child{
	float:left;
	color:#fff;
	border-right:none;
	padding:0 0 0 6px;
	}

}

@media (max-width:570px){


#mv{
	display:none;
	}


.mv_sp{
	background-image:url(/web/images/career_recruit/mv_bg.gif);
	overflow:hidden;
	display:block;
	padding:20px 2%;
	text-align:center;
	}

.mv_sp h1{
	text-align:center;
	width:80%;
	margin:40px auto 30px;
	}

.mv_sp ul{
	margin:40px auto 20px;
	overflow:hidden;
	width:90%;
	}

.mv_sp li{
	width:48%;
	float:left;
	margin-bottom:20px;
	margin-right:4%;
	}

.mv_sp li:nth-child(2n){
	margin-right:0;
	}

.mv_sp li img{
	width:100%;
	}



.mv_sp ul li a{
	display:block;
	}






/*--------------footer---------------
-------------------------------------------*/
#footer img{
	width:30%;

	}

#footer ul{
	width:100%;
	margin:30px auto;
	overflow:hidden;
	}

#footer ul li{
	width:32%;
	float:left;
	color:#fff;
	border-right:none;
	padding:10px 0;
	text-align:center;
	}

#footer ul li:last-child{
	padding:10px 0;
	}

#footer .copy{
	font-size:14px;
	color:#fff;
	}

#footer ul .spBrC{
	overflow:hidden;
	display:block;
	width:100%;
	margin:auto;
	}


#footer .spBrC li{
	width:32%;
	text-align:center;
	}



 /*--------------mv----------------
-------------------------------------------*/
#mv{
	background-image:none;
	height:0;
	}

.mv_sp{
	display:block;
	}

.mv_sp h1{
	text-align:center;
	color:#fff;
	font-size:40px;
	padding:0;
	}

.mv_sp h1 span{
	font-size:14px;
	font-weight:normal;
	display:block;
	}



.mv_sp .bg_blue{
	background-color:#4071CB;
	width:100%;
	padding:20px 0;
	background-image:url(/web/images/career_recruit/form_bg.gif);
	}



/*--------------sec00----------------
-------------------------------------------*/

#sec00{
	font-size:14px;
	line-height:1.8;
	padding:50px 0;
	}

#sec00 .conts{
	width:92%;
	padding:50px 2%;
	}

#sec00 .ttl{
	width:90%;
	margin:auto;
	margin-bottom:30px;
	}

#sec00 .bold{
	margin-bottom:15px;
	font-size:18px;
	}

#sec00 .orange{
	font-size:22px;
	display:block;
	line-height:1.4;
	}


/*--------------sec01----------------
-------------------------------------------*/
#sec01{
	padding:40px 0 0;
	}

#sec01 p{
	margin-top:25px;
	padding:0 5%;
	}

#sec01 .seijitsu{
	display:none;
	}

#sec01 .seijitsu_sp{
	display:block;
	margin:20px 0 50px;
	}

#sec01 .seijitsu img{
	width:90%;
	margin:auto;
	}


/*--------------sec02----------------
-------------------------------------------*/
#sec02{
	padding-top:40px;
	}

#sec02 .ttl{
	width:90%;
	margin:auto;
	}

#sec02 .job{
	margin:30px auto 0;
	border:none;
	}

#sec02 .job .block_right{
	width:94%;
	margin:10px auto 30px;
	}

#sec02 .job dl dt{
	float:left;
	}

#sec02 .job dl dd{
	padding-left:5em;
	}

#sec02 .bnr_area img{
	width:94%;
	margin:10px auto 0;
	}
/*--------------sec03----------------
-------------------------------------------*/

#sec03 .pc_only{
	display:none;
	}
#sec03 .ttl{
	width:90%;
	margin:30px auto 40px;
	}

/*--------------sec04----------------
-------------------------------------------*/
#sec04 .ttl{
	width:90%;
	margin:10px auto 40px;
	}

}

@media (max-width:480px){

/*--------------header----------------
-------------------------------------------*/

#pc_header{
  display:none;
}


#sp_header .logo{
  width:61%;
}

.headerTb .menuBtn{
  width:14%;
}


#sp_header .entry{
  width:25%;
  padding-right:3%;
  }

 /*--------------mv----------------
-------------------------------------------*/
#mv{
	background-size:contain;
	}

/*--------------section----------------
-------------------------------------------*/

.sec h2{
	font-size:24px;
	}

.sec h2 span{
	font-size:35px;
	}

.maintxt{
	font-size:14px;
	}


/*--------------sec01----------------
-------------------------------------------*/
#sec01 .left{
	float:none;
	width:96%;
	margin:auto;
	}

#sec01 img{
	float:none;
	width:90%;
	display:block;
	margin:20px auto 0;
	}


#sec01 dl{
	width:100%;
	border:1px solid #ddd;
	padding:15px 1%;
	}

#sec01 dl dt{
	font-size:18px;
	}

#sec01 dl dd{
	font-size:14px;
	}


/*--------------sec04----------------
-------------------------------------------*/



#sec04 .q_area img,
#sec04 .a_area img{
	float:left;
	width:15%;
	margin-right:3%;
	}

#sec04 .q_area p{
	float:left;
	width:79%;
	margin-top:3%;
	font-weight:bold;
	}


 /*--------------sec05----------------
-------------------------------------------*/
#sec05{
	background-size:cover;
	background-position:top center;
	text-align:center;
	padding-bottom:100px;
	}

#sec05 .btn{
	margin-top:80px;
	width:90%;
	margin: 80px auto 0;
	}

 /*--------------footer---------------
-------------------------------------------*/

#footer img{
	width:50%;
	}


}

/*180925__________________________________*/
#secInt{
	width: 100%;
	background: url(/web/images/career_recruit/index_gradation.png) 0 bottom repeat-x !important;
	padding-top: 100px;
	padding-bottom: 130px;
	text-align: center;
}
#secInt h2{
	text-align: center;
}
#secInt .sub{text-align:center;
	margin: 15px auto 50px auto;
}
#secInt ul{display: flex;
	justify-content: space-between;}
#secInt ul li{
	width: 24%;
}
#secInt ul li a:hover{
	opacity: 0.8;
}
@media (max-width:800px){
#secInt{padding-bottom: 20%;
	padding-top: 20%;
	}
#secInt ul{width: 90%;
	margin: 0 auto;
	flex-wrap: wrap;
	/*justify-content: center;*/}
#secInt ul li{
	width: 48%;
	margin-bottom: 10px;
}

}