@charset "utf-8";
/* =====================================================================
   採用：募集要項（/recruit/requirements/）v2 2026-10-06 B1
   正: Figma 393:1731（figma/requirements/pc_frame.png 1920×7371）・設計図_ページ別.md B1
   ・PC は 1920 で 1rem=10px（Figma px ÷ 10）。文字は --t-* の下限付き。幾何は rem だけ。
   ・各セクションの縦の区切り（Figma y）: jump 990–1400／who 1400–2300／recruit 2300–4560／flow 4560–5677／faq 5677–6657
   ・共通部品（ヒーロー・見出し・ボタン・CTA・フッター・マーキー）の見た目はここで変えない。
   ・SP は末尾の @media (max-width:1023px)。
   ===================================================================== */

.rc-page-requirements{--rq-line:max(.1rem, 1px) solid var(--line)}
.rc-page-requirements .rq-jump,
.rc-page-requirements .rq-who,
.rc-page-requirements .rq-recruit,
.rc-page-requirements .rq-flow{background:#fff}

/* ---------- クリームのぼかし箱（Rectangle 408・#fff8e8・layer blur 32＝縁が ±2.5rem でぼける） ---------- */
.rc-page-requirements .rq-box{position:relative;isolation:isolate}
.rc-page-requirements .rq-box::before{content:'';position:absolute;inset:0;background:var(--cream);filter:blur(1.6rem);z-index:-1;pointer-events:none}

/* ---------- jump（ページ内ジャンプ 5 個・y 1250.17） ---------- */
.rc-page-requirements .rq-jump{padding:26.017rem 0 8.853rem}
.rc-page-requirements .rq-jump__nav{display:grid;grid-template-columns:repeat(5, 23.033rem);column-gap:3.209rem;justify-content:space-between}
.rc-page-requirements .rq-jump__btn{width:100%}

/* ---------- who（01 WHO WE WANT） ---------- */
.rc-page-requirements .rq-who{padding:5.55rem 0 31.007rem}
.rc-page-requirements .rq-who__grid{display:grid;grid-template-columns:65.256rem 53.4rem;column-gap:9.344rem;margin-top:3.29rem;align-items:start}
.rc-page-requirements .rq-who__photo{height:43.493rem;background:#c4b9a7;overflow:hidden}
.rc-page-requirements .rq-who__img{width:100%;height:100%;object-fit:cover}
.rc-page-requirements .rq-who__body{padding-top:5.3rem;color:var(--brown-2)}
.rc-page-requirements .rq-who__title{font:900 3.8rem/7.03rem var(--serif);letter-spacing:.304rem}
.rc-page-requirements .rq-who__text{margin-top:4.17rem;font:700 var(--t-body-l)/4.1rem var(--serif);letter-spacing:.3rem;text-wrap:pretty}
.rc-page-requirements .rq-who__btn{width:33.9rem;margin-top:4.53rem}
/* RQ-WHO-CORNER（2026-10-30・先方FB「自分から動く人。カギかっこつけたい（動くようにしたい）」）: 見出しの四隅に金のカギかっこ（共通の .rc-corner）。
   文字の位置は変えない（余白の分だけ負の margin）。動き: 出てくるとき（.reveal に .is-in）内側から外へ開く・マウスを乗せるともう少し開く。動きを減らす設定・no-motion は止まったまま */
.rc-page-requirements .rq-who__tq{position:relative;display:inline-block;margin:-1.4rem -2.6rem;padding:1.4rem 2.6rem;
  --cx:2.6rem;--cy:2.6rem;--cw:max(.3rem,2px);--cc:var(--gold);--cl:0px;--ct:0px;--cr:0px;--cb:0px}
html.motion .rc-page-requirements .rq-who__tq .rc-corner{transition:transform .9s cubic-bezier(.22,.61,.21,1) .35s}
html.motion .rc-page-requirements .rq-who__body:not(.is-in) .rq-who__tq .rc-corner--tl{transform:translate(1.4rem,1.4rem)}
html.motion .rc-page-requirements .rq-who__body:not(.is-in) .rq-who__tq .rc-corner--tr{transform:translate(-1.4rem,1.4rem)}
html.motion .rc-page-requirements .rq-who__body:not(.is-in) .rq-who__tq .rc-corner--br{transform:translate(-1.4rem,-1.4rem)}
html.motion .rc-page-requirements .rq-who__body:not(.is-in) .rq-who__tq .rc-corner--bl{transform:translate(1.4rem,-1.4rem)}
@media (hover:hover){
  html.motion .rc-page-requirements .rq-who__body.is-in:hover .rq-who__tq .rc-corner{transition:transform .3s ease-out}
  html.motion .rc-page-requirements .rq-who__body.is-in:hover .rq-who__tq .rc-corner--tl{transform:translate(-.7rem,-.7rem)}
  html.motion .rc-page-requirements .rq-who__body.is-in:hover .rq-who__tq .rc-corner--tr{transform:translate(.7rem,-.7rem)}
  html.motion .rc-page-requirements .rq-who__body.is-in:hover .rq-who__tq .rc-corner--br{transform:translate(.7rem,.7rem)}
  html.motion .rc-page-requirements .rq-who__body.is-in:hover .rq-who__tq .rc-corner--bl{transform:translate(-.7rem,.7rem)}
}
@media (prefers-reduced-motion:reduce){
  html.motion .rc-page-requirements .rq-who__tq .rc-corner{transform:none!important;transition:none}
}
/* REQ-WHO（2026-11-02・先方FB「トップの鯖江精機らしいとらしくないを…1カラムで、新卒と中途みたいにボタンで切り替え・デフォルトはらしいの方」）:
   写真と文の下に 1 列（幅＝下の新卒／中途のタブ 2 つ分 105.6rem・左右に余白）。タブは .rq-tabs／.rq-tab（新卒／中途と同じ）。
   パネルの見た目は採用 TOP の箱の写し（recruit.css の .ty-*）: らしい人＝クリーム #ffe9c0 の地・金の字・白い箱の四隅が金／らしくない人＝黒の地・灰色 #949390 の字・四隅は #1a1a1a。
   箱にマウスを乗せると四隅が .7rem 外へ開く（TOP と同じ）。区画の下の余白（31rem＝空きに見えていた所）はこの 1 列の分だけ詰める */
.rc-page-requirements .rq-who--ty{padding-bottom:12rem}
.rc-page-requirements .rq-ty{width:105.6rem;max-width:100%;margin:10rem auto 0}
.rc-page-requirements .rq-ty__panel{margin-top:4.8rem;padding:7.2rem 6rem 8rem;background:#ffe9c0;color:var(--gold);text-align:center}
/* RQ-TAB-B（2026-11-05・先方FB「らしくない人のほう、クリックしたら黒帯のグレー色文字（下と同じ色味）にしてほしい」）: 選んだときのタブだけ、下のパネル（.rq-ty__panel--b）と同じ黒の地・灰色 #949390 の字に。
   金の光彩（--bglow）は灰色の字に合わないので消す。らしい人のタブ・新卒／中途のタブは今までどおり */
.rc-page-requirements #tab-who-untypical:is(.is-selected,[aria-selected="true"]){--bf:#000;--bc:#949390;--bsc:#949390;--bglow:none}
.rc-page-requirements .rq-ty>.rq-ty__panel:first-child{margin-top:0}
.rc-page-requirements .rq-ty__panel:focus-visible{outline-offset:1rem}
.rc-page-requirements .rq-ty__panel--b{background:#000;color:#949390}
.rc-page-requirements .rq-ty__big{margin:0;font:900 5.58rem/1.4 var(--serif);letter-spacing:.67rem;padding-left:.67rem;color:inherit}
.rc-page-requirements .rq-ty__d{margin:2.8rem 0 0;font:900 max(1.9rem,13px)/max(3.5rem,1.8em) var(--serif);letter-spacing:.095rem;padding-left:.095rem;color:inherit}
.rc-page-requirements .rq-ty__list{width:55.65rem;max-width:100%;margin:5.2rem auto 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3.35rem}
.rc-page-requirements .rq-ty__li{position:relative;display:flex;align-items:center;justify-content:center;min-height:9.05rem;box-sizing:border-box;padding:1.6rem 2rem;background:#fff;color:var(--ink);
  font:700 max(1.7rem,13px)/3.1rem var(--serif);text-align:center;word-break:auto-phrase;text-wrap:balance;
  --cx:2.4rem;--cy:2.3rem;--cw:max(.3rem,2px);--cc:var(--gold);--cl:0px;--ct:0px;--cr:0px;--cb:0px}
.rc-page-requirements .rq-ty__panel--b .rq-ty__li{--cc:#1a1a1a}
@media (hover:hover){
  html.motion .rc-page-requirements .rq-ty__li:hover .rc-corner--tl{transform:translate(-.7rem,-.7rem)}
  html.motion .rc-page-requirements .rq-ty__li:hover .rc-corner--tr{transform:translate(.7rem,-.7rem)}
  html.motion .rc-page-requirements .rq-ty__li:hover .rc-corner--br{transform:translate(.7rem,.7rem)}
  html.motion .rc-page-requirements .rq-ty__li:hover .rc-corner--bl{transform:translate(-.7rem,.7rem)}
  html.motion .rc-page-requirements .rq-ty__panel--b .rq-ty__li:hover{--cc:#979696}
}
@media (prefers-reduced-motion:reduce){
  html.motion .rc-page-requirements .rq-ty__li .rc-corner{transform:none!important;transition:none}
}
/* RQ-2ND（2026-10-30）: 新卒のタブの題の下の注記「※第二新卒の方も…」 */
.rc-page-requirements .rq-panel__note{margin:.4rem 0 0;font:600 max(1.6rem,13px)/1.8 var(--serif);letter-spacing:.06rem;color:var(--brown-2)}

/* ---------- recruit（02-03 RECRUITMENT・タブ・表） ---------- */
.rc-page-requirements .rq-recruit{padding:10rem 0 7.4rem}
.rc-page-requirements .rq-box--recruit{margin:7.3rem 0 0 .1rem;padding:7.75rem 7.95rem 7.904rem}
.rc-page-requirements .rq-tabs{display:flex;justify-content:center;gap:4.18rem}
.rc-page-requirements .rq-tab{width:50.7rem}
.rc-page-requirements .rq-panel{margin-top:6.248rem;padding-top:.5rem;color:var(--brown-2)}
.rc-page-requirements .rq-panel:focus-visible{outline-offset:1rem}
.rc-page-requirements .rq-panel__title{font:800 2.3rem/4.83rem var(--serif);letter-spacing:.138rem;color:var(--brown-2)}

/* 募集職種（新卒＝横並び 5 項目） */
.rc-page-requirements .rq-jobs{display:flex;margin-top:2.4rem;border-top:var(--rq-line);border-bottom:var(--rq-line)}
.rc-page-requirements .rq-jobs__item{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.619rem;padding:1.9rem .8rem 2rem;border-right:var(--rq-line);text-align:center}
.rc-page-requirements .rq-jobs__item:last-child{border-right:0}
.rc-page-requirements .rq-jobs__name{font:700 max(1.8rem, 14px)/2.6rem var(--serif);color:var(--brown-2)}
.rc-page-requirements .rq-jobs__en{font:400 var(--t-xxs)/1.4rem var(--georgia);letter-spacing:.08rem;color:var(--brown)}
/* 中途＝表の中の 3 列×3 行の格子（同じ罫線） */
.rc-page-requirements .rq-jobs--grid{display:grid;grid-template-columns:repeat(3, 1fr);margin:0;border-top:0;border-bottom:0}
.rc-page-requirements .rq-jobs--grid .rq-jobs__item{padding:1.5rem .8rem 1.6rem;border-bottom:var(--rq-line)}
.rc-page-requirements .rq-jobs--grid .rq-jobs__item:nth-child(3n){border-right:0}
.rc-page-requirements .rq-jobs--grid .rq-jobs__item:nth-last-child(-n+3):nth-child(3n+1),
.rc-page-requirements .rq-jobs--grid .rq-jobs__item:nth-last-child(-n+3):nth-child(3n+1)~.rq-jobs__item{border-bottom:0}

/* 表（.rc-table の上に募集要項の寸法。th 20.5rem＋td は左 3rem） */
.rc-page-requirements .rq-table{margin-top:3.55rem}
.rc-page-requirements .rq-table th{padding-bottom:2.6rem;letter-spacing:.035rem}
.rc-page-requirements .rq-table td{padding:2.7rem 0 2.7rem 3rem;letter-spacing:.035rem;line-height:max(3.22rem, 1.9em)}
.rc-page-requirements .rq-td__line .rc-pending{vertical-align:top;line-height:2.53rem;padding:.5rem 1rem;letter-spacing:.044rem}
/* FB1015-12（2026-10-15）: 【要確認】を赤字に。FB1015-11: STEP の見出し横の「※新卒のみ」 */
.rc-page-requirements .rq-confirm{color:#d0021b;font-weight:700}
.rc-page-requirements .rq-step__only{display:inline-block;margin-left:.4em;font-size:.72em;font-weight:700;color:#a18c65;letter-spacing:.04em;white-space:nowrap}
.rc-page-requirements .rq-td__sub{margin-top:.569rem;font:500 var(--t-small)/max(2.76rem, 1.6em) var(--serif);letter-spacing:.035rem;color:var(--text-3)}
.rc-page-requirements .rq-tr--salary th{padding-top:2.75rem}
.rc-page-requirements .rq-tr--salary td{padding-top:3.05rem;padding-bottom:3.05rem}
.rc-page-requirements .rq-tr--jobs td{padding-top:1.6rem;padding-bottom:1.6rem}
.rc-page-requirements .rq-salary{display:flex;flex-wrap:wrap;gap:1.6rem 4.2rem}
.rc-page-requirements .rq-salary__item{display:flex;flex-direction:column;gap:.5rem;min-width:11.691rem}
.rc-page-requirements .rq-salary__label{font:500 var(--t-small)/2.76rem var(--serif);letter-spacing:.035rem}
.rc-page-requirements .rq-salary__amount{display:block;margin:0 -1.7rem 0 -.5rem;font:600 2.9rem/3.2rem var(--serif);letter-spacing:.058rem;white-space:nowrap}
.rc-page-requirements .rq-salary__amount em{margin-left:.15rem;font:400 max(1.3rem, 10px)/1 var(--serif);font-style:normal;letter-spacing:.058rem}
/* 賞与「・ 過去の支給実績を見る」 */
.rc-page-requirements .rq-bonus{margin-top:.919rem;line-height:2.76rem}
.rc-page-requirements .rq-bonus__sum{position:relative;display:inline-block;padding-left:.879rem;list-style:none;cursor:pointer;font:500 var(--t-small)/2.76rem var(--serif);letter-spacing:.035rem;color:#615949;text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:max(.1rem, 1px)}
.rc-page-requirements .rq-bonus__sum::-webkit-details-marker{display:none}
.rc-page-requirements .rq-bonus__sum::before{content:'・';position:absolute;left:-1.45rem;top:0;text-decoration:none}
.rc-page-requirements .rq-bonus[open] .rq-bonus__sum{color:var(--brown-2)}
.rc-page-requirements .rq-bonus__body{margin-top:.8rem;padding:1.4rem 2rem;border-left:max(.2rem, 2px) solid var(--gold)}
.rc-page-requirements .rq-bonus__list{display:grid;grid-template-columns:repeat(2, max-content);gap:0 3.2rem;font:500 var(--t-small)/max(2.4rem, 1.8em) var(--serif);letter-spacing:.035rem;color:var(--brown-2)}
.rc-page-requirements .rq-bonus__list li::before{content:'・'}
.rc-page-requirements .rq-bonus__note{margin-top:.6rem;font:500 var(--t-small)/2.2rem var(--serif);color:var(--text-3)}
/* FB-R12 表の中の補足リンク（FAQ のリンクと同じ下線の形・明るい地なので茶の文字） */
.rc-page-requirements .rq-td__more{margin-top:.6rem}
.rc-page-requirements .rq-td__link{display:inline-block;font:500 var(--t-body)/max(2.76rem, 1.6em) var(--serif);letter-spacing:.035rem;color:var(--brown-2);text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:max(.1rem, 1px)}
/* エントリーボタン（y 4342.02・中央） */
.rc-page-requirements .rq-panel__cta{margin-top:2.4rem;padding-top:1.78rem;text-align:center}
.rc-page-requirements .rq-entry-btn{width:33.9rem}
/* FB-09（2026-10-09・実装FBシート No.9「金ボタンの白文字を黒に」）: 金 #b8995f の上の文字と ▶ を #1A1A1A（約 6.4:1）。白文字用の光彩は消す。同じページの同じ金ボタン（求める人材の「採用トップで読む▶」）もそろえる */
.rc-page-requirements .rc-btn--gold:is(.rq-entry-btn,.rq-who__btn){--bc:#1a1a1a;--bglow:none}

/* ---------- flow（04 ENTRY FLOW・x 307 幅 1293） ---------- */
.rc-page-requirements .rq-flow{padding:15.4rem 0 27.3rem}
.rc-page-requirements .rq-flow__wrap{width:min(129.3rem, 100% - var(--gut) * 2);margin-left:max(var(--gut), 50% - 65.3rem)}
.rc-page-requirements .rq-box--flow{margin-top:6.54rem;padding:4.8rem 0 4.28rem 5.4rem}
.rc-page-requirements .rq-steps{display:grid;grid-template-columns:27rem 26.7rem 27rem 27.2rem;column-gap:6.3rem}
.rc-page-requirements .rq-step{position:relative;min-width:0}
.rc-page-requirements .rq-step__no{display:flex;align-items:flex-start;gap:.566rem;color:var(--brown)}
.rc-page-requirements .rq-step__label{margin-top:3rem;font:900 max(1.1rem, 9px)/1.58rem var(--serif);letter-spacing:.132rem}
.rc-page-requirements .rq-step__num{font:900 4rem/5.75rem var(--serif)}
.rc-page-requirements .rq-step__title{margin-top:1.35rem;font:900 1.9rem/3.61rem var(--serif);color:var(--brown-2)}
.rc-page-requirements .rq-step__text{max-width:22.4rem;margin-top:1.6rem;font:500 max(1.3rem, 13px)/max(2.6rem, 1.7em) var(--serif);color:var(--text-2)}
/* 金のシェブロン（カードの間・Vector 13 #d8b372 32×61）。FB-18 で小さい「→」は削除 */
.rc-page-requirements .rq-nowrap{white-space:nowrap}
.rc-page-requirements .rq-step:not(:last-child)::before{content:'';position:absolute;left:22.75rem;top:7.1rem;width:3.2rem;height:6.1rem;background:#d8b372;
  clip-path:polygon(0 0, 52% 0, 100% 50%, 52% 100%, 0 100%, 48% 50%)}
/* RQ-FLOW（2026-10-15・本人「仕事の流れと同じアニメーション＋ホバーで矢印が少し右に」）: rc-work-flow.css の矢印の出方の写し（初速が速く先でぴたっと止まる .9s・.45 秒ずつ）。
   前の STEP の位置から飛び出す（--rq-fx／--rq-fy は rc-requirements.js）。この面には不透明な形が無いので、重なって見えないよう透明→不透明を .5s かけて出す。JS が動かない・no-motion・reduced では最初から全部出ている */
html.motion:not(.no-motion) .rc-page-requirements .rq-steps.is-armed .rq-step{transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(.16,1,.3,1)}
html.motion:not(.no-motion) .rc-page-requirements .rq-steps.is-armed .rq-step:not(.is-up){opacity:0;transform:translate(var(--rq-fx,-6rem),var(--rq-fy,0))}
html.motion:not(.no-motion) .rc-page-requirements .rq-steps.is-armed .rq-step.is-up{opacity:1;transform:none}
html.motion:not(.no-motion) .rc-page-requirements .rq-steps.is-armed .rq-step:first-child:not(.is-up){transform:translateX(-6rem)}
.rc-page-requirements .rq-step:not(:last-child)::before{transition:transform .35s cubic-bezier(.16,1,.3,1)}
@media (hover:hover){.rc-page-requirements .rq-step:not(:last-child):hover::before{transform:translateX(.8rem)}}   /* STEP にマウスを乗せると、その右の ❯ が少し右へ */
@media (prefers-reduced-motion:reduce){html.motion .rc-page-requirements .rq-steps.is-armed .rq-step{opacity:1!important;transform:none!important;transition:none!important}}
/* 注記枠 */
.rc-page-requirements .rq-note{display:flex;align-items:center;gap:3rem;margin-top:4.3rem;padding:2.73rem 2.8rem;background:#fff;border:max(.1rem, 1px) solid var(--brown-2);color:var(--brown-2)}
.rc-page-requirements .rq-note__title{flex:none;min-width:12rem;white-space:nowrap;font:700 var(--t-body-l)/3.15rem var(--serif)}
.rc-page-requirements .rq-note__text{font:500 max(1.3rem, 13px)/max(2.47rem, 1.7em) var(--serif)}

/* ---------- faq（05 FAQ・茶の帯＋マーキー） ---------- */
.rc-page-requirements .rq-faq-band{background:var(--brown-2);padding:9.2rem 0 0;color:#fff}
.rc-page-requirements .rq-faq-band__grid{display:grid;grid-template-columns:40.4rem 80.3rem;column-gap:8rem;width:128.7rem;margin-left:calc(50% - 64.35rem);align-items:start}
.rc-page-requirements .rq-faqs{margin-top:.2rem}
.rc-page-requirements .rq-faq{border-bottom:max(.1rem, 1px) solid rgba(215,205,187,.6)}
.rc-page-requirements .rq-faq:first-child{border-top:max(.1rem, 1px) solid rgba(215,205,187,.6)}
.rc-page-requirements .rq-faq__q{display:flex;align-items:center;gap:1.6rem;padding:2.5rem 1.7rem 2.65rem 0;list-style:none;cursor:pointer}
.rc-page-requirements .rq-faq__q::-webkit-details-marker{display:none}
.rc-page-requirements .rq-faq__mark{flex:none;width:2.8rem;padding-bottom:.1rem;font:400 2rem/2.27rem var(--georgia);letter-spacing:.068rem;font-style:italic}
.rc-page-requirements .rq-faq__qt{flex:1 1 auto;min-width:0;font:700 var(--t-body-l)/2.85rem var(--serif);letter-spacing:.068rem}
.rc-page-requirements .rq-plus{position:relative;flex:none;width:1.8rem;height:1.8rem}
.rc-page-requirements .rq-plus::before,.rc-page-requirements .rq-plus::after{content:'';position:absolute;background:#fff}
.rc-page-requirements .rq-plus::before{left:.2rem;top:.8rem;width:1.4rem;height:max(.1rem, 1px)}
.rc-page-requirements .rq-plus::after{left:.85rem;top:.2rem;width:max(.1rem, 1px);height:1.4rem}
html.motion .rc-page-requirements .rq-plus::after{transition:transform .2s ease}
.rc-page-requirements .rq-faq[open] .rq-plus::after{transform:scaleY(0)}
.rc-page-requirements .rq-faq__a{padding:0 3.2rem 2.6rem 4.4rem;font:500 var(--t-body)/2.2 var(--serif);color:var(--paper);letter-spacing:.04em}
.rc-page-requirements .rq-faq__a .rc-pending{display:block;width:fit-content;margin-top:.8rem}
.rc-page-requirements .rq-faq__link{display:inline-block;margin-top:.8rem;color:#fff;text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:max(.1rem, 1px)}
.rc-page-requirements .rq-faq-band .rc-marquee{margin-top:11.7rem}

@media (hover:hover){
  html.motion .rc-page-requirements .rq-faq__q:hover .rq-faq__qt,
  html.motion .rc-page-requirements .rq-faq__link:hover{color:var(--gold-btn)}
  html.motion .rc-page-requirements .rq-bonus__sum:hover{color:var(--gold-text)}
  html.motion .rc-page-requirements .rq-td__link:hover{color:var(--gold-text)}   /* FB-R12 */
}
/* PC の縮小（1024〜1499）: 文字の下限で 1 行の字数が減るので、決め打ちの改行をやめて文節で折り返す */
@media (min-width:1024px) and (max-width:1499px) and (orientation:landscape), (min-width:1367px) and (max-width:1499px){
  .rc-page-requirements .rq-step__text{word-break:auto-phrase;text-wrap:pretty}
  .rc-page-requirements .rq-step__text br{display:none}
  .rc-page-requirements .rq-table td{word-break:auto-phrase}
}
@media (min-width:1024px) and (max-width:1279px) and (orientation:landscape){
  .rc-page-requirements .rq-who__text{letter-spacing:.02em}
}
/* FB-04（2026-10-09・実装FBシート No.4「1024〜1280px で文字に下限」）: 文字だけに下限（本文 14・ボタン 13・注釈ラベル 11・見出しは本文より大きく）。1281px 以上と SP（≤1023）は今のまま */
@media (min-width:1024px) and (max-width:1280px) and (orientation:landscape){
  .rc-page-requirements .rc-hero .rc-hero__lead{font-size:max(2.4rem, 14px)}
  .rc-page-requirements .rq-who__text{font-size:max(1.5rem, 14px)}
  .rc-page-requirements .rq-table th,
  .rc-page-requirements .rq-table td{font-size:max(1.4rem, 14px)}
  .rc-page-requirements .rq-table th{width:max(20.5rem, 8.6em)}
  .rc-page-requirements .rq-td__link{font-size:max(1.4rem, 14px)}
  .rc-page-requirements .rq-step__text,
  .rc-page-requirements .rq-note__text{font-size:max(1.3rem, 14px)}
  .rc-page-requirements .rq-note__title,
  .rc-page-requirements .rq-faq__qt{font-size:max(1.5rem, 14px)}
  .rc-page-requirements .rq-faq__a{font-size:max(1.4rem, 14px)}
  .rc-page-requirements .rq-faq__mark{font-size:max(2rem, 14px)}
  .rc-page-requirements .rq-panel__title{font-size:max(2.3rem, 16px)}
  .rc-page-requirements .rq-step__title{font-size:max(1.9rem, 15px)}
  .rc-page-requirements .rc-btn.rq-jump__btn{--bt:max(1.888rem, 13px)}
  .rc-page-requirements .rc-btn:is(.rq-entry-btn,.rq-who__btn){--bt:max(2rem, 13px)}
  .rc-page-requirements .rc-btn.rq-tab{--bst:max(1.5rem, 11px)}
  .rc-page-requirements .rq-jobs__en{font-size:max(1rem, 11px)}
  .rc-page-requirements .rq-step__label{font-size:max(1.1rem, 11px)}
  .rc-page-requirements .rq-salary__amount em{font-size:max(1.3rem, 11px)}
  .rc-page-requirements .rc-pending{font-size:max(1.1rem, 11px)}
  /* ページ内ジャンプ・求める人材のボタンが溢れないように（1024〜1280 の中だけ） */
  .rc-page-requirements .rq-jump__nav{grid-template-columns:repeat(5, minmax(0, 1fr));column-gap:1.2rem}
  .rc-page-requirements .rc-btn.rq-jump__btn{padding-inline:.4rem}
  .rc-page-requirements .rq-jump__btn .rc-btn__suffix{margin-left:.4em}
  .rc-page-requirements .rc-btn.rq-who__btn{width:auto;min-width:33.9rem;padding-inline:1.6rem}
  /* FB-04 r1（Fable 検収: 1024 の選考の流れ 4 枚目の見出し切れ）: 固定 rem の 4 列（計 126.8rem）が箱の中身（129.3rem − 左の余白 5.4rem）より広く 4 枚目が右へはみ出していた → 列・矢印は元のまま、箱の左の余白だけ 2.4rem に詰める（1281 以上・SP は不変） */
  .rc-page-requirements .rq-box--flow{padding-left:2.4rem}
  .rc-page-requirements .rq-step__title{text-wrap:balance}   /* 1024 で折れても「接」だけが残らないように */
}
@media print{
  .rc-page-requirements .rq-panel[hidden]{display:block!important}
}

/* =====================================================================
   SP（≤1023）: 390 で 1rem=10px。縦積み・横長カード。
   ===================================================================== */
@media (max-width:1023px), (max-width:1366px) and (orientation:portrait){
  .rc-page-requirements .rq-jump{padding:4rem 0 1.6rem}
  .rc-page-requirements .rq-jump__nav{grid-template-columns:repeat(2, minmax(0, 1fr));gap:1.4rem 1.2rem}
  .rc-page-requirements .rq-jump__btn:last-child{grid-column:1 / -1}
  .rc-page-requirements .rq-jump__btn{min-width:0;padding-inline:.6rem}

  .rc-page-requirements .rq-who{padding:5.6rem 0 6.4rem}
  .rc-page-requirements .rq-who__grid{grid-template-columns:minmax(0, 1fr);margin-top:2rem}
  .rc-page-requirements .rq-who__photo{height:auto;aspect-ratio:3 / 2}
  .rc-page-requirements .rq-who__body{padding-top:2.4rem}
  .rc-page-requirements .rq-who__title{font-size:2.6rem;line-height:1.5;letter-spacing:.16rem}
  .rc-page-requirements .rq-who__tq{margin:-1rem -1rem;padding:1rem 1.4rem;--cx:2rem;--cy:2rem}   /* RQ-WHO-CORNER SP（共通の SP は角を .8 倍）。左のかっこは画面の端から 1rem（余白 2rem の内側） */
  .rc-page-requirements .rq-who__text{margin-top:1.6rem;font-size:max(1.4rem, 13px);line-height:2.2;letter-spacing:.08rem;word-break:auto-phrase}
  .rc-page-requirements .rq-who__btn{width:100%;margin-top:2.4rem}
  /* REQ-WHO SP: 画面の幅いっぱい（左右は共通の余白）。タブの文字（10 字）は 2 行まで折る。パネルの字は TOP の SP と同じくらい */
  .rc-page-requirements .rq-who--ty{padding-bottom:6.4rem}
  .rc-page-requirements .rq-ty{width:auto;margin-top:4rem}
  .rc-page-requirements .rq-tab.rq-tab--ty .rc-btn__t{font-size:1.4rem;letter-spacing:.05rem;padding-left:.05rem;white-space:normal;word-break:keep-all;line-height:1.4}   /* 新卒／中途の SP（1.8rem）より強く。10 字が 1 行に入る大きさ */
  .rc-page-requirements .rq-ty__panel{margin-top:2.4rem;padding:3.6rem 2rem 4rem}
  .rc-page-requirements .rq-ty__big{font-size:2.2rem;line-height:1.5;letter-spacing:.1rem;padding-left:.1rem;word-break:auto-phrase;text-wrap:balance}   /* 12 字（合わないのは、こういう人）が 390 で 1 行に入る大きさ（2.6rem だと「人」だけ次の行に落ちた） */
  .rc-page-requirements .rq-ty__d{margin-top:1.6rem;font-size:max(1.3rem,13px);line-height:1.9;letter-spacing:.04rem;word-break:auto-phrase}
  .rc-page-requirements .rq-ty__list{width:auto;margin-top:2.8rem;gap:1.6rem}
  .rc-page-requirements .rq-ty__li{min-height:6.4rem;padding:1.2rem 1.6rem;font-size:max(1.4rem,14px);line-height:1.6}

  .rc-page-requirements .rq-recruit{padding:0 0 4rem}
  .rc-page-requirements .rq-recruit .rc-head__ja--l{font-size:2.8rem}
  .rc-page-requirements .rq-box--recruit{margin:2.4rem calc(var(--gut) * -1) 0;padding:3.2rem var(--gut) 3.6rem}
  .rc-page-requirements .rq-box::before{filter:blur(.8rem);inset:.4rem 0}
  .rc-page-requirements .rq-tabs{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1.2rem}
  .rc-page-requirements .rq-tab{width:auto;min-width:0}
  .rc-page-requirements .rq-tab .rc-btn__t{font-size:1.8rem;letter-spacing:.2rem;padding-left:.2rem}
  .rc-page-requirements .rq-tab .rc-btn__sub{font-size:.9rem;letter-spacing:.1rem;padding-left:.1rem}
  .rc-page-requirements .rq-panel{margin-top:2.8rem;padding-top:0}
  .rc-page-requirements .rq-panel__title{font-size:1.9rem;line-height:1.6;letter-spacing:.1rem}
  .rc-page-requirements .rq-jobs{flex-wrap:wrap;margin-top:1.6rem;border-top:0}
  .rc-page-requirements .rq-jobs__item{flex:0 0 33.333%;border-right:0;border-bottom:var(--rq-line);padding:1.4rem .4rem 1.5rem}
  .rc-page-requirements .rq-jobs .rq-jobs__item:nth-last-child(-n+2):nth-child(3n+1),
  .rc-page-requirements .rq-jobs .rq-jobs__item:nth-last-child(-n+2):nth-child(3n+1)~.rq-jobs__item{flex-basis:50%}
  .rc-page-requirements .rq-jobs{border-bottom:0}
  .rc-page-requirements .rq-jobs__name{font-size:max(1.6rem, 14px);line-height:1.5}
  .rc-page-requirements .rq-jobs--grid{grid-template-columns:repeat(2, minmax(0, 1fr));margin:.4rem 0 .8rem;border-top:var(--rq-line);border-bottom:0}
  .rc-page-requirements .rq-jobs--grid .rq-jobs__item{border-right:var(--rq-line);border-bottom:var(--rq-line)!important;padding:1.1rem .4rem 1.2rem}
  .rc-page-requirements .rq-jobs--grid .rq-jobs__item:nth-child(2n),
  .rc-page-requirements .rq-jobs--grid .rq-jobs__item:last-child{border-right:0}
  .rc-page-requirements .rq-jobs--grid .rq-jobs__name{font-size:max(1.4rem, 13px)}
  .rc-page-requirements .rq-table{margin-top:1.6rem}
  .rc-page-requirements .rq-table tr{border-bottom:var(--rq-line)}
  .rc-page-requirements .rq-table th{padding:1.6rem 0 0;width:auto}
  .rc-page-requirements .rq-table td{padding:.6rem 0 1.8rem;line-height:1.9;word-break:auto-phrase}
  .rc-page-requirements .rq-tr--salary td{padding:.8rem 0 1.8rem}
  .rc-page-requirements .rq-td__line .rc-pending{display:block;width:fit-content;margin-top:.6rem;line-height:1.8;padding:.4rem 1rem}
  .rc-page-requirements .rq-salary{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1.2rem}
  .rc-page-requirements .rq-salary__item{min-width:0;justify-content:space-between}
  .rc-page-requirements .rq-salary__label{line-height:1.6;word-break:auto-phrase}
  .rc-page-requirements .rq-salary__amount{font-size:2.4rem;line-height:1.3}
  .rc-page-requirements .rq-bonus__sum{padding-left:1.2rem}
  /* FB-14（2026-10-09・実装FBシート No.14「SP のタップ範囲を 44px 以上に」）: 上下に 10px 足して負の margin で戻す（文字の位置は変えない） */
  .rc-page-requirements .rq-bonus__sum{padding-block:10px;margin-block:-10px}
  .rc-page-requirements .rq-td__link{padding-block:10px;margin-block:-10px}
  .rc-page-requirements .rq-bonus__sum::before{left:0}
  .rc-page-requirements .rq-bonus__body{padding:1rem 1.4rem}
  .rc-page-requirements .rq-bonus__list{grid-template-columns:minmax(0, 1fr)}
  .rc-page-requirements .rq-panel__cta{margin-top:2.4rem;padding-top:0}
  .rc-page-requirements .rq-entry-btn{width:100%}

  .rc-page-requirements .rq-flow{padding:4rem 0 6.4rem}
  .rc-page-requirements .rq-flow__wrap{width:auto;margin-inline:var(--gut)}
  .rc-page-requirements .rq-box--flow{margin:2.4rem calc(var(--gut) * -1) 0;padding:3.2rem var(--gut) 3.2rem}
  .rc-page-requirements .rq-steps{grid-template-columns:minmax(0, 1fr);row-gap:5.6rem}
  .rc-page-requirements .rq-step__num{font-size:3.2rem;line-height:4.4rem}
  .rc-page-requirements .rq-step__title{margin-top:.6rem;font-size:1.8rem;line-height:1.6}
  .rc-page-requirements .rq-step__text{max-width:none;margin-top:.8rem;font-size:max(1.3rem, 13px);line-height:1.9}
  .rc-page-requirements .rq-step__text br{display:none}
  .rc-page-requirements .rq-step:not(:last-child)::before{left:50%;top:auto;bottom:-4.2rem;width:4.4rem;height:2.4rem;margin-left:-2.2rem;
    clip-path:polygon(0 0, 50% 52%, 100% 0, 100% 48%, 50% 100%, 0 48%)}
  .rc-page-requirements .rq-note{flex-direction:column;align-items:flex-start;gap:.6rem;margin-top:2.4rem;padding:1.8rem 2rem}
  .rc-page-requirements .rq-note__title{width:auto}
  .rc-page-requirements .rq-note__text{font-size:max(1.3rem, 13px);line-height:1.9}

  .rc-page-requirements .rq-faq-band{padding-top:6rem}
  .rc-page-requirements .rq-faq-band__grid{grid-template-columns:minmax(0, 1fr);width:auto;margin-inline:var(--gut)}
  .rc-page-requirements .rq-faqs{margin-top:2.4rem}
  .rc-page-requirements .rq-faq__q{gap:1rem;padding:1.8rem 0 1.9rem}
  .rc-page-requirements .rq-faq__mark{width:2.4rem;font-size:1.8rem}
  .rc-page-requirements .rq-faq__qt{font-size:max(1.4rem, 13px);line-height:1.7;letter-spacing:.04rem;word-break:auto-phrase}
  .rc-page-requirements .rq-faq__a{padding:0 0 2rem 3.4rem;font-size:max(1.4rem, 13px);line-height:1.9}
  .rc-page-requirements .rq-faq__link{padding-block:10px;margin-top:calc(.8rem - 10px);margin-bottom:-10px}   /* FB-14 */
  .rc-page-requirements .rq-faq-band .rc-marquee{margin-top:6rem}
}

/* ---------- 2026-11-06 先方FB（募集要項） ----------
   RQ-JOB-CLOSED「募集していないところはグレーアウト」: 欄「今は募集していない」の職種（recruit-requirements.php）は灰色の地・灰色の字。一覧の下に「※グレーの職種は…」
   「左側のロールの写真は消してほしい」: 写真はトップ「3つの信頼」03 誠実さと同じもの（inc/recruit/fb-20261106.php がメディアに入れて付け替え）。枠は元のまま（最初の 20261106k は 4:3 の切り抜き＋4:3 の枠だった） */
.rc-page-requirements .rq-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.rc-page-requirements .rq-jobs__item--closed{background:#ebe8e2}
.rc-page-requirements .rq-jobs__item--closed .rq-jobs__name{color:#a39d92}
.rc-page-requirements .rq-jobs__note{margin-top:1.2rem}
@media (max-width:1023px), (max-width:1366px) and (orientation:portrait){
  .rc-page-requirements .rq-jobs__note{margin-top:.4rem}
}