@charset "UTF-8";

/* -------------------------- */
/* pageHeader */
/* -------------------------- */

#pageHeader {
	background: url(../images/recruit/bg_header.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center center;
	background-color: #000;
}

.recruitBox {
	margin: 70px 0;
}
	.recruitBox h2 {
		margin-bottom: 40px;
	}
	.recruitBox .mainImg {
		margin-bottom: 70px;
	}
	.recruitBox .jobCategoryBox {
		margin-bottom: 80px;
	}
		.recruitBox .jobCategoryBox h3 {
			margin-bottom: 30px;
			color: #6080c6;
			font-family: "リュウミン R-KL";
			font-size: 26px;
			font-size: 2.6rem;
			line-height: 1.6em;
		}
		.recruitBox .jobCategoryBox .jobCategoryInner {
			overflow: hidden;
			margin-bottom: 35px;
		}
			.recruitBox .jobCategoryBox .jobCategoryInner figure {
				float: right;
				margin-left: 35px;
			}
			.recruitBox .jobCategoryBox .jobCategoryInner .listDisc {
				margin-top: 25px;
			}
				.recruitBox .jobCategoryBox .jobCategoryInner .listDisc li {
					font-size: 16px;
					font-size: 1.6rem;
					line-height: 2.6rem;
				}
		.recruitBox .jobCategoryBox .tbrNormal {
		}
			.recruitBox .jobCategoryBox .tbrNormal th {
				width: 200px;
			}
			.recruitBox .jobCategoryBox .tbrNormal td {
				padding: 15px;
			}
				.recruitBox .jobCategoryBox .tbrNormal td .listDisc {
					margin: 12px 0 0 20px;
				}
					.recruitBox .jobCategoryBox .tbrNormal td .listDisc li:not(:last-child) {
						margin-bottom: 6px;
					}

.recruitBox .youtubeBox {
	width: 100%;
	padding: 0 100px;
	margin: 80px 0;
	box-sizing: border-box;
}
.recruitBox .youtubeBox .youtubeBox_inner{
	padding-bottom: 56.25%;
	height: 0;
	position: relative;
	overflow: hidden;
}
.recruitBox .youtubeBox .youtube_title{
	display: flex;
	align-items: center;
	font-size: 2.6rem;
	padding-bottom: 20px;
	width: 30%;
	text-align: center;
	margin: 0 auto;
}
.recruitBox .youtubeBox .youtube_title:before,
.recruitBox .youtubeBox .youtube_title:after {
	border-top: 1px solid;
	content: "";
	flex-grow: 1;
}
.recruitBox .youtubeBox .youtube_title:before {
	margin-right: 1.5rem;
}
.recruitBox .youtubeBox .youtube_title:after {
	margin-left: 1.5rem;
}
.recruitBox .youtubeBox .youtubeBox_inner .youtube iframe{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}



.entryBox {
}
	.entryBox h2 {
		margin-bottom: 30px;
	}
	.entryBox .entryInner {
		margin-top: 35px;
		padding: 35px 25px 30px;
		border: 1px solid #ddd;
		box-shadow:0px 0px 0px 3px #f1f1f1 inset;
		-moz-box-shadow:0px 0px 0px 3px #f1f1f1 inset;
		-webkit-box-shadow:0px 0px 0px 3px #f1f1f1 inset;
	}
		.entryBox .entryInner .listDisc {
			font-size: 16px;
			font-size: 1.6rem;
			line-height: 2.6rem;
		}
		.entryBox .entryInner .contact {
			margin: 35px 0 0;
			width: 983px;
		}
			.entryBox .entryInner .contact h3 {
				padding: 10px 0;
				background-color: #f1f1f1;
				border-top: 1px solid #ddd;
				border-bottom: 1px solid #ddd;
				text-align: center;
				font-family: "リュウミン R-KL";
				font-size: 18px;
				font-size: 1.8rem;
				line-height: 1.6em;
			}
			.entryBox .entryInner .contact .contactInner {
				display: table;
				width: 100%;
				table-layout: fixed;
				margin-top: 25px;
				padding-bottom: 25px;
				border-bottom: 1px solid #ddd;
			}
				.entryBox .entryInner .contact .contactInner .contactList {
					display: table-cell;
					text-align: center;
					vertical-align: middle;
					padding: 10px 0;
				}
				.entryBox .entryInner .contact .contactInner .contactList:not(:last-child) {
					border-right: 1px solid #ddd;
				}
					.entryBox .entryInner .contact .contactInner .contactList h4 {
						display: inline-block;
						font-family: "リュウミン R-KL";
						font-size: 16px;
						font-size: 1.6rem;
						line-height: 1.6em;
					}
					.entryBox .entryInner .contact .contactInner .contactList .telBox ,
					.entryBox .entryInner .contact .contactInner .contactList .mailBox {
						display: inline-block;
						margin-left: 40px;
						vertical-align: middle;
					}
						.entryBox .entryInner .contact .contactInner .contactList .telBox span {
							padding-left: 35px;
							background: url(../images/icon/icon_tel.png) no-repeat;
							background-position: 0 55%;
							font-family: 'Titillium Web', sans-serif;
							font-size: 30px;
							font-size: 3.0rem;
							line-height: 2.2rem;
						}
						.entryBox .entryInner .contact .contactInner .contactList .telBox small {
							display: block;
							padding: 7px 0 0 35px;
							font-size: 12px;
							font-size: 1.2rem;
							line-height: 1.3rem;
						}
						.entryBox .entryInner .contact .contactInner .contactList .mailBox span {
							padding: 3px 0 3px 37px;
							background: url(../images/icon/icon_mail.png) no-repeat;
							background-position: 0 55%;
							font-weight: bold;
							font-size: 16px;
							font-size: 1.6rem;
							line-height: 1.6rem;
						}
						.entryBox .entryInner .contact .contactInner .contactList .mailBox {
						width: 250px;
						}
						.entryBox .entryInner .contact .contactInner .contactList .mailBox a {
							display: block;
							padding: 17px 0;
							background-color: #b0d459;
							border-radius: 3px;
							-webkit-border-radius: 3px;
							-moz-border-radius: 3px;
							text-align: center;
							color: #fff;
							font-size: 1.6rem;
							line-height: 1.6rem;
						}
						.entryBox .entryInner .contact .contactInner .contactList .mailBox a:hover {
							text-decoration: none;
							filter: alpha(opacity=70);
							-moz-opacity: 0.7;
							opacity: 0.7;
						}