.interview_detail.wrapper {
	padding-top: 0;
}

@media (min-width: 961px) {
	.interview_detail.wrapper {
		padding-top: 80px;
	}
}

.interview_detail .detail {
	position: relative;
	background: #fafafa;
}

@media (min-width: 961px) {
	.interview_detail .detail::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 120px;
		height: 100%;
		background: var(--wp--preset--color--background);
	}
}

.interview_detail .content-wrapper {
	max-width: var(--wp--style--global--wide-size);
	margin: 0 auto;
	padding: 200px 30px 300px;
}

@media (max-width: 960px) {
	.interview_detail .content-wrapper {
		padding: 100px 5% 150px;
	}
}

.interview_detail .content-wrapper h1 {
	margin: 0 0 45px;
	padding: 0;
	font-size: 36px;
	font-weight: bold;
}

@media (max-width: 960px) {
	.interview_detail .content-wrapper h1 {
		font-size: 20px;
	}
}

.interview_detail .content-wrapper .dflex {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

@media (max-width: 960px) {
	.interview_detail .content-wrapper .dflex .dflex {
		flex: 1;
		flex-wrap: wrap;
		padding-left: 15px;
	}

	.interview_detail .content-wrapper .dflex p:not(.name) {
		flex: 0 0 100%;
		font-size: 12px;
	}
}

.interview_detail .content-wrapper .dflex p {
	margin: 0;
	padding: 0;
}

.interview_detail .content-wrapper p.name {
	position: relative;
	padding-left: 75px;
	font-size: 26px;
	line-height: 1;
}

@media (max-width: 960px) {
	.interview_detail .content-wrapper p.name {
		padding-left: 35px;
	}
}

.interview_detail .content-wrapper .name::before {
	content: "";
	position: absolute;
	top: 5px;
	left: 0;
	width: 60px;
	height: 0.5px;
	background: var(--wp--preset--color--body-text);
}

@media (max-width: 960px) {
	.interview_detail .content-wrapper .name::before {
		width: 30px;
	}
}

@media (min-width: 961px) {
	.interview_detail .content-wrapper p.year {
		margin: 0 15px;
	}
}

@media (max-width: 960px) {
	.interview_detail .content-wrapper p.year {
		margin-bottom: 10px;
	}
}

.interview_detail .list {
	margin-top: 150px;
}

@media (max-width: 960px) {
	.interview_detail .list {
		margin-top: 150px;
	}
}

.wp-block-award-interview-section {
	margin-top: 110px;
}

@media (min-width: 961px) {
	.wp-block-award-interview-section {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		padding-left: 80px;
	}
}

@media (max-width: 960px) {
	.wp-block-award-interview-section {
		margin-top: 150px;
	}
}

.wp-block-award-interview-section .titsub,
.wp-block-award-interview-section .is-style-titsub {
	font-size: 26px;
}

@media (min-width: 961px) {
	.wp-block-award-interview-section .titsub,
	.wp-block-award-interview-section .is-style-titsub {
		margin-bottom: 60px;
	}
}

.wp-block-award-interview-section .img img {
	width: 100%;
}

@media (min-width: 961px) {
	.wp-block-award-interview-section .img {
		max-width: 375px;
	}
}

@media (max-width: 960px) {
	.wp-block-award-interview-section .img {
		margin-bottom: 80px;
	}
}

@media (min-width: 961px) {
	.wp-block-award-interview-section .desc {
		max-width: 430px;
	}
}

.wp-block-award-interview-section .desc p {
	margin: 0;
	padding: 0;
}

@media (min-width: 961px) {
	.wp-block-award-interview-section:first-child {
		padding-left: 0;
		margin-bottom: 180px;
	}

	.wp-block-award-interview-section:first-child .img {
		max-width: 490px;
	}
}

.wp-block-award-interview-section:first-child .titsub2 {
	margin-top: 180px;
}

@media (max-width: 960px) {
	.wp-block-award-interview-section:first-child .titsub2 {
		margin-top: 120px;
	}
}

.wp-block-award-interview-section:first-child .desc p + .is-style-titsub {
	margin-top: 180px;
}

@media (max-width: 960px) {
	.wp-block-award-interview-section:first-child .desc p + .is-style-titsub {
		margin-top: 120px;
	}
}

.recruit .interview {
	padding-top: 160px;
}

@media (max-width: 960px) {
	.recruit .interview {
		padding-top: 140px;
	}
}

.recruit .is-style-titline {
	padding: 0;
}

.interview_detail .interview .is-style-titline {
	margin-bottom: 80px;
}

.recruit .interview-list img {
	max-width: 100%;
	height: auto;
}

.interview-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 60px;
}

@media (max-width: 960px) {
	.recruit .interview-list {
		grid-template-columns: repeat(2, 1fr);
		gap: 60px 20px;
	}
}

@media (min-width: 961px) {
	.interview_detail .interview .is-style-titline .is-style-section-title {
		font-size: var(--wp--preset--font-size--xx-large);
	}

	.interview_detail .interview-list {
		grid-template-columns: repeat(3, 1fr);
		gap: 70px;
	}
}

.recruit .interview .name {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 20px;
	margin-bottom: 10px;
}

.recruit .interview .name span {
	font-size: 20px;
}

@media (max-width: 960px) {
	.recruit .interview .name span {
		font-size: 14px;
	}
}

.recruit .interview .name small {
	margin-left: 20px;
	font-size: 14px;
}

@media (max-width: 960px) {
	.recruit .interview .name small {
		font-size: 12px;
	}
}

.recruit .interview .img {
	line-height: 0;
	box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.05);
}

@media (min-width: 961px) {
	.recruit .interview .img a:hover {
		opacity: 0.5;
	}

	.recruit .interview .img a:hover img {
		opacity: 1;
	}
}

.recruit .interview p {
	margin: 0;
	padding: 0;
}

@media (max-width: 960px) {
	.recruit .interview p {
		font-size: 12px;
	}
}

@media (max-width: 960px) {
	.recruit .block-button {
		margin-top: 140px;
	}
}
