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

@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP');

.sponly {
	display: none;
}
.spmask {
}

/*------------------------------
	contents
------------------------------*/
#recruit {
	padding-bottom: 160px;
	position: relative;
	overflow-x: hidden;
}
#recruit a {
	color: #0080cc;
	text-decoration: underline;
}
#recruit a:hover {
	text-decoration: none;
}

/*------------------------------
	recruit
------------------------------*/
#recruit #main {
	background: url("../images/bg_recruit.jpg") no-repeat center center;
	background-size: cover;
	position: relative;
	width: 100%;
	height: 350px;

	display: -webkit-flex-;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#recruit #main h1 {
	text-align: center;
	color: #ffffff;
	font-size: 30px;
	letter-spacing: 2px;
	line-height: 1.7;
	font-weight: normal;
	/*
	text-shadow: 2px 2px 4px #121212, 2px -2px 4px #121212, -2px 2px 4px #121212, -2px -2px 4px #121212;
	*/
}
/*------------------------------*/

#recruit .contents {
	position: relative;
	padding: 0 20px 100px 20px;
}
#recruit .readBox {
	line-height: 1.6;
}
/*------------------------------*/
#recruit .ttlBox {
	max-width: 830px;
	margin: 0 auto;
	padding-top: 70px;
}
#recruit .ttlBox h2 {
	padding: 26px 0 22px;
	text-align: center;
	margin-bottom: 20px;
	font-size: 21px;
	letter-spacing: 1px;
}
#recruit .selectBox {
	max-width: 830px;
	margin: 0 auto;
	padding-top: 40px;
}
#recruit .selectBox li{
	float: left;
	width: 33.3%;
	text-align: center;
}
#recruit .selectBoxIn{
	border: solid 1px #0b4372;
	margin-bottom: 50px;
}
#recruit .boxLeft{
	margin-right: 20px;
}
#recruit .boxCenter{
	margin: 0 10px;
}
#recruit .boxRight{
	margin-left: 20px;
}
#recruit .companyname{
	margin: 40px 0 10px;
}
#recruit .jobttl{
	color: #0b4372;
	line-height: 1.6;
	margin-bottom: 30px;
}
#recruit .jobttl span{
	font-size: 18px;
}
#recruit .btmBox{
	width: 200px;
	margin: 0 auto 30px;
}
#recruit .btmBox a{
	text-decoration: none;
}
#recruit .selectBox .btm{
	background : #a4a4a4;
	color: #ffffff;
	width: 200px;
	padding: 15px 0;
}
#recruit .btmBox .btm:hover{
	background : #0b4372;
}

#recruit .btmBoxR{
	width: 250px;
	margin: 30px auto 30px;
	text-align: center;
}
#recruit .btmBoxR a{
	text-decoration: none;
}
#recruit .recruitBox .btmR{
	background : #0b4372;
	color: #ffffff;
	padding: 15px 0;
}
#recruit .recruitBox .btmR:hover{
	background : #a4a4a4;
}
/*------------------------------
	footer
------------------------------*/
.spSpace {
	display: none;
}

.onlyBtn {
	padding: 100px 0;
	color: #999999;
}
/*------------------------------
	job
------------------------------*/
#job {
	padding-bottom: 160px;
	position: relative;
	overflow-x: hidden;
}
#job a {
	color: #0080cc;
	text-decoration: underline;
}
#job a:hover {
	text-decoration: none;
}

/*------------------------------
	joba
------------------------------*/
#job #main {
	background: url("../images/bg_recruit.jpg") no-repeat center center;
	background-size: cover;
	position: relative;
	width: 100%;
	height: 350px;

	display: -webkit-flex-;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#job #main h1 {
	text-align: center;
	color: #ffffff;
	font-size: 21px;
	letter-spacing: 2px;
	line-height: 1.7;
	font-weight: normal;
}
#job #main h1 span{
	font-size: 38px;
}
#job h2 {
	text-align: center;
	font-size: 21px;
	width: 120px;
	background: #fff;
	margin: 0 auto;
}
/*------------------------------*/

#job .contents {
	position: relative;
	padding: 0 0 100px 0;
}
#job .readBox {
	line-height: 1.6;
}
#job .ttlBox {
	max-width: 900px;
	margin: 0 auto;
	padding-top: 70px;
}
#job .ttlLine {
	margin: 70px 100px 50px 100px;
	background: url("../images/ttlline.png") repeat center center;
	background-repeat: repeat-x;
}
/*------------------------------*/
#job .jobBox {
	padding: 30px 0;
}
#job .jobTable {
	margin: 0 auto;
}
#job tr:nth-child(odd) {
	background: #eeeeee;
}
#job th {
	color: #0b4372;
	font-size: 18px;
	font-weight: bold;
	vertical-align: middle;
	padding: 50px 0 50px 100px;
	white-space: nowrap;
}
#job td {
	line-height: 1.6;
	vertical-align: middle;
	padding: 20px 100px 20px 100px;
}
/*------------------------------*/
#job .recruitBox{
	max-width: 900px;
	margin: 50px auto;
}
#job .btmBox{
	width: 50%;
	margin: 30px auto 30px;
	float: left;
	text-align: center;
}
#job .boxR,
#job .boxL{
	margin: 0 20px;
}
#job .btmBox a{
	text-decoration: none;
}
#job .recruitBox .btm{
	background : #0b4372;
	color: #ffffff;
	padding: 15px 0;
}
#job .recruitBox .boxR .btm{
	background : #778c9d;
}
#job .recruitBox .btm:hover{
	background : #a4a4a4;
}