@charset "UTF-8";


/******************************************************************
	recruit
******************************************************************/
.recruit{
	margin: 0 auto 70px auto;
}
.recruit .block{
	width: 80%;
	margin: 0 auto 30px auto;
	padding: 0 0 20px 0;
	background-color: #f1f1f1;
	border-radius: 5px;
	overflow: hidden;
}
.recruit .block h2{
	width:100%;
	display: block;
	font-size: 1.8rem;
	margin: 0 0 20px 0;
	padding: 10px 20px;
	background-color:#363636;
	color: #fff;
}
.recruit .block ul{
	width:55%;
	display: block;
	font-size: 1.5rem;
	margin: 0;
	float: left;
	padding: 0 20px;
}
.recruit .block ul li{
	margin: 0 0 10px 0;
}
.recruit .block a.more-btn{
	float: left;
}

/* responsive
=======================*/
@media only screen and (max-width: 800px) {

	.recruit .block{
		width: 100%;
	}
	.recruit .block ul{
		width:100%;
		float: none;
	}
	.recruit .block a.more-btn{
		float: none;
		margin: 20px auto 0 auto;
	}
}