@charset "utf-8";

/* テキスト段落落ち防止
------------------------------------------*/
span._cleartxt{
	display:inline-block;	
}
#recruit-banner a{
	height:100%;
}


/* header
------------------------------------------*/
#recruit-banner{
	margin: 0 auto 3% auto;
	max-width:1000px;
	height:300px;
	background: rgba(255,255,255,0.9);
	position:relative;
}

@media screen and (max-width:599px){
    #recruit-banner{
	    width:100%;
	    height:120px;
	    background: rgba(255,255,255,0.9);
	    position:relative;
    }
}
    #recruit-banner .zs-bullets{
    display:none;
}
.recruitimage{
	width:60%;
	height:100%;
	float:left;
}
@media screen and (max-width:599px){
    .recruitimage{
	width:55%;
	height:100%;
	float:left;
	   
    }
}
.recruitimage-copy{
	width:40%;
	height:100%;
	float:right;
	background:#B20000;
	z-index:999;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
    	display:flex;
	-webkit-box-pack:center;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:center;/*--- IE10 ---*/
	-webkit-justify-content:center;/*--- safari（PC）用 ---*/
	justify-content: center;
	-webkit-box-align:center;/*--- Androidブラウザ用 ---*/
	-ms-flex-align:center;/*--- IE10 ---*/
	-webkit-align-items:center;/*--- safari（PC）用 ---*/
	align-items: center;
	flex-direction: column;
	padding:10px;
	box-sizing:border-box;
}
.recruitimage-copy img{
	max-width:100%;
	height:auto;
}
.recruitimage-copy .copy01{
	font-size:40px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	margin:0 0 30px 0;
	line-height:1.2;
}
.recruitimage-copy .copy02{
	font-size:18px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	margin:0;
}
@media screen and (max-width:599px){
.recruitimage-copy{
	width:45%;
}
.recruitimage-copy .copy01{
	font-size:20px;
	margin:0 0 10px 0;
}
.recruitimage-copy .copy02{
	font-size:12px;
}
}