@charset "UTF-8";

.mv-interview { background: var(--stone); text-align: center; padding: 52px 32px 44px; }
.mv-interview_en { font-size: .78rem; letter-spacing: .14em; color: var(--green-800); font-weight: 700; text-transform: uppercase; }
.mv-interview_ttl { font-size: 1.6rem; margin: .4rem 0 .8rem; }
.mv-interview_lead { font-size: .9rem; color: var(--ink-soft); max-width: 32em; margin: 0 auto; }

.interview-list-section { max-width: 1080px; margin: 0 auto; padding: 48px 32px 72px; }
.interview-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.interview-card_link { display: block; }
.interview-card_pic { aspect-ratio: 1 / 1; background: var(--stone); border-radius: 10px; overflow: hidden; margin-bottom: .8rem; }
.interview-card_pic img { width: 100%; height: 100%; object-fit: cover; transition: transform .2s; }
.interview-card_link:hover .interview-card_pic img { transform: scale(1.04); }
.interview-card_title { font-size: .9rem; font-weight: 700; margin: 0; line-height: 1.6; }
.interview-empty { text-align: center; color: var(--ink-soft); padding: 2rem 0; }

@media (max-width: 900px) { .interview-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .interview-grid { grid-template-columns: 1fr; } }

/* ---- Detail page ---- */
.interview-detail_mv {
	min-height: 360px; display: flex; align-items: flex-end;
	background: var(--stone) center/cover no-repeat;
	position: relative;
}
.interview-detail_mv::before { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0, 0, 0, .55), rgba(0, 0, 0, 0)); }
.interview-detail_profile { position: relative; z-index: 1; width: 100%; max-width: 1200px; margin: 0 auto; padding: 32px; color: #fff; }
.interview-detail_profile-hd { font-size: .74rem; letter-spacing: .16em; opacity: .85; margin: 0; }
.interview-detail_profile-job { font-size: 1.575rem; margin: .3rem 0; }
.interview-detail_profile-name { font-size: 1.05rem; font-weight: 700; margin: 0; }
.interview-detail_profile-sub { font-size: .82rem; opacity: .9; margin: .2rem 0 0; }

.interview-qa { max-width: 900px; margin: 0 auto; padding: 48px 32px; }
.interview-qa_item { display: flex; gap: 2rem; align-items: center; padding: 2rem 0; border-top: 1px solid var(--line); }
.interview-qa_item:first-child { border-top: none; }
.interview-qa_item.is-reverse { flex-direction: row-reverse; }
.interview-qa_text h3 { font-size: 1rem; color: var(--green-800); margin: 0 0 .8rem; }
.interview-qa_text p { font-size: .88rem; color: var(--ink-soft); margin: 0; }
.interview-qa_pic { flex: 0 0 240px; }
.interview-qa_pic img { width: 100%; border-radius: 10px; }

@media (max-width: 700px) {
	.interview-qa_item, .interview-qa_item.is-reverse { flex-direction: column; }
	.interview-qa_pic { flex: none; width: 100%; }
}

.interview-schedule { background: var(--stone); padding: 48px 32px; }
.interview-schedule_heading { display: flex; align-items: center; gap: .6rem; justify-content: center; margin-bottom: 1.6rem; }
.interview-schedule_heading img { width: 24px; height: 24px; }
.interview-schedule_heading p { font-size: 1.05rem; font-weight: 700; margin: 0; }
.interview-schedule_list { max-width: 600px; margin: 0 auto; }
.interview-schedule_item {
	display: flex; gap: 1.2rem; padding: .8rem 0; border-bottom: 1px solid var(--line);
	font-size: .86rem;
}
.interview-schedule_time { flex: 0 0 100px; font-weight: 700; color: var(--green-800); }

.interview-linked-jobs { text-align: center; padding: 48px 32px; display: flex; flex-direction: column; gap: .8rem; align-items: center; }
.interview-linked-jobs_btn {
	display: inline-block; padding: .8rem 2.2rem; border-radius: 100px;
	background: var(--green-600); color: #fff; font-size: .86rem; font-weight: 700;
}
.interview-linked-jobs_btn:hover { background: var(--green-800); }