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

/*==============================
		 mainimage設定
==============================*/

#contents {
    margin: 0 0 120px;
	padding-top:100px;
	
}


 .mainimg {
	 background-image:url(./img/title_pc.jpg);
	 width: 100%;
	 /*background-position:center;*/
	 background-position: right;
	 height:348px;
	 position: relative;
	 margin-bottom:80px;
 }


.mainimg p {
	color:#4d4d4d;
	font-size:24px;
	position: absolute;
	top:50%;
	left:80px;
}

.mainimg span {
	font-size:60px;
	font-family: 'Josefin Sans', sans-serif;
    font-style: italic;
	color: #3b0056;
	margin-right:16px;
}


/*-----メインコピー-----*/

#contents .copy h2{
	text-align: center;
}


/*スタッフ一覧、写真などの設定*/
.staff_photo .w980 h3 span {
	font-style:normal;
}

.staff_photo .staff01 dl {
	flex: 0 0 58%;
	-ms-flex: 0 0 58%;
	-webkit-flex: 0 0 58%;
}



.staff_photo .photo .staff01{
	flex: 0 0 42%;
	-ms-flex: 0 0 42%;
	-webkit-flex: 0 0 42%;
}

.staff_photo .photo .staff01 {
	display:flex;
	-js-display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content:space-between;
	-ms-flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	padding-bottom:64px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
	
.staff_photo .photo .staff01img {
	flex: 0 0 35%;
	-ms-flex: 0 0 35%;
	-webkit-flex: 0 0 35%;
}

.staff_photo .photo .staff01img img{
	width: 100%;
	max-width: 190px;
}

.staff_photo .photo div dt {
	font-size:18px;
	line-height:1;
	margin-bottom:10px;
}

.staff_photo .photo div dt span {
	font-size:13px;
}

.staff_photo .photo div dd {
	font-size:14px;
}



/*会社概要の設定*/

.info .w980 h3 span {
	font-style:normal;
}



/*スタッフ募集の設定*/

.staffrecruitment {
	font-size:26px;
	text-align:center;
	padding:40px 0;
	font-weight:bold;
}



/*==============================
		tablet設定
==============================*/

@media screen and (max-width:960px) {
	
	.main .w980 {
		margin: 0 auto;
	}
}

@media screen and (min-width:640px) and ( max-width:960px) {

}

/*==============================
		SP設定
==============================*/

@media screen and (max-width:640px){
	
	/*.mainimg {
		 background-image:url(./img/title_sp.jpg);
		 height:200px;
		 margin-bottom:48px;
	 }*/
	#contents{
		padding: 100px 10px 0 10px;
	}
	
	.mainimg {
	 	background-image:url(./img/title_sp.jpg);
		width: 100%;
		height: 120px;
		background-size: cover;
		position: relative;
		margin-bottom: 20px;
	 }
	
	.mainimg span {
		font-size:40px;
		margin-right:16px;
		display:block;
	} 
	
	/*.mainimg p {
		top:35%;
		left:80px;
	}*/
	
	.mainimg>p {
		display: none;
	}



	/*スタッフ一覧、写真などの設定*/
	.staff_photo .photo {
		display:block;
	}



	/*お知らせの設定*/
	
	.info th, .info td {
		display:block;
		padding:10px;	
	}
	
	.info th {
		font-weight:bold;
	}
	
	}