/* 採用：環境を知る — 03 COWORKERS・04 COMMUNITY・見学・ほかのページも見る（v2 作り直し・2026-10-08 B2。指示書_v2 §5.3〜5.6・§7・§10）
   正: Figma 470:729 の 12300〜18105（figma/v2_20261008/pc/pc_frame.png・pc_nodes_flat.tsv・pc_text.tsv）。寸法は rem＝Figma px ÷ 10（PC は 1rem＝幅/192）。
   持ち物: #people（.env-people）・#community（.env-comm）・#uturn（.env-visit）・.env-more。土台 .env-head・.env-ph・.env-cc・.env-acc は rc-environment-base.css（B1）。
   縦書きの列・ワイプ・まだらは rc-environment-side.css。控え: backup/rc-environment-life.css.v1_before_b2v2。 */

/* ============================================================ 03 COWORKERS（#people・12300〜14012＝高さ 171.2rem）
   地 #e6cd8e ＋ linear-gradient(127deg, rgba(191,160,90,.2) 0%, rgba(191,160,90,0) 65%)・左上だけ角丸 9rem（外は 02 の地 #f0ede6＝.env-body）。 */
.rc-page-environment .env-people{position:relative;height:171.2rem;box-sizing:border-box;padding-top:14rem;overflow:clip;display:flow-root;/* ENV-STICKY（2026-10-12・本人「働きやすい環境の文字がついてくるように」）hidden→clip＋flow-root: スクロールの箱を作らず sticky を効かせる */border-top-left-radius:9rem;
  background:linear-gradient(127deg,rgba(191,160,90,.2) 0%,rgba(191,160,90,0) 65%),var(--env-cow)}
.rc-page-environment .env-people__dots,.rc-page-environment .env-people__melt{position:absolute;left:0;width:192rem;height:auto;max-width:none;pointer-events:none;user-select:none}
.rc-page-environment .env-people__dots{top:.4rem}     /* Figma 12304 */
.rc-page-environment .env-people__melt{top:111.5rem}  /* Figma 13415（下は 14012 で切れる） */
.rc-page-environment .env-head--people .env-head__en,.rc-page-environment .env-head--comm .env-head__en{width:auto}   /* 土台の 78.2rem だと 12 字の英字が箱からはみ出す（nowrap のまま見えてはいる） */
.rc-page-environment .env-head--people{--env-head-label-x:127.3rem;--h-h:27.4rem;--h-en-top:0;--h-en-lh:9.1rem;--h-label-top:4.1rem;--h-rule-top:8.4rem;--h-catch-top:8.6rem;--h-lead-top:18.4rem;--h-lead-w:120rem;position:relative;z-index:1}
.rc-page-environment .env-head--people .env-head__rule{background:var(--env-gold)}   /* 指示書は白。pc_frame の (1400,12523〜12524)＝#caaa6e を測ったので金（Figma TSV の stroke も #caaa6e） */
/* コラージュ（304,12762 の 1073×659 の箱。中は % ・重なり順は DOM 順＝⑤が一番上） */
.rc-page-environment .env-people__photos{position:absolute;left:30.4rem;top:46.2rem;width:107.3rem;height:65.9rem}
.rc-page-environment .env-people__photo{position:absolute;margin:0;overflow:hidden}
.rc-page-environment .env-people__photo>.env-ph,.rc-page-environment .env-people__photo>img{display:block;width:100%;height:100%;object-fit:cover}
/* ENV-PEOPLE-LAYOUT（2026-11-06・本人「仲間とつながるのセクションの写真レイアウト」＋配置の画像）: ①BBQ は旅行②の真下・左端をそろえ、下を 77.5% まで（元 left:9.8788%;top:30.0455%;width:35.0419%;height:69.9545%）。
   ③忘年会は①の右から④の左まで広げ、下を 95.75% まで（元 left:44.4548%;top:54.4765%;width:32.3392%;height:34.7496%）。②④⑤は元のまま */
.rc-page-environment .env-people__photo--1{left:5.219%;top:30.1214%;width:33.0817%;height:47.3786%}
.rc-page-environment .env-people__photo--2{left:5.219%;top:0;width:30.8947%;height:30.1214%}
.rc-page-environment .env-people__photo--3{left:38.3007%;top:54.4765%;width:38.4933%;height:41.2735%}
.rc-page-environment .env-people__photo--4{left:76.794%;top:17.1472%;width:23.206%;height:65.4021%}
.rc-page-environment .env-people__photo--5{left:36.0885%;top:7.7147%;width:41.1547%;height:52.3899%}
/* ENV-PEOPLE-CROP（2026-11-06 夜・本人「顔切れてしまうのもう少しトリミング調整で」「どちらの写真も左にずらして顔が映るように」「右側の写真は左の人の顔を映らないようにして右の人だけ」）:
   ⑤食事会・④ポーズの 4 人は写真の右端に寄せて切り抜く（右端の人の顔が全部入り、④の左端の人の顔は枠の外）。写真を替えたら外す */
.rc-page-environment .env-people__photo--4>img,.rc-page-environment .env-people__photo--5>img{object-position:100% 50%}
/* イベントの行（13440 に上線） */
.rc-page-environment .env-people__foot{position:absolute;left:36rem;top:114rem;width:99.6rem;height:15.3rem;box-sizing:border-box;border-top:max(.1rem,1px) solid var(--env-line)}
.rc-page-environment .env-people__events{position:absolute;left:4.9rem;top:3.5rem;width:32.5rem;margin:0;font:600 3.5rem/4.18rem var(--serif);color:var(--env-brown);white-space:nowrap}
.rc-page-environment .env-people__tags{position:absolute;left:40.9rem;top:4.974rem;margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:1.614rem;width:53.4rem}
.rc-page-environment .env-people__tag{box-sizing:border-box;padding:.942rem 2.422rem;background:#fff;border:.135rem solid var(--env-gold-2);border-radius:1rem;font:700 2.3rem/3.07rem var(--serif);color:var(--env-gold-4);white-space:nowrap}
/* 下の 2 項目（13612・480 幅 2 列・間 3.6rem・上線 #bfa05a） */
.rc-page-environment .env-people__points{position:absolute;left:36rem;top:131.2rem;width:99.6rem;display:flex;gap:3.6rem}
.rc-page-environment .env-people__point{box-sizing:border-box;width:48rem;padding-top:2.3rem;border-top:max(.1rem,1px) solid var(--env-gold-2)}
.rc-page-environment .env-people__pt{margin:0;font:700 max(2.1rem,12px)/3.78rem var(--serif);letter-spacing:.084rem;color:var(--env-brown);padding-bottom:.08rem}
.rc-page-environment .env-people__pb{margin:1.2rem 0 0;font:600 max(1.5rem,12px)/2.3rem var(--serif);color:var(--env-brown)}

/* ============================================================ 04 COMMUNITY（#community・14012〜15861＝高さ 184.9rem）。見学が下に潜るので z 2・不透明の地 */
.rc-page-environment .env-comm{position:relative;z-index:2;height:184.9rem;box-sizing:border-box;padding-top:14rem;background:var(--env-paper)}
.rc-page-environment .env-head--comm{--env-head-label-x:128.7rem;--h-h:27.4rem;--h-en-top:0;--h-en-lh:9.1rem;--h-label-top:4.1rem;--h-rule-top:8.4rem;--h-catch-top:8.6rem;--h-lead-top:18.4rem;--h-lead-w:120rem;position:relative}
.rc-page-environment .env-comm__in{position:absolute;left:36rem;top:44.7rem;width:99.7rem}
.rc-page-environment .env-comm__top{display:flex;gap:6.5rem;box-sizing:border-box;height:47.1rem;padding-top:2.5rem}
.rc-page-environment .env-comm__fig{width:46.6rem;margin:0}
.rc-page-environment .env-comm__fig>.env-ph,.rc-page-environment .env-comm__fig>img{display:block;width:46.6rem;height:34.95rem;object-fit:cover}
.rc-page-environment .env-comm__cap{margin-top:1.1rem;font:600 max(1.7rem,12px)/1.98rem var(--serif);color:var(--env-ink)}
.rc-page-environment .env-comm__play{width:46.6rem}
.rc-page-environment .env-comm__pt{margin:0;padding-top:.51rem;font:700 2.9rem/3.4rem var(--serif);color:var(--env-ink)}
.rc-page-environment .env-comm__pb{margin:1.2rem 0 0;padding-top:.478rem;font:500 max(1.8rem,12px)/3.3rem var(--serif);color:var(--env-ink)}
.rc-page-environment .env-comm__ph{margin:2.7rem 0 0;padding:0 0 .08rem;font:700 max(1.7rem,12px)/2.28rem var(--serif);color:var(--env-ink)}
.rc-page-environment .env-comm__partners{margin:1.2rem 0 0;padding:0;list-style:none}
.rc-page-environment .env-comm__partner{position:relative;height:4.38rem;border-top:max(.1rem,1px) solid var(--env-line)}
.rc-page-environment .env-comm__role{position:absolute;left:1.4rem;top:1.132rem;box-sizing:border-box;min-width:11.5rem;padding:0 .8rem;height:2.697rem;display:flex;align-items:center;justify-content:center;background:var(--env-gold);color:#fff;font:700 max(1.231rem,12px)/1.75rem var(--serif);white-space:nowrap}
.rc-page-environment .env-comm__pname{position:absolute;left:14.4rem;top:1.132rem;font:600 max(1.5rem,12px)/2.28rem var(--serif);color:var(--env-ink);white-space:nowrap}
/* カード 2 枚（14930・465×339・.env-cc の四つ角＝ホバーで ±7px は base の規則） */
.rc-page-environment .env-comm__cards{display:flex;gap:3.9rem}
.rc-page-environment .env-comm__card{box-sizing:border-box;width:46.639rem;height:34.094rem;background:#fff}
.rc-page-environment .env-comm__ci{position:absolute;left:4.118rem;top:2.97rem;box-sizing:border-box;width:39.7rem;padding:2rem 3.1rem;display:flex;flex-direction:column;align-items:center;gap:1.88rem}
.rc-page-environment .env-comm__chip{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:24.5rem;padding:0 1rem;height:3.4rem;margin:0;background:var(--env-gold);color:#fff;font:600 max(1.3rem,12px)/2.21rem var(--cormorant),var(--sans);letter-spacing:.195rem;white-space:nowrap}
.rc-page-environment .env-comm__ct{width:33.5rem;margin:0;font:600 3rem/3.9rem var(--serif);text-align:center;color:var(--env-ink)}
.rc-page-environment .env-comm__cb{width:33.5rem;margin:0;font:400 max(1.3rem,12px)/2.86rem var(--sans);text-align:center;color:var(--env-ink)}
.rc-page-environment .env-comm__card:first-child .env-comm__cb{width:27.9rem}
.rc-page-environment .env-comm__rec{box-sizing:border-box;width:33.5rem;margin:0;height:3.3rem;display:flex;align-items:center;justify-content:center;gap:1.4rem;border-bottom:max(.1rem,1px) solid var(--env-line)}
.rc-page-environment .env-comm__date{font:600 2.5rem/2.5rem var(--serif);color:var(--env-ink)}
.rc-page-environment .env-comm__recnote{font:400 max(1.2rem,12px)/2.4rem var(--sans);color:var(--env-ink)}
/* MU-14・MU-15（2026-10-15・松浦さんFB No.14「文字かぶってる」・No.15「ボックスから文字はみ出してる」）: 文字の下限 12px が効く幅（1281〜1870px あたり）でも、
   1024〜1280 の直し（下の @media の 264〜271 行）と同じく中身に合わせて伸びる作りに。PC 全幅。1920 では位置・高さとも今と同じ（最小の高さ＝今の高さ） */
@media (min-width:1024px) and (orientation:landscape), (min-width:1367px){
  .rc-page-environment .env-comm__partner{display:flex;align-items:center;gap:1.2rem;box-sizing:border-box;height:auto;min-height:4.38rem;padding:.6rem 0 .6rem 1.4rem}
  .rc-page-environment .env-comm__role,.rc-page-environment .env-comm__pname{position:static;flex:none}
  .rc-page-environment .env-comm__role{min-width:max(11.5rem,calc(8em + 1.6rem))}   /* 一番長い「トップパートナー」（8 字）が入る幅で 3 つそろえる＝名前の頭がそろう */
  .rc-page-environment .env-comm__pname{flex:1 1 auto;white-space:normal}
  .rc-page-environment .env-comm__card{height:auto;min-height:34.094rem}
  .rc-page-environment .env-comm__ci{position:relative;left:auto;top:auto;margin:2.97rem 0 2.97rem 4.118rem}
  .rc-page-environment .env-comm__cb{line-height:max(2.86rem,1.6em)}
  .rc-page-environment .env-comm__rec{height:auto;min-height:3.3rem}
  .rc-page-environment .env-comm__recnote{line-height:max(2.4rem,1.4em)}
  .rc-page-environment .env-comm__card:first-child .env-comm__cb{width:33.5rem}   /* 1 枚目の本文だけ狭く（27.9rem）「〜していま／す。」と 1 字だけ落ちていた→2 枚目と同じ幅 */
  .rc-page-environment :is(.env-comm__cb,.env-comm__recnote){word-break:auto-phrase;text-wrap:balance}   /* 折り返しを文節で・行の長さをそろえる（「生まれま／した。」を防ぐ） */
}
/* SBT の行（15296・上下に線） */
.rc-page-environment .env-comm__sbt{box-sizing:border-box;display:flex;align-items:center;gap:3rem;width:99.7rem;height:14.301rem;margin-top:2.504rem;border-top:max(.1rem,1px) solid var(--env-line);border-bottom:max(.1rem,1px) solid var(--env-line)}
.rc-page-environment .env-comm__mark{width:11rem;margin:0;flex:none}
.rc-page-environment .env-comm__m{display:block;font:500 4.3rem/4.3rem var(--serif);color:var(--env-ink)}
.rc-page-environment .env-comm__ms{display:block;margin-top:1.05rem;font:500 max(1.5rem,12px)/1.8rem var(--serif);color:var(--env-ink)}
.rc-page-environment .env-comm__st{width:85.7rem}
.rc-page-environment .env-comm__sh{margin:0;font:700 max(2.2rem,14px)/3.06rem var(--serif);color:var(--env-ink)}
.rc-page-environment .env-comm__sp{margin:1rem 0 0;font:600 max(1.6rem,12px)/2.4rem var(--serif);color:var(--env-ink)}

/* ============================================================ 見学（#uturn・15861〜17059＝高さ 119.8rem）
   静止（no-motion・reduced・SP・<1024）: セクションの大きさに地を cover。 */
.rc-page-environment .env-visit{position:relative;z-index:1;height:auto;min-height:119.8rem}   /* FB-27: 今の高さを最小に、中身が増えたら伸びる */
.rc-page-environment .env-visit__bgwrap{position:absolute;inset:0}
.rc-page-environment .env-visit__bg{position:absolute;inset:0}
.rc-page-environment .env-visit__bg>.env-ph,.rc-page-environment .env-visit__bg>img{display:block;width:100%;height:100%;object-fit:cover}
/* 流れる背景（2026-10-08 修正・本人「後ろはスライドにして自動で流れていってほしい」）。Figma 528:779 の層の写し（位置は見学の左上からの rem＝Figma px÷10）:
   地＝見学の塗り（白＋金 138deg）→ .env-visit__fx（528:779 の不透明度 .47 の群れ）＝写真の帯（528:783・流れる）→ 金のグラデ MULTIPLY（528:812）→ 灰色のグラデ SCREEN（528:31044）→ 網点の炎 SOFT_LIGHT（528:817）。
   グラデ 2 つと網点は止まったまま（Figma でも帯の外の兄弟）。Figma のグラデの箱は画面の左 3.9rem・右 4.5rem が足りず、流すと端に濃い縦の帯が出るので、色の位置（stop）はそのままで箱だけ画面の端まで延ばした。
   舞台（.env-visit__stage）は Figma の高さ 119.8rem 以上で、画面一面（100vh）の時は上下の真ん中に置く＝前の 1 枚の絵の object-fit:cover と同じ切れ方。 */
.rc-page-environment .env-visit__stage{position:absolute;left:0;top:50%;width:100%;height:max(119.8rem,100%);translate:0 -50%;overflow:hidden;
  background:linear-gradient(138deg,rgba(191,160,90,.16) 0%,rgba(191,160,90,0) 60%),#fff}
.rc-page-environment .env-visit__fx{position:absolute;inset:0;opacity:.47}
.rc-page-environment .env-visit__strip{position:absolute;left:0;top:0;display:flex;width:max-content;height:100%;transform:translateX(-26.151rem)}   /* 帯の左端＝Figma の x −261.51 */
.rc-page-environment .env-visit__tile{display:block;flex:none;width:65.2695rem;height:100%;max-width:none;object-fit:cover}
.rc-page-environment .env-visit__mul{position:absolute;top:0;left:-30.535rem;width:222.535rem;height:100%;mix-blend-mode:multiply;pointer-events:none;
  background:linear-gradient(90deg,#eabe7b 0,rgba(215,154,64,0) 218.026rem),linear-gradient(0deg,#bfa05a 0%,rgba(191,160,90,.28) 23%,rgba(191,160,90,0) 55%)}
.rc-page-environment .env-visit__scr{position:absolute;top:0;left:0;width:220.6rem;height:100%;mix-blend-mode:screen;pointer-events:none;
  background:linear-gradient(90deg,#707070 37.555rem,#d6d6d6 204.75rem)}   /* Figma の gradientTransform から: 灰 112 は x 375.55・灰 214 は x 2047.5 */
.rc-page-environment .env-visit__dots{position:absolute;left:-31.683rem;top:18.878rem;width:220.353rem;height:auto;max-width:none;mix-blend-mode:soft-light;pointer-events:none}
/* 流れ: 帯 8 枚（522.156rem）を 80 秒で 1 周（1920 で約 65px/秒）。2 周分の帯の −50%＝ちょうど 8 枚＝継ぎ目なし。等速＝共通の流れ文字（rc-bottom.css rcb-mq の linear infinite）と同じ作り。
   html.motion の時だけ（no-motion・reduced は Figma の位置で止まる） */
@keyframes env-visit-flow{from{transform:translateX(-26.151rem)}to{transform:translateX(calc(-50% - 26.151rem))}}
html.motion:not(.no-motion) .rc-page-environment .env-visit__strip{animation:env-visit-flow 80s linear infinite;will-change:transform}
@media (prefers-reduced-motion:reduce){
  .rc-page-environment .env-visit__strip{animation:none!important}
}
.rc-page-environment .env-visit__in{position:relative;box-sizing:border-box;height:auto;padding-top:14rem;padding-bottom:17.24rem}   /* FB-27: 17.24rem＝区画 119.8 −（上 14＋見出し 12.06＋箱の上 3.3＋箱 73.2） */
.rc-page-environment .env-visit__head{position:relative;height:12.06rem;margin-left:31.1rem}
.rc-page-environment .env-visit__title{position:absolute;left:0;top:.06rem;width:54.4rem;margin:0;font:900 4.6rem/6rem var(--serif);letter-spacing:.193rem;color:var(--env-brown);white-space:nowrap}
.rc-page-environment .env-visit__lead{position:absolute;left:53.5rem;top:1.32rem;width:66.5rem;margin:0;font:700 max(1.8rem,12px)/3.08rem var(--serif);color:var(--env-brown)}
.rc-page-environment .env-visit__box{position:relative;box-sizing:border-box;width:129.8rem;min-height:73.2rem;margin:3.3rem 0 0 31.1rem;padding:6.9rem 8.2rem 3rem;background:#fff;
  --cx:5.39rem;--cy:3.491rem;--cw:.327rem;--cc:#caaa6e;--cl:0px;--ct:0px;--cr:0px;--cb:0px}   /* 四つ角は静止（.env-cc を付けない＝ホバーで動かない） */
/* ENV-BOX-CORNER（2026-10-30・先方FB「ここのカギかっこもホバーで動きたいな」）: 箱にマウスを乗せると四隅のカギかっこが外へ 7px 開く（ボタンの角と同じ動き・共通の .rc-corner の transition .3s）。マウスの環境だけ・動きを減らす設定では動かさない */
@media (hover:hover) and (pointer:fine){
  html.motion .rc-page-environment .env-visit__box:hover>.rc-corner--tl{transform:translate(-.7rem,-.7rem)}
  html.motion .rc-page-environment .env-visit__box:hover>.rc-corner--tr{transform:translate(.7rem,-.7rem)}
  html.motion .rc-page-environment .env-visit__box:hover>.rc-corner--br{transform:translate(.7rem,.7rem)}
  html.motion .rc-page-environment .env-visit__box:hover>.rc-corner--bl{transform:translate(-.7rem,.7rem)}
}
.rc-page-environment .env-visit__cols{display:flex;gap:7rem;align-items:flex-start}
.rc-page-environment .env-visit__commute{width:50.85rem;flex:none}
.rc-page-environment .env-visit__h3{margin:0;font:600 3.1rem/4rem var(--serif);color:var(--env-ink)}
.rc-page-environment .env-visit__dl{margin:0;padding-top:2.5rem}
.rc-page-environment .env-visit__row{position:relative;display:grid;grid-template-columns:12.4rem 1fr;align-items:start;box-sizing:border-box;padding:2.2rem 0 2.2rem;border-top:max(.1rem,1px) solid var(--env-line)}
.rc-page-environment .env-visit__row:first-child{padding:3.5rem 0 3.4rem}
.rc-page-environment .env-visit__row dt{margin:0;padding-top:1rem;font:700 max(1.5rem,12px)/2.28rem var(--serif);color:var(--env-ink)}
.rc-page-environment .env-visit__row:first-child dt{padding-top:1.4rem}
.rc-page-environment .env-visit__row dd{margin:0;color:var(--env-ink)}
.rc-page-environment .env-visit__v{display:block;font:500 max(2.1rem,12px)/3.57rem var(--serif)}
.rc-page-environment .env-visit__row:first-child .env-visit__v{padding-left:.8rem}   /* Figma の 1 行目だけ文字が dd の左から 8px（x525・他は x517） */
.rc-page-environment .env-visit__row--detail{padding-bottom:3.2rem}
.rc-page-environment .env-visit__row--detail .env-visit__v{font-weight:400}
.rc-page-environment .env-visit__detail{display:block;margin-top:.869rem;font:600 max(1.2rem,12px)/1.9rem var(--serif)}
.rc-page-environment .env-visit__note{margin:0;font:500 max(1.1rem,12px)/2.2rem var(--serif);color:var(--env-ink)}
.rc-page-environment .env-visit__consult{box-sizing:border-box;width:55.55rem;flex:none;padding-left:4.7rem;border-left:max(.1rem,1px) solid var(--env-gold-2)}
.rc-page-environment .env-visit__host{display:flex;align-items:center;gap:5.8rem}
.rc-page-environment .env-visit__face{flex:none;display:block;width:17.7rem;height:17.7rem;border-radius:50%;object-fit:cover;overflow:hidden}
.rc-page-environment .env-visit__who{min-width:19.4rem}
.rc-page-environment .env-visit__eyebrow{margin:0;font:600 max(1.8rem,12px)/2.21rem var(--cormorant),var(--sans);letter-spacing:.195rem;color:var(--env-ink);white-space:nowrap}
.rc-page-environment .env-visit__name{display:flex;align-items:flex-end;gap:1.2rem;margin:.8rem 0 0;color:var(--env-ink);white-space:nowrap}
.rc-page-environment .env-visit__label{font:400 2.303rem/4.38rem var(--serif)}
.rc-page-environment .env-visit__n{font:400 4.03rem/5.8rem var(--serif)}
.rc-page-environment .env-visit__ct{margin:1.18rem 0 0;font:700 2.5rem/4.5rem var(--serif);color:var(--env-ink)}
.rc-page-environment .env-visit__cb{margin:1.2rem 0 0;font:500 max(1.6rem,12px)/2.86rem var(--serif);color:var(--env-ink)}
.rc-page-environment .env-visit__btn{position:relative;display:flex;align-items:center;box-sizing:border-box;width:50.4rem;height:5.7rem;margin-top:2.6rem;padding-left:2.9rem;background:#947842;color:#fff;text-decoration:none;
  box-shadow:0 0 .4rem #a48e51,inset 0 .4rem .6rem rgba(186,108,108,.25);outline:max(.0618rem,.5px) solid #fff;outline-offset:calc(max(.0618rem,.5px) * -1)}
.rc-page-environment .env-visit__bk{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.rc-page-environment .env-visit__bt{font:700 max(2rem,12px)/2.47rem var(--serif);white-space:nowrap}
.rc-page-environment .env-visit__bt-p{display:inline-block}   /* FB-12（2026-10-09・実装FBシート No.12「ボタンが語の途中で折れる」）: 「／」の後ろで分けたまとまり。まとまりの中では折り返さない */
.rc-page-environment .env-visit__ba{position:absolute;left:43.3rem;top:1.4rem;width:2.809rem;height:2.693rem;overflow:visible}
.rc-page-environment .env-visit__btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.rc-page-environment .env-visit__small{margin:1.2rem 0 0;font:500 max(1.6rem,12px)/2.2rem var(--serif);color:var(--env-ink)}
/* FB-27（2026-10-09・実装FBシート No.27「住まいの開閉に中身」）: 開閉が開くようになったので、区画と白い箱は今の高さを最小に中身で伸びる・住まいの段は grid（開いても左の文と題は動かない）。閉じた時の見た目は今と同じ。gap は必ず「0 13.6rem」（行の間に入れない） */
.rc-page-environment .env-visit__housing{margin-top:5rem;padding-top:3.3rem;display:grid;grid-template-columns:49.9rem 49.9rem;grid-template-rows:auto calc(5.2rem + max(.1rem,1px)) auto;gap:0 13.6rem;align-items:start;border-top:max(.1rem,1px) solid var(--env-line)}
.rc-page-environment .env-visit__htext{width:49.9rem;flex:none;grid-column:1;grid-row:1/3;align-self:end}
.rc-page-environment .env-visit__hh{margin:0;padding-bottom:.059rem;font:500 3.9rem/3.06rem var(--serif);color:var(--env-ink);white-space:nowrap}
.rc-page-environment .env-visit__hp{margin:1.7rem 0 0;font:500 max(1.6rem,12px)/2.64rem var(--serif);color:var(--env-ink)}
.rc-page-environment .env-visit__acc{width:49.9rem;flex:none;grid-column:2;grid-row:2/4;border-bottom:max(.1rem,1px) solid var(--env-line)}
.rc-page-environment .env-visit__acc>.env-acc__sum{box-sizing:border-box;height:5.2rem;align-items:flex-start;padding:1.42rem 0 0}
.rc-page-environment .env-visit__acc .env-acc__title{font:600 max(1.6rem,12px)/2.52rem var(--serif);color:var(--env-ink)}
.rc-page-environment .env-visit__acc .env-acc__icon{margin-top:-1.42rem}
.rc-page-environment .env-visit__acc .env-acc__row dt,.rc-page-environment .env-visit__acc .env-acc__row dd{font:500 max(1.5rem,12px)/2.4rem var(--serif)}

/* ---- 画面一面（PC ≥1024＋html.motion だけ）。現物: コーポレート TOP の課題バンド（template-parts/home-latter.php 203〜220 行）
   現物: main.css 1866〜1875 #challenge-band.chband（margin-top:-100vh・.chband__sticky{position:sticky;top:0;height:100vh}）／6087 .obn z-index（前のセクションが上の層）／6165〜6172 reduced で解除。
   見学は 04（z 2・不透明の地）の下に 1 画面ぶん潜り込み、04 が上へ抜けると、定位置に貼り付いた地（100vh）が現れる。
   中身は padding-top に 100vh を足して、見学以降の位置（高さの合計）は静止のときと同じ。no-motion・reduced・SP は上の静止のまま。 */
@media (min-width:1024px) and (orientation:landscape), (min-width:1367px){
  html.motion:not(.no-motion) .rc-page-environment .env-visit{margin-top:-100vh;height:auto;min-height:calc(119.8rem + 100vh)}   /* FB-27 */
  html.motion:not(.no-motion) .rc-page-environment .env-visit__bg{position:sticky;top:0;height:100vh;overflow:hidden}   /* BAND-GAP（2026-11-02・先方FB「NEWS｜JOB DATA ここ上余白ほしい」）: 舞台（高さ 119.8rem 以上・上下の真ん中）が 100vh より高い画面で、はみ出した下半分が下の NEWS｜JOB DATA の帯に食い込み（1600×760 で約 120px）、見出しの上が詰まって見えていた → 貼り付く地（100vh）で切る。貼り付いている間の見え方は同じ */
  html.motion:not(.no-motion) .rc-page-environment .env-visit__in{padding-top:calc(100vh + 14rem)}
}
@media (min-width:1024px) and (prefers-reduced-motion:reduce) and (orientation:landscape), (min-width:1367px) and (prefers-reduced-motion:reduce){
  html.motion .rc-page-environment .env-visit{margin-top:0;height:auto;min-height:119.8rem}   /* FB-27 */
  html.motion .rc-page-environment .env-visit__bg{position:absolute;top:auto;height:auto}
  html.motion .rc-page-environment .env-visit__in{padding-top:14rem}
}
/* → は ホバー／フォーカスで右へ .5rem（main.css 1755〜1756 行 .cbrow__arrow と同じ .25s ease・このページの分だけ） */
html.motion:not(.no-motion) .rc-page-environment .env-visit__ba{transition:transform .25s ease}
@media (hover:hover){
  html.motion:not(.no-motion) .rc-page-environment .env-visit__btn:hover .env-visit__ba{transform:translateX(.5rem)}
}
html.motion:not(.no-motion) .rc-page-environment .env-visit__btn:focus-visible .env-visit__ba{transform:translateX(.5rem)}

/* ============================================================ SP（≤1023）・縮小幅は rem 比例（上の寸法は全部 rem）。SP は PC の構図の縦積み（指示書 §10） */
@media (max-width:1023px), (max-width:1366px) and (orientation:portrait){
  .rc-page-environment .env-head--people .env-head__en,.rc-page-environment .env-head--comm .env-head__en{font-size:4.6rem;white-space:nowrap}   /* 12 字の英字が 390 幅に収まる大きさ */
  .rc-page-environment .env-head--people .env-head__no,.rc-page-environment .env-head--comm .env-head__no{font-size:2.6rem}
  .rc-page-environment .env-people{height:auto;padding:0 0 9rem;border-top-left-radius:4.4rem}
  .rc-page-environment .env-head--people .env-head__en,.rc-page-environment .env-head--comm .env-head__en{width:auto}   /* 土台の 78.2rem だと 12 字の英字が箱からはみ出す（nowrap のまま見えてはいる） */
.rc-page-environment .env-head--people{position:relative;padding-top:6rem}
  .rc-page-environment .env-people__photos{position:relative;left:auto;top:auto;width:calc(100% - var(--gut) * 2);height:auto;aspect-ratio:1073/659;margin:3.2rem var(--gut) 0}
  .rc-page-environment .env-people__foot{position:relative;left:auto;top:auto;width:auto;height:auto;margin:3.2rem var(--gut) 0;padding-top:2.4rem}
  .rc-page-environment .env-people__events,.rc-page-environment .env-people__tags{position:static;width:auto}
  .rc-page-environment .env-people__events{font-size:2.2rem;line-height:1.5;margin-bottom:1.6rem;white-space:normal}
  .rc-page-environment .env-people__tags{gap:1rem}
  .rc-page-environment .env-people__tag{font-size:max(1.5rem,12px);line-height:1.6;padding:.8rem 1.6rem;min-height:4.4rem;display:flex;align-items:center;border-radius:.8rem}
  .rc-page-environment .env-people__points{position:relative;left:auto;top:auto;width:auto;flex-direction:column;gap:2.4rem;margin:3.2rem var(--gut) 0}
  .rc-page-environment .env-people__point{width:auto}
  .rc-page-environment .env-people__pt{font-size:max(1.7rem,13px);line-height:1.6}
  .rc-page-environment .env-people__pb{font-size:max(1.4rem,12px);line-height:1.8}
  .rc-page-environment .env-people__dots,.rc-page-environment .env-people__melt{width:100%}
  .rc-page-environment .env-people__melt{top:auto;bottom:0}

  .rc-page-environment .env-comm{height:auto;padding:0 0 8rem}
  .rc-page-environment .env-head--comm{position:relative;padding-top:6rem}
  .rc-page-environment .env-comm__in{position:static;width:auto;margin:3.2rem var(--gut) 0}
  .rc-page-environment .env-comm__top{display:block;height:auto;padding-top:0}
  .rc-page-environment .env-comm__fig,.rc-page-environment .env-comm__play{width:auto}
  .rc-page-environment .env-comm__fig>.env-ph,.rc-page-environment .env-comm__fig>img{width:100%;height:auto;aspect-ratio:466/349.5}
  .rc-page-environment .env-comm__play{margin-top:2.4rem}
  .rc-page-environment .env-comm__pt{font-size:max(2.2rem,14px);line-height:1.5}
  .rc-page-environment .env-comm__pb{font-size:max(1.4rem,12px);line-height:1.9}
  .rc-page-environment .env-comm__ph{font-size:max(1.5rem,12px)}
  .rc-page-environment .env-comm__pname{font-size:max(1.4rem,12px);left:14.1rem}   /* LK16-020（2026-10-16・Lark「帯と文字の間もう少し隙間ほしい」）: 札は min-width 11.5rem（下の width 10.5rem より勝つ）で右端 1.4+11.5＝12.9rem、名前が 13rem で間 1px だった → 札の右端＋1.2rem（PC の間 12px と同じ） */
  .rc-page-environment .env-comm__role{width:10.5rem}
  .rc-page-environment .env-comm__cards{display:block;margin-top:3.2rem}
  .rc-page-environment .env-comm__card{width:auto;height:auto;padding:3rem 0 3.2rem}
  .rc-page-environment .env-comm__card+.env-comm__card{margin-top:2.4rem}
  .rc-page-environment .env-comm__ci{position:relative;left:auto;top:auto;width:auto;padding:0 2rem}
  .rc-page-environment .env-comm__ct,.rc-page-environment .env-comm__cb,.rc-page-environment .env-comm__card:first-child .env-comm__cb,.rc-page-environment .env-comm__rec{width:100%}
  .rc-page-environment .env-comm__chip{width:auto;max-width:100%;padding:.4rem 1.2rem;height:auto;min-height:3.4rem;font-size:max(1.2rem,12px);letter-spacing:.1rem;white-space:normal;text-align:center}
  .rc-page-environment .env-comm__ct{font-size:max(2.2rem,14px);line-height:1.5}
  .rc-page-environment .env-comm__cb{line-height:1.9}
  .rc-page-environment .env-comm__sbt{display:block;width:auto;height:auto;padding:2rem 0;margin-top:3.2rem}
  .rc-page-environment .env-comm__st{width:auto;margin-top:1.2rem}
  .rc-page-environment .env-comm__sh{font-size:max(1.8rem,14px)}
  .rc-page-environment .env-comm__sp{font-size:max(1.4rem,12px);line-height:1.8}

  .rc-page-environment .env-visit{height:auto;min-height:0}   /* FB-27: PC の min-height を SP では解く */
  .rc-page-environment .env-visit__in{height:auto;padding:6rem var(--gut) 8rem}
  .rc-page-environment .env-visit__head{height:auto;margin-left:0}
  .rc-page-environment .env-visit__title,.rc-page-environment .env-visit__lead{position:static;width:auto;white-space:normal}
  .rc-page-environment .env-visit__title{font-size:max(2.6rem,18px);line-height:1.5;letter-spacing:.1rem}
  .rc-page-environment .env-visit__lead{margin-top:1.6rem;font-size:max(1.4rem,12px);line-height:1.9}
  .rc-page-environment .env-visit__box{width:auto;height:auto;min-height:0;margin:2.4rem 0 0;padding:3rem 2rem;--cx:3rem;--cy:2rem}
  .rc-page-environment .env-visit__cols{display:block}
  .rc-page-environment .env-visit__commute,.rc-page-environment .env-visit__consult{width:auto}
  .rc-page-environment .env-visit__h3{font-size:max(2rem,14px);line-height:1.5}
  .rc-page-environment .env-visit__row,.rc-page-environment .env-visit__row:first-child{grid-template-columns:1fr;padding:1.6rem 0}
  .rc-page-environment .env-visit__row dt,.rc-page-environment .env-visit__row:first-child dt{padding-top:0;margin-bottom:.4rem}
  .rc-page-environment .env-visit__v{font-size:max(1.8rem,13px);line-height:1.7}
  .rc-page-environment .env-visit__consult{margin-top:3rem;padding:3rem 0 0;border-left:0;border-top:max(.1rem,1px) solid var(--env-gold-2)}
  .rc-page-environment .env-visit__face{width:11rem;height:11rem}
  .rc-page-environment .env-visit__host{gap:2.4rem}
  .rc-page-environment .env-visit__who{width:auto}
  .rc-page-environment .env-visit__eyebrow{font-size:max(1.3rem,12px)}
  .rc-page-environment .env-visit__label{font-size:max(1.5rem,12px);line-height:2.6}
  .rc-page-environment .env-visit__n{font-size:3rem;line-height:1.4}
  .rc-page-environment .env-visit__ct{font-size:max(1.9rem,14px);line-height:1.6}
  @media (max-width:767px){.rc-page-environment .env-visit__ct{font-size:2.4rem}}   /* ENV-CT-BIG（2026-10-16・本人「改行でいくならもう少し文字大きく」）: 「|」で 2 行にしている幅（767 以下・LK16-007）だけ 1.9→2.4rem（390 で 19→24px・1 行目 12 字が枠に収まる上限の手前） */
  .rc-page-environment .env-visit__cb{font-size:max(1.4rem,12px);line-height:1.9}
  .rc-page-environment .env-visit__btn{width:100%;height:auto;min-height:5.7rem;padding:1.2rem 5.6rem 1.2rem 1.6rem;box-sizing:border-box}
  .rc-page-environment .env-visit__bt{font-size:max(1.6rem,13px);line-height:1.5;white-space:normal;word-break:auto-phrase}   /* FB-12: 「／」が無い文言に変えられた時の保険 */
  .rc-page-environment .env-visit__ba{left:auto;right:1.6rem;top:50%;margin-top:-1.35rem}
  .rc-page-environment .env-visit__small{font-size:max(1.2rem,12px);line-height:1.7}
  .rc-page-environment .env-visit__housing{display:block;margin-top:3rem;padding-top:2.4rem}
  .rc-page-environment .env-visit__htext,.rc-page-environment .env-visit__acc{width:auto}
  .rc-page-environment .env-visit__hh{font-size:max(2.2rem,14px);line-height:1.5;white-space:normal}   /* FB-27: PC の nowrap を SP では解く */
  .rc-page-environment .env-visit__hp{font-size:max(1.4rem,12px);line-height:1.9}
  .rc-page-environment .env-visit__acc{margin-top:1.6rem}
  .rc-page-environment .env-visit__acc>.env-acc__sum{min-height:4.4rem}
  /* FB-27: 開閉の行を 1 列に（BENEFIT 03 の開閉の SP と同じ組み方。無いと 390 で内容の列が 21px になる） */
  .rc-page-environment .env-visit__acc .env-acc__row{grid-template-columns:1fr;row-gap:.4rem;padding:1.4rem 0}
  .rc-page-environment .env-visit__acc .env-acc__row dt{font-weight:700;font-size:max(1.5rem,13px)}
  .rc-page-environment .env-visit__acc .env-acc__row dd{font-size:max(1.4rem,13px);line-height:1.7}

}
/* 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){
  /* 03 COWORKERS */
  .rc-page-environment .env-people__pt{font-size:max(2.1rem,15px);line-height:max(3.78rem,1.5em)}
  .rc-page-environment .env-people__pb{font-size:max(1.5rem,14px);line-height:max(2.3rem,1.6em)}
  .rc-page-environment .env-people__tags{width:58.7rem}   /* タグ 4 つを 1 行に（「納会」が 2 段目に落ちて下の線に触れていた） */
  /* 04 COMMUNITY: 上段・カード・記録行・SBT の行は今の高さを最小に、中身で伸びる。カードの中身は絶対配置をやめて流れに（位置は同じ） */
  .rc-page-environment .env-comm__top{height:auto;min-height:47.1rem}
  .rc-page-environment .env-comm__pb{font-size:max(1.8rem,14px);line-height:max(3.3rem,1.6em)}
  .rc-page-environment .env-comm__ph{font-size:max(1.7rem,15px);line-height:max(2.28rem,1.5em)}
  .rc-page-environment .env-comm__cap{line-height:max(1.98rem,1.4em)}
  .rc-page-environment .env-comm__partner{display:flex;align-items:center;gap:1.2rem;box-sizing:border-box;height:auto;min-height:4.38rem;padding:.6rem 0 .6rem 1.4rem}   /* 札が下限で広がり名前に重なっていた→横並びに */
  .rc-page-environment .env-comm__role,.rc-page-environment .env-comm__pname{position:static;flex:none}
  .rc-page-environment .env-comm__pname{flex:1 1 auto;white-space:normal}
  .rc-page-environment .env-comm__card{height:auto;min-height:34.094rem}
  .rc-page-environment .env-comm__ci{position:relative;left:auto;top:auto;margin:2.97rem 0 2.97rem 4.118rem}
  .rc-page-environment .env-comm__cb{font-size:max(1.3rem,14px);line-height:max(2.86rem,1.6em)}
  .rc-page-environment .env-comm__rec{height:auto;min-height:3.3rem}
  .rc-page-environment .env-comm__recnote{line-height:max(2.4rem,1.4em)}
  .rc-page-environment .env-comm__sbt{height:auto;min-height:14.301rem;padding:1rem 0}
  .rc-page-environment .env-comm__sh{font-size:max(2.2rem,15px)}
  .rc-page-environment .env-comm__sp{font-size:max(1.6rem,14px);line-height:max(2.4rem,1.6em)}
  .rc-page-environment .env-comm__ms{line-height:max(1.8rem,1.4em)}
  /* 見学 */
  .rc-page-environment .env-visit__lead{font-size:max(1.8rem,14px);line-height:max(3.08rem,1.6em)}
  .rc-page-environment .env-visit__v{font-size:max(2.1rem,14px);line-height:max(3.57rem,1.4em)}
  .rc-page-environment .env-visit__detail{line-height:max(1.9rem,1.4em)}
  .rc-page-environment .env-visit__note{line-height:max(2.2rem,1.5em)}
  .rc-page-environment .env-visit__ct{font-size:max(2.5rem,15px)}
  .rc-page-environment .env-visit__cb{font-size:max(1.6rem,14px);line-height:max(2.86rem,1.6em)}
  .rc-page-environment .env-visit__bt{font-size:max(2rem,13px)}
  .rc-page-environment .env-visit__ba{left:auto;right:1.6rem}   /* 13px だと文字が → に当たる→ SP と同じく右寄せ */
  .rc-page-environment .env-visit__small{line-height:max(2.2rem,1.5em)}
  .rc-page-environment .env-visit__hp{font-size:max(1.6rem,14px);line-height:max(2.64rem,1.6em)}
  .rc-page-environment .env-visit__acc .env-acc__title{font-size:max(1.6rem,14px);line-height:max(2.52rem,1.2em)}   /* 題の箱は 5.2rem 固定のまま（住まいの段の grid の 2 行目と同じ高さ） */
  .rc-page-environment .env-visit__acc .env-acc__row dt,.rc-page-environment .env-visit__acc .env-acc__row dd{font-size:max(1.5rem,14px);line-height:max(2.4rem,1.6em)}
}

/* ENV-NO-POINTS（2026-11-06・先方FB③「社内BBQの下『歓送迎会の費用を補助』『サークルのユニフォームも会社負担』削除」）:
   PC の COWORKERS は高さ固定（171.2rem）で 2 つの箱は絶対配置（131.2〜143.3rem）。箱が無いときは、その 14rem だけ区画を低くし、下のまだら（melt）も同じだけ上げる＝タグの線の下の空きは前と同じ 27.9rem。
   右の縦線（env-side）は区画の下端から 9.5rem の所までなので一緒に短くなる。SP は高さが中身なりなので何もしない */
@media (min-width:1024px) and (orientation:landscape), (min-width:1367px){
  .rc-page-environment .env-people:not(:has(.env-people__points)){height:157.2rem}
  .rc-page-environment .env-people:not(:has(.env-people__points)) .env-people__melt{top:97.5rem}
}
