/*======================================
インタビューページ(リニューアル)編集者：鈴木
========================================*/
.inner-wrapper {
	padding-inline: 12px;
}

.main {
	padding-top: 55px;
}

.interview__wrapper {
	padding-inline: 20px;
}

.interview__fv {
	height: 100px;
}

.interview__fv img {
	height: inherit;
	object-fit: cover;
}

.interview__detail {}

.interview__detail--inner {}

.interview__detail--boxes {}

.interview__detail--boxes--box {}

.interview__detail--boxes--box:not(:first-child) {
	margin-top: 30px;
}

.interview__detail--boxes--box--head {
	max-width: 1000px;
	width: 100%;
	margin-inline: auto;
}

.interview__detail--boxes--box--head--q {
	position: relative;
	padding-left: 16px;
}

.interview__detail--boxes--box--head--q::before {
	content: "";
	position: absolute;
	top: 58%;
	transform: translateY(-50%);
	left: 0;
	width: 8px;
	height: 8px;
	background-color: var(--primaryColor);
	display: block;
	border-radius: 100vmax;
}

.interview__detail--boxes--box--head--heading2 {
	margin-top: 15px;
}

.interview__detail--boxes--box--body {
	margin-top: 30px;
}

.interview__detail--boxes--box--body--inner {
	padding: 50px 12px 60px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	background-color: #f9f4ed;
}

.interview__detail--boxes--box--body.--reverse {
	display: flex;
	flex-direction: column-reverse;
}

.interview__detail--boxes--box--body--image {}

.interview__detail--boxes--box--body--image img {}

.interview__detail--boxes--box--body--texts {}

.interview__detail--boxes--box--body--texts--heading3 {
	font-size: 20px;
}

.interview__detail--boxes--box--body--texts--text {
	margin-top: 12px;
	font-size: 14px;
}

.interview__detail--message {
	position: relative;
	margin-top: 160px;
}

.interview__detail--message--inner {
	max-width: 1000px;
	width: 100%;
	margin-inline: auto;
}

.interview__detail--message--image {
	position: absolute;
	top: -100px;
	left: 50%;
	transform: translateX(-50%);
	max-width: 200px;
	margin-inline: auto;
}

.interview__detail--message--image img {}

.interview__detail--message--body {
	padding-top: 110px;
	padding-bottom: 50px;
	padding-inline: 20px;
	background-color: #deacaa;
	color: #ffffff;
	border-radius: 20px;
}

.interview__detail--message--body--heading4 {}

.interview__detail--message--body--text {
	margin-top: 30px;
	font-size: 14px;
}

@media (min-width: 769px) {

	.interview__detail--boxes--box {}

	.interview__detail--boxes--box--body {
		background-color: #f9f4ed;
	}

	.interview__detail--boxes--box--body--inner {
		max-width: 1000px;
		width: 100%;
		margin-inline: auto;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}

	.interview__detail--boxes--box--body--image {
		max-width: calc((500 / 1000) * 100%);
	}

	.interview__detail--boxes--box--body--texts {
		max-width: calc((420 / 1000) * 100%);
	}

	.interview__detail--boxes--box:nth-of-type(even) .interview__detail--boxes--box--body--inner {
		flex-direction: row-reverse;
	}

	.interview__detail--message {
		margin-top: 100px;
	}

	.interview__detail--message--body {
		display: flex;
		align-items: center;
		padding-block: 50px;
	}

	.interview__detail--message--body--texts {
		width: calc((680 / 1000) * 100%);
	}

	.interview__detail--message--body--heading4 {
		font-size: 22px;
	}

	.interview__detail--message--body--text {
		font-size: 16px;
	}

	.interview__detail--message--image {
		position: initial;
		top: auto;
		left: auto;
		transform: none;
		width: calc((300 / 1000) * 100%);
	}
}