@charset "utf-8";
/* =====================================================================
   採用サイト下層 共通スタイル v2（2026-10-06 A1）
   正本: recruit_sub_v2_20261006/design/設計図_v1.md・設計図_共通.md（契約）・基盤メモ_v2.md（使い方）
   ・採用ページ（body.rc-site）でだけ読み込まれる。すべて .rc-html / .rc-site 配下に閉じ込める（:root は使わない）。
   ・寸法は rem だけ（PC: 1920 で 1rem=10px＝Figma px ÷ 10／SP ≤1023: 390 で 1rem=10px・13px で止める）。
     文字は rem ＋ px の下限トークン（--t-*）。見出し・ボタン・ヘッダー・フッターは純 rem。
   ・ヘッダー／フッターは採用 TOP（recruit_top_v2_20261004/build/assets/css/recruit.css・recruit-sp.css）の値を変えずに写した。
   ・SP は末尾の @media (max-width:1023px) にまとめる。
   PC/SP の切り替え（2026-10-12・縦向きの大きい iPad はスマホ版）: SP＝(max-width:1023px), (max-width:1366px) and (orientation:portrait) ／ PC＝(min-width:1024px) and (orientation:landscape), (min-width:1367px)。
   新しい @media を書く時もこの条件で（ipad_portrait_20261012/tools/bp_transform.py で揃えられる。--check で揃っていない物を一覧）。
   ===================================================================== */

/* ---------- 1. 大きさの基準 ---------- */
html.rc-html{font-size:calc(var(--vw, 100vw) / 192);overflow-y:scroll;-webkit-text-size-adjust:100%}

/* ---------- 2. 変数 ---------- */
.rc-site{
  --ink:#1a1a1a;--gold:#caaa6e;--gold-btn:#dbc08c;--gold-line:#c8a96e;--gold-text:#8d6314;
  --brown:#796d55;--brown-2:#624f2d;--brown-3:#785e2e;--brown-4:#604d2c;--gold-2:#b8995f;
  --cream:#fff8e8;--paper:#f7f4ed;--line:#d7cdbb;--line-2:#c9bea9;--text-2:#454137;--text-3:#6c6457;--text-4:#5a5141;--req:#d20909;
  --serif:'Noto Serif JP',serif;--cormorant:'Cormorant Garamond',serif;--georgia:Georgia,'Times New Roman',serif;--sans:'Noto Sans JP',sans-serif;
  --ease:cubic-bezier(.2,.65,.25,1);
  --t-body:max(1.4rem, 13px);--t-body-l:max(1.5rem, 13px);--t-body-xl:max(1.6rem, 14px);
  --t-small:max(1.2rem, 11px);--t-xs:max(1.1rem, 10px);--t-xxs:max(1rem, 9px);--t-input:max(1.6rem, 13px);
  --gut:3.2rem;--bar:7.2rem;--safe:env(safe-area-inset-bottom, 0px);--hd-off:12.4rem;
  /* 旧名（2026-10-02 版のページ CSS が使っている。B が書き直すまでの互換） */
  --gold-deep:#796d55;--bronze:#796d55;--white:#fffefa;--gutter:var(--gut)
}

/* ---------- 3. 土台・リセット ---------- */
body.rc-site{margin:0;background:#fff;color:var(--ink);font:500 var(--t-body)/2.1 var(--serif);-webkit-font-smoothing:antialiased;overflow-x:clip}
.rc-site :where(*,*::before,*::after){box-sizing:border-box}
.rc-site :where(a){color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
.rc-site :where(button){font:inherit;color:inherit;cursor:pointer;border-radius:0;-webkit-tap-highlight-color:transparent}
.rc-site :where(img){display:block;max-width:100%}
.rc-site :where(p,h1,h2,h3,h4,figure,address){margin:0}
.rc-site :where(h1,h2,h3,h4){font-family:var(--serif)}
.rc-site :where(ul,ol){padding:0;margin:0;list-style:none}
.rc-site :where(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #835d20;outline-offset:5px}
.rc-site ::selection{background:var(--gold);color:var(--ink)}
.rc-site [hidden]{display:none!important}
.rc-site .rc-main{display:block;overflow-x:clip}   /* 炎の縁（横に 211.8rem）の左右のはみ出しを切る（縦は次のセクションの下へ） */
.rc-site .rc-main>*{position:relative}            /* ヒーローの炎の縁（下に 37.1rem はみ出す）の上に次のセクションを描く */
.rc-site .p{position:absolute;left:calc(var(--x) * .1rem);top:calc(var(--y) * .1rem);width:calc(var(--w) * .1rem);height:calc(var(--h) * .1rem);margin:0}
.rc-site .rc-skip{position:fixed;left:2.4rem;top:-10rem;background:#fff;padding:1.2rem;z-index:200;font-size:var(--t-body)}
.rc-site .rc-skip:focus{top:1rem}
.rc-site .sp-only{display:none!important}
.rc-site .rc-br-sp{display:none}

.rc-site .rc-wrap{width:min(128rem, 100% - var(--gut) * 2);margin-inline:auto}
.rc-site .rc-wrap--narrow{width:min(112rem, 100% - var(--gut) * 2)}
.rc-site .rc-wrap--news{width:min(127rem, 100% - var(--gut) * 2)}

/* 4. ヘッダー・ドロワー → rc-header.css（2026-10-09 TOP と共通） */

/* ---------- 5. ヒーロー（Figma 415:82131。0〜99rem・炎の縁が 20.3rem 食い込み 37.1rem はみ出す） ---------- */
.rc-site .rc-hero{position:relative;isolation:isolate;height:99rem;overflow:visible;color:var(--gold-text)}
.rc-site .rc-hero .rc-hero__bg{position:absolute;inset:0;overflow:hidden;background:linear-gradient(90deg,#caaa6e,#ffe9c0)}   /* 0〜9.9rem は地の画像の上（Figma Frame 1625 は y99 から）。向きは書き出し画像の実測（左 #caaa6e・右 #ffe9c0） */
.rc-site .rc-hero .rc-hero__grad{position:absolute;left:0;top:9.9rem;width:192rem;height:89rem;max-width:none}   /* r5: 地のグラデだけ（rc-hero-grad.svg）。r4 までは rc-hero-bg.webp（グラデ・網点・S の焼き込み 1 枚） */
.rc-site .rc-hero :is(.rc-hero__dots,.rc-hero__s){position:absolute;left:0;top:9.9rem;width:192rem;height:89rem;max-width:none;display:block}   /* r5: Figma Frame 1625（0,99,1920,890）の網点・S。地のグラデは .rc-hero__bg の background */
/* r7a（本人「下地が残ってるせいで、せっかくの透明が台無し」「金色を下まで伸ばして」）: 炎の縁（78.7〜136.1rem）の透けた所から金が見えるよう、ヒーローの地を縁が白で塞がる所まで延ばす。
   縁の画像（rc-flame-edge-*.webp 2118×574）は横一列すべてが α≥250 になる行が無い（最も塞がる 330〜372 行でも 2.5〜9% の列が透ける）→ Figma で本文の白（Rectangle 427）が始まる y1117＝縁の 330 行＝111.7rem から、
   ほぼ塞がる 372 行＝115.9rem までを境目（ここで本文の地が透明→不透明に変わる・下の .rc-hero-cover+*）。地の延長は 115.9rem まで（.rc-hero__bg の箱は変えず＝袋文字の bottom 基準を動かさない。切り抜きを clip-path で下に 16.9rem 広げ、地のグラデは ::before で足す）。
   網点は PC だけ 9.9〜115.9rem（rc-hero-dots-tall*.webp＝Figma 415:74240 のマスク外まで）。グラデは .rc-hero__bg の地がそのまま続く（横向きなので同じ）。写真は 114rem まで見える（今まで 99rem で切っていた） */
@media (min-width:1024px) and (orientation:landscape), (min-width:1367px){
  .rc-site .rc-hero .rc-hero__bg{overflow:visible;clip-path:inset(0 0 -16.9rem 0)}
  .rc-site .rc-hero .rc-hero__bg::before{content:"";position:absolute;left:0;right:0;top:100%;height:16.9rem;background:inherit}
  .rc-site .rc-hero .rc-hero__dots{height:106rem}
}
/* 本文の最初のセクション: 縁の範囲の上の方は地を透明に（TOP の #philosophy の linear-gradient(to bottom,transparent 37.5rem,#000 37.5rem) と同じ考え）。
   各ページの最初のセクションの地は単色（白／メッセージだけ #1a1a1a＝縁の色）なので、共通側で地を差し替える（!important は各ページ CSS の background-color より勝たせるため。この 1 要素だけ） */
.rc-site .rc-main>.rc-hero-cover+*{--cv-a:12.7rem;--cv-b:16.9rem;--cv-bg:#fff;background:linear-gradient(to bottom,transparent var(--cv-a),var(--cv-bg) var(--cv-b))!important}
.rc-site .rc-main>.rc-hero-cover--edge-ink+*{--cv-bg:#1a1a1a}
.rc-site .rc-hero .rc-hero__dots{mix-blend-mode:lighten}   /* 網点（Figma Mask group 415:81861 blend=LIGHTEN・粒 #ffe9c0）。canvas.rc-hero__dots-gl（燃える版）も同じ箱 */
.rc-site .rc-hero .rc-hero__s{mix-blend-mode:screen}   /* S の斜線（415:82100 SOFT_LIGHT #eedbb8）。Figma の soft-light は pegtop 式（(1-2s)b²+2sb）で CSS（W3C 式）より 8〜13 階調暗い → screen＋#c69245（実測の最小二乗）で同じ明るさに。差は 3 階調以内 */
.rc-site .rc-hero .rc-hero__photo{position:absolute;left:20.5rem;top:-5rem;width:151rem;height:119rem;max-width:none;mix-blend-mode:overlay}   /* 楕円マスク＋ぼかし 150 の合成（不透明度 .53×.61 は画像に焼き込み済み）。Figma 355,100,1210,890 の外側 150 まで */
.rc-site .rc-hero .rc-hero__side{position:absolute;max-width:none;height:auto}
.rc-site .rc-hero .rc-hero__side--l{left:calc(var(--ll) * 1rem);top:calc(var(--lt) * 1rem);width:calc(var(--lw) * 1rem)}
.rc-site .rc-hero .rc-hero__side--r{right:calc(var(--rr) * 1rem);bottom:calc(var(--rb) * 1rem);width:calc(var(--rw) * 1rem)}
.rc-site .rc-hero .rc-hero__body{position:relative;z-index:2;height:100%}
.rc-site .rc-hero .rc-hero__word{position:absolute;left:0;right:0;top:calc(var(--ct) * 1rem);width:calc(var(--cw) * 1rem);height:auto;max-width:none;margin-inline:auto}
.rc-site .rc-hero .rc-hero__title{position:absolute;left:0;right:0;top:50.9rem;margin:0;font:900 4.8rem/11.1rem var(--serif);letter-spacing:0;color:var(--gold-text);text-align:center}
.rc-site .rc-hero .rc-hero__lead{position:absolute;left:0;right:0;top:63.9rem;max-width:92rem;margin:0 auto;padding-left:.127rem;font:700 max(2.4rem, 13px)/5.6rem var(--serif);letter-spacing:.127rem;color:var(--gold-text);text-align:center}
.rc-site .rc-hero-cover>.rc-hero__edge{position:absolute;left:-9.9rem;top:78.7rem;width:211.8rem;height:57.4rem;pointer-events:none;background:url(../../images/recruit/rc-flame-edge-white.webp) 0 0/100% 100% no-repeat}
.rc-site .rc-hero-cover>.rc-hero__edge--ink{background-image:url(../../images/recruit/rc-flame-edge-ink.webp)}
/* r7（本人「ヒーロー → 最初のセクションの切り替わりを TOP の FV → 02 のように」）: 縁はヒーローの外（.rc-hero-cover の中・ヒーローの後）＝流れと一緒に動き、次のセクションと一緒にせり上がる。
   重なり: ヒーロー（isolation で中に閉じる）＜ 縁（後に描く・z-index なし）＜ 次のセクション（.rc-main>* の relative・さらに後）。位置は入れ物の上端から 78.7rem＝今までどおりヒーローに 20.3rem 食い込む */
/* r7: TOP p14 の写し（recruit.css 344〜348・421〜424 行）。PC＋motion だけ、ヒーローを sticky で止め、次のセクションが下から覆う。止める距離 D＝min(99rem,100vh)。
   入れ物を D だけ高くし、同じ D だけ margin-bottom を負にして次のセクションを重ねる＝以降の位置は変えない（TOP は次のセクションの margin-top。ここは各ページの CSS に触らないよう入れ物側で）。
   top は min(0px,100vh−99rem)＝ヒーローが画面より高ければ下端が画面の下に来てから止まる。止めが外れるのは次のセクションの上端が画面上端に届いた所。層のずらしは rc-hero-cover.js */
@media (min-width:1024px) and (orientation:landscape), (min-width:1367px){
  html.motion:not(.no-motion) .rc-site .rc-hero-cover[data-rc-cover="on"]{--cv-d:min(99rem,100vh);height:calc(99rem + var(--cv-d));margin-bottom:calc(var(--cv-d) * -1)}
  html.motion:not(.no-motion) .rc-site .rc-hero-cover[data-rc-cover="on"]>.rc-hero{position:sticky;top:min(0px,calc(100vh - 99rem))}
}
/* 入場（html.motion のときだけ。英字 → h1 → リード、各 .15s ずれ） */
html.motion .rc-site .rc-hero--intro :is(.rc-hero__word,.rc-hero__title,.rc-hero__lead){animation:rc-hero-in .9s var(--ease) both}
html.motion .rc-site .rc-hero--intro .rc-hero__title{animation-delay:.15s}
html.motion .rc-site .rc-hero--intro .rc-hero__lead{animation-delay:.3s}
@keyframes rc-hero-in{from{opacity:0;translate:0 1.6rem}to{opacity:1;translate:0 0}}

/* ---------- 6. 見出し部品（sbs_rc_heading） ---------- */
.rc-site .rc-head{position:relative;color:var(--brown-2)}
.rc-site .rc-head--dark{color:#fff}
.rc-site .rc-head__en{display:flex;align-items:center;gap:1rem;min-height:5rem;margin:0;font-weight:inherit;font-size:inherit;color:inherit}
.rc-site .rc-s{flex:none;width:1.874rem;height:5rem;color:inherit}
.rc-site .rc-head__num{font:900 3.1rem/6.66rem var(--serif);letter-spacing:.288rem;white-space:nowrap}
.rc-site .rc-head__word{font:600 3.6rem/3.3rem var(--cormorant);letter-spacing:-.126rem;white-space:nowrap}
.rc-site .rc-head__ja{margin:1.3rem 0 0;color:inherit}
.rc-site .rc-head__ja--l{font:700 6.4rem/9.4rem var(--serif);letter-spacing:.392rem}
.rc-site .rc-head__ja--m{font:700 4.8rem/4.8rem var(--serif);letter-spacing:.392rem}
.rc-site .rc-head__ja--s{font:900 3.6rem/6.66rem var(--serif);letter-spacing:.288rem}
.rc-site .rc-head__aside{position:absolute;right:0;top:2.5rem;transform:translateY(-50%);font:500 max(1.2rem, 11px)/1.6 var(--serif);letter-spacing:.08em;color:inherit}

/* ---------- 7. 四つ角付きのボタン（sbs_rc_btn）。面＝ボタンの箱。角は面の外へはみ出す <i> ---------- */
.rc-site .rc-btn{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--bh);margin:0;padding:0 1.2rem;border:0;
  background:var(--bf);color:var(--bc);text-align:center;text-decoration:none;cursor:pointer;vertical-align:top;
  box-shadow:inset 0 0 0 var(--blw,0) var(--blc,transparent),var(--bfx,0 0 0 transparent)}
.rc-site .rc-btn__t{display:block;font-family:var(--serif);font-weight:900;font-size:var(--bt);line-height:1.2;letter-spacing:var(--bls);padding-left:var(--bpl,var(--bls));white-space:nowrap;filter:var(--bglow,none)}
.rc-site .rc-btn__suffix{margin-left:1em;letter-spacing:0}
.rc-site .rc-btn__sub{display:block;margin-top:var(--bsg,.55rem);font:200 var(--bst)/1 var(--serif);letter-spacing:var(--bsl);padding-left:var(--bsl);color:var(--bsc,inherit);white-space:nowrap;filter:var(--bglow,none)}
.rc-site .rc-btn--has-sub .rc-btn__t{line-height:1}
.rc-site .rc-corner{position:absolute;width:var(--cx);height:var(--cy);border:0 solid var(--cc);pointer-events:none;transition:transform .3s ease-out,border-color .3s ease-out}
.rc-site .rc-corner--tl{left:calc(var(--cl) * -1);top:calc(var(--ct) * -1);border-top-width:var(--cw);border-left-width:var(--cw)}
.rc-site .rc-corner--tr{right:calc(var(--cr) * -1);top:calc(var(--ct) * -1);border-top-width:var(--cw);border-right-width:var(--cw)}
.rc-site .rc-corner--br{right:calc(var(--cr) * -1);bottom:calc(var(--cb) * -1);border-bottom-width:var(--cw);border-right-width:var(--cw)}
.rc-site .rc-corner--bl{left:calc(var(--cl) * -1);bottom:calc(var(--cb) * -1);border-bottom-width:var(--cw);border-left-width:var(--cw)}
/* F04（2026-10-08）静止の位置＝ボタンの内側にぴったり（ずらし 0・はみ出し 0（--cbw＝pg-card の実線の枠の太さ。枠の外のふちに合わせる）。面のあるボタンは静止では角を透明＝見えない（面と同色にすると白い内線を角が切って四隅に点が出るため）、枠のボタンは枠の色。ホバーで 7px 開いて金）。押せる物（.rc-btn・.pg-card）の直下の角だけ。カード・枠の .rc-corner は従来の --cl〜--cb のまま */
.rc-site :is(.rc-btn,.pg-card)>.rc-corner--tl{left:calc(var(--cbw,0px) * -1);top:calc(var(--cbw,0px) * -1)}
.rc-site :is(.rc-btn,.pg-card)>.rc-corner--tr{right:calc(var(--cbw,0px) * -1);top:calc(var(--cbw,0px) * -1)}
.rc-site :is(.rc-btn,.pg-card)>.rc-corner--br{right:calc(var(--cbw,0px) * -1);bottom:calc(var(--cbw,0px) * -1)}
.rc-site :is(.rc-btn,.pg-card)>.rc-corner--bl{left:calc(var(--cbw,0px) * -1);bottom:calc(var(--cbw,0px) * -1)}
/* size（面の高さ・文字・角。角の値は Figma の Group 101/114 の外接＋線幅の半分＝見えている L 字の外形） */
.rc-site .rc-btn--s{--bh:6.13rem;--bt:1.888rem;--bls:.094rem;--cw:.199rem;--cx:1.155rem;--cy:1rem}
.rc-site .rc-btn--m{--bh:6.49rem;--bt:2rem;--bls:0rem;--cw:.211rem;--cx:1.619rem;--cy:1.063rem}
.rc-site .rc-btn--l{--bh:9.885rem;--bt:3.044rem;--bls:.852rem;--bst:1.5rem;--bsl:.176rem;--bsg:1.03rem;--cw:.321rem;--cx:2.472rem;--cy:1.618rem}
.rc-site .rc-btn--news{--bh:8.6rem;--bt:2.139rem;--bls:.599rem;--bst:1.054rem;--bsl:.124rem;--bsg:.75rem;--cw:.23rem;--cx:1.4rem;--cy:1.36rem}
/* variant */
.rc-site .rc-btn{--bfx-on:0 0 0 transparent;--glow-on:drop-shadow(0 0 .43rem #af9158)}
.rc-site .rc-btn--brown{--bf:#785e2e;--bc:#fff;--blw:.066rem;--blc:#fff;--cc:transparent;--bfx:var(--bfx-on);--bglow:var(--glow-on)}
.rc-site .rc-btn--gold{--bf:#b8995f;--bc:#fff;--blw:.07rem;--blc:#fff;--cc:transparent;--bfx:var(--bfx-on);--bglow:var(--glow-on)}
.rc-site .rc-btn--tab{--bf:#fff;--bc:var(--brown-2);--bsc:var(--brown-2);--blw:.107rem;--blc:var(--brown-2);--cc:var(--brown-2);transition:background-color .25s ease,color .25s ease}
.rc-site .rc-btn--tab:is(.is-selected,[aria-selected="true"]){--bf:#604d2c;--bc:#fff;--bsc:#f7f4ed;--blc:#fff;--cc:transparent;--bfx:var(--bfx-on);--bglow:var(--glow-on)}
.rc-site .rc-btn--cta-gold{--bf:#caaa6e;--bc:#fff;--bsc:#f7f4ed;--blw:.107rem;--blc:#fff;--cc:transparent;--bls:.304rem}
.rc-site .rc-btn--cta-ink{--bpl:0rem;--bf:#040404;--bc:#caaa6e;--bsc:#caaa6e;--blw:.107rem;--blc:#caaa6e;--cc:#caaa6e}
.rc-site .rc-btn--cta-gold,.rc-site .rc-btn--cta-ink{--bh:9.5rem;--cx:1.678rem;--cy:1.618rem}
.rc-site .rc-btn--submit{--bf:#624f2d;--bc:#fff;--bsc:#fff;--blw:.066rem;--blc:#fff;--cc:transparent}
.rc-site .rc-btn--submit.rc-btn--l{--bh:9.5rem;--cx:1.661rem;--cy:1.297rem}   /* 送信する（Figma 440:137736。B4 の実測値） */
.rc-site .rc-btn:focus-visible{outline:3px solid #835d20;outline-offset:5px}
.rc-site .rc-btn[aria-busy="true"]{opacity:.6;cursor:progress}
/* ホバー（演出あり・マウス環境だけ）: 角が ±.7rem 開いて #d4b87a。未選択タブは金面＋白文字（枠外の見本 415:82437） */
@media (hover:hover){
  html.motion .rc-site .rc-btn:hover{--cc:#d4b87a}
  html.motion .rc-site .rc-btn:hover .rc-corner--tl{transform:translate(-7px,-7px)}
  html.motion .rc-site .rc-btn:hover .rc-corner--tr{transform:translate(7px,-7px)}
  html.motion .rc-site .rc-btn:hover .rc-corner--br{transform:translate(7px,7px)}
  html.motion .rc-site .rc-btn:hover .rc-corner--bl{transform:translate(-7px,7px)}
  .rc-site .rc-btn--tab:not(.is-selected):not([aria-selected="true"]):hover{--bf:#b7985e;--bc:#fff;--bsc:#fff;--blc:#fff}
  html.motion .rc-site .rc-btn{transition:transform .12s ease,background-color .25s ease,color .25s ease}
  html.motion .rc-site .rc-btn:active{transform:scale(.985)}
}

/* ---------- 8. LET’S START 帯（Figma Section 393:2059・0,6654,1920,389） ---------- */
.rc-site .rc-cta{background:#1a1a1a;color:#fff;padding:8.6rem 0 6rem;min-height:38.9rem}
.rc-site .rc-cta__in{position:relative;width:min(129.8rem, 100% - var(--gut) * 2);margin-inline:auto}   /* Figma Frame 1649（x 311・幅 1298） */
.rc-site .rc-cta__title{margin-top:1.9rem;font:700 4.8rem/7.1rem var(--serif);letter-spacing:.392rem;color:#fff}
.rc-site .rc-cta__sub{font-size:2rem}
.rc-site .rc-cta__r{position:absolute;left:66.7rem;top:.383rem;width:69.5rem}      /* 右端は中身の幅を 7.3rem はみ出す（Figma 978〜1673） */
.rc-site .rc-cta__btns{display:flex;gap:3.7rem;padding-left:.5rem}
.rc-site .rc-cta__btns .rc-btn{width:31.8rem}
.rc-site .rc-cta__btns .rc-btn+.rc-btn{width:31.7rem}
.rc-site .rc-cta__meta{margin-top:2.4rem;font:700 max(1.1rem, 10px)/2.2rem var(--serif);letter-spacing:0;color:#fff}
.rc-site .rc-cta__phone{font:700 max(1.1rem, 10px)/3.4rem var(--serif);letter-spacing:.044rem;color:#fff}
.rc-site .rc-cta__phone a{font:900 1.7rem/3.4rem var(--serif);letter-spacing:.102rem;color:#fff}

/* ---------- 9. フッター（TOP の #footer の写し・Figma Footer 415:82658） ---------- */
.rc-site .rc-footer{position:relative;display:block;width:100%;height:32.848rem;background:var(--gold)}
.rc-site .rc-footer a img{display:block;width:100%;height:100%;max-width:none}
.rc-site .ft-addr{color:var(--ink);font-style:normal;font-weight:700;font-size:1.4rem;line-height:2.94rem;white-space:nowrap}
.rc-site .ft-tel{color:var(--ink);font-weight:900;font-size:2.5rem;line-height:3.6rem;white-space:nowrap}
.rc-site .ft-hours{color:var(--ink);font-weight:700;font-size:1.5rem;line-height:3.3rem;white-space:nowrap}
.rc-site .ft-nav a{color:var(--ink);font-weight:700;font-size:1.4rem;line-height:2rem;white-space:nowrap}

/* ---------- 10. マーキー（marquee.php・Figma Frame 1616） ---------- */
.rc-site .rc-marquee{position:relative;height:20.1rem;overflow:hidden}
.rc-site .rc-marquee__s{position:absolute;left:1.8rem;top:0;width:7.5rem;height:20.1rem;max-width:none}
.rc-site .rc-marquee__track{position:absolute;left:10.8rem;top:0;bottom:0;display:flex;width:max-content;white-space:nowrap}
.rc-site .rc-marquee__set{display:block;flex:none;font:600 30.463rem/20.1rem var(--cormorant);letter-spacing:-1.066rem;margin-top:0;
  color:var(--mq-fill,#624f2d);-webkit-text-fill-color:var(--mq-fill,#624f2d);-webkit-text-stroke:max(.5rem, 4px) rgba(255,255,255,.55);paint-order:stroke fill}   /* MQ-LINE（2026-11-02・先方FB「文字の線が細すぎて見えない」）: 線は字の下に描く（paint-order）ので見えるのは外側の半分＝前は約 .5px → 線 .5rem（見える分 .25rem・1920 で 2.5px）・白 .5→.55 */
html.motion .rc-site .rc-marquee.is-run .rc-marquee__track{animation:rc-marquee 40s linear infinite;will-change:transform}
@keyframes rc-marquee{to{transform:translateX(-50%)}}
/* MQ-S（2026-10-30・先方FB「炎のロゴだけ固定されてる（一緒にスライダーで動いてほしい）」）: S を組の中（marquee.php）へ。止まっているときの位置は前と同じ（S 左 1.8rem・語 10.8rem＝S の右 1.5rem） */
.rc-site .rc-marquee__set{display:flex;align-items:flex-start}
.rc-site .rc-marquee__s{position:static;display:block;flex:none;margin-right:1.5rem}
.rc-site .rc-marquee__track{left:1.8rem}

/* ---------- 11. 小部品 ---------- */
.rc-site .rc-pending{display:inline-block;border:max(.1rem,1px) dashed #a18c65;background:rgba(202,170,110,.05);color:var(--brown);font-size:var(--t-xs);line-height:1.8;padding:.5rem 1rem;letter-spacing:.04em}
.rc-site .rc-pending--dark{border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.05);color:#fff}
.rc-site .rc-table{width:100%;border-collapse:collapse}
.rc-site .rc-table tr{border-top:max(.1rem,1px) solid var(--line);border-bottom:max(.1rem,1px) solid var(--line)}
.rc-site .rc-table th{width:20.5rem;padding:2.75rem 2.5rem 3.68rem 0;font:700 var(--t-body)/2 var(--serif);color:var(--brown);text-align:left;vertical-align:top}
.rc-site .rc-table td{padding:2.83rem 0 2.6rem;font:500 var(--t-body)/3.22rem var(--serif);color:var(--brown-2);vertical-align:top}
.rc-site .rc-contact-box{background:var(--cream);border:max(.1rem,1px) solid var(--line);padding:2.4rem 2.8rem;display:flex;flex-wrap:wrap;gap:.6rem 2.4rem;align-items:center;line-height:2.1}
.rc-site .rc-contact-box__who{font-size:var(--t-body);letter-spacing:.04em}
.rc-site .rc-contact-box__tel{font:400 2.2rem/1.6 var(--georgia);letter-spacing:.06em}
.rc-site .rc-contact-box__hours{font-size:var(--t-small);color:var(--text-3)}

/* ---------- 12. スクロール出現（.reveal → .is-in。html.motion のときだけ隠す） ---------- */
html.motion .rc-site .reveal{opacity:0;transform:translateY(2rem);transition:opacity .8s var(--ease),transform .8s var(--ease)}
html.motion .rc-site .reveal.is-in{opacity:1;transform:none}
html.no-motion .rc-site *,html.no-motion .rc-site *::before,html.no-motion .rc-site *::after{animation:none!important;transition:none!important}
@media (prefers-reduced-motion:reduce){
  .rc-site *,.rc-site *::before,.rc-site *::after{animation:none!important;transition:none!important}
  html.motion .rc-site .reveal{opacity:1;transform:none}
  html.motion:not(.no-motion) .rc-site .rc-hero-cover[data-rc-cover="on"]{height:auto;margin-bottom:0}   /* r7: 動きを減らす設定では止めない（JS も層をずらさない） */
  html.motion:not(.no-motion) .rc-site .rc-hero-cover[data-rc-cover="on"]>.rc-hero{position:relative;top:auto}
}

/* ---------- 13. SP（≤1023。採用 TOP の recruit-sp.css の作法） ---------- */
@media (max-width:1023px), (max-width:1366px) and (orientation:portrait){
  html.rc-html{font-size:min(calc(var(--vw, 100vw) / 39), 13px)}
  .rc-site{--gut:max(2rem, calc((100% - 60rem) / 2));--hd-off:2rem;--t-input:max(1.6rem, 16px)}
  .rc-site .sp-only{display:revert!important}
  .rc-site br.sp-only{display:inline!important}
  .rc-site .pc-only{display:none!important}
  .rc-site .rc-wrap,.rc-site .rc-wrap--narrow,.rc-site .rc-wrap--news{width:auto;margin-inline:var(--gut)}

  html.rc-html.sp-lock{overflow:hidden!important}

  /* ヒーロー */
  .rc-site .rc-hero{height:auto;min-height:52rem;padding:4rem var(--gut) 13rem;text-align:center}
  .rc-site .rc-hero :is(.rc-hero__grad,.rc-hero__dots,.rc-hero__s){left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}   /* r5: 網点・S もグラデと同じ覆い方（SP は燃やさない） */
  /* r7a SP: 縁は top:100%・上 35.37% だけヒーローに食い込む。塞がる行（330〜372/574）＝ヒーロー下端から縁の高さ（幅 110%×574/2118）の 22.13〜29.44%＝8.777vw。
     r7b（Fable 推奨）: 延長の帯を CSS だけで。地の切り抜きを下へ 8.777vw 広げ、グラデの img をその分だけ高くする（cover の切り取りがほぼ同じ＝帯の色が地と続く）。網点・S・写真は延ばさない */
  .rc-site .rc-hero .rc-hero__bg{overflow:visible;clip-path:inset(0 0 calc(var(--vw,100vw) * -.08777) 0)}
  .rc-site .rc-hero .rc-hero__grad{height:calc(100% + var(--vw,100vw) * .08777)}
  .rc-site .rc-main>.rc-hero-cover+*{--cv-a:calc(var(--vw,100vw) * .06598);--cv-b:calc(var(--vw,100vw) * .08777)}
  .rc-site .rc-hero .rc-hero__photo{left:-15%;top:0;width:130%;height:100%;object-fit:cover}
  .rc-site .rc-hero .rc-hero__side{display:none}
  .rc-site .rc-hero .rc-hero__body{height:auto}
  .rc-site .rc-hero .rc-hero__word{position:static;display:block;width:auto;height:5.2rem;max-width:86%;margin:2rem auto 0}
  .rc-site .rc-hero .rc-hero__title{position:static;margin-top:2.4rem;font-size:2.8rem;line-height:1.4;word-break:auto-phrase;text-wrap:balance}
  .rc-site .rc-hero .rc-hero__lead{position:static;max-width:none;margin-top:1.6rem;font-size:max(1.35rem, 13px);line-height:2.1;letter-spacing:.06rem;padding-left:0;word-break:auto-phrase;text-wrap:balance}
  .rc-site .rc-hero-cover>.rc-hero__edge{left:-5%;width:110%;height:auto;aspect-ratio:2118/574;top:100%;transform:translateY(-35.37%)}   /* PC と同じく縁の上 35.37%（203/574）だけヒーローに食い込む。下は次のセクション（白）の下 */

  /* 見出し */
  .rc-site .rc-head__en{min-height:3.5rem;gap:.7rem}
  .rc-site .rc-s{width:1.31rem;height:3.5rem}
  .rc-site .rc-head__num{font-size:2.2rem;line-height:4.6rem;letter-spacing:.2rem}
  .rc-site .rc-head__word{font-size:2.4rem;line-height:4.6rem;letter-spacing:-.08rem}
  .rc-site .rc-head__ja{margin-top:.8rem;word-break:auto-phrase;text-wrap:balance}
  .rc-site .rc-head__ja--l{font-size:2.8rem;line-height:1.5;letter-spacing:.12rem}
  .rc-site .rc-head__ja--m{font-size:2.4rem;line-height:1.5;letter-spacing:.12rem}
  .rc-site .rc-head__ja--s{font-size:2.2rem;line-height:1.6;letter-spacing:.1rem}
  .rc-site .rc-head__aside{top:1.75rem}

  /* ボタン（角は .8 倍・最小タップ 4.4rem） */
  .rc-site .rc-btn--l{--bh:7.2rem;--bt:2rem;--bls:.3rem;--bst:1rem;--bsl:.12rem;--bsg:.6rem}
  .rc-site .rc-btn--m{--bh:5.6rem;--bt:1.5rem}
  .rc-site .rc-btn--s{--bh:4.8rem;--bt:1.35rem;--bls:.06rem}
  .rc-site .rc-btn--news{--bh:6.4rem;--bt:1.6rem;--bls:.3rem;--bsg:.5rem}
  .rc-site .rc-btn--submit.rc-btn--l{--bh:7.2rem}
  .rc-site .rc-btn{min-height:max(var(--bh), 4.4rem);--cx2:1;padding:0 1rem}
  .rc-site .rc-corner{width:calc(var(--cx) * .8);height:calc(var(--cy) * .8);border-width:0}
  .rc-site .rc-corner--tl{border-top-width:calc(var(--cw) * .8);border-left-width:calc(var(--cw) * .8)}
  .rc-site .rc-corner--tr{border-top-width:calc(var(--cw) * .8);border-right-width:calc(var(--cw) * .8)}
  .rc-site .rc-corner--br{border-bottom-width:calc(var(--cw) * .8);border-right-width:calc(var(--cw) * .8)}
  .rc-site .rc-corner--bl{border-bottom-width:calc(var(--cw) * .8);border-left-width:calc(var(--cw) * .8)}

  /* LET’S START */
  .rc-site .rc-cta{padding:6rem var(--gut);min-height:0}
  .rc-site .rc-cta__in{width:auto}
  .rc-site .rc-cta__title{margin-top:1.4rem;font-size:2.6rem;line-height:1.5;letter-spacing:.12rem;word-break:auto-phrase}
  .rc-site .rc-cta__sub{display:inline-block;margin-top:.8rem;font-size:max(1.3rem, 13px);letter-spacing:.08rem}
  .rc-site .rc-cta__r{position:static;width:auto;margin-top:3.2rem}
  .rc-site .rc-cta__btns{flex-direction:column;gap:1.6rem;padding-left:0}
  .rc-site .rc-cta__btns .rc-btn,.rc-site .rc-cta__btns .rc-btn+.rc-btn{width:100%}
  .rc-site .rc-cta__meta{margin-top:2rem;font-size:max(1.1rem, 11px);line-height:1.8}
  .rc-site .rc-cta__phone{font-size:max(1.1rem, 11px)}

  /* フッター（下の固定バーの分だけ下に余白） */
  .rc-site .rc-footer{height:auto;display:flex;flex-direction:column;gap:1.4rem;padding:4.8rem var(--gut) calc(var(--bar) + var(--safe) + 4rem);overflow:clip}
  .rc-site .rc-footer .p{position:relative;left:auto;top:auto;width:auto;height:auto}
  .rc-site .rc-footer>a.p:first-child{width:100%;max-width:28rem}
  .rc-site .rc-footer a img{height:auto}
  .rc-site .ft-addr{font-size:1.3rem;line-height:1.85;white-space:normal;color:rgba(26,26,26,.75)}
  .rc-site .ft-tel{font-size:2.1rem;line-height:1.4;white-space:normal}
  .rc-site .ft-hours{font-size:1.3rem;line-height:1.6;white-space:normal;color:rgba(26,26,26,.75)}
  .rc-site .ft-nav{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem 1.6rem;margin-top:2rem;padding-top:2.4rem;border-top:1px solid rgba(26,26,26,.25)}
  .rc-site .ft-nav a{font-size:1.35rem;line-height:1.5;white-space:normal}

  /* マーキー */
  .rc-site .rc-marquee{height:12.6rem}
  .rc-site .rc-marquee__s{left:1.1rem;width:4.7rem;height:12.6rem}
  .rc-site .rc-marquee__track{left:1.1rem}   /* MQ-S（2026-10-30）: S ごと流す。S 左 1.1rem・語 6.8rem は前と同じ */
  .rc-site .rc-marquee__s{margin-right:1rem}
  .rc-site .rc-marquee__set{font-size:19rem;line-height:12.6rem;letter-spacing:-.66rem;-webkit-text-stroke-width:max(.3rem,3px)}   /* MQ-LINE（2026-11-02）: .15rem → 見える分が 1px を切っていた */

  /* 小部品 */
  .rc-site .rc-table tr{border-top:0}
  .rc-site .rc-table th,.rc-site .rc-table td{display:block;width:auto;padding:1.2rem 0 0}
  .rc-site .rc-table td{padding-bottom:1.6rem}
  .rc-site .rc-contact-box{padding:2rem}
}
@media (max-width:1023px) and (max-height:500px), (max-width:1366px) and (orientation:portrait) and (max-height:500px){
  .rc-site{--bar:5.2rem}
}
@media (max-width:767px){.rc-site .rc-br-sp{display:inline}}

/* ---------- 13b. FV-SWAP（2026-10-30・先方FB「基本下層の FV、今は英語でかくてその下に日本語のタイトルきてるけど、逆にしてほしい」） ----------
   日本語の題（h1）を大きく（PC 11rem＝英字の絵の高さ 10.5〜11.5rem と同じくらい）上に、英字の絵（rc-hero-word-*.svg）を 0.32 倍にして題の下に。リードは少し上げる。
   順番の動き（入場）も題 → 英字 → リード。SP は縦の並びを 題 → 英字 → リード に（order）。募集要項・エントリー・お知らせ・プライバシーポリシー・汎用ページ（文字の英字 .pg-hero__word）。
   メッセージは専用のヒーロー（rc-message.css の FV-SWAP） */
.rc-site .rc-hero .rc-hero__title{top:33.6rem;font-size:11rem;line-height:14rem;letter-spacing:.11rem;white-space:nowrap}
.rc-site .rc-hero .rc-hero__word{top:50rem;width:calc(var(--cw) * .32rem)}
.rc-site .rc-hero .rc-hero__lead{top:58.6rem}
html.motion .rc-site .rc-hero--intro .rc-hero__title{animation-delay:0s}
html.motion .rc-site .rc-hero--intro :is(.rc-hero__word,.pg-hero__word){animation-delay:.15s}
@media (max-width:1023px), (max-width:1366px) and (orientation:portrait){
  .rc-site .rc-hero .rc-hero__body{display:flex;flex-direction:column;align-items:center}
  .rc-site .rc-hero .rc-hero__title{order:1;margin-top:2rem;font-size:min(4.4rem, calc(min(var(--vw,100vw) - 4rem, 60rem) / var(--tl,1) / 1.05));line-height:1.35;letter-spacing:.04em;white-space:normal}   /* 長い題は 1 行に収まる大きさまで小さく（幅＝画面−左右の余白 2rem ずつ・最大 60rem＝--gut と同じ） */
  .rc-site .rc-hero :is(.rc-hero__word,.pg-hero__word){order:2;width:auto;height:2.6rem;margin:1.4rem auto 0}
  .rc-site .rc-hero .rc-hero__lead{order:3;align-self:stretch}
}

/* ---------- 14. 印刷 ---------- */
@media print{
  .rc-site .rc-hero__edge{display:none!important}
  html.motion .rc-site .reveal{opacity:1!important;transform:none!important}
}