/* 採用：環境を知る — 02.BENEFITS（v2・2026-10-08 B1。指示書_v2 §5.0〜5.2・§7 #1〜4・§10）
   正: Figma 470:729 の 4428〜12300（design/figma/v2_20261008/pc/pc_frame.png・pc_nodes_flat.tsv・pc_text.tsv）。寸法は rem＝Figma px ÷ 10（PC は rem＝幅/192）。
   持ち物: #benefits（.env-head--benefits・.env-facts・.env-welfare・.env-dir・.env-awards・.env-bh）。土台（rc-environment-base.css）の .env-head・.env-ph・.env-cc・.env-acc・.env-note・変数は使うだけ。
   Figma の 1 つ目の開閉（閉じの見本・110px）は出さないので、ここから下は Figma より 110px 上がる（並置は要素ごとの上端で比べる）。 */

/* ============================================================ 見出し（4428〜4806・高さ 37.8rem） */
.rc-page-environment .env-benefits{position:relative;background:var(--env-paper)}
.rc-page-environment .env-head--benefits{
  --env-head-label-x:106.9rem;--h-h:37.8rem;--h-en-top:3.5rem;--h-en-lh:9.1rem;--h-label-top:7.6rem;--h-rule-top:11.8rem;--h-catch-top:12.1rem;--h-lead-top:21.9rem;--h-lead-w:79.4rem
}

/* ============================================================ BENEFIT 小見出し .env-bh（組 Group 1691／1692。左上＝x360）。弧の BENEFIT・番号・小さな題・大きな題・筆の下線 */
.rc-page-environment .env-bh{position:relative;width:99.7rem;height:15.448rem;margin:0}
.rc-page-environment .env-bh__arc{position:absolute;left:2.126rem;top:2.125rem;width:14.8rem;height:5.1rem;max-width:none}
.rc-page-environment .env-bh__no{position:absolute;left:5.776rem;top:5.206rem;width:10.3rem;height:5.1rem;max-width:none}
.rc-page-environment .env-bh--01 .env-bh__no{left:6.476rem}
.rc-page-environment .env-bh__t{position:absolute;left:19.9rem;top:2.493rem;display:flex;align-items:center;gap:2rem;white-space:nowrap}
.rc-page-environment .env-bh__small{margin:0;padding-top:.1rem;font:700 2.994rem/6.18rem var(--serif);letter-spacing:.15rem;color:var(--env-ink-3)}
.rc-page-environment .env-bh__big{margin:0;font:700 6.083rem/6.3rem var(--serif);letter-spacing:.304rem;color:var(--env-ink-3)}
.rc-page-environment .env-bh__brush{position:absolute;left:18.7rem;top:8.793rem;width:51.2rem;height:1.2rem;max-width:none}
.rc-page-environment .env-bh--01 .env-bh__brush{width:60.2rem}
/* ★（評価）。組は 221.87×173.33。弧 (+30.69,+30.67)・★ (+77,+50.97)・題 x568.43（組の右へ）・下線 x556.43 */
.rc-page-environment .env-bh--star{height:17.333rem}
.rc-page-environment .env-bh--star .env-bh__arc{left:3.069rem;top:3.067rem}
.rc-page-environment .env-bh--star .env-bh__no{left:7.7rem;top:5.097rem;width:6.4rem;height:6.2rem}
.rc-page-environment .env-bh__mark{position:absolute;left:3.069rem;top:3.067rem;width:14.8rem;height:auto;max-width:none}   /* BH-STAR1（2026-10-15）: 弧＋星の 1 枚の画像（292×187）。前の弧と同じ左上・同じ幅（弧の字の幅＝画像の幅） */
.rc-page-environment .env-bh--star .env-bh__t{left:20.843rem;top:3.433rem}
.rc-page-environment .env-bh--star .env-bh__brush{left:19.643rem;top:9.733rem;width:76.6rem}

/* ============================================================ BENEFIT 01・6 つの制度（.env-facts・4806〜6264）。全幅の箱（列の基準は .env-benefits・2026-10-12 sticky）。中が x360 */
.rc-page-environment .env-facts{padding-bottom:15.14rem}   /* ENV-STICKY（2026-10-12・本人「働きやすい環境の文字がついてくるように」）position:relative を外した＝列の基準は .env-benefits */
.rc-page-environment .env-facts__in{width:99.7rem;margin-left:36rem}
.rc-page-environment .env-facts__head{position:relative}
.rc-page-environment .env-facts__icon{position:absolute;left:80.9rem;top:1.5rem;width:13.2rem;height:12.3rem}
.rc-page-environment .env-facts .env-facts__icon{display:none}   /* FACTS-HIDE（2026-10-14・本人「6つの制度のここ非表示にしたい」）: 見出しの右の絵（灰色の枠／イラスト）を PC でも出さない（SP は元から none）。画像が入ると base の img.env-slot-img{display:block} が勝つので、.env-facts を足して優先度を上げた */
.rc-page-environment .env-facts__grid{display:grid;grid-template-columns:repeat(2,46.64rem);column-gap:6.321rem;row-gap:6.416rem;margin:0;padding:0;list-style:none}
.rc-page-environment .env-fact{
  box-sizing:border-box;width:46.64rem;height:34.093rem;margin:0;padding:2.969rem 4.118rem 0;text-align:center;
  background:linear-gradient(#fff,#fff) 0 0/46.543rem 33.902rem no-repeat   /* 白は 46.543×33.902（四つ角の組は 46.64×34.093） */
}
.rc-page-environment .env-fact__title{position:relative;z-index:1;margin:0;font:700 3.257rem/3.4rem var(--serif);letter-spacing:.521rem;color:#000}   /* SEL-B06（2026-10-14・文字選択）原因: 下の大きな数字 .env-fact__num は字が 15.7rem で行の高さ 12.6rem より字体が大きく、字体の高さが上の題（年間休日 等）にかぶる。数字の文字が先に当たり、題をなぞると数字が選ばれた→題を数字より上に出す。インクはかぶっていない＝見た目は変えない */
.rc-page-environment .env-fact__val{display:flex;justify-content:center;align-items:flex-end;height:12.653rem;margin:1.149rem -1rem 0;font-family:var(--serif);font-weight:700;color:#000}
.rc-page-environment .env-fact__num{display:block;color:var(--env-gold);font-size:15.658rem;line-height:12.641rem;white-space:nowrap}
.rc-page-environment .env-fact__unit{display:block;font-size:5.885rem;line-height:6.106rem;letter-spacing:-.235rem;white-space:nowrap;color:#000}
.rc-page-environment .env-fact__val--u1 .env-fact__unit{letter-spacing:.942rem}   /* 1 文字の単位（日・%）は字間 .942rem、/月 などの組は −.235rem（Figma） */
.rc-page-environment .env-fact__pre{display:block;box-sizing:content-box;width:1em;margin:0 .86rem 0 0;font-size:2.681rem;line-height:1.04;letter-spacing:0;word-break:break-all;text-align:center;color:#000}   /* 2 字を縦積み（1em 幅で折り返す）。writing-mode だと箱の幅が字の高さの扱いで scrollWidth が超える */
.rc-page-environment .env-fact__val--t .env-fact__num{font-size:10.678rem}
.rc-page-environment .env-fact__val--t .env-fact__unit{width:2.1em;font-size:4.641rem;line-height:5.46rem;letter-spacing:-.046rem;white-space:normal;word-break:break-all;margin-left:.478rem;text-align:left}
.rc-page-environment .env-fact__val--n .env-fact__unit{margin-left:0}
.rc-page-environment .env-fact__val--n .env-fact__num[data-count]{font-variant-numeric:lining-nums}
.rc-page-environment .env-fact__val--u2 .env-fact__num{font-size:17.478rem}
.rc-page-environment .env-fact__val--u2 .env-fact__unit{margin-left:1.5rem;font-size:5.074rem;line-height:6.605rem;letter-spacing:.051rem;text-align:left}
.rc-page-environment .env-fact__ul2{display:inline-block;font-size:1.293em;letter-spacing:.3em}
.rc-page-environment .env-fact__catch{margin:3.639rem -.5rem 0;font:600 2.394rem/2.747rem var(--serif);letter-spacing:.168rem;color:var(--env-ink)}
.rc-page-environment .env-fact__note{margin:.659rem -.5rem 0;font:500 max(1.338rem,12px)/2.49rem var(--serif);color:#000}
/* 数字に , を含む値（2,000）は数字が小さく詰めてある（Figma 119.23px・字間 −3.58px・単位 39.71px・字間 −1.59px） */
.rc-page-environment .env-fact__val--c .env-fact__num{font-size:11.923rem;letter-spacing:-.358rem}
.rc-page-environment .env-fact__val--c .env-fact__unit{font-size:3.971rem;letter-spacing:-.159rem}
/* UNIT2（2026-10-14・本人「資格取得支援の『（上限）』を『円/月』の下に」）: カンマ付きの数字（20,000）で単位が 2 行の時だけ。6 字の数字がカードからはみ出すので数字を 11.923→8.8rem に（カードの左右に約 2rem の余白）。2 行目は「認定」用の大きく字間を空けた飾り（.env-fact__ul2）を外し、1 行目と同じ大きさ・字間に */
.rc-page-environment .env-fact__val--c.env-fact__val--u2 .env-fact__num{font-size:8.8rem}
.rc-page-environment .env-fact__val--c.env-fact__val--u2 .env-fact__ul2{font-size:1em;letter-spacing:inherit}
/* TENBA（2026-10-14・本人「これ天端合わせにしてほしい」）: 数字と単位（2 行）の上端をそろえる。箱を上ぞろえにし、単位を字の上端の差（実測 1920:1.70・1440:1.67・1280:1.65・1024:1.79rem）だけ下げる。SP は下の @media の中で別の値 */
.rc-page-environment .env-fact__val--c.env-fact__val--u2{align-items:flex-start}
.rc-page-environment .env-fact__val--c.env-fact__val--u2 .env-fact__unit{margin-top:1.7rem}

/* ============================================================ BENEFIT 02・福利厚生（.env-welfare・6264〜8775）。帯カード 997×330・間 50 */
.rc-page-environment .env-welfare{padding-bottom:10.09rem}
.rc-page-environment .env-welfare__in{width:99.7rem;margin-left:36rem}
.rc-page-environment .env-welfare__wrap{position:relative;margin-top:2.5rem}
.rc-page-environment .env-welfare__list{margin:0;padding:0;list-style:none}
/* FB-08（2026-10-09・実装FBシート No.8「金地の文字を黒に」）: 金 #caaa6e の帯カードの文字を白→#1a1a1a（2.21→7.86:1）。前置き・数字・単位は親の色を継ぐ
   ENV-ICON（2026-10-14・本人「テキストの色を白にしてほしい」）: Figma 470:729 の帯カードの文字（23 か所すべて #ffffff）に戻した＝FB-08 の取り消し */
.rc-page-environment .env-wcard{
  box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:3.4rem;width:99.7rem;height:33rem;margin:0 0 5rem;padding:2.969rem 7.8rem;
  background:var(--env-gold);color:#fff;font-family:var(--serif)
}
.rc-page-environment .env-wcard:last-child{margin-bottom:0}
.rc-page-environment .env-wcard__name{margin:0;font:700 4.957rem/6.7rem var(--serif);letter-spacing:.446rem;color:#fff}
.rc-page-environment .env-wcard__name--long{letter-spacing:-.099rem;line-height:4.9rem}   /* 長い題は Figma で字間 −.99px・行高 49px（フレキシブル…・スポーツジム…） */
.rc-page-environment .env-wcard__row{display:flex;align-items:center;justify-content:space-between;gap:5.7rem}
.rc-page-environment .env-wcard__val{flex:none}
.rc-page-environment .env-wcard__pre{position:relative;z-index:1;margin:0;font:700 2.3rem/1.9rem var(--serif)}   /* SEL-B06（2026-10-14・文字選択）制度カードの小さな前置き（1回の利用料金 等）も同じ原因: 下の大きな数字 .env-wcard__v の字体の高さが前置きの文字にかぶり、なぞると数字が選ばれた（SP で顕著）→前置きを上に出す。見た目は変えない */
.rc-page-environment .env-wcard__v{display:flex;align-items:baseline;margin:0;font-weight:700;color:#fff;white-space:nowrap}
.rc-page-environment .env-wcard__val--n .env-wcard__num{font-size:10.158rem;line-height:10.4rem}
.rc-page-environment .env-wcard__val--c .env-wcard__num{font-size:9.458rem;letter-spacing:-.473rem}
.rc-page-environment .env-wcard__val--n .env-wcard__unit{font-size:6rem;line-height:6.4rem}
.rc-page-environment .env-wcard__val--t .env-wcard__num{font-size:4.5rem;line-height:5.8rem}
.rc-page-environment .env-wcard__val--t .env-wcard__unit{font-size:4.5rem;line-height:5.8rem}
.rc-page-environment .env-wcard__v2{display:flex;align-items:baseline;margin:0;font-weight:700;white-space:nowrap}
.rc-page-environment .env-wcard__v2pre{font-size:2.3rem;line-height:5.8rem}
.rc-page-environment .env-wcard__v2v{font-size:4.5rem;line-height:5.8rem}
.rc-page-environment .env-wcard__txt{flex:0 1 48.6rem;min-width:0;margin-left:auto}
/* 説明の幅は Figma の 6 枚の値（右端 x1279 にそろえ、左の値の列の幅の違いで 41〜52rem）。7 枚目以降は既定 */
.rc-page-environment .env-wcard:nth-child(1) .env-wcard__txt{flex-basis:52.2rem}
.rc-page-environment .env-wcard:nth-child(2) .env-wcard__txt{flex-basis:41.15rem}
.rc-page-environment .env-wcard:nth-child(3) .env-wcard__txt{flex-basis:46.8rem}
.rc-page-environment .env-wcard:nth-child(4) .env-wcard__txt{flex-basis:39.6rem}
.rc-page-environment .env-wcard__body{margin:0;font:900 2.3rem/3.8rem var(--serif);color:#fff}
.rc-page-environment .env-wcard__note{margin:0;font:900 max(1.838rem,12px)/1.9rem var(--serif);color:#fff}
/* 飾りの仮枠 5（リスト＝.env-welfare__wrap の左上基準。カードより上の層） */
.rc-page-environment .env-welfare__deco{position:absolute;z-index:1;display:block}
.rc-page-environment .env-welfare__deco-ph{display:block;width:100%;height:100%}
.rc-page-environment .env-welfare__deco--1{left:70rem;top:-4.61rem;width:17.4rem;height:16.2rem}
.rc-page-environment .env-welfare__deco--2{left:73.8rem;top:64.09rem;width:15.9rem;height:16.9rem}
.rc-page-environment .env-welfare__deco--3{left:49.9rem;top:109.19rem;width:13.5rem;height:12.6rem}
.rc-page-environment .env-welfare__deco--4{left:70.9rem;top:144.39rem;width:10.9rem;height:10.2rem}
.rc-page-environment .env-welfare__deco--5{left:79rem;top:186.59rem;width:12.9rem;height:12rem}
/* ENV-ICON（2026-10-14・Figma 470:729 の帯カード右上 6 つ）: 各カードの左上基準。値は Figma の書き出し枠（x−360・y−カードの上端）と SVG の幅・高さ。上のカードの下端に少しかかる（後のカードほど上の層） */
.rc-page-environment .env-wcard{position:relative}
.rc-page-environment .env-wcard__ico{--x:68.6rem;--y:-4.81rem;--w:19.6rem;--h:18.3rem;position:absolute;z-index:1;left:var(--x);top:var(--y);width:var(--w);height:var(--h);pointer-events:none}   /* 既定（7 枚目以降）は 05 と同じ位置・大きさ */
.rc-page-environment .env-wcard__ico img{display:block;width:100%;height:100%;object-fit:contain}   /* 管理画面で縦横比の違う絵に替えても歪めない */
.rc-page-environment .env-wcard__ico--1{--x:66.2rem;--y:-7.248rem;--w:23.6rem;--h:22rem}
.rc-page-environment .env-wcard__ico--2{--x:43.9rem;--y:-9.11rem;--w:16.9rem;--h:16.2rem}
.rc-page-environment .env-wcard__ico--3{--x:66.337rem;--y:-2.873rem;--w:19.9rem;--h:15.7rem}
.rc-page-environment .env-wcard__ico--4{--x:50.059rem;--y:-6.844rem;--w:22.7rem;--h:21.5rem}
.rc-page-environment .env-wcard__ico--5{--x:68.6rem;--y:-4.81rem;--w:19.6rem;--h:18.3rem}
.rc-page-environment .env-wcard__ico--6{--x:71.2rem;--y:-5.91rem;--w:20rem;--h:18.7rem}

/* ============================================================ BENEFIT 03・毎日を支える制度（.env-dir・8775〜）。開閉は今の環境を知るの開閉の作り（base の .env-acc）＋v2 の寸法 */
.rc-page-environment .env-dir{padding-bottom:2.44rem}
.rc-page-environment .env-dir__in{width:99.7rem;margin-left:36rem}
.rc-page-environment .env-dir__list{margin-top:2.5rem;border-top:max(.1rem,1px) solid var(--env-line)}
.rc-page-environment .env-dir .env-acc__sum{justify-content:flex-start;gap:1.6rem;padding:2.5rem 0}
.rc-page-environment .env-acc__ico{flex:none;display:block;width:6.1rem;height:5.9rem}
.rc-page-environment .env-acc__ph{display:block;width:6.1rem;height:5.9rem}
.rc-page-environment .env-dir .env-acc__title{flex:1 1 auto;font:600 max(2.9rem,12px)/3.36rem var(--serif);color:var(--env-ink);transition:color .3s ease-out}
.rc-page-environment .env-dir .env-acc__icon{margin-left:auto;width:3rem;height:3rem}
.rc-page-environment .env-dir .env-acc__dl{padding-bottom:1.5rem}
.rc-page-environment .env-dir .env-acc__row{grid-template-columns:30rem 1fr;column-gap:0;padding:1.7rem 0}
.rc-page-environment .env-dir .env-acc__row dt{font:500 max(1.8rem,12px)/2.4rem var(--serif);color:var(--env-ink)}
.rc-page-environment .env-dir .env-acc__row dd{font:500 max(1.6rem,12px)/2.4rem var(--serif);color:var(--env-ink)}
.rc-page-environment .env-dir__note{margin:1.4rem 0 0;font:500 max(1.6rem,12px)/2.2rem var(--serif);color:var(--env-ink)}
@media (hover:hover){
  /* 題のホバーの金（今の環境を知るの開閉と同じ。曲線は共通の四つ角のホバーと同じ .3s ease-out） */
  html.motion .rc-page-environment .env-dir details.env-acc>.env-acc__sum:hover .env-acc__title{color:#bfa05a}
}

/* ============================================================ ★ 社外からも、評価を頂いています（.env-awards・11247〜12300）。中が x411（padding 51） */
.rc-page-environment .env-awards{padding-bottom:26.32rem}
.rc-page-environment .env-awards__in{width:99.7rem;margin-left:36rem}
.rc-page-environment .env-awards__main{display:flex;align-items:flex-start;gap:6.5rem;width:89.5rem;margin-left:5.1rem}
.rc-page-environment .env-awards__photo{flex:none;width:41.5rem;margin:0}
.rc-page-environment .env-awards__img{display:block;width:41.5rem;height:31.125rem;object-fit:cover;max-width:none}
.rc-page-environment .env-awards__cap{margin:1.099rem 0 0;font:600 max(1.7rem,12px)/2rem var(--serif);color:var(--env-ink)}
.rc-page-environment .env-awards__txt{flex:none;width:41.5rem}
.rc-page-environment .env-awards__year{display:flex;align-items:baseline;gap:1.6rem;height:5.6rem;margin:0;color:var(--env-ink)}
.rc-page-environment .env-awards__y{font:600 5.6rem/5.6rem var(--serif)}
.rc-page-environment .env-awards__yn{font:600 2.9rem/2.16rem var(--serif);margin-left:.8rem}
.rc-page-environment .env-awards__title{margin:.51rem 0 0;font:700 3rem/5.55rem var(--serif);color:var(--env-ink)}
.rc-page-environment .env-awards__em{margin:.05rem 0 0;height:7.3rem;font:900 5.727rem/7.3rem var(--serif);color:var(--env-gold-4)}
.rc-page-environment .env-awards__em span{display:inline-block;box-sizing:border-box;height:7.3rem;border-bottom:.286rem solid #bfa05a}
.rc-page-environment .env-awards__body{margin:2rem 0 0;padding-top:.28rem;font:500 max(1.8rem,12px)/3.3rem var(--serif);color:var(--env-ink)}
.rc-page-environment .env-awards__proofs{margin:.8rem 0 0 5.1rem;padding:1.5rem 0 0;width:89.5rem;list-style:none}
.rc-page-environment .env-awards__proof{display:grid;grid-template-columns:41.55rem 41.55rem;column-gap:6.4rem;align-items:center;padding:2.75rem 0;border-top:max(.1rem,1px) solid var(--env-line)}
.rc-page-environment .env-awards__proof:last-child{padding-bottom:2.759rem}
.rc-page-environment .env-awards__dt{display:flex;align-items:baseline;gap:3rem}
.rc-page-environment .env-awards__py{margin:0;font:400 3.6rem/3.6rem var(--serif)}
.rc-page-environment .env-awards__pn{margin:0;font:600 2.3rem/3.91rem var(--serif)}
.rc-page-environment .env-awards__pb{margin:0;font:400 max(1.3rem,12px)/2.86rem var(--sans);color:var(--env-ink)}
.rc-page-environment .env-awards__note{margin:0 0 0 5.1rem;font:400 max(1.1rem,12px)/2.2rem var(--sans);color:var(--env-ink)}

/* ============================================================ SP（≤1023）。PC の構図の縦積み（指示書 §10）。rem は min(vw/39,13px) */
@media (max-width:1023px), (max-width:1366px) and (orientation:portrait){
  .rc-page-environment .env-head--benefits{--h-h:auto}
  .rc-page-environment .env-head--benefits .env-head__catch{font-size:2rem}   /* LK16-003（2026-10-16・Lark「一行で」）: 16 字×（2.2rem＋字間 .1rem）＝36.8rem が幅 35rem に入らず 2 行に折れていた → 02 の見出しだけ 2rem（16×2.1＝33.6rem）で 1 行。字間・太さ・行の高さは今のまま。01・03・04 の見出しは指摘外なので 2.2rem のまま */
  .rc-page-environment .env-head--benefits{padding-bottom:4rem}   /* LK16-018（2026-10-16・Lark「ここ余白あけたい」）: リード文の箱の下端と BENEFIT 01 の弧が 0px で接していた → 4rem あける（BENEFIT 02・03・★の上の間＝前の塊の下端から 4rem と同じ）。base の SP の .env-head{padding:8rem var(--gut) 0} より後に読まれるので下だけ上書き */
  .rc-page-environment .env-bh{width:auto;height:7.4rem;margin:0 var(--gut)}
  .rc-page-environment .env-bh__arc{left:0;top:0;width:7.4rem;height:2.55rem}
  .rc-page-environment .env-bh__no{left:2.6rem;top:2.5rem;width:5.15rem;height:2.55rem}
  .rc-page-environment .env-bh--01 .env-bh__no{left:2.9rem}
  .rc-page-environment .env-bh__t{left:9rem;top:.8rem;gap:.8rem;flex-wrap:wrap;white-space:normal;align-items:baseline}
  .rc-page-environment .env-bh__small{padding:0;font-size:max(1.3rem,12px);line-height:1.6}
  .rc-page-environment .env-bh__big{font-size:2.6rem;line-height:1.3;letter-spacing:.1rem}
  .rc-page-environment .env-bh__brush{left:8.4rem;top:5.6rem;width:calc(100% - 8.4rem);height:.6rem}
  .rc-page-environment .env-bh--01 .env-bh__brush{width:calc(100% - 8.4rem)}
  .rc-page-environment .env-bh--star{height:8.6rem}
  .rc-page-environment .env-bh--star .env-bh__arc{left:.2rem;top:.2rem}
  .rc-page-environment .env-bh--star .env-bh__no{left:2.6rem;top:2.4rem;width:3.1rem;height:3rem}
  .rc-page-environment .env-bh__mark{left:.2rem;top:.2rem;width:7.4rem}   /* BH-STAR1: SP も前の弧と同じ左上・幅 */
  .rc-page-environment .env-bh--star .env-bh__t{left:8.4rem;top:1.4rem}
  .rc-page-environment .env-bh--star .env-bh__brush{left:8rem;top:6.4rem;width:calc(100% - 8rem)}
  /* LK16-045・LK16-012②（2026-10-16・Lark「装飾の線が文字にかぶってる（他と揃えて）」「線かぶってる」）: 03 と★は小さな題と大きな題が 2 行に折れ、top 固定の筆の線が大きな題に重なっていた。
     題の組（.env-bh__t）を流れに戻して見出しの高さを中身に合わせ、線を見出しの下端から置く。1 行に収まる幅では今と同じ位置・高さ（03 の題と線の間は 01・02 と同じ 1.42rem） */
  .rc-page-environment .env-bh--03,.rc-page-environment .env-bh--star{height:auto}
  .rc-page-environment .env-bh--03 .env-bh__t{position:relative;left:auto;top:auto;margin-left:9rem;padding:.8rem 0 3.22rem}
  .rc-page-environment .env-bh--03 .env-bh__brush{top:auto;bottom:1.2rem}
  .rc-page-environment .env-bh--star .env-bh__t{position:relative;left:auto;top:auto;margin-left:8.4rem;padding:1.4rem 0 3.82rem}
  .rc-page-environment .env-bh--star .env-bh__brush{top:auto;bottom:1.6rem}
  /* LK16-012①（2026-10-16・Lark「ベネフィットのマークもう少し下（文字のつらに合わせて）」）: 弧＋★の 1 枚の画像を、★の下端が大きな題の字面の下端にそろう位置へ（見出しの下端から 4.25rem） */
  .rc-page-environment .env-bh--star .env-bh__mark{top:auto;bottom:4.25rem}
  @media (max-width:767px){.rc-page-environment .env-bh--03 :is(.env-bh__no,.env-bh__arc){translate:0 1.75rem}}   /* BH03-TSURA（2026-10-16・本人「ここつらあわせたい」）: 題が 2 段目に下りたスマホ幅だけ、「03.」と BENEFIT の弧を 1.75rem 下げて「03.」の下端を「毎日を支える制度」の字の下端にそろえる（360〜430 で差 0〜1px）。834 は題が 1 行なので触らない */
  .rc-page-environment .env-facts{padding-bottom:4rem}
  .rc-page-environment .env-facts__in,.rc-page-environment .env-welfare__in,.rc-page-environment .env-dir__in,.rc-page-environment .env-awards__in{width:auto;margin:0}
  .rc-page-environment .env-facts__icon{display:none}
  .rc-page-environment .env-facts__grid{grid-template-columns:minmax(0,1fr);column-gap:2rem;row-gap:2rem;margin:2rem var(--gut) 0}   /* SP-CENTER（2026-10-14・本人「SP版 カードを中央に来るように調整」）: 前は 1fr＝中身の最小幅（大きな数字）で列が広がりカードが右へ 12px はみ出していた → minmax(0,1fr) で画面の幅に収める */
  .rc-page-environment .env-fact{width:auto;height:auto;min-height:0;padding:2.4rem 1.6rem 2.6rem;background:#fff}
  .rc-page-environment .env-fact__title{font-size:2rem;line-height:1.6;letter-spacing:.2rem}
  .rc-page-environment .env-fact__val{height:auto;margin-top:.6rem;align-items:flex-end}
  .rc-page-environment .env-fact__num{font-size:8rem;line-height:1.05}
  .rc-page-environment .env-fact__unit{font-size:3rem;line-height:1.2}
  .rc-page-environment .env-fact__pre{font-size:1.5rem;line-height:1.4}
  .rc-page-environment .env-fact__val--t .env-fact__num{font-size:5.4rem}
  .rc-page-environment .env-fact__val--t .env-fact__unit{font-size:2.4rem;line-height:1.3}
  .rc-page-environment .env-fact__val--c .env-fact__num{font-size:6.4rem}
  .rc-page-environment .env-fact__val--c .env-fact__unit{font-size:2.2rem}
  .rc-page-environment .env-fact__val--u2 .env-fact__num{font-size:8.8rem}
  .rc-page-environment .env-fact__val--u2 .env-fact__unit{font-size:2.6rem;line-height:1.3}
  .rc-page-environment .env-fact__val--c.env-fact__val--u2 .env-fact__num{font-size:6rem}   /* SP-CENTER（2026-10-14）: 20,000 の数字が SP のカード幅いっぱい（縦の iPad でははみ出し）だったので 8.8→6rem */
  .rc-page-environment .env-fact__val--c.env-fact__val--u2 .env-fact__unit{margin-top:.5rem}   /* TENBA（2026-10-14）: SP の字の上端の差（数字 6rem の時の実測。前は数字 8.8rem で 1.05rem） */
  .rc-page-environment .env-fact__catch{margin:1.2rem 0 0;font-size:max(1.5rem,13px);line-height:1.6}
  .rc-page-environment .env-fact__note{margin-top:.4rem;font-size:max(1.2rem,12px);line-height:1.6}
  .rc-page-environment .env-welfare{padding-bottom:4rem}
  .rc-page-environment .env-welfare__wrap{margin:2rem var(--gut) 0}
  .rc-page-environment .env-welfare__deco{display:none}   /* 飾りの仮枠（イラスト待ち）。SP ではカードの高さが文字数で変わるので出さない */
  .rc-page-environment .env-wcard__ico{position:relative;left:auto;right:auto;top:auto;grid-column:2;grid-row:2;align-self:center;justify-self:end;width:calc(var(--w)*.4);max-width:calc(100% + .8rem);height:calc(var(--h)*.4);margin-right:-.8rem}   /* LK16-037（2026-10-16・Lark「アイコン小さいな・・空いてるところにもう少し大きいサイズで配置できるかな？」）: 前は PC の 0.28 倍でカードの上の縁の外（前のカードとの間）に置いていた → カードの中の、数字の行の右の空きへ PC の 0.4 倍で置く（並べ方は下の LK16-037 の grid）。右端は前と同じカードの右端−1.2rem（margin-right:-.8rem）。数字が長くなった時は数字の右の幅まで縮む（max-width・絵は contain で縮む） */
  .rc-page-environment .env-wcard{width:auto;height:auto;margin-bottom:1.6rem;padding:2.4rem 2rem;gap:1.2rem;justify-content:flex-start}
  .rc-page-environment .env-wcard__name,.rc-page-environment .env-wcard__name--long{font-size:2.2rem;line-height:1.5;letter-spacing:.1rem}
  .rc-page-environment .env-wcard__row{flex-direction:column;align-items:flex-start;gap:1rem}
  .rc-page-environment .env-wcard__txt,.rc-page-environment .env-wcard:nth-child(n) .env-wcard__txt{flex:0 0 auto;width:100%;margin-left:0}
  /* LK16-037（2026-10-16）: SP のカードを 2 列の grid に（1 列目＝数字の幅・2 列目＝残り＝アイコン）。題と説明は 2 列にまたがり前と同じ幅。.env-wcard__row は箱を作らない（display:contents）ので、中の数字と説明がカードの grid に並ぶ。
     上下の間は前と同じ（題→数字 1.2rem＝行の間 1rem＋題の下 .2rem・数字→説明 1rem）。アイコンが数字の行より高いカード（今は 1 枚目・4 枚目）だけその分伸びる。1 列目は minmax(0,max-content)＝数字が極端に長くても題と説明はカードの幅のまま */
  .rc-page-environment .env-wcard{display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr);column-gap:.8rem;row-gap:1rem;align-content:start}
  .rc-page-environment .env-wcard__name{grid-column:1/-1;margin-bottom:.2rem}
  .rc-page-environment .env-wcard__row{display:contents}
  .rc-page-environment .env-wcard__val{grid-column:1;grid-row:2}
  .rc-page-environment .env-wcard__txt{grid-column:1/-1}
  .rc-page-environment .env-wcard__pre{font-size:max(1.3rem,12px);line-height:1.5}
  .rc-page-environment .env-wcard__val--n .env-wcard__num{font-size:5.6rem;line-height:1.1}
  .rc-page-environment .env-wcard__val--c .env-wcard__num{font-size:5.2rem;letter-spacing:normal}   /* LK16-004（2026-10-16・Lark「文字つまりすぎ」）: PC の字間 -.473rem（PC では -0.05em）が SP の字にそのまま効き -0.09em に詰まって 0 同士が触れていた → SP は字間なし（ほかの制度カードの数字と同じ） */
  .rc-page-environment .env-wcard__val--n .env-wcard__unit{font-size:3.2rem;line-height:1.2}
  .rc-page-environment .env-wcard__val--t .env-wcard__num,.rc-page-environment .env-wcard__val--t .env-wcard__unit,.rc-page-environment .env-wcard__v2v{font-size:2.4rem;line-height:1.5}
  .rc-page-environment .env-wcard__v2pre{font-size:max(1.3rem,12px);line-height:1.5}
  .rc-page-environment .env-wcard__body{font-size:max(1.4rem,13px);line-height:1.8}
  .rc-page-environment .env-wcard__note{font-size:max(1.2rem,12px);line-height:1.6}
  .rc-page-environment .env-dir{padding-bottom:4rem}
  .rc-page-environment .env-dir__list{margin:2rem var(--gut) 0}
  .rc-page-environment .env-dir .env-acc__sum{padding:1.4rem 0;gap:1.2rem;min-height:4.4rem}
  .rc-page-environment .env-acc__ico,.rc-page-environment .env-acc__ph{width:4.4rem;height:4.2rem}
  .rc-page-environment .env-dir .env-acc__title{font-size:max(1.9rem,13px);line-height:1.5}
  .rc-page-environment .env-dir .env-acc__icon{width:3.2rem;height:3.2rem}
  .rc-page-environment .env-dir .env-acc__row{grid-template-columns:1fr;row-gap:.4rem;padding:1.4rem 0}
  .rc-page-environment .env-dir .env-acc__row dt{font-weight:700;font-size:max(1.5rem,13px)}
  .rc-page-environment .env-dir .env-acc__row dd{font-size:max(1.4rem,13px);line-height:1.7}
  .rc-page-environment .env-dir__note{margin:1.4rem var(--gut) 0;font-size:max(1.2rem,12px);line-height:1.7}
  .rc-page-environment .env-awards{padding-bottom:6rem}
  .rc-page-environment .env-awards__main{flex-direction:column;gap:2.4rem;width:auto;margin:2rem var(--gut) 0}
  .rc-page-environment .env-awards__photo,.rc-page-environment .env-awards__txt{width:100%}
  .rc-page-environment .env-awards__img{width:100%;height:auto;aspect-ratio:415/311.25}
  .rc-page-environment .env-awards__cap{font-size:max(1.3rem,12px)}
  .rc-page-environment .env-awards__y{font-size:4rem;line-height:1.2}
  .rc-page-environment .env-awards__yn{font-size:max(1.8rem,13px)}
  .rc-page-environment .env-awards__year{height:auto}
  .rc-page-environment .env-awards__title{margin-top:1rem;font-size:2.2rem;line-height:1.5}
  .rc-page-environment .env-awards__em{height:auto;font-size:4rem;line-height:1.4}
  .rc-page-environment .env-awards__em span{height:auto}
  .rc-page-environment .env-awards__body{font-size:max(1.4rem,13px);line-height:1.9}
  .rc-page-environment .env-awards__proofs{width:auto;margin:2.4rem var(--gut) 0}
  .rc-page-environment .env-awards__proof{grid-template-columns:1fr;row-gap:1rem;padding:1.6rem 0}
  .rc-page-environment .env-awards__dt{flex-wrap:wrap;gap:.4rem 1.6rem}
  .rc-page-environment .env-awards__py{font-size:2.8rem}
  .rc-page-environment .env-awards__pn{font-size:max(1.8rem,13px);line-height:1.6}
  .rc-page-environment .env-awards__pb{font-size:max(1.3rem,12px);line-height:1.9}
  .rc-page-environment .env-awards__note{margin:1.6rem var(--gut) 0;font-size:max(1.2rem,12px);line-height:1.7}
}
@media (min-width:600px) and (max-width:1023px), (min-width:600px) and (max-width:1366px) and (orientation:portrait){
  .rc-page-environment .env-facts__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* textcheck の詰め（v2 B1 追記）: Figma の自動レイアウトの余白の差を、視覚だけずらす position:relative の補正で合わせる（レイアウトは動かさない）。値は pc_text.tsv の x・y との差 */
@media (min-width:1024px) and (orientation:landscape), (min-width:1367px){
  .rc-page-environment .env-fact__pre{position:relative;left:-.8rem}
  .rc-page-environment .env-fact__val:has(.env-fact__pre) .env-fact__num{position:relative;left:-1.2rem}
  .rc-page-environment .env-fact__unit[data-u="日"]{position:relative;left:1.3rem}
  .rc-page-environment .env-fact__val--c .env-fact__num{position:relative;left:-.9rem}
  .rc-page-environment .env-fact__val--u2 .env-fact__num{position:relative;left:.8rem}
  .rc-page-environment .env-fact__val--t .env-fact__unit{position:relative;top:-.9rem}
  .rc-page-environment .env-wcard:nth-child(1) .env-wcard__txt{flex-basis:53.3rem}
  .rc-page-environment .env-wcard__name,.rc-page-environment .env-wcard__pre,.rc-page-environment .env-wcard__body,.rc-page-environment .env-wcard__val{position:relative}
  .rc-page-environment .env-wcard:nth-child(2) .env-wcard__name{top:1rem}
  .rc-page-environment .env-wcard:nth-child(2) .env-wcard__val{top:1.4rem}
  .rc-page-environment .env-wcard:nth-child(3) .env-wcard__name{top:-1.1rem}
  .rc-page-environment .env-wcard:nth-child(3) .env-wcard__body{top:-1.4rem}
  .rc-page-environment .env-wcard:nth-child(4) .env-wcard__name{top:.7rem}
  .rc-page-environment .env-wcard:nth-child(4) .env-wcard__pre{top:-1.6rem}
  .rc-page-environment .env-wcard:nth-child(6) .env-wcard__pre{top:-1.4rem}
}
@media (min-width:1024px) and (orientation:landscape), (min-width:1367px){
  .rc-page-environment .env-wcard:nth-child(1){padding-right:6.6rem}
}
/* 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){
  /* 6 制度: 文字が大きくなった分だけ白いカードを下へ伸ばす（白の面は組より 0.097×0.191rem 小さい＝今の差のまま追従） */
  .rc-page-environment .env-fact{height:auto;min-height:34.093rem;padding-bottom:1.6rem;background-size:calc(100% - .097rem) calc(100% - .191rem)}
  .rc-page-environment .env-fact__catch{font-size:max(2.394rem,14px);line-height:max(2.747rem,1.4em)}
  .rc-page-environment .env-fact__note{line-height:max(2.49rem,1.4em)}
  .rc-page-environment .env-wcard__body{font-size:max(2.3rem,14px);line-height:max(3.8rem,1.6em)}
  .rc-page-environment .env-dir .env-acc__row dt{font-size:max(1.8rem,14px);line-height:max(2.4rem,1.6em)}
  .rc-page-environment .env-dir .env-acc__row dd{font-size:max(1.6rem,14px);line-height:max(2.4rem,1.6em)}
  .rc-page-environment .env-dir__note{line-height:max(2.2rem,1.5em)}
  .rc-page-environment .env-awards__body{font-size:max(1.8rem,14px);line-height:max(3.3rem,1.6em)}
  .rc-page-environment .env-awards__pn{font-size:max(2.3rem,15px)}
  .rc-page-environment .env-awards__pb{font-size:max(1.3rem,14px);line-height:max(2.86rem,1.6em)}
}