/* 採用：仕事を知る — WORK FIELDS（頭・斜めの帯・カード 4 枚）と WORK FIELD 詳細 4 つ（2026-10-07 B2）
   正: design/指示書_セクション.md F-1〜F-9・D-1〜D-6・SP 表／指示書_v1.md §2.2・§6 E-4/E-5/E-8・§7。裁定 M14-1（職種 04 の写真の窓は左端 0）。
   寸法の記法: rem＝Figma px ÷ 10（PC は rem＝幅/192）。位置は特記なければそのセクション（#fields・#field-0n）の上端からの rem。CSS は全部 .rc-page-work の下に閉じる。
   四つ角（.wk-corner）の形・ホバーで開く動きは rc-work-base.css（土台）。ここでは持ち主ごとの変数 --wk-cw／-ch／-cs／-cc だけを決める。出現は共通の .reveal。ホバーで浮かせない・拡大しない。
   長い英字（カードの縦の英字・詳細の大きな英字）は rc-work-fields.js（E-8）が font-size だけを縮めて箱に収める。縮める前の大きさ（Figma のまま）はこの CSS。
   文字の位置の決め方: Figma の文字の箱は行の高さより低いことがあり、行は箱の中央に載る（Figma の見た目）。CSS は行の高さ＝箱の高さにして同じ中央に載せる。
   文字の下限: 1920 で 22px 未満の日本語は max(<rem>, 12px)（P12 の道具は日本語の 12px 以上の文字を 12px 下限で見る。土台の --wk-t-tag／-more は 11px 下限なので、ここでは 12px 下限の自前の値を使う）。
   複数行の行の高さは max(<rem>, 1.6em)＝1920 では今と同じ・下限で文字が大きくなる幅だけ行間を広げる。 */

/* ===================== F. WORK FIELDS（#fields・高さ 375.774rem） ===================== */
.rc-page-work .wk-fields{position:relative;height:429.774rem;isolation:isolate}   /* WK-SALES（2026-10-30）: カード 5 枚に＝5 枚目（top 331.874rem）の下に同じ 19.851rem の余白で 359.774→429.774rem */   /* FB-05（2026-10-09）: 375.774→359.774rem。下が炎の縁でなく #field-01（同じクリーム）になったので、カード 4 → 職種 01 の枠の間を職種どうしの間（39.6rem）にそろえた */

/* F-1 頭（左 32.2rem・インクで合わせる）。eyebrow は土台の .wk-eyebrow（高さ 5rem） */
.rc-page-work .wk-fields__head{position:absolute;left:32.2rem;top:27.274rem;width:97.2rem;margin:0}
.rc-page-work .wk-fields__title{margin:2.5rem 0 0;font:700 9.6rem/13.18rem var(--serif);letter-spacing:.132rem;color:var(--wk-brown);white-space:nowrap}
.rc-page-work .wk-fields__lead{margin:6.54rem 0 0;font:900 2.4rem/5rem var(--serif);letter-spacing:.319rem;color:var(--wk-brown);white-space:nowrap}

/* F-2 斜めの帯（Figma 塗り .5 × ノード .57）。頭の右・カードの後ろ（DOM 順で頭の後・カードの前） */
.rc-page-work .wk-fields__deco{position:absolute;left:123.7rem;top:27.274rem;width:38.1rem;height:101.7rem;max-width:none;opacity:.285;pointer-events:none}

/* F-3 カード 4 枚の枠（li・absolute）。奇数（1・3）は左 29.5rem・偶数（2・4）は 103.2rem。高さは中身で決まる（箱が伸びたら伸びる）が、1920 の中身は 78.049rem＝Figma */
.rc-page-work .wk-card{position:absolute;display:block;box-sizing:border-box;min-height:78.049rem;margin:0;padding-top:16.488rem}
.rc-page-work .wk-card--1{left:29.5rem;top:103.674rem}
.rc-page-work .wk-card--2{left:103.2rem;top:151.374rem}
.rc-page-work .wk-card--3{left:29.5rem;top:217.774rem}
.rc-page-work .wk-card--4{left:103.2rem;top:261.874rem}
.rc-page-work .wk-card--5{left:29.5rem;top:331.874rem}   /* WK-SALES（2026-10-30・先方FB「営業を追加」）: 営業を 01 にして 5 枚。番号・位置の class は並びの位置（fields.php）。5 枚目は左＝3 枚目から同じ 114.1rem 下 */
.rc-page-work .wk-card--odd{width:64.308rem}
.rc-page-work .wk-card--even{width:63.383rem}

/* F-4・F-5 頭（番号＋課名）。奇数は右寄せ・偶数は左寄せ。Serif 700 11.967rem・金。番号と課名の間 2.349rem。課名は常に _name（「加工課」＝3 字） */
.rc-page-work .wk-card__head{position:absolute;top:0;display:flex;gap:.1963em;height:17.2rem;margin:0;font:700 11.967rem/17.2rem var(--serif);color:var(--wk-gold);white-space:nowrap}   /* 間は em（2.349rem＝11.967rem の .1963 倍）＝管理画面で長い課名を入れても JS が font-size を縮めるだけで同じ形（E-8 と同じ収め） */
.rc-page-work .wk-card--odd .wk-card__head{right:0}
.rc-page-work .wk-card--even .wk-card__head{left:0}

/* F-6 縦の英字。writing-mode（transform:rotate にしない＝箱の寸法が回らず E-8 の判定が狂う）・text-align:end で下に寄る（Figma は RIGHT＝回転後の下）。
   縁取りだけ: 中を地色 #f0ede6 で塗り、線 max(.22rem,2px) の外側だけ見せる（paint-order:stroke fill）。字間は em（Figma −6.5%）＝font-size を縮めても長さが比例する（E-8）。写真や金の上には重ねない。
   padding-bottom:.065em＝最後の字の後ろの字間（負）の分。Chromium は最後の字の後ろにも字間を足す（−1.14rem）ので、字の線が箱の下端から字間分はみ出す。Figma は下端で止まる＝その分だけ字を上げて同じ位置にする（E-8 の箱は padding を除いた内側）。
   overflow:hidden＝横向きに寝かせた字の「字体の高さ（content area）」は箱の幅（13.807rem）より大きく、右端の奇数カードでは li の scrollWidth を押し広げる（見た目の字は箱の中）。切っても字は欠けない（確認: 1920 の字の位置が同じ） */
.rc-page-work .wk-card__word{position:absolute;top:17.2rem;display:block;box-sizing:border-box;width:13.807rem;height:60.849rem;margin:0;writing-mode:vertical-rl;text-align:end;
  overflow:hidden;padding-bottom:.065em;font:600 17.544rem/14.04rem var(--cormorant);letter-spacing:-.065em;white-space:nowrap;
  color:var(--wk-paper);-webkit-text-fill-color:var(--wk-paper);-webkit-text-stroke:max(.22rem,2px) var(--wk-gold);paint-order:stroke fill;pointer-events:auto}   /* SEL-B02（2026-10-14・文字選択）縦の英字（DESIGN 等）が pointer-events:none で下の li に抜け、なぞれなかった→ auto。この字の箱は写真・箱・ボタンと重ならない（上の注記どおり・conflict_b.js で押せる物との重なり 0 を確認）。見た目は変えない */
.rc-page-work .wk-card--odd .wk-card__word{left:50.501rem}
.rc-page-work .wk-card--even .wk-card__word{left:0}

/* F-7 箱（四つ角の持ち主）。48.821×61.56rem は min-height（1024 で文字が下限で大きくなっても切れない）。ぼかしの面は箱の内側 inset で追従。
   四つ角: Figma は「線の太さ 1.97px を経路の中心に引き、丸い端」＝見える外接は経路（20.3×21.63）より周りに .985px ずつ広い。Chromium は border を整数 px に切り捨てる（1.97→1px）ので、
   太さ .2rem（1920 で 2px）・外へ .1rem・腕の長さ＝経路＋太さ（2.03+.197＝2.227rem・2.163+.197＝2.36rem）に直して Figma の見た目に合わせた。
   中身の列は左 5.765rem・幅 37.221rem（padding で決める）。flow の積み: 写真 → 帯 → 説明 → ボタン（余白は Figma の位置から逆算） */
.rc-page-work .wk-card__box{position:relative;isolation:isolate;display:flex;flex-direction:column;box-sizing:border-box;width:48.821rem;min-height:61.56rem;margin:0;padding:6.347rem 5.835rem 6.345rem 5.765rem;
  --wk-ci:-.1rem;--wk-cw:2.227rem;--wk-ch:2.36rem;--wk-cs:max(.2rem,1px);--wk-cc:var(--wk-brown)}
.rc-page-work .wk-card--even .wk-card__box{margin-left:14.561rem}
.rc-page-work .wk-card__glow{position:absolute;z-index:-1;left:2.064rem;top:1.922rem;right:2.064rem;bottom:1.922rem;background:var(--wk-glow);filter:blur(1.0234rem);pointer-events:none}

/* F-8 箱の中 */
.rc-page-work .wk-card__ph{flex:none;width:100%;height:24.817rem;margin:0;overflow:hidden}
.rc-page-work .wk-card__ph img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.rc-page-work .wk-card__catch{flex:none;display:flex;align-items:center;justify-content:center;min-height:4.555rem;margin:3.914rem 0 0;background:var(--wk-brown);color:#fff;text-align:center;font:900 2.277rem/4.555rem var(--serif)}
.rc-page-work .wk-card__desc{flex:none;margin:.3895rem 0 0;text-align:center;text-wrap:balance;word-break:auto-phrase;font:900 var(--wk-t-card)/max(3.56rem,1.6em) var(--serif);letter-spacing:.036rem;color:var(--wk-brown)}   /* 下限で文字が大きくなって折り返したとき「す。」だけの行を作らない: auto-phrase＝文節で折る・balance＝行の長さをそろえる（1920 は 1 行に収まるので変わらない。未対応のブラウザは文字で折るだけ） */
.rc-page-work .wk-card__desc{margin-inline:-.8rem}   /* CARD-WIDE（2026-11-02・先方FB の新しい文で 1 行 22 字になり、1366〜1920 で「手の感覚で／仕上げます。」「動く一台へと／つなぎます。」と 3 行に落ちた）: 文字の箱だけ左右 .8rem 広げて 22 字を 1 行に（カードの箱・中央そろえはそのまま）。1024〜1280 は字が下限（14px）で今までどおり文節で折れる */

/* F-9 詳しく見る▼（四つ角の持ち主＝a）。面（白 50%・金の内側の線）は ::before・文字の後ろ。押下は scale(.985) .12s（html.motion）・角は (hover:hover) で開く（土台） */
.rc-page-work .wk-card__more{position:relative;isolation:isolate;flex:none;align-self:center;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:23.084rem;height:5.263rem;margin:2.8095rem 0 0;
  font:900 max(2.151rem,12px)/2.71rem var(--serif);letter-spacing:.108rem;color:var(--wk-brown);text-decoration:none;white-space:nowrap;
  --wk-cw:.959rem;--wk-ch:.651rem;--wk-cs:max(.125rem,1px);--wk-cc:var(--wk-brown)}
.rc-page-work .wk-card__more::before{content:"";position:absolute;z-index:-1;left:.441rem;top:.192rem;right:.247rem;bottom:.302rem;background:rgba(255,255,255,.5);box-shadow:inset 0 0 0 max(.125rem,1px) var(--wk-gold)}
html.motion .rc-page-work .wk-card__more{transition:transform .12s ease}
html.motion .rc-page-work .wk-card__more:active{transform:scale(.985)}

/* F-10 カードの出方（2026-10-08 修正・本人「下からビュンって出てくるように」）: 前の .reveal（2rem・.8s のふわっ）をやめ、頭（番号＋課名）→ 箱 → 縦の英字の順に
   22rem 下から一気に上がって止まる。曲線は ui-motion-borrow の登場（yui540 の現物 cubic-bezier(0,.31,.18,.99)＝半分までが尺の約 12%＝出だしが速く、残りでブレーキ）・
   間 .07s（同スキルの連番の間隔）。translate（個別プロパティ）で動かす＝四つ角・押下の transform と別。
   隠すのは rc-work.js が .wk-cards に .is-armed を付けたときだけ（JS が動かない・no-motion・reduced では最初から出ている）。カードの上端が画面の下から 15% に来たら li に .is-up（1 回だけ） */
html.motion .rc-page-work .wk-cards.is-armed .wk-card>:is(.wk-card__head,.wk-card__box,.wk-card__word){--wk-whoosh:cubic-bezier(0,.31,.18,.99);transition:opacity .6s var(--wk-whoosh),translate .9s var(--wk-whoosh)}
html.motion .rc-page-work .wk-cards.is-armed .wk-card:not(.is-up)>:is(.wk-card__head,.wk-card__box,.wk-card__word){opacity:0;translate:0 22rem}
html.motion .rc-page-work .wk-cards.is-armed .wk-card>.wk-card__box{transition-delay:.07s}
html.motion .rc-page-work .wk-cards.is-armed .wk-card>.wk-card__word{transition-delay:.14s}

/* ===================== D. WORK FIELD 詳細 4 つ（#field-01〜04） ===================== */
.rc-page-work .wk-detail{display:block}

/* D-1 地。01・03 クリーム（detail-bg-cream＋#f0ede6）／02・04 金（detail-bg-gold）。高さは 119.4rem（02・04 は 119.5rem）以上＝上下 19.75rem の余白＋枠（min-height 79.9rem）。
   金の下地は #caaa6e（指示書どおり。A2: 画像の両端 1 列が半透明で Figma は下のクリームが透けるが、金のままでも差は 0.1%）。色の入れ替えは変数（D-4 の表） */
.rc-page-work .wk-field{position:relative;box-sizing:border-box;min-height:119.4rem;padding:19.75rem 0;background-repeat:no-repeat;background-position:0 0;background-size:192rem auto;background-color:var(--wk-paper)}
.rc-page-work .wk-field--cream{background-image:url(../../images/recruit/rc-work-detail-bg-cream.webp);
  --wk-fg:var(--wk-gold);--wk-txt:var(--wk-brown);--wk-line:var(--wk-gold);--wk-chip-bg:var(--wk-gold);--wk-chip-fg:#fff;--wk-appeal-bg:var(--wk-gold);--wk-appeal-fg:#fff;--wk-frame:var(--wk-gold)}
.rc-page-work .wk-field--gold{min-height:119.5rem;padding-bottom:19.85rem;background-color:var(--wk-gold);background-image:url(../../images/recruit/rc-work-detail-bg-gold.webp);
  --wk-fg:#fff;--wk-txt:#fff;--wk-line:#fff;--wk-chip-bg:#fff;--wk-chip-fg:var(--wk-gold);--wk-appeal-bg:#fff;--wk-appeal-fg:var(--wk-gold);--wk-frame:#fff}
/* FB-07（2026-10-09・実装FBシート No.7「金地の文字を黒に」）金地（02・04）の文字と、金の面（01・03 のタグ・魅力の箱）の文字を #1a1a1a に。
   02・04 の白い面（タグ・魅力の箱）の金の文字も同じく黒（金×白も 2.2:1）。線（キャッチの下線＝--wk-line・魅力の箱の線＝--wk-appeal-fg）・四つ角・S の画像は変えない */
.rc-page-work .wk-field--gold{--wk-fg:#1a1a1a;--wk-txt:#1a1a1a;--wk-chip-fg:#1a1a1a}
.rc-page-work .wk-field--cream{--wk-chip-fg:#1a1a1a}

/* 写真の窓（D-6）。素材は 3:2 の全体。--wk-dx＝窓の左端（rem・0〜−29.998＝画像の幅 102.027rem の 0〜29.4%）。既定（01〜03）は Figma の −21.377rem（画像の 20.95%）。
   裁定 M14-1: 04（制御）は 0＝頭全体と手元が入る。--wk-dx-sp は SP（% 表記）の同じ位置。管理画面で写真を差し替えた物の窓は detail.php が欄（rc_wk_job{n}_d_dx＝%）を読めば style で上書きする */
.rc-page-work .wk-field--job4{--wk-dx:0;--wk-dx-sp:0%}   /* WK-SALES（2026-10-30）: 制御は #field-05 になったので欄の番号の class で（detail.php） */

/* D-2 枠（四つ角の持ち主）。left 27.2rem・top 19.75rem（＝section の padding）・137.6×79.9rem は min-height。四つ角: 色 クリーム金・金 #fff */
.rc-page-work .wk-field__frame{position:relative;box-sizing:border-box;width:137.6rem;min-height:79.9rem;margin:0 0 0 27.2rem;padding:7.643rem 0 0 4.155rem;
  --wk-ci:-.107rem;--wk-cw:2.347rem;--wk-ch:2.453rem;--wk-cs:max(.213rem,1px);--wk-cc:var(--wk-frame)}   /* 四つ角は経路 2.134×2.24rem＋線の太さ .213rem（上の F-7 と同じ直し） */

/* D-3 文字の列（左 31.355rem＝枠の左から 4.155rem・top 27.393rem＝枠の上から 7.643rem・幅 63.1rem）。縦の流れ: ラベル → 英字 → 課名＋タグの行 → キャッチ＋下線 → 本文 → 魅力の箱。
   margin は 1920 の 01 で Figma の位置になる値（行が折り返したら下へずれる）。 */
.rc-page-work .wk-field__text{width:63.1rem;margin:0}

/* ① ラベル行（S 1.609×4.293rem＋「WORK FIELD/」Cormorant 600 3.091rem＋番号 Serif 700 2.551rem）。行の高さ 4.293rem・文字は中央 */
.rc-page-work .wk-field__lab{display:flex;align-items:center;width:max-content;height:4.293rem}
.rc-page-work .wk-field__label{display:flex;align-items:center;height:4.293rem;margin:0;font:600 3.091rem/4.64rem var(--cormorant);letter-spacing:-.108rem;color:var(--wk-fg);white-space:nowrap}
.rc-page-work .wk-field__s{flex:none;width:1.609rem;height:4.293rem;max-width:none;margin-right:.343rem}
.rc-page-work .wk-field__no{margin-left:.8rem;font:700 2.551rem/5.89rem var(--serif);letter-spacing:.143rem}

/* ② 英字（Cormorant 600 10.302rem・箱は写真の左端まで 57.262rem）。字間は em（Figma 3.25%）＝E-8 で縮めても長さが比例。1 行・箱の高さ 7.469rem */
.rc-page-work .wk-field__en{display:block;width:57.262rem;height:7.469rem;margin:1.374rem 0 0;font:600 10.302rem/7.469rem var(--cormorant);letter-spacing:.0325em;color:var(--wk-fg);white-space:nowrap}

/* ③ 課名＋タグの行（flex-wrap:wrap）。「加工課（部品加工）」でタグが入らなければタグが次の行へ回る（課名を折らない・はみ出さない） */
.rc-page-work .wk-field__row{display:flex;flex-wrap:wrap;align-items:center;column-gap:1.116rem;row-gap:.773rem;max-width:57.262rem;min-height:6.095rem;margin:1.373rem 0 0}   /* 57.262rem＝写真の左端まで。下限で大きくなったタグが写真の下に潜らないよう、入らなければ次の行へ */
.rc-page-work .wk-field__name{min-width:0;max-width:100%;margin:0 .684rem 0 0;font:700 3.434rem/6.095rem var(--serif);letter-spacing:.172rem;color:var(--wk-fg);overflow-wrap:anywhere}   /* 折らない（1 行で入る長さまで）が、入らないほど長い名前だけは行の幅で折る＝写真の下に潜らない */
.rc-page-work .wk-field__tags{display:flex;flex-wrap:wrap;gap:.773rem;margin:0}
.rc-page-work .wk-field__tag{box-sizing:border-box;height:2.836rem;padding:0 1.03rem;background:var(--wk-chip-bg);color:var(--wk-chip-fg);font:700 max(1.464rem,12px)/2.836rem var(--serif);letter-spacing:.013rem;white-space:nowrap}

/* ④ キャッチ＋下線（下線は文字の箱の下 .687rem・幅 51.768rem） */
.rc-page-work .wk-field__catch{position:relative;max-width:57.262rem;margin:4.206rem 0 0;font:900 2.576rem/3.595rem var(--serif);letter-spacing:.025rem;color:var(--wk-txt)}
.rc-page-work .wk-field__catch::after{content:"";position:absolute;left:0;top:calc(100% + .687rem);width:51.768rem;border-top:max(.086rem,1px) solid var(--wk-line);pointer-events:none}

/* ⑤ 本文（幅 51.94rem・3 行） */
.rc-page-work .wk-field__body{width:51.94rem;margin:2.318rem 0 0;font:600 var(--wk-t-body)/max(2.88rem,1.6em) var(--serif);letter-spacing:.172rem;color:var(--wk-txt)}
.rc-page-work .wk-field__body{word-break:keep-all;overflow-wrap:anywhere}   /* FIELD-PHRASE（2026-11-02）: 文節（<wbr>）の所でだけ折る */
.rc-page-work .wk-field__body .wk-ln{display:block;text-wrap:balance}   /* FIELD-LINES（2026-11-03）: 改行のある本文（detail.php）は行ごとに、入らない行だけ長さをそろえて折る */

/* ⑥ この仕事の魅力の箱（60.954×21.958rem は min-height）。線は箱の上から 7.727rem・左端から幅 51.768rem。題は左 3.777rem・「魅力」は 3.778rem。クリーム＝金の面・白字／金＝白の面・金字。
   箱の右端 3.692rem（Figma の 88.617〜92.309rem）は写真の下に隠れる（D-5）。箱そのものは写真の左端（57.262rem）までにして、写真の下に隠れる分は描かない（M16-3。以前は box-shadow＝右へ 3.692rem ずらした同じ色の面で延ばしていたが、
   縮小幅で箱が写真の下端より下に出ると、その影が白／金の出っ張りに見えるのでやめた。1920 では箱の下端が写真の下端より上＝隠れていた分なので見た目は変わらない。箱の枠と写真は重ならない＝sp_check の「figure と隣の本文」の重なり検査に引っかからない） */
.rc-page-work .wk-field__appeal{position:relative;box-sizing:border-box;width:57.262rem;min-height:21.958rem;margin:3.961rem 0 0;padding:1.202rem 0 0 3.777rem;background:var(--wk-appeal-bg);color:var(--wk-appeal-fg)}
.rc-page-work .wk-field__appeal::before{content:"";position:absolute;left:0;top:7.727rem;width:51.768rem;border-top:max(.086rem,1px) solid var(--wk-appeal-fg);pointer-events:none}
.rc-page-work .wk-field__appeal-t{width:max-content;min-width:23.2rem;margin:0;text-align:center;font:900 2.788rem/5.3rem var(--serif);letter-spacing:.279rem;color:inherit;white-space:nowrap}
.rc-page-work .wk-field__appeal-em{font-size:3.778rem}
.rc-page-work .wk-field__appeal-b{width:48.42rem;margin:2.919rem 0 0;padding-bottom:2.9rem;font:600 var(--wk-t-body)/max(2.4rem,1.5em) var(--serif);letter-spacing:.275rem;color:inherit}
.rc-page-work .wk-field__appeal{color:#1a1a1a}   /* FB-07: 魅力の箱の文字だけ黒（箱の中の線 ::before は --wk-appeal-fg のまま） */

/* D-5・D-6 写真（マスク 72.029×66.105rem・overflow:hidden）。枠の左から 61.417rem・上から 6.898rem（＝ページ左 88.617rem・セクション上 26.648rem）。
   魅力の箱の上に重なる（DOM で後＝そのまま）。img は Figma の画像ノード（1020.27×680.26）をマスクの左上から (−213.77,−18.89) に置く */
.rc-page-work .wk-field__ph{position:absolute;left:61.417rem;top:6.898rem;width:72.029rem;height:66.105rem;margin:0;overflow:hidden}
.rc-page-work .wk-field__img{position:absolute;left:var(--wk-dx,-21.377rem);top:-1.889rem;width:102.027rem;height:68.026rem;max-width:none;object-fit:cover}
/* WK-BOTTOM（2026-10-15・本人「この仕事の魅力の箱と写真の下をそろえて」）: 1920 では箱の下端＝写真の下端（Figma）だが、狭い幅は本文の下限 14px で行が増えて箱が写真より下へ出ていた（1366 で 26px・1024 で 140px 前後）、02 は 1920 でも 35px。
   ① 文字の列を縦の flex にし、魅力の箱の前に伸びる空き（::after・order 1）を入れる＝文字が短い時は箱が下へ寄って写真の下端にそろう（箱の上の 3.961rem はそのまま最低の間）。
   ② 文字が長い時は枠が伸びる（下の余白 6.897rem＝79.9 − 写真の下端 73.003）ので、写真も枠の下から 6.897rem まで伸ばす（img は object-fit:cover で伸びた分を埋める）。PC だけ（SP は縦に積むので不要） */
@media (min-width:1024px) and (orientation:landscape), (min-width:1367px){
  .rc-page-work .wk-field__frame{display:flex;flex-direction:column;padding-bottom:6.897rem}
  .rc-page-work .wk-field__text{flex:1 0 auto;display:flex;flex-direction:column}
  .rc-page-work .wk-field__text::after{content:"";flex:1 0 0;order:1}
  .rc-page-work .wk-field__appeal{order:2}
  .rc-page-work .wk-field__ph{height:auto;bottom:6.897rem}
  .rc-page-work .wk-field__img{min-height:calc(100% + 1.921rem)}
}

/* FB-04（2026-10-09・実装FBシート No.4「1024〜1280 で文字に下限」）WORK FIELDS のリード・カードのキャッチ・詳しく見る・職種のキャッチを 14px 以上に（1024〜1280 だけ。本文・タグの変数は rc-work-base.css）。SP・1281px 以上は前のまま */
@media (min-width:1024px) and (max-width:1280px) and (orientation:landscape){
  .rc-page-work .wk-fields__lead{font-size:max(2.4rem,14px)}
  .rc-page-work .wk-card__catch{font-size:max(2.277rem,14px)}
  .rc-page-work .wk-card__more{font-size:max(2.151rem,14px)}
  .rc-page-work .wk-field__catch{font-size:max(2.576rem,14px);line-height:max(3.595rem,1.5em)}
}

/* ===================== SP（≤1023。指示書_セクション SP 表・rem＝min(幅/39,13px)） ===================== */
@media (max-width:1023px), (max-width:1366px) and (orientation:portrait){
  /* WORK FIELDS: 高さは中身。頭は流れの中・斜めの帯は頭の右上に幅 10rem（文字の後ろ） */
  .rc-page-work .wk-fields{height:auto;padding:8rem var(--gut)}
  .rc-page-work .wk-fields__head{position:relative;left:auto;top:auto;width:auto}
  .rc-page-work .wk-fields__title{margin:1.6rem 0 0;font:700 3.2rem/1.45 var(--serif);letter-spacing:.014em;white-space:normal}
  .rc-page-work .wk-fields__lead{margin:2.4rem 0 0;font:900 max(1.4rem,13px)/1.9 var(--serif);letter-spacing:.08em;white-space:normal;word-break:auto-phrase}
  .rc-page-work .wk-fields__deco{left:auto;right:0;top:5rem;width:10rem;height:auto;z-index:-1}
  .rc-page-work .wk-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:6rem;margin-top:5rem}   /* minmax(0,1fr)＝長い課名（nowrap）が列を押し広げない（JS が縮めて収める） */

  /* カード 1 列: 頭 → 箱と縦の英字の横並び。箱は幅 100%−7.5rem（最大 36rem）・英字は箱の高さに合わせた列（7.5rem）で E-8 が箱の高さに収める */
  .rc-page-work .wk-card{position:relative;left:auto;top:auto;width:auto;min-width:0;max-width:43.5rem;min-height:0;margin:0 auto;padding-top:0;--wk-sp-head:calc(4.4rem * 1.3 + 1.2rem)}
  .rc-page-work .wk-card--odd,.rc-page-work .wk-card--even{width:100%}
  .rc-page-work .wk-card__head{position:static;display:flex;width:100%;height:auto;gap:1.2rem;margin:0 0 1.2rem;font:700 4.4rem/1.3 var(--serif)}
  .rc-page-work .wk-card--odd .wk-card__head{justify-content:flex-end}
  .rc-page-work .wk-card--even .wk-card__head{justify-content:flex-start}
  .rc-page-work .wk-card__word{top:var(--wk-sp-head);bottom:0;width:7.5rem;height:auto;font-size:7rem;line-height:7.5rem}
  .rc-page-work .wk-card--odd .wk-card__word{left:auto;right:0}
  .rc-page-work .wk-card--even .wk-card__word{left:0;right:auto}
  .rc-page-work .wk-card__box{width:auto;min-height:0;margin:0 7.5rem 0 0;padding:2.4rem;--wk-cw:1.8rem;--wk-ch:1.9rem}
  .rc-page-work .wk-card--even .wk-card__box{margin:0 0 0 7.5rem}
  .rc-page-work .wk-card__ph{height:auto;aspect-ratio:3/2}
  .rc-page-work .wk-card__catch{min-height:3.8rem;margin-top:1.8rem;font:900 max(1.5rem,13px)/1.5 var(--serif);padding:.6rem 1rem}
  .rc-page-work .wk-card__desc{margin-top:1.4rem;margin-inline:0;font:900 max(1.3rem,12px)/1.8 var(--serif);letter-spacing:.02em}   /* CARD-WIDE は PC だけ */
  .rc-page-work .wk-card__more{width:min(100%,23.1rem);min-height:max(4.4rem,44px);height:auto;margin-top:2rem;font-size:max(1.5rem,13px);--wk-cw:.8rem;--wk-ch:.6rem}

  /* 詳細: 地は 100% 幅（下に炎の網点）・枠は流れの中・文字の列は display:contents にして並び（order）: ラベル → 英字 → 課名＋タグ → 写真 → キャッチ → 本文 → 魅力 */
  .rc-page-work .wk-field,.rc-page-work .wk-field--gold{min-height:0;padding:6rem var(--gut);background-size:100% auto;background-position:0 100%}
  .rc-page-work .wk-field--gold{background-color:var(--wk-gold)}
  .rc-page-work .wk-field__frame{display:flex;flex-direction:column;width:auto;min-height:0;margin:0;padding:3.2rem 2rem;--wk-cw:1.9rem;--wk-ch:2rem}
  .rc-page-work .wk-field__text{display:contents}
  .rc-page-work .wk-field__lab{order:1;height:auto}
  .rc-page-work .wk-field__label{height:auto;font-size:2rem;line-height:1.4;letter-spacing:-.035em}
  .rc-page-work .wk-field__s{width:1.2rem;height:3.2rem;margin-right:.3rem}
  .rc-page-work .wk-field__no{margin-left:.4rem;font-size:1.8rem;line-height:1.4}
  .rc-page-work .wk-field__en{order:2;width:auto;height:auto;margin:.6rem 0 0;font-size:5rem;line-height:1.15}
  .rc-page-work .wk-field__row{order:3;max-width:none;min-height:0;margin-top:.6rem;column-gap:1rem;row-gap:.8rem}
  .rc-page-work .wk-field__name{margin:0;font:700 2.6rem/1.4 var(--serif);letter-spacing:.05em}
  .rc-page-work .wk-field__tags{gap:.6rem}
  .rc-page-work .wk-field__tag{height:auto;padding:.3rem .9rem;font:700 max(1.2rem,12px)/1.6 var(--serif)}
  .rc-page-work .wk-field__ph{order:4;position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:720.29/661.05;margin:2.4rem 0 0}
  .rc-page-work .wk-field__img{left:var(--wk-dx-sp,-29.678%);top:-2.857%;width:141.647%;height:102.906%}
  .rc-page-work .wk-field__catch{order:5;max-width:none;margin:2.4rem 0 0;font:900 1.8rem/1.6 var(--serif);letter-spacing:.02em;word-break:auto-phrase}
  .rc-page-work .wk-field__catch::after{top:calc(100% + .6rem);width:100%}
  .rc-page-work .wk-field__body{order:6;width:auto;margin:2.2rem 0 0;font:600 max(1.4rem,13px)/2 var(--serif);letter-spacing:.06em;word-break:keep-all}   /* FIELD-PHRASE: auto-phrase → keep-all（<wbr> の文節で折る） */
  .rc-page-work .wk-field__appeal{order:7;width:auto;min-height:0;margin:2.4rem 0 0;padding:2rem;box-shadow:none}
  .rc-page-work .wk-field__appeal::before{display:none}
  .rc-page-work .wk-field__appeal-t{width:auto;min-width:0;padding-bottom:1.2rem;border-bottom:max(.1rem,1px) solid var(--wk-appeal-fg);font-size:2rem;line-height:1.5;letter-spacing:.1em;text-align:center}
  .rc-page-work .wk-field__appeal-em{font-size:2.8rem}
  .rc-page-work .wk-field__appeal-b{width:auto;margin:1.4rem 0 0;padding-bottom:0;font:600 max(1.3rem,12px)/1.9 var(--serif);letter-spacing:.06em;word-break:auto-phrase}
}