@charset "utf-8";
/*------------------------------------------------------------
	recruit_interview
------------------------------------------------------------*/
#container {
	overflow: hidden;
}
#main .h2Title {
	margin-bottom: 10rem;
	line-height: 1.9;
	font-size: 1.8rem;
}
#main .h2Title .inner {
	padding-block: 2.7rem;
	display: inline-flex;
	align-items: flex-end;
}
#main .h2Title .en {
	font-size: 12rem;
	font-weight: 400;
	line-height: 1;
}
#main .h2Title .en .col {
	color: #FB6900;
}
#main .h2Title .txt {
	flex: 1;
	margin: 0 0 -0.3rem 6.1rem;
	white-space:nowrap;
}
#main .pageTitle {
	margin-bottom: 11rem;
}
#main .imgBox {
	margin: 0 auto 11.9rem;
	max-width: 182.4rem;
	display: flex;
	align-items: flex-start;
	position: relative;
}
#main .imgBox:last-child {
	margin-bottom: 15.1rem;
}
#main .imgBox .photoBox {
	width: 88.9rem;
	position: relative;
	order: 3;
}
#main .imgBox .photoBox .btmImg {
	width: 112rem;
	position: absolute;
	bottom: 0.6rem;
	left: -18.3rem;
}
#main .imgBox .photoBox img {
	width: 100%;
}
#main .imgBox .textBox {
	flex: 1;
	margin: 13.5rem 10.4rem 0 0;
	position: relative;
}
#main .imgBox .innerBox {
	padding: 9.2rem 0 4.9rem;
	max-width: 64rem;
	width: 100%;
	margin-left: auto;
	position: relative;
}
#main .imgBox .innerBox::before {
	position: absolute;
	top: 0;
	left: -8rem;
	width: 9999.9rem;
	height: 100%;
	background-color: #2E2E2E;
	opacity: 0.1;
	content: "";
	z-index: -1;
}
#main .imgBox .title {
	margin-bottom: 3.7rem;
	padding: 0 0 2.1rem 11rem;
	font-size: 2.4rem;
	font-weight: 500;
	border-bottom: 1px solid rgba(46,46,46,0.6);
	position: relative;
	letter-spacing: 0.13em;
}
#main .imgBox .title img {
	width: 8rem;
	position: absolute;
	bottom: 0.9rem;
	left: 1rem;
}
#main .imgBox .title .en {
	color: #FB6900;
	font-size: 2rem;
	letter-spacing: 0.15em;
	margin-right: 3.8rem;
}
#main .imgBox .enImg {
	position: absolute;
	top: 0;
	right: 2rem;
	width: 5.5rem;
	z-index: 10;
}
#main .imgBox .ttl {
	font-size: 3.4rem;
	line-height: 1.73;
}
#main .imgBox .comBtn {
	margin-top: 6.1rem;
	position: relative;
	z-index: 10;
}
#main .imgBox .comBtn a {
	margin: 0 0 0 auto;
}
#main .imgBox02 .innerBox {
	color: #fff;
}
#main .imgBox02 .innerBox::before {
	opacity: 0.8;
}
#main .imgBox02 .title {
	border-color: rgba(255,255,255,0.6);
}
@media all and (max-width: 896px) {
	#main .imgBox .textBox {
		margin: 0;
	}
	#main .imgBox {
		display: block;
	}
	#main .imgBox .photoBox {
		width: auto;
		margin-bottom: 2rem;
	}
	#main .imgBox .comBtn a {
		margin: 0 auto;
	}
	#main .imgBox .enImg {
		top: -1rem;
		right: 1rem;
		width: 3.5rem;
	}
	#main .imgBox .innerBox {
		padding: 5.2rem 2rem 4.9rem;
		max-width: inherit;
	}
	#main .imgBox .title .en {
		display: block;
		margin: 0;
		font-size: 1.8rem;
	}
	#main .imgBox .title .txt {
		margin: 0;
		display: block;
	}
	#main .imgBox .title img {
		width: 7rem;
		bottom: 0.9rem;
		left: 0;
	}
	#main .imgBox .title {
		margin-bottom: 3.7rem;
		padding: 0 0 1.1rem 8rem;
		font-size: 2rem;
		letter-spacing: 0.13em;
	}
	#main .imgBox .ttl {
		font-size: 2.4rem;
	}
	#main .h2Title {
		margin-bottom: 7rem;
		font-size: 1.5rem;
		letter-spacing: -0.05em;
	}
	#main .h2Title .en {
		display: block;
		margin: 0 0 2rem;
		font-size: 5rem;
	}
	#main .h2Title .inner {
		display: block;
	}
	#main .h2Title .txt {
		margin: 0;
		display: block;
		white-space: wrap;
	}
	#main .pageTitle {
		margin-bottom: 4rem;
	}
	#main .imgBox:last-child {
		margin-bottom: 5rem;
	}
}