/* =========================================================
   p-requirements.css — 募集要項（子CC-A）
   型：anchor_subpages.md §3-9（導入 → 3色タブ → タブ色枠パネル → 帯見出し → dl表 → エントリー方法 → 青カード）
   ========================================================= */

/* 導入文（コンテナ1200・左寄せ） */
.p-req__lead { line-height: 1.733; }

/* タブ群（導入から 56） */
.p-req__tabs { margin-top: 56px; }
.c-tabs__btn small { font-size: inherit; font-weight: inherit; }
/* #new-graduate 等の着地点（非フォーカス・高さ0・固定ヘッダー分の余白） */
.p-req__anchor { display: block; height: 0; scroll-margin-top: 120px; }

/* パネル内：帯見出し → 表 80／表 → エントリー方法 80 */
.p-req__table { margin-top: 80px; }
.p-req__note { display: inline-block; font-size: 13px; line-height: 1.8; color: #777; }
.c-spec dd > p + p, .c-spec dd > ul + p, .c-spec dd > p + ul { margin-top: 8px; }
.c-panel--yellow .c-ul-sq li::before { background: var(--yellow); }
.c-panel--pink .c-ul-sq li::before { background: var(--pink); }

.p-req__entry { margin-top: 80px; }
.p-req__entry-text { margin-top: 40px; line-height: 2; }
.p-req__entry .c-btn { margin-top: 40px; }

/* 選考の流れ（淡色ピル＋山形の矢印。タブ色に合わせて地色を回す） */
.p-req__flow { display: flex; flex-wrap: wrap; gap: 10px 32px; margin-top: 24px; }
.p-req__flow li { position: relative; padding: 6px 22px; border-radius: 100px; background: var(--tint-b); font-weight: 600; letter-spacing: .05em; line-height: 1.6; }
.p-req__flow li:not(:last-child)::after { content: ""; position: absolute; right: -21px; top: 50%; width: 7px; height: 7px; border-top: 1.6px solid var(--ink); border-right: 1.6px solid var(--ink); transform: translateY(-50%) rotate(45deg); }
.c-panel--yellow .p-req__flow li { background: var(--tint-y); }
.c-panel--pink .p-req__flow li { background: var(--tint-p); }

@media (max-width: 1024px) {
  .c-tabs__btn { font-size: 19px; }
}

@media (max-width: 767px) {
  .p-req__tabs { margin-top: 32px; }
  .c-tabs__btn--pink { font-size: 12px; letter-spacing: -.05em; }
  .p-req__table { margin-top: 32px; }
  .p-req__note { font-size: 12px; }
  .p-req__entry { margin-top: 48px; }
  .p-req__entry-text { margin-top: 20px; line-height: 1.9; }
  .p-req__entry .c-btn { margin-top: 24px; }
  .p-req__flow { gap: 8px 26px; margin-top: 16px; }
  .p-req__flow li { padding: 4px 14px; font-size: 13px; }
  .p-req__flow li:not(:last-child)::after { right: -18px; width: 6px; height: 6px; }
}