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

#contents{
	margin-top:140px;}

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

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

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

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

#recruit #topimg .bg{
    padding-top: 50%;
	}
	
h2.content_title{
	font-size:1.6rem;
	top:-20px;
	padding:5px 10px;}

}

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

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

}