@charset "utf-8";

/*
	採用情報
*/

.pc-show {
}
.sm-show {
	display: none;
}


.title-block.title-page {
	margin-bottom: 30px;
}

.block01 .section  {
	margin-bottom: 30px;
}

/* 求人情報 未掲載用 */
.recruit-wrap {
	width: 600px;
	margin: 0 auto;
	padding: 30px;
	border: #003F73 2px solid;
	text-align: center;
	background: #fff;
}
.recruit_box1 {
	text-align: center;
	margin: 0 auto;
}
.recruit_box1 .recruit_ttl {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}
.recruit_box1 ul {
	margin-bottom: 20px;
}
.recruit_box1 ul li {
	margin-bottom: 20px;
}
.recruit_box1 ul li:last-child {
	margin-bottom: 0;
}
.recruit_other {
	text-align: center;
	width: 100%;
	margin: 0 auto 0 auto;
}
.recruit_other .read {
	margin-bottom: 10px;
}
.recruit_other .recruit_button {
	margin: 0 auto 0 auto;
	width: 400px;
	text-align: center;
}
.recruit_other .recruit_button a {
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	display: block;
	padding: 10px 60px;
	background-color: #003F73;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

@media(max-width: 640px) {
	.pc-show {
		display: none;
	}
	.sm-show {
		display: block;
	}
	.recruit-wrap {
		width: 100%;
		padding: 20px;
	}
	.recruit_other .recruit_button {
		width: 100%;
	}
	.recruit_other .recruit_button a {
		padding-right: 20px;
		padding-left: 20px;
	}
}


/*---------------------------------------
	   求人情報有るとき
-----------------------------------------*/
.block01 .recruit_box {
	/*margin-bottom: 41px;*/
}

.recruit_box h2.title-block {
	margin-bottom: 20px;
}
.recruit_box .recruit_imgbox {
	margin-bottom: 25px;
}
.recruit_box .recruit_imgbox ul {
/*	letter-spacing: -0.5em;
	margin: 0 -10px;*/
}
.recruit_box .recruit_imgbox li {
	letter-spacing: normal;
	display: inline-block;
	width: 100%;
	height: auto;
	/*margin: 0 10px;*/
}
.recruit_box .recruit_imgbox li:last-child {
}
.recruit_box .recruit_imgbox li img {
	width: 100%;
	height: auto;
}
.recruit_box .recruit_text {
	width: 100%;
	/*padding: 15px;*/
	margin-bottom: 25px;
	/*border: #3b459a 1px solid;*/
	/*background-color: #e5e5e5;*/
}
.recruit_box .recruiting_desc {
	font-size: 116%;
	line-height: 1.6;
}
/* 採用情報　職種紹介文 */
.recruit_box .job_desc {
	font-size: 120%;
	line-height: 1.6;
}
.recruit_box .recruit_text p {
	margin-bottom: 1em;
}
.recruit_box .recruit_caution {
	width: 100%;
	padding: 15px;
	margin-bottom: 15px;
	border: #e40000 1px solid;
	color: #e40000;
}
.recruit_box .recruit_point {
	letter-spacing: -0.5em;
	margin-bottom: 20px;
}
.recruit_box .recruit_point li {
	letter-spacing: normal;
	display: inline-block;
	margin-right: 1em;
	padding: 10px 15px;
	background-color: #fff;
	border: 1px solid #003f73;
}
.recruit_box .recruit_point li:last-child {
	margin-right: 0;
}
.recruit_box .recruit_ttl {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}
.recruit_box .recruit_detail {
}
.recruit_box .recruit_detail table {
	border: #e5e5e5 solid 1px;
	width: 100%;
	text-align: left;
	margin-bottom: 20px;
}
.recruit_box .recruit_detail tr {
	border: #e5e5e5 solid 1px;
}
.recruit_box .recruit_detail th {
	color: #fff;
	padding: 15px;
	vertical-align: top;
	white-space: nowrap;
	background-color: #003f73;
	width: 200px;
}
.recruit_box .recruit_detail td {
	padding: 15px;
	background-color: #fff;
}
.recruit_box .recruit_button {
	margin: 0 auto 0 auto;
	width: 300px;
	text-align: center;
}
.recruit_box .recruit_button a {
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	display: block;
	padding: 10px 60px;
	background-color: #003f73;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.recruit_other {
	text-align: center;
	width: 100%;
	margin: 0 auto 0 auto;
}
.recruit_other .read {
	margin-bottom: 10px;
}
.recruit_other .recruit_button {
	margin: 0 auto 0 auto;
	width: 300px;
	text-align: center;
}
.recruit_other .recruit_button a {
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	display: block;
	padding: 10px 60px;
	background-color: #003f73;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

/* タブメニュー */
#tab-menu {
	letter-spacing: -0.5em;
  list-style: none;
	margin: 0 -1% 30px -1%;;
}
#tab-menu li {
	letter-spacing: normal;
 color: #003f73;
	font-weight: bold;
	text-align: center;
	width: 23%;
	height: auto;
	margin: 0 1%;
	padding: 1em;
	background-color: #fff;
	cursor: pointer;
	display: inline-block;
	border: 1px solid #003f73;
	box-sizing: border-box;
}
#tab-menu li.hover,
#tab-menu li.active {
	color: #fff;
	background-color: #003f73;
}
/* タブの中身 */
#tab-box {
}
#tab-box div.tab-cont {
  display: none;
}
#tab-box div.tab-cont.active {
  display: block;
}
/***** 中途採用サイト *****/
.recruit_text.recruiting_desc.career_recruitment {
	text-align: center;
}
.recruit_text.recruiting_desc.career_recruitment .recruit_button {
	width: 440px;
}
.recruit_text.recruiting_desc.career_recruitment .recruit_button a {
	padding: 15px;
}
.recruit_text.recruiting_desc.career_recruitment .link_txt a {
	color: #0000df;
	text-decoration: underline;
}
@media(max-width: 640px) {
	.recruit_box .recruit_imgbox ul {
		/*margin: 0 -2%;*/
	}
	.recruit_box .recruit_imgbox li {
		/*width: 46%;
		margin: 0 2% 2% 2%;*/
	}
	.recruit_box .recruit_imgbox li:nth-child(3),
	.recruit_box .recruit_imgbox li:nth-child(4){
		margin-bottom: 0;
	}
	.recruit_box .recruit_point {
		margin-right: -2%;
		margin-left: -2%;
	}
	.recruit_box .recruit_point li {
		width: 46%;
		margin: 0 2% 4% 2%; 
	}
	.recruit_box .recruit_point li:nth-child(3),
	.recruit_box .recruit_point li:nth-child(4){
		margin-bottom: 0; 
	}
	.recruit_box .recruit_detail th {
		display: block;
		width: 100%;
	}
	.recruit_box .recruit_detail td {
		display: block;
		width: 100%;
	}
	.recruit_other .recruit_button,
	.recruit_box .recruit_button {
		width: 100%;
		height: auto;
	}
	#tab-menu li {
		width: 48%;
		margin-bottom: 2%;
	}
	#tab-menu li:nth-child(3),
	#tab-menu li:nth-child(4){
		margin-bottom: 0%;
	}
	/***** 中途採用サイト *****/
	.recruit_text.recruiting_desc.career_recruitment {
		text-align: left;
	}
	.recruit_text.recruiting_desc.career_recruitment .recruit_button {
		width: 100%;
	}
}