@charset "utf-8";


/*------------------------------------------------------------
	
	
	recruit.css


------------------------------------------------------------*/




/*------------------------------------------------------------
	1カラム：見出しサイズ調整
------------------------------------------------------------*/

/*諸々非公開に伴う調整*/
.conts-box-center {
	margin-bottom: 10px;
}

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

	.conts-box-center .txt-box h2 {
		font-size: 6vw;
	}

}

/*------------------------------------------------------------
	1カラム：動画設置
------------------------------------------------------------*/

.video-holder {
	width: 100%;
	margin: 30px auto 0;
}

@media only screen and (min-width: 813px) {
	
	.video-holder {
		max-width: 1000px;
		margin: 60px auto 0;
	}
	
}

/*------------------------------------------------------------
	3カラム（風土と環境）
------------------------------------------------------------*/

.conts-box-center .col-3 {
	margin-top: 30px;
}

@media only screen and (max-width: 812px) {
	
	.conts-box-center .col-3 .one-third:not(:last-child) {
		margin-bottom: 30px;
	}

}

.conts-box-center .col-3 img {
	margin-bottom: 15px;
}

.conts-box-center .col-3 dl dt {
	font-size: 1.8rem;
	font-weight: 600;
	color: #165078;
	margin-bottom: 10px;
}

.conts-box-center .col-3 dl dd{
	text-align: left;
	
}


/*------------------------------------------------------------
	メッセージ
------------------------------------------------------------*/

#message-area {
	border-bottom: 1px solid #ccc;
    margin: 0 auto 10px;
    padding-bottom: 40px;
}

@media only screen and (min-width: 813px) {
	
	#message-area {
		border: none;
		padding: 0;
		margin-bottom: 50px;
	}

}

#message-area .signature {
	text-align: right;
	margin-top: 20px;
}

#message-area .signature dt {
	font-size: 1.2rem;
}

#message-area .signature dd {
	font-size: 1.6rem;
}



/*------------------------------------------------------------
	募集要項
------------------------------------------------------------*/

.align-center {
	text-align: center;
	margin: -10px 0 30px!important;
}

@media only screen and (min-width: 813px) {
	
	.align-center {
		margin: -20px 0 40px!important;
	}
	
}

.summary-area {
	margin-bottom: 60px;
}

@media only screen and (min-width: 813px) {

	.summary-area {
		margin-bottom: 120px;
	}
	
}

.summary-area table {
	border-top: 1px solid #ccc;
}

.summary-area table th {
	background: #f2f3f4;
}

@media only screen and (min-width: 813px) {
	
	.summary-area table td {
		padding-left: 30px;
	}
	
}


/*------------------------------------------------------------
	よくある質問
------------------------------------------------------------*/

#faq-area {
	margin: 30px 0;
}

@media only screen and (min-width: 813px) {
		
	#faq-area {
		margin: 50px 0 120px;
	}

}