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

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

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


 .mainimg {
	 background-image:url(./img/210706_img/title_pc.jpg);
	 width: 100%;
	 background-position:center;
	 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;
	
}


/*事務所写真などの設定*/

.office_photo ul li {
	flex: 0 0 48%;
}

h3{
	margin-top:40px;
	text-align: center;
}


/*ビジョンの設定*/

.vision .w980 dt {
	font-family:'Josefin Sans', sans-serif;
	font-size:18px;
	color:#3b0056;
	text-align:center;
}

.vision dd {
	font-size:16px;
}


.vision .w980 dl {
	flex: 0 0 30%;
}


/*経営理念の設定*/
.managementpolicy ul li {
	font-size:16px;
	padding-bottom:46px;
}

.main .w980 {
	max-width: 40%;
}

.managementpolicy ul {
	list-style-type: disc;
}


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


/*会社概要の設定*/
.info th, .info td {
	font-size:14px;
	padding: 20px 0;
}

.info tr {
	border-bottom:dotted 1px #898989;
}

.table_hoka{
	padding-left:14px;
}

.info th {
	vertical-align:middle;	
}

.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;
	}
	
	.info .w980 table {
		max-width:580px;
		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/210706_img/title_sp.jpg);
		 height:200px;
		 margin-bottom:48px;
	 }*/
	
	#contents {
		padding: 100px 10px 0 10px;
	}
	
	.mainimg {
	 	background-image:url(./img/210706_img/title_txt_sp.jpg);
		width: 100%;
		height: 120px;
		background-position: right;
		background-size: cover;
		position: relative;
		margin-bottom: 20px;
	 }
	
	.mainimg span {
		font-size:40px;
		margin-right:16px;
		display:block;
	} 
	
	.mainimg>p{
		display: none;
	}
	
	/*.mainimg p {
		top:35%;
		left:80px;
	}*/
	
	.office_photo img{
		width:100%;
	}

	
	
	/*ビジョンの設定*/
	
	.vision .w980 {
		display:block;
	}
	
	.vision .w980 dl {
		padding-bottom:24px;
	}


	/*経営理念の設定*/
	
	.main .w980 {
		max-width:80%;	
	}
	
	
	/*お知らせの設定*/
	
	.info th, .info td {
		display:block;
		padding:10px;	
	}
	
	.info th {
		font-weight:bold;
	}
	
	}