/* values-scroll-recruit — 罫 ＋ 番号 ＋ 題 ＋ 英名 ＋ 本文、横に 400 幅で並ぶ。左端は本文の左端、右は画面端まで */
.rcv { --rcv-pad: max(var(--cds-gutter), calc((100% - var(--cds-content)) / 2)); padding-inline: var(--rcv-pad); scroll-padding-inline: var(--rcv-pad); gap: 48px; }
.rcv__item { display: grid; gap: 0; width: 400px; padding-top: 24px; }
.rcv__rule { order: -2; display: block; height: 1px; margin-top: -24px; margin-bottom: 24px; background: var(--cds-text); transform: scaleX(0); transform-origin: left center; transition: transform 1s var(--cds-ease) calc(var(--cds-delay-reveal) + var(--i, 0) * 0.08s); }
.rcv__item.is-inview .rcv__rule { transform: scaleX(1); }
.is-static .rcv__rule { transform: none; }
/* 番号は表示語（Chillax 36 / 500）で項目の顔にする。13px の番号 ＋ 太字の題 ＋ 小さな英字の 3 段は型どおりで弱かった（依頼側 2026-10-18）。英名は題の上に 12px、題は 22 / 700、本文 15 / 2 */
.rcv__no { margin-bottom: 28px; font-family: var(--cds-font-display, var(--cds-font-en)); font-size: 36px; font-weight: 500; line-height: 1; letter-spacing: 0.02em; color: var(--cds-text); font-variant-numeric: tabular-nums; }
.rcv__en { order: -1; margin: 0 0 10px; font-family: var(--cds-font-display, var(--cds-font-en)); font-size: 12px; font-weight: 500; line-height: 1.4; letter-spacing: 0.16em; text-transform: uppercase; color: var(--cds-text-secondary); }
.rcv__ttl { font-size: clamp(20px, 1.5278vw, 22px); font-weight: var(--cds-weight-head); line-height: 1.5; letter-spacing: 0.03em; color: var(--cds-text); font-feature-settings: "palt"; }
.rcv__txt { margin-top: 20px; font-size: 15px; line-height: 2; letter-spacing: 0.02em; color: var(--cds-text-body); }
.rcv__txt .ph { word-break: normal; }
@media (max-width: 767px) {
  .rcv { gap: 24px; }
  .rcv__item { width: 72vw; max-width: 340px; padding-top: 20px; }   /* 次の列が 55px 以上見える（30px では文字の途中で切れて事故に見えた: design-critic 2026-10-18） */
  .rcv__rule { margin-top: -20px; margin-bottom: 20px; }
  .rcv__no { margin-bottom: 16px; }
  .rcv__ttl { font-size: 19px; }
  .rcv__txt { margin-top: 18px; font-size: 14.5px; }
}