@charset "utf-8";
/* 採用サイト全ページ共通「一番下のセクション」（Figma 653:2・2026-10-08）の見た目
   正: Figma 653:2（上の帯 488:94497・ENTRY 帯 528:76709・フッター 547:221312）／指示書 recruit_footer_20261008/design/指示書_v1.md §2.2・§6〜§8
   ・寸法はすべて rem（PC: 1920 で 1rem=10px＝Figma の px÷10／SP ≤1023: 390 で 1rem=10px・13px で止める）。TOP の html{font-size} も下層の html.rc-html も同じ式なので、どちらでも同じ見た目になる。
   ・セレクタは全部 .rcb .rcb-…（詳細度 0,2,0 以上）。下層の .rc-site :where(…)（0,1,0）・TOP の素の img/a/section/footer（0,0,1）に負けない。文字の font・色・字間・行送り・margin は継承に頼らず全部書く。
   ・.p・.marquee*・[data-rc-marquee]・.frame-btn・.reveal は使わない（TOP・下層の既存の規則・JS に拾われないため）。PC の配置は .rcb-a（--x/--y/--w/--h＝Figma の px。各帯の左上から）。
   ・動くのは「動きあり」の html クラス（TOP は mo／SP は sp-mo、下層は motion）のときだけ。prefers-reduced-motion／html.no-motion では止める。 */

/* ---------- 土台 ---------- */
.rcb{position:relative;display:block;width:100%;margin:0;padding:0;font-family:'Noto Serif JP',serif;font-weight:600;font-style:normal;font-size:1.6rem;line-height:1.5;letter-spacing:0;text-align:left;color:#15130f;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
.rcb *,.rcb *::before,.rcb *::after{box-sizing:border-box}
.rcb a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
.rcb img{display:block;max-width:none;height:auto}
.rcb p,.rcb h2,.rcb address,.rcb ul,.rcb li,.rcb nav{margin:0;padding:0;font-weight:inherit;font-size:inherit;font-style:normal;list-style:none}
.rcb i{font-style:normal}
.rcb .rcb-a{position:absolute;left:calc(var(--x) * .1rem);top:calc(var(--y) * .1rem);width:calc(var(--w) * .1rem);height:calc(var(--h) * .1rem);margin:0}
.rcb a:focus-visible{outline:.3rem solid #835d20;outline-offset:.4rem}
.rcb .rcb-entry a:focus-visible{outline-color:#fff}
.rcb .rcb-br-sp{display:none}

/* ---------- 上の帯（488:94497・1920×1046） ---------- */
.rcb .rcb-top{position:relative;display:block;width:100%;height:104.6rem;margin:0;padding:0;background:#eae6dc;overflow:clip}
/* 見出しリンク（1 行・中央寄せ。Figma の並び: 英→和 0・和の後→縦線 20px・縦線→次の英 77px。箱の幅は Figma のまま＝書体が違っても位置は動かない） */
.rcb .rcb-top__links{position:absolute;left:0;top:15.5rem;width:100%;display:flex;justify-content:center;align-items:flex-start;white-space:nowrap}
.rcb .rcb-hl{display:flex;flex:none;align-items:flex-start;color:#382f2c}
.rcb .rcb-hl--2{color:#382f2c}
/* HL-NOCUR（2026-10-15・本人「募集要項のページだけホバーしなくてもゴールドになってるから黒にして、ホバーで色が変わるように」）: 今いるページの方も金にしない＝ふだんは 2 本とも黒・ホバーだけ金。前の行 → .rcb .rcb-hl[aria-current="page"]{color:#caaa6e} */   /* L-065（2026-10-09・Figma 547:221364「ホバーしたら黒から金に・選択してるように」）: ふだんは 2 本とも黒、今いるページの方とホバーは金 */
@media (hover:hover){.rcb .rcb-hl:hover{color:#caaa6e}}
:is(html.mo,html.sp-mo,html.motion):not(.no-motion) .rcb .rcb-hl{transition:color .3s ease}
.rcb .rcb-hl__en{display:block;min-width:35.2rem;font:600 9.869rem/14.968rem 'Hiragino Mincho ProN','Noto Serif JP',serif;letter-spacing:.6415rem;color:inherit}
.rcb .rcb-hl--2 .rcb-hl__en{min-width:58.7rem}
.rcb .rcb-hl__ja{display:block;min-width:20.9rem;margin:4.9rem 0 0;font:600 4.145rem/6.287rem 'Noto Serif JP',serif;letter-spacing:.2694rem;color:inherit}
.rcb .rcb-hl--2 .rcb-hl__ja{margin-left:.5rem}
.rcb .rcb-hl__bar{display:block;flex:none;width:.2rem;height:9.4rem;margin:3rem 7.7rem 0 2rem;background:#382f2c}
/* 網点の炎（一番下） */
.rcb .rcb-top__flame{pointer-events:none}
/* カード 3 枚（473×187。写真 → 影 multiply → 炎 screen → 文字・矢印の順。枠・影・炎は動かさない） */
.rcb .rcb-card{display:block;overflow:hidden;isolation:isolate;color:#fff}
.rcb .rcb-card__ph{position:absolute;left:0;top:0;width:100%;height:100%;max-width:none;object-fit:cover;transform-origin:55% 0}
.rcb .rcb-card__shade{mix-blend-mode:multiply;pointer-events:none}
.rcb .rcb-card__flame{mix-blend-mode:screen;pointer-events:none}   /* 不透明度 .34 は画像に焼き込み済み（アルファの最大 87/255） */
.rcb .rcb-card__en{font:600 4.405rem/3.3404rem 'Cormorant Garamond',serif;letter-spacing:.1432rem;color:#fff;white-space:nowrap}
.rcb .rcb-card__ja{font:600 max(2.1865rem,12px)/1.6581rem 'Noto Serif JP',serif;letter-spacing:.0711rem;color:#fff;white-space:nowrap}   /* 1920 は 21.87px（Figma どおり）。1024 で 11.6px になるので下限 12px（日本語の最小） */
.rcb .rcb-card__arrow{pointer-events:none}
/* L-065（Figma 547:221290「ホバーしたら黒から金に」・金の版 528:132321 ほか）: 金の影 multiply・網点 plus-lighter（Figma の LINEAR_DODGE）・茶の斜線 multiply .44 を、ふだんは透明で重ねておく */
.rcb .rcb-card__gold,.rcb .rcb-card__dots,.rcb .rcb-card__slash{opacity:0;pointer-events:none}
.rcb .rcb-card__gold{mix-blend-mode:multiply}
.rcb .rcb-card__dots{mix-blend-mode:plus-lighter}
.rcb .rcb-card__slash{mix-blend-mode:multiply}
.rcb .rcb-card[data-card="4"] .rcb-card__en{white-space:normal;width:min-content}   /* カード4「WORK ENVIRONMENT」は 2 行（Figma 528:132343・375.8×67） */
/* 流れる英字（y845・高さ 201。1 組＝炎の S 75＋15＋文字＋右 93。静止時は S の左端が x0） */
.rcb .rcb-mq{position:absolute;left:0;top:84.5rem;width:100%;height:20.1rem;margin:0;pointer-events:none}
.rcb .rcb-mq__track{position:absolute;left:0;top:0;display:flex;width:max-content;height:100%}
.rcb .rcb-mq__set{position:relative;display:flex;flex:none;align-items:flex-start;padding:0 9.3rem 0 0}
.rcb .rcb-mq__s{flex:none;width:7.5rem;height:20.1rem}
.rcb .rcb-mq__t{display:block;flex:none;margin:1.2rem 0 0 1.5rem;font:600 30.463rem/17.735rem 'Cormorant Garamond',serif;letter-spacing:-1.066rem;word-spacing:.0817em;color:#222;white-space:pre}   /* word-spacing: Figma は「SABAESEIKI 」と「RECRUIT」が別の文字枠で、RECRUIT が x1727（＝文字の左端から 1637）。1 本の文字列だと 1612 なので、空白を 24.9px（.0817em）広げて R の位置を合わせる */

/* ---------- ENTRY 帯（528:76709・1920×706。template-parts/recruit/entry-band.php・rc-entry-band.css の写し・クラス名だけ替えた） ---------- */
.rcb .rcb-entry{position:relative;display:block;width:100%;height:70.6rem;margin:0;padding:0;background:#1a1a1a;overflow:clip;isolation:isolate;font-family:'Noto Serif JP',serif}
.rcb .rcb-entry__slash{mix-blend-mode:lighten;opacity:.3;pointer-events:none}   /* Figma 528:84256: LIGHTEN・不透明度 .3（TOP は color-dodge） */
.rcb .rcb-entry__dots2{pointer-events:none}
.rcb .rcb-entry__title{color:#fffefe;font:italic 700 15.3rem/8.9rem 'Cormorant Garamond',serif;letter-spacing:.26rem;white-space:nowrap}
.rcb .rcb-entry__copy{color:#fff;font-weight:700;font-size:2.72rem;line-height:3.728rem;letter-spacing:.082rem;white-space:nowrap}
.rcb .rcb-entry__em{color:#bfa05a}
.rcb .rcb-entry__btn{display:block;color:#fff}
.rcb .rcb-entry__corner{display:block;background-color:var(--fbc,#c8a96e);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}
.rcb .rcb-entry__btn--entry{background:#caaa6e;box-shadow:inset 0 0 0 .087rem #c8a96e}
.rcb .rcb-entry__btn--visit{box-shadow:inset 0 0 0 .082rem #c8a96e}
.rcb .rcb-entry__btn-en{color:#fff;font:700 8.042rem/6.6rem 'Cormorant Garamond',serif;letter-spacing:1.102rem;padding-left:1.102rem;text-align:center;white-space:nowrap}
.rcb .rcb-entry__btn-ja{color:#fff;font-weight:700;font-size:max(1.578rem,12px);line-height:2.8rem;letter-spacing:.061rem;padding-left:1em;white-space:pre}   /* Figma は前に全角空白 → padding-left:1em で出す */
/* FB-09（2026-10-09・実装FBシート No.9「金のボタンの白文字を黒に」）: ENTRY 帯の金のボタン（#caaa6e）の字と → を #1a1a1a に（ヘッダーの ENTRY と同じ考え・コントラスト 2.2:1 → 7.9:1）。→ は白い線の SVG（img）なので filter で黒に。→ の後ろの白 37% の四角・見学のボタン・四隅の金はそのまま */
.rcb .rcb-entry__btn--entry,.rcb .rcb-entry__btn--entry :is(.rcb-entry__btn-en,.rcb-entry__btn-ja){color:#1a1a1a}
.rcb .rcb-entry__btn--entry .rcb-entry__arrow-line{filter:brightness(0) invert(.1)}
.rcb .rcb-entry__btn2-t{color:#fff;font-weight:900;font-size:2.542rem;line-height:2.6rem;letter-spacing:-.1rem;white-space:nowrap}
.rcb .rcb-entry__photo{max-width:none}

/* ---------- フッター（547:221312・1920×732） ---------- */
.rcb .rcb-ft{position:relative;display:block;width:100%;height:73.2rem;margin:0;padding:0;background:#caaa6e;color:#15130f;font-family:'Noto Serif JP',serif;font-weight:600}
.rcb .rcb-ft__logo{display:block}
.rcb .rcb-ft__logo-img{width:100%;height:100%;max-width:none;object-fit:contain;object-position:0 0}
.rcb .rcb-ft__addr{display:block}
.rcb .rcb-ft__co{font:600 3.105rem/3.2386rem 'Noto Serif JP',serif;letter-spacing:.5rem;color:#15130f;white-space:nowrap}
.rcb .rcb-ft__ad,.rcb .rcb-ft__tl{font:600 max(1.861rem,12px)/2.7759rem 'Noto Serif JP',serif;letter-spacing:0;color:#15130f;white-space:nowrap}
.rcb .rcb-ft__rc{font:700 max(1.2175rem,10px)/1.8263rem Arial,Helvetica,sans-serif;letter-spacing:.2435rem;color:#15130f;white-space:nowrap}
.rcb .rcb-ft__tel{display:block;color:#15130f}
.rcb .rcb-ft__tel-l{font:600 2.435rem/3.6525rem 'Noto Serif JP',serif;letter-spacing:0;text-align:center;color:#15130f;white-space:nowrap}
.rcb .rcb-ft__tel-n{font:700 4.1395rem/6.2093rem 'Noto Serif JP',serif;letter-spacing:.0414rem;text-align:center;color:#15130f;white-space:nowrap}
.rcb .rcb-ft__hours{font:600 max(1.5828rem,12px)/2.3741rem 'Noto Serif JP',serif;letter-spacing:0;color:#15130f;white-space:nowrap}
.rcb .rcb-ft__hours--paren{text-indent:-.5em}   /* RC-LEFT（2026-10-30・先方FB「左に面合わせる」）: 先頭の「（」の左半分の空きを詰めて、RECRUIT CONTACT・採用直通と左端をそろえる（PC・SP。担当が空で「（」が無い時は付かない） */
.rcb .rcb-ft__map{display:block;border-top:.1853rem solid rgba(21,19,15,.75)}
.rcb .rcb-ft__map-h{font:700 1.8534rem/2.78rem Arial,Helvetica,sans-serif;letter-spacing:.3707rem;color:#15130f;white-space:nowrap}
.rcb .rcb-ft__list{display:block}
.rcb .rcb-ft__item{display:block;height:8.5258rem;border-bottom:.1853rem solid rgba(21,19,15,.28)}
.rcb .rcb-ft__row{position:relative;display:block;height:100%;color:#15130f}
.rcb .rcb-ft__row-t{position:absolute;left:0;top:2.335rem;font:600 2.4095rem/3.6142rem 'Noto Serif JP',serif;letter-spacing:0;color:#15130f;white-space:nowrap}
.rcb .rcb-ft__row-a{position:absolute;left:42.035rem;top:2.78rem;width:2.78rem;height:2.78rem}
.rcb .rcb-ft__copy{display:block;padding:2.206rem 0 0;border-top:.1218rem solid rgba(21,19,15,.75);font:700 1.896rem/1.6436rem Arial,Helvetica,sans-serif;letter-spacing:.1644rem;text-align:center;color:#15130f;white-space:nowrap}
/* FB-04（2026-10-09・実装FBシート No.4）: 1024〜1280px だけ字に下限（サイトマップの行＝ナビ 13px／SITEMAP・RECRUIT CONTACT・©＝ラベル 11px）。ほかの字は 1024 で 12px 以上あるので触らない。1281px 以上・SP は今のまま */
@media (min-width:1024px) and (max-width:1280px) and (orientation:landscape){
  .rcb .rcb-ft__row-t{font-size:max(2.4095rem, 13px)}
  .rcb .rcb-ft__map-h{font-size:max(1.8534rem, 11px)}
  .rcb .rcb-ft__rc{font-size:max(1.2175rem, 11px)}
  .rcb .rcb-ft__copy{font-size:max(1.896rem, 11px)}
}

/* ---------- 動き（現物の写し。自作しない。動きありの html クラスのときだけ） ---------- */
@keyframes rcb-mq{to{transform:translateX(-50%)}}
/* マーキー: TOP .marquee__track（linear・infinite・translateX(-50%)）。TOP と同じ速さ（46.7px/s）にするため 1 組の実測の幅 3035px（S 75＋15＋文字 2852＋右 93）÷46.7＝65s（指示書の 75s は Figma の枠 3504px から出した値＝実際の 1 組より広い） */
:is(html.mo,html.sp-mo,html.motion):not(.no-motion) .rcb .rcb-mq__track{animation:rcb-mq 65s linear infinite;will-change:transform}
/* L-065（Figma 547:221363「ここのドット炎みたいに動かしたい」）: 網点の炎を TOP の FV の炎（recruit.css の fv-flicker・2.6s ease-in-out infinite alternate）と同じ揺れで。ぼかしは網点がつぶれるので外した */
@keyframes rcb-flicker{0%{opacity:.75;transform:skewX(-1.5deg) translateY(.3rem)}100%{opacity:1;transform:skewX(1.5deg) translateY(-.3rem)}}
:is(html.mo,html.sp-mo,html.motion):not(.no-motion) .rcb .rcb-top__flame{transform-origin:50% 100%;animation:rcb-flicker 2.6s ease-in-out infinite alternate;will-change:transform,opacity}
/* L-065（Figma 547:221373「背景の写真が左から右にゆっくり・情報が邪魔にならない程度に」）: カードの写真を 1.1 倍にして左右 ±4% を 20 秒で往復。ホバーの 1.08 倍（transform）とは別の scale／translate なので重なる */
@keyframes rcb-pan{from{translate:-4% 0}to{translate:4% 0}}
/* BTM-STILL（2026-10-14・本人「ここの３つあるやつ画像が今動いてるから固定してほしい」）: L-065 の左右にゆっくり動く指定（scale 1.1・rcb-pan 20s）をやめて写真を止めた。ホバーで少し大きくなる動き（下の transform:scale(1.08)）は残す */
/* ENTRY のボタン: TOP の .frame-btn（ホバーで四隅が対角の外へ 7px・色 #d4b87a・.3s ease-out／押下 scale(.985) .12s ease） */
:is(html.mo,html.sp-mo,html.motion):not(.no-motion) .rcb .rcb-entry__btn .rcb-entry__corner{pointer-events:none;transition:transform .3s ease-out,background-color .3s ease-out}
@media (hover:hover){
  :is(html.mo,html.sp-mo,html.motion):not(.no-motion) .rcb .rcb-entry__btn:hover .rcb-entry__corner{--fbc:#d4b87a}
  :is(html.mo,html.sp-mo,html.motion):not(.no-motion) .rcb .rcb-entry__btn:hover .rcb-entry__corner--tl{transform:translate(-7px,-7px)}
  :is(html.mo,html.sp-mo,html.motion):not(.no-motion) .rcb .rcb-entry__btn:hover .rcb-entry__corner--tr{transform:translate(7px,-7px)}
  :is(html.mo,html.sp-mo,html.motion):not(.no-motion) .rcb .rcb-entry__btn:hover .rcb-entry__corner--br{transform:translate(7px,7px)}
  :is(html.mo,html.sp-mo,html.motion):not(.no-motion) .rcb .rcb-entry__btn:hover .rcb-entry__corner--bl{transform:translate(-7px,7px)}
  :is(html.mo,html.sp-mo,html.motion):not(.no-motion) .rcb .rcb-entry__btn{transition:transform .12s ease}
  :is(html.mo,html.sp-mo,html.motion):not(.no-motion) .rcb .rcb-entry__btn:active{transform:scale(.985)}
}
/* カード: TOP の .ms-panel（p20_mshover）。マウス環境のときだけ写真が .9s cubic-bezier(.22,.61,.21,1) で 1.08 倍・起点 55% 0。枠・影・炎は動かさない */
@media (hover:hover) and (pointer:fine){
  :is(html.mo,html.sp-mo,html.motion):not(.no-motion) .rcb .rcb-card__ph{transition:transform .9s cubic-bezier(.22,.61,.21,1);will-change:transform}
  :is(html.mo,html.sp-mo,html.motion):not(.no-motion) .rcb .rcb-card:is(:hover,:focus-visible) .rcb-card__ph{transform:scale(1.08)}
}
/* L-065: カードのホバーで黒 → 金（色の入れ替えは動きの設定に関係なく。入れ替えの .4s と矢印の動きは「動きあり」のときだけ）。矢印は → だけ右へ（Figma 547:221292「共通でボタンの矢印は動くように」） */
@media (hover:hover) and (pointer:fine){
  .rcb .rcb-card:is(:hover,:focus-visible) :is(.rcb-card__shade,.rcb-card__flame){opacity:0}
  .rcb .rcb-card:is(:hover,:focus-visible) :is(.rcb-card__gold,.rcb-card__dots){opacity:1}
  .rcb .rcb-card:is(:hover,:focus-visible) .rcb-card__slash{opacity:.44}
  :is(html.mo,html.sp-mo,html.motion):not(.no-motion) .rcb :is(.rcb-card__shade,.rcb-card__flame,.rcb-card__gold,.rcb-card__dots,.rcb-card__slash){transition:opacity .4s ease}
  :is(html.mo,html.sp-mo,html.motion):not(.no-motion) .rcb :is(.rcb-card__arrow-line,.rcb-entry__arrow-line,.rcb-ft__row-a){transition:transform .3s ease-out}
  :is(html.mo,html.sp-mo,html.motion):not(.no-motion) .rcb .rcb-card:is(:hover,:focus-visible) .rcb-card__arrow-line{transform:translateX(.6rem)}
  :is(html.mo,html.sp-mo,html.motion):not(.no-motion) .rcb .rcb-entry__btn:is(:hover,:focus-visible) .rcb-entry__arrow-line{transform:translateX(.8rem)}
  /* FT-HOVER 2026-10-12 本人『ホバーしたら薄くなって矢印が右に』: 行ごと .58 に薄く（動きの設定に関係なく）・変化は動きありのとき .3s・矢印は 1rem 右へ */
  .rcb .rcb-ft__row:is(:hover,:focus-visible){opacity:.58}
  :is(html.mo,html.sp-mo,html.motion):not(.no-motion) .rcb .rcb-ft__row{transition:opacity .3s ease-out}
  :is(html.mo,html.sp-mo,html.motion):not(.no-motion) .rcb .rcb-ft__row:is(:hover,:focus-visible) .rcb-ft__row-a{transform:translateX(1rem)}
}
/* 動きを減らす設定・検収ツールの no-motion では止める（マーキーは静止・ホバーの移動なし） */
@media (prefers-reduced-motion:reduce){
  .rcb .rcb-mq__track,.rcb .rcb-card__ph,.rcb .rcb-entry__btn,.rcb .rcb-entry__corner{animation:none!important;transition:none!important}
}
html.no-motion .rcb .rcb-mq__track,html.no-motion .rcb .rcb-card__ph,html.no-motion .rcb .rcb-entry__btn,html.no-motion .rcb .rcb-entry__corner{animation:none!important;transition:none!important}
@media (prefers-reduced-motion:reduce){   /* L-065 で足した動きも止める（写真は 1.1 倍もやめて元の切り抜き） */
  .rcb .rcb-top__flame,.rcb .rcb-hl,.rcb .rcb-card .rcb-a,.rcb .rcb-ft__row,.rcb .rcb-ft__row-a{animation:none!important;transition:none!important}
  .rcb .rcb-card__ph{scale:none!important;translate:none!important}
}
html.no-motion .rcb :is(.rcb-top__flame,.rcb-hl,.rcb-ft__row,.rcb-ft__row-a),html.no-motion .rcb .rcb-card .rcb-a{animation:none!important;transition:none!important}

/* ---------- SP（≤1023・390 で 1rem=10px）。Figma に SP は無い → PC の構図とモチーフを縮めた形 ---------- */
@media (max-width:1023px), (max-width:1366px) and (orientation:portrait){
  .rcb{--rcb-gut:2rem}   /* TOP の --gut（2rem〜）と下層の --gut（3.2rem）が違うので、部品は自前の余白を持つ */
  .rcb .rcb-br-sp{display:inline}

  /* 上の帯: 上 6.4rem・左右 --rcb-gut。マーキーは帯の下端 */
  .rcb .rcb-top{height:auto;padding:6.4rem var(--rcb-gut) 0}
  .rcb .rcb-top__links{position:relative;left:auto;top:auto;width:100%;align-items:center}
  .rcb .rcb-hl{flex-direction:column;align-items:center;justify-content:center;min-height:max(4.4rem,44px)}
  .rcb .rcb-hl__en,.rcb .rcb-hl--2 .rcb-hl__en{min-width:0;font-size:3.2rem;line-height:1.3;letter-spacing:.06em}
  .rcb .rcb-hl__ja,.rcb .rcb-hl--2 .rcb-hl__ja{min-width:0;margin:0;font-size:1.3rem;line-height:1.5;letter-spacing:.06em}
  .rcb .rcb-hl__bar{width:1px;height:4.8rem;margin:0 2.4rem}
  .rcb .rcb-top__flame{left:-15rem;top:auto;bottom:0;width:70rem;height:auto}
  /* カード: 縦 1 列。中の位置は PC と同じ比（--x/--y を枠の 473.06×187.24 で割った %） */
  .rcb .rcb-card{position:relative;left:auto;top:auto;width:100%;max-width:60rem;height:auto;aspect-ratio:473/187;margin:1.2rem auto 0}
  .rcb .rcb-card--1{margin-top:3.2rem}
  .rcb .rcb-card .rcb-a{left:calc(var(--x) / 4.7306 * 1%);top:calc(var(--y) / 1.8724 * 1%);width:calc(var(--w) / 4.7306 * 1%);height:calc(var(--h) / 1.8724 * 1%)}
  .rcb .rcb-card .rcb-card__en{width:auto;height:auto;font-size:2.6rem;line-height:1.2}
  .rcb .rcb-card .rcb-card__ja{width:auto;height:auto;font-size:1.2rem;line-height:1.4}
  .rcb .rcb-card .rcb-card__arrow{width:3.6rem;height:auto}
  .rcb .rcb-card .rcb-card__flame{height:auto}
  .rcb .rcb-card .rcb-card__slash{height:auto}   /* L-065: 茶の斜線も炎と同じ扱い */
  .rcb .rcb-card[data-card="4"] .rcb-card__en{font-size:2.2rem;line-height:1.1}   /* L-065: カード4 の 2 行の英字が和文に重ならない大きさ（390 で英字の下端と和文の上端の間 約 9px） */
  /* マーキー: TOP recruit-sp.css 484〜492 の写し（高さ 9.6rem・S 3.6×9.6rem・字 12.6rem/7.4rem・字間 −.035em・間 1.8rem・右 3.6rem）。速さは TOP SP と同じ px/s にする 45s（TOP の 1 組 73.2rem＝26s／ここは 127rem）・上 4.8rem */
  .rcb .rcb-mq{position:relative;left:auto;top:auto;width:auto;height:9.6rem;margin:4.8rem calc(var(--rcb-gut) * -1) 0;overflow:hidden}
  .rcb .rcb-mq__track{position:absolute;left:0;top:0;bottom:0;height:auto}
  .rcb .rcb-mq__set{align-items:flex-end;gap:1.8rem;padding:0 3.6rem 0 0}
  .rcb .rcb-mq__s{width:3.6rem;height:9.6rem}
  .rcb .rcb-mq__t{margin:0;font-size:12.6rem;line-height:7.4rem;letter-spacing:-.035em}
  :is(html.mo,html.sp-mo,html.motion):not(.no-motion) .rcb .rcb-mq__track{animation-duration:45s}

  /* ENTRY 帯: rc-entry-band.css の @media (max-width:1023px) の写し（縦並び・人物 40rem・見出し 7.2rem・文 1.7rem 中央・ボタン 幅 100% 最大 34rem 最小高 10rem・四隅 3.2rem・矢印 4.6rem・網点 dots2 は隠す・斜めの S は出す） */
  .rcb .rcb-entry{display:flex;flex-direction:column;align-items:center;height:auto;padding:0 var(--rcb-gut) 8rem}
  .rcb .rcb-entry>*{order:var(--o,0);z-index:var(--o,0)}   /* LK16-027②（2026-10-16・Lark「実際のスマホだと ENTRY の文字が画像の下に行ってる」）: WebKit（iPhone の Safari）は position 付き・z-index:auto の子を order ではなく HTML の順で重ねる（写真が最後の子なので ENTRY の上に来ていた）。重なり順も並び順（--o: 写真 1・ENTRY 2・文 3・ボタン 4/5・網点と S は 0）にそろえた＝Chromium の見え方と同じ。帯は isolation:isolate なので外には効かない。前 → {order:var(--o,0)} */
  .rcb .rcb-entry .rcb-a{position:relative;left:auto;top:auto;width:auto;height:auto}
  .rcb .rcb-entry img.rcb-a{width:100%;height:auto}
  /* LK16-027①（2026-10-16・Lark「PC と見た目違う（炎なかったり）」）: PC（Figma 653:2）の写真・網点の炎・斜めの S の位置関係を、写真の幅 39rem に縮めて置き直した（倍率 39/842）。網点の炎＝PC x−34 y−99 幅 814 → left −1.575rem・top −5.585rem（写真の上端 −1rem から −4.585rem）・幅 37.7rem／斜めの S＝PC x642 y10.41 幅 230 → top −.52rem・幅 10.65rem・left は右端を写真の右端 39rem にそろえて 28.35rem（比のままの 29.74rem だと 390 で右が 14px 切れる）／写真＝PC は帯の左端と下端に接して写真の切れ目が見えない → 左は画面の端まで出し、下の切れ目は ENTRY の後ろで黒に溶かす。セレクタに img を付けたのは 191 行 .rcb .rcb-entry img.rcb-a{width:100%} に勝つため（前は 13rem・40rem が負けて 390px・350px になっていた）。前の 3 行 → dots2{display:none}／slash{left:50%;top:22rem;width:13rem;height:auto;margin-left:3rem;order:0}／photo{width:40rem;max-width:none;margin:-1rem 0 -6rem} */
  .rcb .rcb-entry>img.rcb-entry__dots2{display:block;position:absolute;left:-1.575rem;top:-5.585rem;width:37.7rem;height:auto;max-width:none;margin:0;pointer-events:none}
  .rcb .rcb-entry>img.rcb-entry__slash{display:block;position:absolute;left:28.35rem;top:-.52rem;width:10.65rem;height:auto;max-width:none;margin:0}
  .rcb .rcb-entry>img.rcb-entry__photo{align-self:flex-start;width:39rem;max-width:none;margin:-1rem 0 -6rem calc(var(--rcb-gut) * -1);-webkit-mask-image:linear-gradient(to bottom,#000 72%,transparent);mask-image:linear-gradient(to bottom,#000 72%,transparent)}
  .rcb .rcb-entry .rcb-entry__title{margin-top:0;font-size:7.2rem;line-height:1;letter-spacing:.1em}
  .rcb .rcb-entry .rcb-entry__copy{margin:1.8rem 0 3.2rem;font-size:1.7rem;line-height:1.7;text-align:center;white-space:normal;word-break:auto-phrase;text-wrap:balance}
  .rcb .rcb-entry .rcb-entry__btn{position:relative;left:auto;top:auto;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:34rem;height:auto;min-height:10rem;margin-top:2.4rem;padding:1.8rem 8rem 1.8rem 2.4rem}
  .rcb .rcb-entry .rcb-entry__btn>img.rcb-a{position:absolute;left:auto;right:2rem;top:50%;width:4.6rem;height:4.6rem;margin-top:-2.3rem}
  .rcb .rcb-entry .rcb-entry__btn>.rcb-entry__corner{position:absolute;width:3.2rem;height:3.2rem}
  .rcb .rcb-entry .rcb-entry__btn>.rcb-entry__corner--tl{left:-1rem;top:-1rem}
  .rcb .rcb-entry .rcb-entry__btn>.rcb-entry__corner--tr{left:auto;right:-1rem;top:-1rem}
  .rcb .rcb-entry .rcb-entry__btn>.rcb-entry__corner--br{left:auto;right:-1rem;top:auto;bottom:-1rem}
  .rcb .rcb-entry .rcb-entry__btn>.rcb-entry__corner--bl{left:-1rem;top:auto;bottom:-1rem}
  .rcb .rcb-entry .rcb-entry__btn-en{padding-left:0;font-size:4rem;line-height:1.1;letter-spacing:.2em;text-align:left}
  .rcb .rcb-entry .rcb-entry__btn-ja{padding-left:1em;font-size:max(1.4rem,11px);line-height:1.6;white-space:pre}
  .rcb .rcb-entry .rcb-entry__btn2-t{font-size:1.7rem;line-height:1.5;letter-spacing:.02em;white-space:normal}
  /* 見出し「ENTRY」の左→右ワイプ（rc-entry-band.css の写し。rc-bottom.js が is-wipe を付け、画面の下 10% に入ったら 1 回だけ is-in・1.4 秒後に is-done。隠した状態でも 1px の面積を残す） */
  :is(html.mo,html.sp-mo,html.motion):not(.no-motion) .rcb .rcb-entry__title.is-wipe{clip-path:inset(-20% calc(100% - 1px) -20% -20%);transition:clip-path .8s cubic-bezier(.51,.32,0,.96)}
  :is(html.mo,html.sp-mo,html.motion):not(.no-motion) .rcb .rcb-entry__title.is-wipe.is-in{clip-path:inset(-20%)}
  :is(html.mo,html.sp-mo,html.motion):not(.no-motion) .rcb .rcb-entry__title.is-wipe.is-done{clip-path:none}

  /* フッター: TOP recruit-sp.css「12 FOOTER」の写しを土台に縦に（ロゴ → 会社名 → 住所・TEL → RECRUIT CONTACT → 採用直通の番号 → 担当・時間 → SITEMAP → 2 列×5 行 → ©） */
  .rcb .rcb-ft{display:flex;flex-direction:column;gap:1.4rem;height:auto;padding:4.8rem var(--rcb-gut) calc(var(--safe, 0px) + 4.8rem)}
  .rcb .rcb-ft .rcb-a{position:relative;left:auto;top:auto;width:auto;height:auto}
  .rcb .rcb-ft__logo{width:100%;max-width:14.7rem;min-height:max(4.4rem,44px)}   /* FT-LOGO（2026-10-13・Opus 判断）: 正式ロゴ（600×329）でも SP の高さを前の仮のロゴと同じ（390 で 80.5px・375 で 77.4px）にそろえる。幅 20rem → 14.7rem（390 で 147px）。min-height は不変 */
  .rcb .rcb-ft__logo-img{height:auto}
  .rcb .rcb-ft__addr{display:flex;flex-direction:column;gap:0}
  .rcb .rcb-ft__co{font-size:1.8rem;line-height:1.5;letter-spacing:.14em;white-space:normal}
  .rcb .rcb-ft__ad,.rcb .rcb-ft__tl{font-size:1.3rem;line-height:1.85;white-space:normal}
  .rcb .rcb-ft__rc{margin-top:.6rem;font-size:1rem;line-height:1.5}
  .rcb .rcb-ft__tel{display:flex;align-items:baseline;gap:.8rem;min-height:max(4.4rem,44px);padding:.4rem 0}
  .rcb .rcb-ft__tel-l{font-size:1.4rem;line-height:1.4;text-align:left}
  .rcb .rcb-ft__tel-n{font-size:2.4rem;line-height:1.4;text-align:left}
  .rcb .rcb-ft__hours{font-size:1.2rem;line-height:1.6;white-space:normal}
  .rcb .rcb-ft__map{display:grid;grid-template-columns:1fr 1fr;column-gap:1.6rem;align-content:start;margin-top:2rem;padding-top:2.4rem;border-top:1px solid rgba(21,19,15,.75)}
  .rcb .rcb-ft__map-h{grid-column:1/-1;margin-bottom:1.2rem;font-size:1.3rem;line-height:1.5;letter-spacing:.2em}
  .rcb .rcb-ft .rcb-ft__list{display:block}
  .rcb .rcb-ft__item{height:auto;min-height:max(4.4rem,44px);border-bottom:1px solid rgba(21,19,15,.28)}
  .rcb .rcb-ft__row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;min-height:max(4.4rem,44px);height:auto}
  .rcb .rcb-ft__row-t{position:static;font-size:1.35rem;line-height:1.5;white-space:normal}
  .rcb .rcb-ft__row-a{position:static;flex:none;width:1.8rem;height:1.8rem}
  .rcb .rcb-ft__copy{margin-top:2rem;padding:1.6rem 0 0;font-size:1.1rem;line-height:1.5;letter-spacing:.1em;white-space:normal}
}