/* careers.css — Careers（Figma 27:685）固有レイアウト
   Hero/未来を形に/Contact帯 = paper-alt、Interview = 白。
   フォント: タイトル Yu Mincho 96, 見出し Yu Mincho 48/64, 本文/取材 Yu Mincho 20/35・20/30。 */

/* タイトル帯は inner.css の .c-PageHero ＋ .c-PageHero--alt に一本化＝ここでは再定義しない。 */
body[data-page="careers"] .c-PageHero__titleSub {
  margin: 16px 0 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
  color: var(--ink);
}

/* 「未来を形に」帯: Figma 577px / 703px（gap=0、合計1280px） */
.l-CareersSplit {
  display: grid;
  grid-template-columns: 577fr 703fr;
  gap: 0;
  align-items: start;
}

/* Interview帯: Figma 197px（見出し）/ Auto gap=394px / 689px（カード列）
   justify-content:space-between で2列間に残余スペースを配置 */
.l-CareersSplit--iv {
  grid-template-columns: 197px 689px;
  justify-content: space-between;
}
.c-Careers__h2 {
  margin: 0;
  font-family: var(--font-mincho);
  font-size: clamp(30px, 4.4vw, 48px);
  font-weight: 600;
  line-height: 1.33;
  color: var(--ink);
}
.c-Careers__mission {
  margin: 0;
  font-family: var(--font-mincho);
  font-size: clamp(16px, 1.8vw, 20px);
  font-weight: 500;
  line-height: 1.75;
  color: var(--ink);
}
.c-Careers__mission p { margin: 0 0 1.75em; }
.c-Careers__mission p:last-child { margin-bottom: 0; }

/* Interview */
.c-CareersInterview { display: flex; flex-direction: column; gap: clamp(40px, 5vw, 56px); }
.c-CareersInterview__card figure { margin: 0; }
.c-CareersInterview__card img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}
.c-CareersInterview__name {
  margin: 18px 0 0;
  font-family: var(--font-mincho);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--ink);
}
.c-CareersInterview__title {
  margin: 8px 0 0;
  font-family: var(--font-mincho);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--ink);
}
.c-CareersInterview__read {
  display: inline-block;
  margin: 14px 0 0;
  font-size: 14px;
  color: var(--ink);
  text-decoration: none;
}
.c-CareersInterview__read::after { content: " →"; color: var(--accent); }

/* Contact バンドは inner.css の共通コンポーネント .c-ContactBand に統合（旧 .c-CareersContact* を廃止） */

@media (max-width: 880px) {
  .l-CareersSplit,
  .l-CareersSplit--iv { grid-template-columns: 1fr; justify-content: initial; gap: 28px; }
}