@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;}

#project #topimg{
	position:relative;
	height:580px;
	width:100%;
	background:url(../img/project/top.jpg) center center;}

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;}


#project h2.content_title{
	background:#a33e9c;
}



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

#project #topimg{
	background:url(../img/project/top.jpg) center center;}

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

}

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

#project #topimg{
	background:url(../img/project/top_sp.jpg) 32% center;}

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

}