/* ==========================================================================
   recruit.css — RECRUIT 固有スタイル

   2カラム（.c-lower-split）、縦組み見出し（.c-lower-section-head--stack）、
   本文組版（.c-lower-copy）は lower-page.css の共通クラスを使う。
   ここではセクションの積み方と、RECRUIT だけの組版を担当する。
   ========================================================================== */
.p-recruit__content { display: flex; flex-direction: column; gap: var(--space-y-160) var(--space-x-160); }
.p-recruit__intro-title { padding-right: var(--space-x-60); font-family: var(--font-mincho-m); font-size: var(--fs-40); line-height: 1.5; letter-spacing: 0.25em; }
/* 2カラム左側の内側余白。共通コンポーネントのプロパティは上書きしない */
.p-recruit__section-head { padding-right: var(--space-x-60); }
/* 段落・リスト・導線を積む本文。外部スタッフ募集と「働く社員の1日」で共有する */
.p-recruit__body { display: flex; flex-direction: column; gap: var(--space-y-36) var(--space-x-36); }
.p-recruit__creators ul { padding-left: var(--space-x-24); list-style: disc; }
.p-recruit__notes { font-size: var(--fs-15); line-height: 2.5; }
/* リンクの見た目は policy.css の本文リンクに揃える */
.p-recruit__notes a { color: var(--color-brand); text-decoration: underline; text-underline-offset: 0.2em; }

/* ==========================================================================
   SP

   2カラム（.c-lower-split）の1列化とセクション見出しの縦積みは lower-page.css が
   担当する。ここはページ固有の余白と組版だけを扱う。
   余白は docs/sp-strategy.md 決定14 に従う。
   --space-y-36（.p-recruit__body）は「--space-y-60 以下は既定値のまま通る」に
   該当するので触らない。
   ========================================================================== */
@media (max-width: 767px) {
  /* セクションの下余白は既定の120。about / service と揃える */
  .p-recruit__content {
    gap: var(--space-y-96) var(--space-x-96);
  }

  /* PCは右カラムとの間隔を自分の padding で作っていた。1列では不要。

     文字は決定14の「原則トークンのまま」から外す。--fs-40（SP実寸24.67px）に
     0.25emのトラッキングが乗ると1行目の12字で約370pxになり、375px時の
     内幅335.8pxに収まらない。落とす先と字間は .p-service__overview-title に
     揃えた（あちらはPC --fs-48 からの着地。両ページの導入見出しがSPで同じ級数になる） */
  .p-recruit__intro-title {
    padding-right: 0;
    font-size: var(--fs-36);
    letter-spacing: 0.15em;
  }

  .p-recruit__section-head {
    padding-right: 0;
  }
}