/* 採用：環境を知る — ヒーロー・導入・目次バー・FV の動き・セクションまたぎ（2026-10-07 B1）
   正: design/指示書_セクション.md H／I／N、指示書_v1.md §6 E-1〜E-3、裁定 M12-3。
   寸法の記法: rem＝Figma px ÷ 10（PC は rem＝幅/192）。変数（--env-st／--env-cv／--env-pow1／--env-wipe）は rc-environment-base.css。
   動きは全部 html.motion の下だけ（no-motion・reduced-motion では最初から最終状態で静止）。 */

/* =====================================================================
   H. ヒーロー（section.env-hero・Figma 0〜920。ステージは炎の縁の下まで＝--env-st）
   写真群・網点・グラデは同じステージ（isolation の箱）の直下に置く（混ぜ方の相手が変わると黒や素通しになる＝TOP p9）。
   .env-hero__bg は箱を作らない（display:contents）＝clip-path・transform・opacity・filter・mask を付けない
   ===================================================================== */
.rc-page-environment .env-hero{position:relative;height:var(--env-st);overflow:clip;background:var(--env-hero-base)}
.rc-page-environment .env-hero__stage{position:relative;height:var(--env-st);overflow:hidden;isolation:isolate;background:var(--env-hero-base)}
.rc-page-environment .env-hero__bg{display:contents}

/* H-2 網点（img と、同じ画像を上下に裏返して元の下端に続ける＝継ぎ目で粒がつながる。現物: CT rc-crosstalk.css 63〜67 行と同じ作り）
   F2-1: 素材は「灰色 #494949 の粒＋透明」。Figma（483:94412 ドット粒子）は粒を LINEAR_DODGE（覆い焼き（リニア）＝足し算）に入れて金の地 #a2895a に重ねるので、地の上で「明るい粒」になる。
   重ね方の指定が無い（normal）と暗い粒になっていた → plus-lighter（足し算）。
   F3: 写真群が不透明の normal になった（下の H-3）ので、網点は写真の上（z-index:1。見出し群の z 2 より下）。足し算なので、Figma（地＋網点の上に写真を SOFT_LIGHT）と同じ「明るい粒」に見える。粒の相手は写真と地（直下のステージ＝isolation の箱） */
.rc-page-environment .env-hero__dots{position:absolute;left:0;top:0;z-index:1;width:192rem;height:92rem;max-width:none;mix-blend-mode:plus-lighter}
.rc-page-environment .env-hero__dots--ext{display:block;top:92rem;z-index:1;background:url(../../images/recruit/rc-environment-hero-dots.webp) 0 0/100% 100% no-repeat;transform:scaleY(-1);pointer-events:none;mix-blend-mode:plus-lighter}
@supports not (mix-blend-mode:plus-lighter){   /* plus-lighter の無いブラウザは screen（足し算に近い・粒は明るくなる） */
  .rc-page-environment .env-hero__dots,.rc-page-environment .env-hero__dots--ext{mix-blend-mode:screen}
}

/* H-3 写真群（下端 96.06rem＝Figma の clip 920 の下 4rem で消える。写真自身に mask を付けるのは可・親には付けない）
   F3: Figma の SOFT_LIGHT は CSS の soft-light と式が違う（係数が上下で入れ替わる）ので、CSS の soft-light のままだと金の地（#a2895a）の上で写真が R で 9〜13 暗く褪せていた。
   写真群は normal で描き、写真 1 枚ずつ（.env-hero__ph）に SVG フィルタ #env-fig-sl（hero.php）を掛ける＝「地 #a2895a の上の Figma の SOFT_LIGHT」を、写真の R・G・B の値 0・.5・1 の 3 点を結ぶ折れ線の表にした物
   （地が一定の金なので正確。どの写真に差し替えても同じ式）。フィルタを写真群（.env-hero__photos）に掛けない理由: FV の出方（写真ごとの opacity・translate）の間、毎コマ群れ全体のフィルタを計算し直すことになるため。
   SP（≤1023）の上書きは写真群の位置と大きさだけで、重ね方・フィルタは触らない＝同じ考えがそのまま効く */
.rc-page-environment .env-hero__photos{position:absolute;left:0;top:0;width:192rem;height:96.06rem;mix-blend-mode:normal;overflow:clip;
  -webkit-mask-image:linear-gradient(#000 95.773%,transparent 100%);mask-image:linear-gradient(#000 95.773%,transparent 100%)}
.rc-page-environment .env-hero__ph{position:absolute;display:block;overflow:hidden;filter:url(#env-fig-sl)}
.rc-page-environment .env-hero__img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.rc-page-environment .env-hero__ph--1{left:38.385%;top:12.73%;width:40.445%;height:48.661%}
.rc-page-environment .env-hero__ph--2{left:0%;top:49.649%;width:38.385%;height:46.124%}
.rc-page-environment .env-hero__ph--3{left:74.368%;top:69.859%;width:25.632%;height:25.914%}
.rc-page-environment .env-hero__ph--4{left:38.385%;top:58.343%;width:44.512%;height:37.431%}
.rc-page-environment .env-hero__ph--5{left:78.83%;top:25.262%;width:21.17%;height:44.597%}
.rc-page-environment .env-hero__ph--6{left:16.921%;top:9.681%;width:21.465%;height:39.968%}
.rc-page-environment .env-hero__ph--7{left:0%;top:22.327%;width:16.921%;height:73.447%}

/* H-4 見出し群（z 2）。TSV の rot −0.57° は描かない */
.rc-page-environment .env-hero__head{position:absolute;left:24.2rem;top:38.5rem;width:76.4rem;z-index:2;color:#fff}
.rc-page-environment .env-hero__head{width:max-content}   /* ENV-LEAD（2026-10-16）: 説明文（23 字）が箱の幅 76.4rem より長く、出てくる演出の clip-path が箱の幅で「。」を切っていた → 箱を中身の幅に（SP は下の @media の width:auto が勝つ） */
.rc-page-environment .env-hero__en{display:flex;align-items:center;gap:.9rem;height:5.4rem;font:600 3.6rem/5.4rem var(--cormorant);letter-spacing:-.126rem;white-space:nowrap}
.rc-page-environment .env-hero__en-s{flex:none;width:3rem;height:5rem;max-width:none}
.rc-page-environment .env-hero__en{position:relative;z-index:1}   /* SEL-B03（2026-10-14・文字選択）仕事を知る（rc-work.css .wk-hero__en）と同じ原因: 大きな題の字体の高さが英字ラベルにかぶり、ラベルをなぞると題が選ばれた→ラベルを題より上に出す。見た目は変えない */
.rc-page-environment .env-hero__title{margin:0;font:700 13.406rem/14.132rem var(--serif);white-space:nowrap;color:#fff}
.rc-page-environment .env-hero__lead{margin:2.9rem 0 0;font:900 3.2rem/5.5rem var(--serif);letter-spacing:.319rem;white-space:nowrap;color:#fff}

/* H-5 大きな炎の S（z 3） */
.rc-page-environment .env-hero__s{position:absolute;left:22.084rem;top:12.399rem;width:24.916rem;height:73.123rem;max-width:none;z-index:3;pointer-events:none;mix-blend-mode:screen}

/* H-6 グラデ（COLOR_BURN・最前面。続きは縁の下まで同じ色で） */
.rc-page-environment .env-hero__grad{position:absolute;left:0;top:24.3rem;width:192rem;height:69.8rem;z-index:4;mix-blend-mode:color-burn;pointer-events:none;
  background:linear-gradient(0deg,rgba(177,162,129,.44) 0%,rgba(212,185,106,.43) 26%,rgba(191,160,90,.10) 49%,rgba(191,160,90,0) 70%)}
.rc-page-environment .env-hero__grad--ext{top:94.1rem;height:calc(var(--env-st) - 94.1rem);background:rgba(177,162,129,.44)}

/* =====================================================================
   I. 導入（section.env-intro・Figma 920〜2340。背景画像＝金の地＋上の炎の縁＋下の網点の炎。縁の透けた所はヒーローが見える＝M12/M15）
   ===================================================================== */
/* flow-root: 先頭の子の margin と負の margin-top の相殺を止める（CT と同じ） */
.rc-page-environment .env-intro{position:relative;display:flow-root;height:142rem;margin-top:calc(var(--env-cv) * -1);
  background:url(../../images/recruit/rc-environment-intro-bg.webp) 0 0/192rem auto no-repeat,linear-gradient(to bottom,transparent var(--env-cv),var(--env-intro) var(--env-cv))}
.rc-page-environment .env-intro__in{position:static}
.rc-page-environment .env-intro__text{position:absolute;left:35.571rem;top:45.2rem;width:65.6rem;display:flex;flex-direction:column}
.rc-page-environment .env-intro__title{margin:0;font:900 4.692rem/6.8rem var(--serif);letter-spacing:.198rem;color:var(--env-brown)}
.rc-page-environment .env-intro__sub{margin:3.3rem 0 0;font:900 3rem/4.6rem var(--serif);letter-spacing:.198rem;color:var(--env-brown)}
.rc-page-environment .env-intro__body{margin:1.3rem 0 0;font:700 max(1.7rem,12px)/4.1rem var(--serif);letter-spacing:.198rem;color:var(--env-brown)}
/* FB-24（2026-10-09・実装FBシート No.24「同じ一文の 3 連続」）: 小見出しを空にしたので、h2 と本文の間を h2→小見出しの間（PC 3.3rem・SP 1.6rem）にそろえる。小見出しがある時は効かない */
.rc-page-environment .env-intro__title+.env-intro__body{margin-top:3.3rem}
/* I-3 写真（ぼかしの縁は mask。Figma は LAYER_BLUR r50.1） */
.rc-page-environment .env-intro__photo{position:absolute;left:101.571rem;top:40.2rem;width:59.858rem;height:77.1rem;margin:0;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 10rem,#000 calc(100% - 10rem),transparent 100%),linear-gradient(to bottom,transparent 0,#000 10rem,#000 calc(100% - 10rem),transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent 0,#000 10rem,#000 calc(100% - 10rem),transparent 100%),linear-gradient(to bottom,transparent 0,#000 10rem,#000 calc(100% - 10rem),transparent 100%);
  mask-composite:intersect}
.rc-page-environment .env-intro__img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}

/* =====================================================================
   N. 目次バー（nav.env-bar・14.2rem・#141414・sticky。親は .env-body＝overflow を付けない）
   現物: CT rc-crosstalk.css 180〜200 行
   ===================================================================== */
.rc-page-environment .env-bar{position:sticky;top:10.4rem;z-index:50;height:14.2rem;background:var(--env-bar);box-shadow:inset 0 -1px 0 rgba(191,160,90,.2)}
.rc-site.admin-bar.rc-page-environment .env-bar{top:calc(10.4rem + 32px)}
.rc-page-environment .env-bar__list{display:flex;width:159.2rem;height:100%;margin:0 auto}
.rc-page-environment .env-bar__item{position:relative;flex:1 1 0;min-width:0;border-left:max(.1rem,1px) solid var(--env-gold);border-right:max(.1rem,1px) solid var(--env-gold)}
.rc-page-environment .env-bar__a{position:relative;display:block;height:100%;overflow:hidden;color:#fff}
.rc-page-environment .env-bar__glow{position:absolute;left:0;right:0;top:3.837rem;height:10.589rem;background:linear-gradient(0deg,rgba(202,170,110,.5) 0%,rgba(180,156,111,0) 63%);pointer-events:none}
.rc-page-environment .env-bar__num{position:absolute;left:5.45rem;top:5.78rem;height:2.6rem;width:auto;max-width:none}
.rc-page-environment .env-bar__label{position:absolute;left:10.7rem;top:5.4rem;font:700 3.044rem/1 var(--serif);letter-spacing:.152rem;white-space:nowrap;color:#fff}
.rc-page-environment .env-bar__arrow{position:absolute;left:34.9rem;top:5.8rem;width:2.7rem;height:2.9rem;max-width:none}
/* 下線（clip の外で見えていない金の線）＝ホバーと現在地の印 */
.rc-page-environment .env-bar__line{position:absolute;left:0;right:0;bottom:0;height:.184rem;background:linear-gradient(90deg,#bfa05a,#d4b96a 50%,#bfa05a);transform:scaleX(0);transform-origin:0 50%;pointer-events:none}
.rc-page-environment .env-bar__a[aria-current="true"] .env-bar__line{transform:scaleX(1)}
html.motion .rc-page-environment .env-bar__line{transition:transform .3s ease-out}   /* ease-out＝現物 CT rc-crosstalk.css 198 行（rc-common.css 123 行・四つ角と同じ） */
@media (hover:hover){
  html.motion .rc-page-environment .env-bar__a:hover .env-bar__line{transform:scaleX(1)}
}
/* 止まったとき（2026-10-08 依頼 F-hd）PC だけ。共通部分は rc-bar-hd.css／rc-bar-hd.js（body.rc-hd-off）。仕事を知る rc-work.css「止まったとき」の写し（箱だけ 14.2rem 用に替えた）。出典: クロストーク rc-crosstalk.css 218〜241 行。
   バーの箱 14.2rem・見えている帯 5.8〜14.2＝8.4rem・真ん中 10rem。番号 5.78〜8.38・文字 5.4〜8.444・矢印 5.8〜8.7 → 縦の真ん中 7.05rem・横は項目の真ん中 19.9rem。0.85 倍・+2.95rem（10−7.05）。
   transform-origin＝その 1 点を各箱の左上から測った値（番号 left 5.45／top 5.78・文字 10.7／5.4・矢印 34.9／5.8）。金のグラデは縦だけ 8.4/14.2＝.5915 倍・origin 縦＝グラデの高さ 10.589rem から箱 14.2 の下端（14.2−3.837＝10.363rem）。ハンバーガーの縦は共通の既定 2.9rem（7.1→10） */
@media (min-width:1024px) and (orientation:landscape), (min-width:1367px){
  .rc-page-environment.rc-hd-off .env-bar__num{transform:translateY(2.95rem) scale(.85);transform-origin:14.45rem 1.27rem}
  .rc-page-environment.rc-hd-off .env-bar__label{transform:translateY(2.95rem) scale(.85);transform-origin:9.2rem 1.65rem}
  .rc-page-environment.rc-hd-off .env-bar__arrow{transform:translateY(2.95rem) scale(.85);transform-origin:-15rem 1.25rem}
  .rc-page-environment.rc-hd-off .env-bar__glow{transform:scaleY(.5915);transform-origin:50% 10.363rem}
  html.motion:not(.no-motion) .rc-page-environment :is(.env-bar__num,.env-bar__label,.env-bar__arrow,.env-bar__glow){transition:transform .45s cubic-bezier(.43,.05,.17,1)}   /* CT 238 行 */
}

/* =====================================================================
   E-1 FV の出方（現物: 東急 development2 kvAnimation＝research/動き_FV_tokyu.md §1・§2-2。GSAP の power1.out は cubic-bezier に＝裁定 M12-3）
   ===================================================================== */
html.motion .rc-page-environment .env-hero:not(.is-in) .env-hero__ph{opacity:0;translate:0 5%}
html.motion .rc-page-environment .env-hero__ph{transition:opacity .3s var(--env-pow1) calc(var(--i) * .2s),translate .3s var(--env-pow1) calc(var(--i) * .2s)}
/* 現物: 東急 .cd-kv-hgroup-wrapper の幅 0→100%（1.5s cubic-bezier(.51,.32,0,.96)）を clip に。最後の写真の終わり＝(n−1)×.2＋.3 秒 */
html.motion .rc-page-environment .env-hero:not(.is-in) .env-hero__head{clip-path:inset(0 100% 0 0)}
html.motion .rc-page-environment .env-hero__head{clip-path:inset(0 0 0 0);transition:clip-path var(--env-wipe) calc((var(--n) - 1) * .2s + .3s)}

/* =====================================================================
   E-2 セクションまたぎ（現物: CT rc-crosstalk.css 42〜48・115〜125・130〜133 行＝裁定 CT M12/M15）
   ステージを sticky で止め、導入（先頭が炎の縁）が下から覆う。止める区間＝ステージ 1 枚分（--env-st）、導入はその分上に重ねる＝
   導入の金の不透明な上端が画面上端に届いた所ちょうどで止めが外れる。導入以降の位置・全高は motion／no-motion で同じ。
   層のずらしは rc-environment.js（OSMO）。no-motion・reduced（html.motion が付かない）・SP は止めない
   ===================================================================== */
@media (min-width:1024px) and (orientation:landscape), (min-width:1367px){
  html.motion .rc-page-environment .env-hero{height:calc(var(--env-st) * 2);overflow:visible}
  html.motion .rc-page-environment .env-hero__stage{position:sticky;top:0;height:var(--env-st);overflow:hidden}
  html.motion .rc-page-environment .env-intro{margin-top:calc(var(--env-st) * -1 - var(--env-cv))}
}

/* =====================================================================
   F2-3 文字の下限（PC の縮小幅 1024〜1919。指示書_v1 §7・§9「文字は下限つき」）
   rem＝幅/192 のままだと 1024 で 1rem＝5.3px になり、注記・英字ラベルが 6〜9px まで小さくなる。下限（英字の小さな見出し・ラベル 10px・日本語の注記 11px・本文 12px）を
   max(<今の rem>, <px>) で足す。下限はどれも「その文字の 1920 での大きさ」以下なので、1920 以上では今と同じ大きさのまま（max は 1920 で効かない）。SP（≤1023）は別の表なので触らない。
   ここは土台（rc-environment-base.css）の文字トークンの PC 幅だけの上書き: t10＝日本語の注記（1920 で 10px）・t11＝日本語の注記（11px）と英字ラベル・t12＝本文（12px）。
   トークンを使わない文字は、持ち主の CSS（growth／life／rc-keep-fire）の該当行に max() を足した（行の頭に「F2-3」）。
   ===================================================================== */
@media (min-width:1024px) and (orientation:landscape), (min-width:1367px){
  .rc-page-environment{--env-t10:max(1rem,10px);--env-t11:max(1.1rem,11px);--env-t12:max(1.2rem,12px)}
}

/* =====================================================================
   SP（≤1023。指示書_セクション SP 表のヒーロー・導入・目次バー。rem は SP の rem＝min(幅/39,13px)）
   ===================================================================== */
@media (max-width:1023px), (max-width:1366px) and (orientation:portrait){
  .rc-page-environment{--env-cv:calc(var(--vw,100vw) * .1719)}
  /* ヒーロー: 高さ auto。写真群の箱を高さ基準で中央に寄せる（中の写真は % のまま）。網点・S・グラデも同じ倍率・同じ寄せ */
  /* F1: PC ではヘッダーが浮いて隠れる Figma の上の余白（写真群の最上端＝写真 1 の top 12.730%×60rem）を SP では切り落とす。ステージごと上へ（網点・写真群・S・グラデは同じ量動く＝
     写真群の下端と炎の縁の距離・見出しの位置は不変）。ヒーローを flow-root にして、ステージの負の margin が親の外へ抜けない（ヒーローの高さがその分詰まる）ようにする */
  .rc-page-environment .env-hero{display:flow-root;height:auto;overflow:clip;--env-up:calc(60rem * .1273)}
  .rc-page-environment .env-hero__stage{height:auto;min-height:60rem;box-sizing:content-box;padding-bottom:calc(var(--vw,100vw) * .1719);margin-top:calc(var(--env-up) * -1)}
  .rc-page-environment .env-hero__photos{left:50%;translate:-56% 0;width:auto;height:60rem;aspect-ratio:1920/960.6}
  .rc-page-environment .env-hero__dots{left:50%;translate:-56% 0;width:auto;height:57.46rem;aspect-ratio:1920/920}
  .rc-page-environment .env-hero__dots--ext{top:57.46rem}
  .rc-page-environment .env-hero__s{left:calc(50% - 53.35rem);top:7.745rem;width:15.563rem;height:45.67rem}
  .rc-page-environment .env-hero__grad{left:calc(50% - 67.14rem);top:15.18rem;width:119.9rem;height:43.6rem}
  .rc-page-environment .env-hero__grad--ext{left:0;width:100%;top:58.78rem;height:auto;bottom:0}
  .rc-page-environment .env-hero__head{left:var(--gut);right:var(--gut);bottom:calc(var(--vw,100vw) * .1719 + 4rem);top:auto;width:auto}
  .rc-page-environment .env-hero__en{height:2.4rem;gap:.5rem;font-size:1.6rem;line-height:2.4rem;letter-spacing:-.06rem}
  .rc-page-environment .env-hero__en-s{width:1.4rem;height:2.4rem}
  .rc-page-environment .env-hero__title{font-size:5.6rem;line-height:1.2;white-space:normal}
  .rc-page-environment .env-hero__lead{margin-top:1rem;font-size:max(1.5rem,13px);line-height:1.7;letter-spacing:.1rem;white-space:normal}
  .rc-page-environment .env-hero__lead{font-size:min(max(1.5rem,13px),3.5vw)}   /* ENV-LEAD（2026-10-16・本人「ここにサブタイトルを入れてほしい」→ 欄 rc_env_hero_lead に 23 字×2 行）: 390 で 1 行に入らず「社。」「に。」が 1 字だけ落ちた → SP は幅の 3.5% を上限に（390 で 13.65px・360 で 12.6px）して 1 行ずつ収める */
  /* ENV-HERO-WK（2026-10-16・本人「環境を知るの SP のヒーローを仕事を知るの SP 版と同じように」）: 仕事を知る（rc-work.css 247〜258 行）と同じ作りに。
     ① 上の切り落とし 12.73%→28.07%（ヒーローの高さが仕事を知ると同じになる）② 写真群の箱を右寄せ（左端＝100%−107.3rem）にして、大きな写真 2 枚の縦積みではなく何枚かの写真が並ぶ見え方に。
     網点・S・グラデも同じ寄せ。見出しの位置（炎の縁から 4rem 上）は今と同じ */
  .rc-page-environment .env-hero{--env-up:calc(60rem * .2807)}
  .rc-page-environment .env-hero__photos,.rc-page-environment .env-hero__dots{left:calc(100% - 107.3rem);translate:none}
  .rc-page-environment .env-hero__s{left:calc(100% - 93.51rem)}
  .rc-page-environment .env-hero__grad{left:calc(100% - 107.3rem)}
  /* 切り落としを増やした分、写真 1（全員の集合写真）の頭が上の端で切れる→ 写真群・網点・S・グラデをまとめて 4rem 下げる（ヒーローの高さ・見出しの位置は同じ。下へずれた分は炎の縁の下に隠れる） */
  .rc-page-environment .env-hero__photos,.rc-page-environment .env-hero__dots{top:4rem}
  .rc-page-environment .env-hero__dots--ext{top:61.46rem}
  .rc-page-environment .env-hero__s{top:11.745rem}
  .rc-page-environment .env-hero__grad{top:19.18rem}

  /* 導入: 炎の縁の分だけヒーローにかぶせる。ステージの下に同じだけの余白（炎の縁の下にヒーローの地がある） */
  .rc-page-environment .env-intro{isolation:isolate;margin-top:calc(var(--vw,100vw) * -.1719);height:auto;padding:calc(var(--vw,100vw) * .1719 + 6rem) var(--gut) 8rem;
    background:linear-gradient(to bottom,transparent var(--env-cv),var(--env-intro) var(--env-cv))}
  /* 背景の画像は箱の上 288px 分しか敷かない（高さ auto の SP では下端が切れて見える）→ 疑似要素にして下端を溶かす */
  .rc-page-environment .env-intro::before{content:"";position:absolute;left:0;top:0;z-index:-1;width:100%;aspect-ratio:2880/2130;max-height:100%;pointer-events:none;
    background:url(../../images/recruit/rc-environment-intro-bg.webp) 0 0/100% 100% no-repeat;
    -webkit-mask-image:linear-gradient(#000 calc(100% - 9rem),transparent 100%);mask-image:linear-gradient(#000 calc(100% - 9rem),transparent 100%)}
  .rc-page-environment .env-intro__text{position:static;width:auto}
  .rc-page-environment .env-intro__title{font-size:2.5rem;line-height:1.5;letter-spacing:.04em}
  .rc-page-environment .env-intro__sub{margin-top:1.6rem;font-size:1.9rem;line-height:1.6}
  .rc-page-environment .env-intro__body{margin-top:1.2rem;font-size:max(1.4rem,13px);line-height:2.1;letter-spacing:.05em}
  .rc-page-environment .env-intro__title+.env-intro__body{margin-top:1.6rem}   /* FB-24: 小見出しが無い時の h2→本文（SP） */
  .rc-page-environment .env-intro__photo{position:relative;left:auto;top:auto;width:min(100%,40rem);height:auto;aspect-ratio:598.58/771;margin:4rem auto 0;
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 3rem,#000 calc(100% - 3rem),transparent 100%),linear-gradient(to bottom,transparent 0,#000 3rem,#000 calc(100% - 3rem),transparent 100%);
    mask-image:linear-gradient(to right,transparent 0,#000 3rem,#000 calc(100% - 3rem),transparent 100%),linear-gradient(to bottom,transparent 0,#000 3rem,#000 calc(100% - 3rem),transparent 100%)}

  /* 目次バー: 上に sticky の 4 列・矢印なし・押せる高さ 6.4rem・番号（上）＋文字 2 行まで中央 */
  .rc-page-environment .env-bar,.rc-site.admin-bar.rc-page-environment .env-bar{top:0;height:6.4rem}
  .rc-page-environment .env-bar__list{width:100%}
  .rc-page-environment .env-bar__a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:0 .3rem;text-align:center}
  .rc-page-environment .env-bar__glow{top:1.5rem;height:4.9rem}
  .rc-page-environment .env-bar__num{position:relative;left:auto;top:auto;height:1.6rem}
  .rc-page-environment .env-bar__label{position:relative;left:auto;top:auto;font-size:max(1.1rem,11px);line-height:1.3;letter-spacing:.04em;white-space:normal;text-align:center}
  .rc-page-environment .env-bar__arrow{display:none}
}
/* FB-04（2026-10-09・実装FBシート No.4「1024〜1280px で文字に下限」）: 文字だけに下限（本文 14・見出し 15・ボタン 13・注釈ラベル 11）。行間が字より狭い所は行間も。1281px 以上と SP（≤1023）は今のまま */
@media (min-width:1024px) and (max-width:1280px) and (orientation:landscape){
  .rc-page-environment .env-intro__body{font-size:max(1.7rem,14px);line-height:max(4.1rem,1.6em)}
}