/* 採用：仕事を知る — 土台（2026-10-07 A1）。正: design/指示書_セクション.md §0（そのまま。差は下の注のとおり）。
   ページ変数・文字の下限・共用の小部品。B1〜B3 はこれを使う（足りない物は A1 への依頼）。CSS は全部 .rc-page-work の下に閉じる。
   寸法の記法: rem＝Figma px ÷ 10（PC は rem＝幅/192）。
   差（指示書の §0 から）: .wk-corner の幅・高さ・線の太さ・色に fallback（var(--wk-cw,0) など）を付けた。持ち主ごとの変数（各節）が決まる前でも、0 の大きさ・0 の線になって何も出ない
   （変数が無いと border-width が medium＝3px の点になるのを防ぐ）。変数が決まれば §0 と同じ値。 */
.rc-page-work{
  --wk-gold:#caaa6e;--wk-gold-2:#bfa05a;--wk-gold-3:#d4b96a;--wk-brown:#624f2d;--wk-ink:#2a2825;--wk-paper:#f0ede6;
  --wk-intro:#eed29f;--wk-hero-base:#a2895a;--wk-bar:#141414;--wk-arrow:#796d55;--wk-black:#000;
  --wk-glow:#d4b988;--wk-box:#71634b;--wk-ind-box:#655537;--wk-num:#f9d38c;--wk-light:#f7f4ed;--wk-corner-hover:#d4b87a;
  --wk-pow1:cubic-bezier(.25,.46,.45,.94);--wk-wipe:1.5s cubic-bezier(.51,.32,0,.96);
  --wk-st:max(129.5rem,100vh);--wk-cv:33.4rem;--wk-edge-cv:33rem;
  /* 文字の下限（ENV F2-3 を最初から）: 1920 で 22px 未満の文字。max の px は 1920 の大きさ以下＝1920 では効かない */
  --wk-t-flow:max(1.173rem,11px);   /* HOW WE WORK の説明 11.73px */
  --wk-t-ind:max(1.316rem,12px);    /* 6 産業の説明 13.16px */
  --wk-t-tag:max(1.464rem,12px);    /* 詳細のタグ 14.64px */
  --wk-t-body:max(1.459rem,12px);   /* 詳細の本文・魅力の本文 14.59px */
  --wk-t-ctl:max(1.483rem,12px);    /* CONTROL の文 14.83px */
  --wk-t-card:max(1.708rem,12px);   /* カードの説明 17.08px */
  --wk-t-step:max(1.803rem,12px);   /* WHAT WE DO の箱の説明 18.03px */
  --wk-t-p:max(2rem,12px);          /* WHAT WE DO の本文 20px */
  --wk-t-more:max(2.151rem,12px)    /* 詳しく見る▼ 21.51px */
}
/* FB-04（2026-10-09・実装FBシート No.4「1024〜1280 で文字に下限」）日本語の本文は 14px 以上。1024〜1280px だけ（SP の規則が同じファイルにあるので min-width も付ける＝SP と 1281px 以上は今のまま） */
@media (min-width:1024px) and (max-width:1280px) and (orientation:landscape){
  .rc-page-work{--wk-t-flow:max(1.173rem,14px);--wk-t-body:max(1.459rem,14px);--wk-t-ctl:max(1.483rem,14px);--wk-t-card:max(1.708rem,14px);--wk-t-step:max(1.803rem,14px);--wk-t-p:max(2rem,14px)}
}

/* 目次バーの sticky の親（overflow を付けない）。#fields〜#industries の間だけバーが止まる。地はクリーム */
.rc-page-work .wk-body{position:relative;background:var(--wk-paper)}

/* 読み上げだけ */
.rc-page-work .wk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* 小さな S つきの英字（WHAT WE DO・WORK FIELDS・HOW WE WORK）。Figma: S 18.74×50 の右 10px に文字（文字の縦中央＝S の中央）。--dark は白（S は rc-work-s-white.svg） */
.rc-page-work .wk-eyebrow{display:flex;align-items:center;gap:1rem;height:5rem;margin:0;font:600 3.6rem/5.4rem var(--cormorant);letter-spacing:-.126rem;color:var(--wk-brown);white-space:nowrap}
.rc-page-work .wk-eyebrow__s{flex:none;width:1.874rem;height:5rem;max-width:none}
.rc-page-work .wk-eyebrow--dark{color:#fff}

/* 四つ角（カードの箱・詳しく見る▼・詳細の枠・導入の箱の番号・6 産業の箱）。持ち主は [data-wk-corners]・直下に i.wk-corner を 4 つ（sbs_rc_wk_corners()）。
   持ち主ごとの大きさ・線・色は各節の CSS が --wk-cw／--wk-ch／--wk-cs／--wk-cc（／--wk-ci＝内側へ寄せる量）で決める。角の L は Figma は丸い線端だが 2px 前後なので四角でよい（ENV・下層と同じ） */
.rc-page-work .wk-corner{position:absolute;display:block;width:var(--wk-cw,0);height:var(--wk-ch,0);border:0 solid var(--wk-cc,currentColor);pointer-events:none;box-sizing:border-box}
.rc-page-work .wk-corner--tl{left:var(--wk-ci,0);top:var(--wk-ci,0);border-top-width:var(--wk-cs,0);border-left-width:var(--wk-cs,0)}
.rc-page-work .wk-corner--tr{right:var(--wk-ci,0);top:var(--wk-ci,0);border-top-width:var(--wk-cs,0);border-right-width:var(--wk-cs,0)}
.rc-page-work .wk-corner--br{right:var(--wk-ci,0);bottom:var(--wk-ci,0);border-bottom-width:var(--wk-cs,0);border-right-width:var(--wk-cs,0)}
.rc-page-work .wk-corner--bl{left:var(--wk-ci,0);bottom:var(--wk-ci,0);border-bottom-width:var(--wk-cs,0);border-left-width:var(--wk-cs,0)}
html.motion .rc-page-work .wk-corner{transition:transform .3s ease-out,border-color .3s ease-out}
/* ホバーで角が外へ開く（本人ルール・±.7rem・#d4b87a。現物: rc-common.css の .rc-corner＝TOP recruit.css 561〜584 行の L と同じ値）。ホバーは (hover:hover) の中だけ・no-motion／reduced-motion は html.motion が付かないので動かない */
@media (hover:hover){
  html.motion .rc-page-work [data-wk-corners]:hover>.wk-corner--tl{transform:translate(-.7rem,-.7rem);border-color:var(--wk-corner-hover)}
  html.motion .rc-page-work [data-wk-corners]:hover>.wk-corner--tr{transform:translate(.7rem,-.7rem);border-color:var(--wk-corner-hover)}
  html.motion .rc-page-work [data-wk-corners]:hover>.wk-corner--br{transform:translate(.7rem,.7rem);border-color:var(--wk-corner-hover)}
  html.motion .rc-page-work [data-wk-corners]:hover>.wk-corner--bl{transform:translate(-.7rem,.7rem);border-color:var(--wk-corner-hover)}
}

/* 写真の仮枠（ACF で写真を外したとき）。白い箱ではなく淡い面＋小さな文字。アイコンなし（ENV の .env-ph と同じ） */
.rc-page-work .wk-ph{display:grid;place-items:center;width:100%;height:100%;background:rgba(191,160,90,.1)}
.rc-page-work .wk-ph__t{font:400 max(1.2rem,11px)/1 var(--sans);letter-spacing:.1em;color:rgba(42,40,37,.45)}