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

#contents{
	margin-top:140px;}

#topimg{
	position:relative;
	width:100%;
	height:300px;}

#environment #topimg{
	background:url(../img/environment/top.jpg) center no-repeat;
	background-size: cover;
}


#job #topimg{
	position:relative;
	width:100%;
	background:url(../img/job/top.jpg) right no-repeat;
	background-size:cover;
	height:auto;
	}

h2.content_title{
	position:absolute;
	text-align:center;
	top:-30px;
	left: 50%;
	transform: translateX(-50%);
	display:inline-block;
	color:#FFF;
	background:#004e90;
	font-size:1.6vw;
	padding:15px 20px;}


#job h2.content_title{
	background:#479d2c;
}



@media screen and (max-width: 769px) {

h2.content_title{
	font-size:1.6rem;
	top:-20px;
	padding:5px 10px;}	

}

@media screen and (max-width: 480px) {

#environment #topimg{
	background:url(../img/environment/top_sp.jpg) center no-repeat;
	background-size:cover;}

#job #topimg{
	background:url(../img/job/top_sp.jpg) right no-repeat;
	background-size:cover;
	height:420px;
	padding-top:160px;
	}

h2.content_title{
	min-width:220px;}

}