@charset "utf-8";

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
採用情報 - 社員インタビュー - 詳細
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- ページヘッダー
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.page-header {
	margin-bottom: calc(var(--padding-block) * -1);
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- メイン
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.interview-single {
	padding-block: initial;
	color: var(--color_white);
}

.interview-single .wp-post-image {
	position: sticky;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100vh;
	background: rgb(var(--color_main_rgb), 0.1);
	object-fit: cover;
	object-position: center top;
	filter: var(--saturate);
}

.interview-single .inner {
	padding-bottom: var(--padding-block);
}

.interview-startdate {
	display: block;
	margin-block: -0.4em 0.5em;
	font-size: 14px;
}

.interview-qa-li {
	display: grid;
	counter-increment: number;
	gap: 12px 4%;
}

.interview-qa-li:not(:last-child) {
	margin-bottom: 40px;
}

.interview-qa-li .img {
	width: 100%;
	border-radius: var(--border-radius);
	background: var(--color_white);
	object-fit: cover;
	aspect-ratio: 600 / 400;
}

.interview-qa-li .question {
	margin-bottom: 0.8em;
	font-size: 16px;
}

.interview-qa-li .question::before {
	display: block;
	font-weight: 900;
	font-size: 26px;
	font-family: var(--font_english);
	line-height: 1.2;
	content: "Q" counter(number) ".";
}

@media (min-width: 768px) {
.interview-startdate {
	font-size: 20px;
}

.interview-qa-li:nth-child(2n+1) {
	grid-template-columns: 50% auto;
}

.interview-qa-li:nth-child(2n) {
	grid-template-columns: auto 50%;
}

.interview-qa-li .img {
	height: 400px;
}

.interview-qa-li:nth-child(2n) .img {
	grid-row: 1;
	grid-column: 2;
}

.interview-qa-li .text {
	align-self: center;
}

.interview-qa-li .question {
	font-size: 24px;
}

.interview-qa-li .question::before {
	font-size: 36px;
}
}