@charset "utf-8";

/*==========================================================
	男性求人：body背景カラー変更 base.css オーバーライド
==========================================================*/
body{
	background-image: url(../img/men_job_bg.jpg);
}
.banner--clone{
	background-image: url(../img/men_job_bg.jpg) !important;
}
/*==========================================================
	男性求人：大枠
==========================================================*/
.contents_men_job_offer{
	width: 100%;
	margin: 0px auto;
	padding: 20px 20px 0px 20px;
	color: #444444;
	background-color: #EDF3F7;
}
/*==========================================================
	男性求人：募集要項
==========================================================*/
.contents_application_guideline{
	width: 100%;
	margin: 0px auto 20px auto;
	padding: 20px 80px;
	color: #444444;
	box-shadow: 2px 4px 10px rgba(133,96,130,0.6);
	border-radius: 14px;
	background-color: #FFFFFF;
}
.contents_application_guideline img{
	display: inline-block;
	width: 68px; height: 68px;
}
.contents_application_guideline h3{
	display: inline-block;
	width: auto; height: 68px;
	line-height: 68px;
	letter-spacing: 0.1em;
	font-size: 26px;
}
.contents_application_guideline table{
	width: 100%;
	margin: 10px auto 0px auto;
	border-collapse: separate;
	border-spacing: 5px;
}
.contents_application_guideline table tr{
	width: 100%;
}
.contents_application_guideline table tr th{
	width: 90px;
	padding: 7px 10px 7px 0px;
	vertical-align: top;
	letter-spacing: 0.1em;
	text-align: center;
	text-align-last: justify;
	text-justify: inter-ideograph;
	font-size: 16px;
	border-right: solid 3px #1B1464;
}
.contents_application_guideline table tr td{
	padding: 5px 0px 5px 20px;
	line-height: 1.4em;
	text-align: left;
	font-size: 16px;
}
/*==========================================================
	男性求人：応募のQ&A
==========================================================*/
.contents_men_job_qa{
	width: 100%;
	margin: 0px auto;
}
.contents_men_job_qa h3{
	width: auto; height: 68px;
	line-height: 68px;
	letter-spacing: 0.1em;
	font-size: 26px;
}
.contents_men_job_qa h3 span{
	font-size: 20px;
}
.man_job_qa_box{
	float: left;
	width: 300px; height: 315px;
	margin: 0px 0px 20px 0px;
	padding: 20px 15px;
	box-shadow: 2px 4px 10px rgba(133,96,130,0.6);
	background-color: #FFFFFF;
}
.man_job_qa_box:nth-of-type(3n){
	margin: 0px 0px 20px 20px;
}
.man_job_qa_box:nth-of-type(3n+1){
	margin: 0px 20px 20px 0px;
}
.man_job_qa_box h4{
	position: relative;
	width: 100%; height: 40px;
	margin: 0px auto 30px auto;
	line-height: 40px;
	text-align: center;
	color: #FFFFCF;
	font-size: 18px;
	font-weight: 400;
	border-radius: 20px;
	background-color: #1B1464;
}
.man_job_qa_box h4:after {
	content: '';
	position: absolute;
	top: 100%; left: 0px; right: 0px;
	width: 0px; height: 0px;
	margin: 0px auto;
	border: 10px solid transparent;
	border-top: 20px solid #1B1464;
}
.man_job_qa_box h4 span{
	display: inline-block;
	margin: 0px 5px 0px 0px;
	vertical-align: middle;
	font-size: 32px;
	font-family: 'Josefin Slab', serif;
}
.man_job_qa_box table{
	width: 100%;
	margin: 10px auto 0px auto;
	border-collapse: separate;
	border-spacing: 5px;
}
.man_job_qa_box table tr{
	width: 100%;
}
.man_job_qa_box table tr th{
	width: 50px;
	padding: 7px 0px;
	vertical-align: top;
	letter-spacing: 0.1em;
	text-align: center;
	font-size: 36px;
	font-family: 'Josefin Slab', serif;
	border-right: solid 3px #B6C5CD;
}
.man_job_qa_box table tr td{
	padding: 5px 0px 5px 10px;
	line-height: 1.4em;
	text-align: left;
	font-size: 14px;
}