#recruit #header {
  position: relative;
  z-index:0;
}

#recruit_tit{
	background:url(../img/top/bg_04.jpg) center center no-repeat;
	background-size: cover;
	height:575px;
	margin-top:-80px;
}
#recruit_tit h2{
	padding-top:275px;
	text-align:right;
	width:100%;
	line-height:49px;
	font-weight:bolder;
	font-size:19px;
	color:#808080;
}
#recruit_tit h2 img{
	width:26.704%;
	max-width: 179px;
}

#recruit_tit_info{
	margin-top:63px;
}
#recruit_tit_info h3{
	color:#000000;
	margin-bottom:32px;
}
#recruit_tit_info p{
	line-height:27px;
	font-weight:bold;
}


#recruit .contact_box{
	width:100%;
	margin:66px auto 114px;
	border:#cccccc 1px solid;
}
#recruit .contact_box p.float_L.image{
	width:36.136%;
}
#recruit .contact_box p.float_L img{
	width:100%;
}

#recruit .contact_box .float_R.txt_box{
	width:62.5%;
}

#recruit .contact_box .float_R p.float_L{
	padding-top:10px;
}

#recruit .contact_box p.float_L.image02{
	width:50.362%;
	max-width:356px;
}

#recruit .contact_box .contact{
	text-align:center;
	margin-top:10px;
	/*margin-bottom:10px;*/
	margin-left:30px;
}
#recruit .contact_box .contact a{
	color:#ffffff;
	font-size:18px;
	padding:8px 52px;
	display:block;
	background-color:#f7931e;
}
#recruit .contact_box .contact a:hover{
	opacity:0.8;
}

#recruit .contact_box .tel_info{
	font-weight:normal;
}
#recruit .contact_box .tel_info span{
	font-weight:bold;
	font-size:18px;
}

p.image_box{
	width:100%;
}
p.image_box img{
	width:25%;
}

#recruit #point p.txt_center{
	font-weight:bold;
	line-height:27px;
	margin-top:20px;
	margin-bottom:40px;
}


#recruit #point .point_info{
	margin:0 auto 102px;
	margin-top: 80px;
}
#recruit #point .float_L:first-child{
	width:15.315%;
}
#recruit #point h3{
	font-weight:bold;
}

.need{
	width:83.413%;
	line-height:29px;
}
.need dl dt{
	float:left;
	clear:left;
	width:20.723%;
	font-weight:bold;
}
.need dl dd{
	float:left;
	width:77.078%;
	margin-left:10px;
}

.need dl dd span{
	color: #FF0000;
	text-decoration: underline;
}

.how{
	margin-top:102px;
}
/*.banner h2{
	display:inline-block;
	margin-left:22px;
}*/
.banner h2{
	border:1px solid #000000;
	width:auto;
	display:inline-block;
	padding-right:1.4836%;
}

.banner h2 a{
	font-size:37px;
	font-weight:bold;
	display:block;
}
.banner h2 a:hover{
	opacity:0.7;
}
.banner p{
	margin-top:36px;
	margin-bottom:42px;
}
.banner span.font_orange{
	font-weight:bold;
}
.image_box_a{
	width: 100%;
	margin-bottom: 10px;
}
.image_box_a img{
	width: 100%;
}

.image_box_b{
	margin: auto;
	text-align: center;
}

.image_box_b img{
	width: 19.5%;
	margin:0 2px;
}

.White_box_text{
	font-size: 25px;
	text-align: center;
	font-weight:bold;
	line-height:27px;
	margin-top:100px;
	margin-bottom:60px;
	padding: 20px;
	border: 2px solid black;
}

.White_box_catchtext{
	font-size: 20px;
	line-height: 35px;
	text-align: center;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:50px;
}

.White_box_title_text{
	line-height: 25px;	
}

.White_paper img{
	width: 100%;
}

.White_box_imgbox{
	display: flex;
	justify-content: center;
}

.White_box_imgbox img{
	width: 30%;
	margin: 0 10px;
}

.White_box_main_box{
margin-bottom: 50px;
}

.White_box_title{
	border-left: 4px solid black;
	padding-left: 10px;
	font-size: 20px;
	font-weight:bold;
	margin-bottom: 10px;
}

.img-box-text{
	text-align: center;
	margin-top: 20px;
}
/* �X�}�z�ԗp�@960px�ȉ�
------------------------------------------------------------*/
@media only screen and (max-width: 960px){

  #recruit_tit{
  	height:400px;
  	margin-top:-180px;
  	background:url(../img/top/bg_04.jpg) center top no-repeat;
  }
  #recruit_tit h2{
  	padding-top:200px;
  }

  #recruit_tit h2 img {
      width: 55%;
  }

  .contact_box .float_L{
  	float:none;
  }
  .contact_box .float_R{
  	float:none;
  }
  #recruit_tit_info p img{
  	width:100%;
  }
  #recruit .contact_box p.float_L.image {
      width: 100%;
  }
  #recruit .contact_box .float_R.txt_box {
      width: 90%;
  	margin:0 auto;
	text-align:center;
  }
#recruit .contact_box {
    width: 100%;
    margin: 50px auto 50px;
    border: #cccccc 1px solid;
}
  #recruit .contact_box .contact {
  	margin:31px auto 10px;
  	width:90%;
  }
  #recruit .contact_box p.float_L.image02 {
	  margin:0 auto;
}
.image_box_a img{
	width: 100%!important;
}
.image_box_b img{
	width: 100%!important;
}
  #point .inner_container img{
  	width:50%;
  }
  #recruit #point .point_info {
  	padding:0;
	width:100%;
  }

#recruit #point p.txt_center {
    margin-bottom: 50px;
}

  .point_info .float_L{
  	float:none;
  }
  .point_info .float_R{
  	float:none;
  }

  #recruit #point .float_L:first-child {
  	width:100%;
  }
  .need{
  	width:100%;
  	line-height:normal;
  }
  .need dl dt {
      float: none;
      width: 100%;
  	margin-top:10px;
  	margin-left:15px;
  }
  .need dl dd {
      float: none;
      width: 90%;
      margin-left: 30px;
  }
.how {
    margin-top:50px;
}
.banner p {
    margin-top: 20px;
    margin-bottom:20px;
}

.image_box_b img{
	width: 20%;
	margin:10px 0;
}

.White_paper img{
	width: 100% !important;
}

.White_box_imgbox{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.White_box_imgbox img{
	width: 80% !important;
	margin: 10px;
}

}