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

#contents{
	margin-top:140px;}

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


#business #topimg .bg{
	position:relative;
    width: 100%;
    height: 0;
	background:url(../img/business/top.jpg);
    /* (画像の高さ / 画像の横幅) × 100 */
    padding-top: 55%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;}


#field #topimg{background:url(../img/field/top.jpg) 80% no-repeat;}
	
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;}

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


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


#business #topimg .bg{
    padding-top: 70%;}


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

}

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


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


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

}