@charset "utf-8";
@import "../css/common.css";

/*-----------------------------------------------
	index
-----------------------------------------------*/
.secTit{
	margin-bottom:64px;
	background:url(../img/recruit/bgTit.jpg) center top no-repeat;
}

/* recruit */
#recruit{
	max-width:1000px;
	margin:0 auto;
	padding-bottom:68px;
	text-align:center;
}
#recruit .titRecruit{
	padding:28px 0 43px;
	font-size:14px;
	line-height:26px;
	letter-spacing:1px;
	text-indent:1px;
}
#recruit .list{
	margin-bottom:90px;
	font-size:0;
}
#recruit .list li{
	display:inline-block;
	margin:0 10px;
	text-align:center;
}
#recruit .list li a{
	display:block;
	width:280px;
	padding:22px 0;
	border-radius:3px;
	background:#2c2d30;
	color:#fff;
	font-size:17px;
	line-height:22px;
	letter-spacing:1.5px;
	text-indent:1.5px;
}
.boxRecruit{
	margin-top:-90px;
	padding:100px 0 82px;
	text-align:left;
}
.boxRecruit h3{
	position:relative;
	margin-bottom:21px;
	padding:1px 0 3px 15px;
	border-left:5px solid #000;
	font-weight:100;
	font-size:26px;
	letter-spacing:3.6px;
}
.boxRecruit h3:after{
	position:absolute;
	bottom:-25px;
	left:-5px;
	width:100%;
	height:1px;
	background:url(../img/common/bgLine.gif) left bottom repeat-x;
	content:"";
}
.boxRecruit table{
	width:100%;
}
.boxRecruit table tr{
	background:url(../img/common/bgLine.gif) left bottom repeat-x;
}
.boxRecruit th{
	width:178px;
	padding:38px 10px 38px 20px;
	box-sizing:border-box;
	font-weight:700;
	font-size:13px;
	line-height:22px;
	letter-spacing:0.5px;
	vertical-align:middle;
}
.boxRecruit td{
	width: calc(100% - 178px);
	padding:34px 12px 34px 0;
	font-size:13px;
	line-height:24px;
	letter-spacing:0.2px;
	vertical-align:middle;
}
.boxRecruit td dl{
	display:table;
	margin:5px 0;
}
.boxRecruit td > dl:first-of-type{
	margin-top:20px;
}
.boxRecruit td > dl:last-of-type{
	margin-bottom:20px;
}
.boxRecruit td dt{
	display:table-cell;
	width:250px;
	vertical-align:middle;
}
.boxRecruit td dd{
	padding:9px 0;
}
/* エントリーボタン */
#recruit .btnEntry{
	margin-top: 50px;
}
#recruit .btnInner{
	display: block;
    width: 340px;
    padding: 29px 0;
    border-radius: 3px;
    background: #00478c;
    color: #fff;
    font-size: 17px;
    line-height: 22px;
    letter-spacing: 1.5px;
    text-indent: 1.5px;
	margin: 0 auto;
	text-align: center;
}
@media only screen and (max-width:767px){
	#recruit{
		padding:0 4.6875%;
	}
	#recruit .titRecruit{
		padding:0 0 30px;
		font-size:12px;
		line-height:20px;
	}
	#recruit .list{
		margin-bottom:40px;
	}
	#recruit .list:after{
		display:block;
		clear:both;
		content:"";
	}
	#recruit .list li{
		width:48.2142857%;
		margin:0;
	}
	#recruit .list li:first-child{
		float:left;
	}
	#recruit .list li:last-child{
		float:right;
	}
	#recruit .list li a{
		width:100%;
		padding:18px 0;
		font-size:12px;
	}
	.boxRecruit{
		margin-top:-70px;
		padding:80px 0 60px;
	}
	.boxRecruit h3{
		padding:2px 0 4px 10px;
		font-size:18px;
		letter-spacing:2px;
	}
	.boxRecruit th{
		display:block;
		width:100%;
		margin:0 auto;
		padding:40px 0 0;
		font-size:13px;
		text-align:center;
	}
	.boxRecruit td{
		display:block;
		width:100%;
		padding:30px 0 40px;
		box-sizing:border-box;
		font-size:12px;
		line-height:22px;
		letter-spacing:0;
		white-space:normal;
	}

	#recruit .btnEntry{
		margin-top: 30px;
	}
	#recruit .btnInner{
		width: 92%;
		padding: 18px 0;
		font-size: 14px;
		line-height: 22px;
		letter-spacing: 1px;
		text-indent: 1px;
	}
}
/* 240314 */
.boxRecruit .notetxt{
	text-align: center;
	padding: 50px 0;
	font-size: 13px;
    line-height: 22px;
	letter-spacing: 0.5px;
}
@media only screen and (max-width:767px){
	.boxRecruit .notetxt{
		padding: 40px 0;
	}
}