@charset "utf-8";
/* =====================================================================
   採用：お知らせ一覧 /recruit/news/（body.rc-page-news）v2 2026-10-06 B3
   正本: Figma 393:1269（figma/news/。縦は Figma y − 18.26 に正規化）・設計図_ページ別 B3。
   記事ページ（body.rc-page-news-single）でもこのファイルが先に読まれる → 日付・分類枠（.nws-date／.nws-cat）は両方で使う。
   寸法は rem（Figma px ÷ 10）。文字は共通の --t-* トークン（見出しは純 rem）。SP は末尾の @media (max-width:1023px)。
   ===================================================================== */

/* ---------- 日付・分類枠（一覧と記事で共通） ---------- */
:is(.rc-page-news,.rc-page-news-single) .nws-date{font:400 var(--t-body)/1.6 var(--georgia);letter-spacing:.112rem;color:var(--brown);white-space:nowrap}
:is(.rc-page-news,.rc-page-news-single) .nws-cat{display:inline-block;flex:none;padding:.1rem 1rem;border:max(.1rem,1px) solid var(--brown-2);font:500 var(--t-xs)/1.8 var(--serif);letter-spacing:.066rem;color:var(--brown-2);white-space:nowrap}

/* ---------- 一覧（393:1303） ---------- */
.rc-page-news .nws-list{background:#fff;padding:22.5rem 0 12rem}   /* 見出しの S の上端 = 121.5rem（Figma 1233.26 − 18.26）＝ヒーロー下端 99rem ＋ 22.5rem */
.rc-page-news .nws-list__head+.rc-wrap{margin-top:2.6rem}            /* S 行の下端 126.5 → 見出し行 129.1rem（Figma 1309.26 − 18.26） */
.rc-page-news .nws-list__top{display:flex;justify-content:space-between;align-items:flex-end;gap:2.4rem;padding-bottom:2.7rem;border-bottom:max(.1rem,1px) solid var(--line)}
.rc-page-news .nws-list__title{margin:0;font:900 3.6rem/6.66rem var(--serif);letter-spacing:.288rem;color:var(--brown-2)}
.rc-page-news .nws-list__count{flex:none;margin-left:auto;padding:.1rem 0 .2rem;font:400 var(--t-small)/1.134 var(--georgia);letter-spacing:.144rem;color:var(--brown)}

/* 分類タブ（415:106921。常に出る） */
.rc-page-news .nws-tabs{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.915rem;min-height:10.7rem;margin-top:2.8rem}
.rc-page-news .nws-tab{width:27.785rem}

/* 一覧（393:1333・行 393:1334） */
.rc-page-news .nws-items{margin-top:2.8rem;padding-top:1.7rem;border-top:max(.1rem,1px) solid var(--line)}
.rc-page-news .nws-list__top+.nws-items{margin-top:0;border-top:0}   /* タブが無いとき: 見出し行の下線と一覧の上線が 2.8rem 空けて二重になるので上線を省く（Figma はタブを挟む前提） */
.rc-page-news .nws-item{border-bottom:max(.1rem,1px) solid var(--line)}
.rc-page-news .nws-item__link{display:flex;align-items:center;gap:2.8rem;min-height:11.2rem;padding:3.2rem 2rem}
.rc-page-news .nws-item__link .nws-date{flex:none;width:max(13rem, 6.8em)}   /* 1024 付近で文字の下限 13px が効いても次の分類枠に食い込まない */
.rc-page-news .nws-item__title{flex:1 1 auto;min-width:0;padding-left:3.536rem}
.rc-page-news .nws-item__text{font:700 var(--t-body-xl)/1.9 var(--serif);letter-spacing:.064rem;color:var(--brown-2);overflow-wrap:anywhere;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.4rem;text-decoration-thickness:max(.1rem,1px)}
.rc-page-news .nws-item__arrow{flex:none;display:grid;place-items:center;width:4.8rem;height:4.8rem;border:max(.1rem,1px) solid var(--brown-2);border-radius:50%;color:var(--brown-2)}
.rc-page-news .nws-item__arrow span{font:400 var(--t-body-xl)/1 Arial,sans-serif;padding-bottom:.1rem}
.rc-page-news .nws-empty{padding:4rem 0;font:500 var(--t-body)/2 var(--serif);color:var(--brown)}

@media (hover:hover){
  html.motion .rc-page-news .nws-item__arrow,html.motion .rc-page-news .nws-item__text{transition:background-color .3s ease,color .3s ease,text-decoration-color .3s ease}
  html.motion .rc-page-news .nws-item__link:hover .nws-item__arrow{background:var(--brown-2);color:#fff}
  html.motion .rc-page-news .nws-item__link:hover .nws-item__text{text-decoration-color:currentColor}
}

/* ---------- SP（≤1023） ---------- */
@media (max-width:1023px), (max-width:1366px) and (orientation:portrait){
  .rc-page-news .nws-list{padding:6rem 0 8rem}
  .rc-page-news .nws-list__head+.rc-wrap{margin-top:1.6rem}
  .rc-page-news .nws-list__top{padding-bottom:1.6rem;gap:1.6rem}
  .rc-page-news .nws-list__title{font-size:2.2rem;line-height:1.6;letter-spacing:.15rem}
  .rc-page-news .nws-tabs{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;min-height:0;margin-top:2rem}
  .rc-page-news .nws-tab{width:auto}
  .rc-page-news .nws-items{margin-top:2rem;padding-top:0}
  .rc-page-news .nws-list__top+.nws-items{margin-top:0}
  .rc-page-news .nws-item__link{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"date cat arrow" "title title arrow";align-items:center;gap:.8rem 1.2rem;min-height:0;padding:2rem 0}
  .rc-page-news .nws-item__link .nws-date{grid-area:date;width:auto}
  .rc-page-news .nws-item__link .nws-cat{grid-area:cat;justify-self:start}
  .rc-page-news .nws-item__title{grid-area:title;padding-left:0}
  .rc-page-news .nws-item__text{line-height:1.75;word-break:auto-phrase;text-wrap:pretty}
  .rc-page-news .nws-item__arrow{grid-area:arrow;width:4rem;height:4rem;margin-left:.8rem}
}