/* 採用：メッセージを知る（/recruit/message/）v3 2026-10-08 B — 全面書き換え。正: design/指示書_v1.md §4・§6・§7・Figma 393:1004。名前空間 mg-（ms- は採用 TOP が使用中）。全部 .rc-page-message の下に閉じる。
   寸法の記法: rem＝Figma px ÷ 10（PC は rem＝幅/192。1920 で 1rem＝10px）。1920 で 22px 未満の文字は max(<rem>, <px>)（1920 では max が効かない値）。
   動きは全部 html.motion の下だけ（no-motion・reduced-motion では最初から最終状態）。出典は各節。
   合成の約束（指示書 §6）: mix-blend-mode を持つ物（ヒーローの見出し群・手元・縦 MESSAGE、英字名、帯の shade）の祖先に transform・opacity<1・filter・clip-path・mask・.reveal を付けない（isolation は stage・section だけ）。 */
.rc-page-message{
  --mg-brown:#624f2d;--mg-cream:#fff5e3;--mg-corner-hover:#d4b87a;
  --mg-pow1:cubic-bezier(.25,.46,.45,.94);--mg-wipe:1.5s cubic-bezier(.51,.32,0,.96);
  --mg-st:98.9rem;--mg-cv:0rem;
}
.rc-page-message .mg-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.rc-page-message .mg-person img,.rc-page-message .mg-family img,.rc-page-message .mg-hero img{max-width:none}

/* =====================================================================
   H. ヒーロー（section.mg-hero・Figma 0〜989。ヘッダーの下に潜る）
   ===================================================================== */
.rc-page-message .mg-hero{position:relative;height:var(--mg-st);overflow:clip;background:#684c1a}
.rc-page-message .mg-hero__stage{position:relative;height:var(--mg-st);overflow:clip;isolation:isolate;background:linear-gradient(132deg,#684c1a 10%,#d7b36f 50%,#52390d 87%)}
.rc-page-message .mg-hero__bg{position:absolute;left:0;top:9.9rem;width:192rem;height:89rem;display:block}
/* 見出し群（Figma Frame 1624 391.5,186）。OVERLAY。中の位置は pc_frame と墨で合わせた値 */
.rc-page-message .mg-hero__head{position:absolute;left:39.15rem;top:18.6rem;width:113.7rem;height:80.3rem;z-index:2;mix-blend-mode:overlay;color:#fff6e6;text-align:center}
.rc-page-message .mg-hero__en{position:absolute;left:23.4rem;top:16.4rem;width:66.6rem;height:10.5rem;margin:0}
.rc-page-message .mg-hero__word{display:block;width:100%;height:100%}
.rc-page-message .mg-hero__title{position:absolute;left:0;top:32.3rem;width:100%;margin:0;font:900 4.8rem/11.1rem var(--serif);color:#fff6e6;white-space:nowrap}
.rc-page-message .mg-hero__lead{position:absolute;left:19.65rem;top:45.3rem;width:74.4rem;margin:0;font:700 max(2.4rem,13px)/5.6rem var(--serif);letter-spacing:.127rem;color:#fff6e6}
/* FV-SWAP（2026-10-30・先方FB「英語でかくてその下に日本語のタイトル → 逆に」・rc-common.css 13b と同じ考え）: 見出しを大きく上に（7rem・15 字で 105rem＝箱 113.7rem に 1 行）、
   MESSAGE の絵を 0.32 倍（21.3×3.36rem）で見出しの下に、リードはその下。3 つのまとまりの上下の中心は前と同じ（33.6rem 前後） */
.rc-page-message .mg-hero__title{top:20.2rem;font-size:7rem;line-height:11rem;letter-spacing:.07rem}
.rc-page-message .mg-hero__en{left:46.2rem;top:34.2rem;width:21.3rem;height:3.36rem}
.rc-page-message .mg-hero__lead{top:41.4rem}
/* 手元の写真（楕円マスク・ぼかし・不透明度は画像に焼き込み済み）。中心＝マスクの中心（960,545） */
.rc-page-message .mg-hero__ph{position:absolute;left:20.5rem;top:-3.3rem;width:151rem;height:115.6rem;z-index:1;display:block;mix-blend-mode:overlay;pointer-events:none}
.rc-page-message .mg-hero__hands{display:block;width:100%;height:100%}
.rc-page-message .mg-hero__sides{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;mix-blend-mode:overlay;pointer-events:none}
.rc-page-message .mg-hero__side{position:absolute;width:13.9rem;height:87.1rem}
.rc-page-message .mg-hero__side--l{left:.3rem;top:10.2rem}
.rc-page-message .mg-hero__side--r{left:177.8rem;top:11.7rem}

/* E-1 FV の出方（現物: 東急 development2 kvAnimation＝仕事を知る rc-work.css の写し。開始は「写真の数×.2s＋.1s」＝(n−1)×.2＋.3 秒＝このページは写真 1 枚で .3s） */
html.motion .rc-page-message .mg-hero:not(.is-in) .mg-hero__ph{opacity:0;translate:0 5%}
html.motion .rc-page-message .mg-hero__ph{transition:opacity .3s var(--mg-pow1) calc(var(--i) * .2s),translate .3s var(--mg-pow1) calc(var(--i) * .2s)}
html.motion .rc-page-message .mg-hero:not(.is-in) .mg-hero__head{clip-path:inset(0 100% 0 0)}
html.motion .rc-page-message .mg-hero__head{clip-path:inset(0 0 0 0);transition:clip-path var(--mg-wipe) calc((var(--n) - 1) * .2s + .3s)}

/* E-2 セクションまたぎ（現物: 仕事を知る rc-work.css の写し）。PC＋motion: ステージを sticky・次（浅井）が下から覆う。止める区間＝ステージ 1 枚分。層のずらしは rc-message-hero.js（OSMO） */
@media (min-width:1024px) and (orientation:landscape), (min-width:1367px){
  html.motion .rc-page-message .mg-hero{height:calc(var(--mg-st) * 2);overflow:visible}
  html.motion .rc-page-message .mg-hero__stage{position:sticky;top:0;height:var(--mg-st);overflow:clip}
  html.motion .rc-page-message #president{margin-top:calc(var(--mg-st) * -1 - var(--mg-cv))}
}

/* =====================================================================
   P. 人のセクション（浅井・青山）Figma 989〜3092／3774〜
   ===================================================================== */
.rc-page-message .mg-person{position:relative;isolation:isolate;background:var(--mg-cream);color:var(--mg-brown);z-index:1}
.rc-page-message .mg-person--president{--mg-body-top:100.3rem;--mg-bw-t:57.783rem;--mg-bw-g:10.4rem;--mg-bw-p:59.817rem;--mg-ph-h:73rem;--mg-tp:6.55rem;--mg-btn-mt:9.1rem;--mg-pb:17.417rem;--mg-dy2:3.295rem;--mg-dy4:2.05rem;--mg-l2:13.86rem}
.rc-page-message .mg-person--recruiter{--mg-body-top:92.6rem;--mg-bw-t:59.328rem;--mg-bw-g:9.344rem;--mg-bw-p:59.328rem;--mg-ph-h:65.195rem;--mg-tp:1.2rem;--mg-btn-mt:8.3rem;--mg-pb:19.067rem;--mg-dy2:1.757rem;--mg-dy4:0rem;--mg-l2:13.98rem}
.rc-page-message .mg-person__deco{position:absolute;left:0;top:.1rem;width:192rem;height:84rem;z-index:0;display:block}
/* 英字名（ASAI YOUSUKE／AOYAMA AOYAMA）。OVERLAY。.reveal の外・deco の兄弟 */
.rc-page-message .mg-person__en{position:absolute;top:35rem;height:16.3rem;z-index:1;display:block;mix-blend-mode:overlay;pointer-events:none}
.rc-page-message .mg-person--president .mg-person__en{left:2.7rem;top:34.75rem;width:183.7rem;height:16.8rem}   /* 1015松尾 No.21: 英字名を ASAI RYOSUKE に（Figma 550:39359 の写し・箱の大きさ 1837×168） */
.rc-page-message .mg-person--recruiter .mg-person__en{left:-1.1rem;width:192.9rem}
.rc-page-message .mg-person__head{position:relative;z-index:2;display:flow-root;min-height:var(--mg-body-top)}
/* 見出し（2 行・[ ] が大 108.31px／小 82.69px・行 150.6px・中心 x 984）。子の行の高さは 0 にして行の箱（親の strut）で高さを決める */
.rc-page-message .mg-catch{box-sizing:border-box;margin:9rem 0 0 32.4rem;width:132rem;padding:0;font:900 10.831rem/15.06rem var(--serif);letter-spacing:.02em;color:var(--mg-brown);text-align:center}
.rc-page-message .mg-catch{white-space:nowrap}
.rc-page-message .mg-catch__line{display:inline}   /* 行は <br> でつなぐ（textcheck が 2 行 1 組の見出しとして読める） */
.rc-page-message .mg-catch__nb{display:inline-block;white-space:nowrap}
.rc-page-message .mg-catch__l{font-size:10.831rem;line-height:0}
.rc-page-message .mg-catch__s{font-size:8.269rem;line-height:0}
.rc-page-message .mg-role{margin:2.85rem 0 0 66.15rem;width:58.5rem;font:600 3.2rem/3.66rem var(--serif);letter-spacing:1.919rem;text-align:center;color:var(--mg-brown)}
.rc-page-message .mg-role__e{letter-spacing:0}
.rc-page-message .mg-nb{white-space:nowrap}   /* FB-11（2026-10-09・実装FBシート No.11「代表取締役が途中で改行される」）: 肩書は空白と改行の所だけで折る */
.rc-page-message .mg-person--recruiter .mg-role{letter-spacing:1.619rem}
/* 名前の箱（1 字 1 箱・144.97 角・横に隙間なし・列の中心 x 954）。奇数番目＝茶地・白字／偶数番目＝白 .6・内側の線 1.46・茶字。偶数番目を下へ（--mg-dy2・--mg-dy4。5 字以上は 4 字周期） */
.rc-page-message .mg-name{display:flex;justify-content:center;align-items:flex-start;margin:2.913rem 0 0 66.15rem;width:58.5rem;padding:0}
.rc-page-message .mg-name__c{position:relative;display:block;flex:none;box-sizing:border-box;width:14.497rem;height:14.497rem;font:900 8.977rem/12.7rem var(--serif);text-align:center;background:var(--mg-brown);color:#fff;letter-spacing:.6rem}   /* 字の中心は箱の中心より約 9px 上・約 3px 左（Figma 実測） */
.rc-page-message .mg-name__c--p2,.rc-page-message .mg-name__c--p4{background:rgba(255,255,255,.6);color:var(--mg-brown);box-shadow:inset 0 0 0 .146rem var(--mg-brown)}
.rc-page-message .mg-name__c--p1{letter-spacing:.68rem}
.rc-page-message .mg-name__c--p3{letter-spacing:.96rem;line-height:13.28rem}
.rc-page-message .mg-name__c--p2{top:var(--mg-dy2);width:14.65rem;letter-spacing:0;line-height:var(--mg-l2)}   /* 偶数番目は少し広い（Figma 浅井の 4 箱＝585 幅を埋める。実測 井 146px・介 150px） */
.rc-page-message .mg-name__c--p4{top:var(--mg-dy4);width:14.856rem;letter-spacing:.2rem;line-height:13.24rem}
/* 本文の段（幅 128rem・中央）。段の高さ＝本文と写真の高い方 */
.rc-page-message .mg-person__body{position:relative;z-index:2;display:flex;align-items:flex-start;width:128rem;margin:0 auto}
.rc-page-message .mg-person__text{flex:none;width:var(--mg-bw-t);margin-right:var(--mg-bw-g);padding-top:var(--mg-tp);font:500 max(1.7rem,12px)/max(3.2rem,1.8em) var(--serif);letter-spacing:.06rem;color:var(--mg-brown)}
.rc-page-message .mg-person__text p{margin:0 0 2.5rem}
.rc-page-message .mg-person__text p:last-child{margin-bottom:0}
.rc-page-message .mg-person__ph{position:relative;flex:none;width:var(--mg-bw-p);height:var(--mg-ph-h);margin:0;background:#c4b9a7;overflow:hidden}
.rc-page-message .mg-person__img{display:block;width:100%;height:100%;object-fit:cover}
.rc-page-message .mg-person--recruiter .mg-person__img{object-position:59% 50%}
/* 2026-10-30 先方FB（メッセージ・代表と青山さんの両方）:
   MG-CATCH「行間もう少しつめたい」: 見出し 2 行の行送り 15.06rem → 12.6rem（SP 4.8rem → 4.2rem）
   MG-ROLE「文字間もう少しつめて（読みにくいので）」: 会社名・肩書の字間 1.919rem／1.619rem → .5rem（SP .6rem／.5rem → .2rem）
   MG-PH-ZOOM「コーポレートみたいにホバーしたらトリミング内で画像が少し大きくなるように」: コーポレートの代表メッセージの写真（main.css .cp-message__photo）と同じ 1.08 倍・.9s。
   起点は上の真ん中（頭を切らない）。マウスの環境だけ・動きを減らす設定では動かさない */
.rc-page-message .mg-catch{line-height:12.6rem}
.rc-page-message .mg-person--president .mg-role,.rc-page-message .mg-person--recruiter .mg-role{letter-spacing:.5rem}
@media (hover:hover) and (pointer:fine){
  .rc-page-message .mg-person__img{transition:transform .9s cubic-bezier(.22,.61,.21,1);transform-origin:50% 0}
  .rc-page-message .mg-person__ph:hover .mg-person__img{transform:scale(1.08)}
}
@media (prefers-reduced-motion:reduce){
  .rc-page-message .mg-person__img,.rc-page-message .mg-person__ph:hover .mg-person__img{transition:none;transform:none}
}
/* 保護者様へボタン（400×104.83・中央）。面 387×95（7,4）・地 茶 .75・線 1px。四隅の L（mask＋background-color＝entry-band の角と同じ作り） */
.rc-page-message .mg-btn{position:relative;z-index:2;display:block;box-sizing:border-box;width:40rem;height:10.483rem;margin:var(--mg-btn-mt) auto 0;color:#fff;text-decoration:none;-webkit-tap-highlight-color:transparent}
.rc-page-message .mg-person{padding-bottom:var(--mg-pb)}
.rc-page-message .mg-btn::before{content:"";position:absolute;left:.7rem;top:.4rem;width:38.7rem;height:9.5rem;box-sizing:border-box;background:rgba(98,79,45,.75);border:1px solid var(--mg-brown)}
.rc-page-message .mg-btn__ja{position:absolute;left:1.712rem;top:2rem;width:36.532rem;font:900 3.044rem/3.84rem var(--serif);letter-spacing:.852rem;text-indent:.852rem;text-align:center;color:#fff;white-space:nowrap}
.rc-page-message .mg-btn__en{position:absolute;left:1.712rem;top:6.4rem;width:36.532rem;font:200 max(1.5rem,11px)/1.65rem var(--serif);letter-spacing:.176rem;text-indent:.176rem;text-align:center;color:#fff;white-space:nowrap}
.rc-page-message .mg-corner{position:absolute;display:block;width:2rem;height:1.7rem;background-color:var(--mg-brown);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;pointer-events:none}
.rc-page-message .mg-corner--tl{left:.7rem;top:.4rem;-webkit-mask-image:url(../../images/recruit/rc-message-btn-corner-tl.svg);mask-image:url(../../images/recruit/rc-message-btn-corner-tl.svg)}
.rc-page-message .mg-corner--tr{left:37.48rem;top:.4rem;-webkit-mask-image:url(../../images/recruit/rc-message-btn-corner-tr.svg);mask-image:url(../../images/recruit/rc-message-btn-corner-tr.svg)}
.rc-page-message .mg-corner--bl{left:.7rem;top:8.356rem;height:1.6rem;-webkit-mask-image:url(../../images/recruit/rc-message-btn-corner-bl.svg);mask-image:url(../../images/recruit/rc-message-btn-corner-bl.svg)}
.rc-page-message .mg-corner--br{left:37.486rem;top:8.356rem;height:1.6rem;-webkit-mask-image:url(../../images/recruit/rc-message-btn-corner-br.svg);mask-image:url(../../images/recruit/rc-message-btn-corner-br.svg)}
/* E-4 四つ角（rc-common.css の .rc-corner と同じ値＝.7rem・#d4b87a・.3s ease-out）。押下は確定ボタンだけ */
html.motion .rc-page-message .mg-corner{transition:transform .3s ease-out,background-color .3s ease-out}
html.motion .rc-page-message .mg-btn{transition:transform .12s ease-out}
html.motion .rc-page-message .mg-btn:active{transform:scale(.985)}
@media (hover:hover){
  html.motion .rc-page-message .mg-btn:hover .mg-corner{background-color:var(--mg-corner-hover)}
  html.motion .rc-page-message .mg-btn:hover .mg-corner--tl{transform:translate(-.7rem,-.7rem)}
  html.motion .rc-page-message .mg-btn:hover .mg-corner--tr{transform:translate(.7rem,-.7rem)}
  html.motion .rc-page-message .mg-btn:hover .mg-corner--br{transform:translate(.7rem,.7rem)}
  html.motion .rc-page-message .mg-btn:hover .mg-corner--bl{transform:translate(-.7rem,.7rem)}
}

/* =====================================================================
   F. 保護者様への帯（Figma 3092〜3774／6156〜6838。1920×681.75）
   ===================================================================== */
.rc-page-message .mg-family{position:relative;isolation:isolate;overflow:clip;box-sizing:border-box;min-height:68.175rem;padding:22.6rem 15.85rem 20.775rem;background:#525252;color:#fff;z-index:1}
.rc-page-message .mg-family__bg{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block;z-index:0}
.rc-page-message .mg-family__shade{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background:#525252;mix-blend-mode:multiply;pointer-events:none}
.rc-page-message .mg-family__for{position:absolute;z-index:2;width:135.3rem;height:16.8rem;display:block;pointer-events:none}
.rc-page-message .mg-family__for--top{left:.9rem;top:2.3rem}
.rc-page-message .mg-family__for--bottom{left:59.1rem;top:53.6rem}
.rc-page-message .mg-family__row{position:relative;z-index:3;display:flex;align-items:center;gap:12.2rem;min-height:24.8rem}
.rc-page-message .mg-family__label{position:relative;flex:none;width:39.7rem;height:12.3rem;display:flex;align-items:center;justify-content:center}
.rc-page-message .mg-family__lc{position:absolute;left:-.2rem;top:-.2rem;width:40.4rem;height:13.8rem;display:block;pointer-events:none}
.rc-page-message .mg-family__title{position:relative;margin:0;font:900 6.4rem/8.5rem var(--serif);letter-spacing:.448rem;text-indent:.448rem;color:#fff;white-space:nowrap}
.rc-page-message .mg-family__body{flex:none;width:56.2rem;text-align:center;font:700 max(1.886rem,12px)/4.95rem var(--serif);letter-spacing:.242rem;color:#fff}
.rc-page-message .mg-family__body p{margin:0}
.rc-page-message .mg-family__who{position:relative;flex:none;box-sizing:border-box;width:40rem;min-height:13.4rem;padding:1.3rem .7rem .6rem;text-align:center}
.rc-page-message .mg-family__role{position:relative;margin:0;font:900 max(2rem,11px)/3.6rem var(--serif);letter-spacing:.04rem;color:#fff}
.rc-page-message .mg-family__name{position:relative;margin:0;font:900 4.8rem/7.2rem var(--serif);letter-spacing:.096rem;color:#fff}

/* =====================================================================
   SP（≤1023。Figma に SP は無い → 下層 v2・仕事を知るの SP の作りに揃え、PC の構図を縦積み。rem は SP の rem＝min(幅/39,13px)）
   ===================================================================== */
@media (max-width:1023px), (max-width:1366px) and (orientation:portrait){
  .rc-page-message{--mg-st:58rem}
  /* ヒーロー: 高さ 58rem・背景と手元は cover。sticky・層ずらし無し */
  .rc-page-message .mg-hero,.rc-page-message .mg-hero__stage{height:58rem}
  .rc-page-message .mg-hero__bg{left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
  .rc-page-message .mg-hero__ph{left:-40%;top:-6%;width:180%;height:112%}
  .rc-page-message .mg-hero__hands{object-fit:cover}
  .rc-page-message .mg-hero__side{width:auto;height:92%;top:4%}
  .rc-page-message .mg-hero__side--l{left:-.3rem;top:4%}
  .rc-page-message .mg-hero__side--r{left:auto;right:-.3rem;top:4%}
  .rc-page-message .mg-hero__head{left:0;top:auto;bottom:6rem;width:100%;height:auto}
  .rc-page-message .mg-hero__en,.rc-page-message .mg-hero__title,.rc-page-message .mg-hero__lead{position:static}
  .rc-page-message .mg-hero__en{width:min(33rem,86%);height:auto;margin:0 auto 1.6rem;aspect-ratio:666/105}
  .rc-page-message .mg-hero__title{width:auto;padding:0 var(--gut);font-size:2.8rem;line-height:1.4;white-space:normal}
  .rc-page-message .mg-hero__lead{width:auto;margin-top:1.2rem;padding:0 var(--gut);font-size:max(1.4rem,13px);line-height:1.7;letter-spacing:.1rem}
  /* FV-SWAP（2026-10-30）: SP は 見出し → 英字（小さく）→ リード */
  .rc-page-message .mg-hero__head{display:flex;flex-direction:column;align-items:center}
  .rc-page-message .mg-hero__title{order:1;font-size:3.2rem;line-height:1.4;letter-spacing:.04em;word-break:auto-phrase;text-wrap:balance}
  .rc-page-message .mg-hero__en{order:2;width:min(13rem,40%);margin:1.2rem auto 0}
  .rc-page-message .mg-hero__lead{order:3;align-self:stretch}
  /* 人の頭: 見出し __l 3.4rem／__s 2.6rem・「|」で折る・名前の箱 6.4rem・飾りは頭の高さに cover（上揃えでなく下＝炎の縁が頭の下端） */
  .rc-page-message .mg-person--president,.rc-page-message .mg-person--recruiter{--mg-body-top:46rem;--mg-pb:6rem;--mg-btn-mt:3.2rem;--mg-dy2:1.46rem;--mg-dy4:.91rem}
  .rc-page-message .mg-person--recruiter{--mg-dy2:.78rem;--mg-dy4:0rem}
  .rc-page-message #president{margin-top:0}
  .rc-page-message .mg-person__deco{left:0;top:0;width:100%;height:var(--mg-body-top);object-fit:cover;object-position:50% 100%}
  /* LK16-021（2026-10-16・Lark「①ここの隙間縮めたい（社長も）②写真のところは逆にもう少し間あけたい（社長も）」）SP だけ（PC は Figma のままでもうこの形）。
     ① 頭の高さ --mg-body-top を縮めて炎を名前の箱へ寄せる（採用担当 46→37rem・代表 49→45.2rem＝名前の箱→炎の先 約 2〜3rem）。炎の絵の大きさは変えない＝絵の高さは元の頭の高さ（--mg-deco-h）のまま上へずらし、セクションの上にはみ出す分を clip-path で切る。
     ② 本文の段（写真）の上を 3rem あける（炎の縁→写真 約 2rem→約 5rem）。
     代表の 45.2rem は rc-crumbs.css 45 行（後から読まれる・49rem）に勝つよう .mg-person を足して詳細度を上げている */
  .rc-page-message .mg-person__deco{top:calc(var(--mg-body-top) - var(--mg-deco-h));height:var(--mg-deco-h);clip-path:inset(calc(var(--mg-deco-h) - var(--mg-body-top)) 0 0 0)}
  .rc-page-message .mg-person--recruiter{--mg-deco-h:46rem;--mg-body-top:37rem}
  body.rc-site.rc-page-message .mg-person.mg-person--president{--mg-deco-h:49rem;--mg-body-top:45.2rem}
  .rc-page-message .mg-person__body{margin-top:3rem}
  .rc-page-message .mg-person__en,.rc-page-message .mg-person--president .mg-person__en,.rc-page-message .mg-person--recruiter .mg-person__en{left:0;top:13.4rem;width:100%;height:auto}
  .rc-page-message .mg-person__head{padding:0}
  .rc-page-message .mg-catch{margin:3.4rem 0 0;width:auto;padding:0 var(--gut);font:900 3.4rem/4.8rem var(--serif)}
  .rc-page-message .mg-catch{white-space:normal}
  .rc-page-message .mg-catch__l{font-size:3.4rem}
  .rc-page-message .mg-catch__s{font-size:2.6rem}
  .rc-page-message .mg-role{margin:.6rem 0 0;width:auto;font:600 1.6rem/2.4rem var(--serif);letter-spacing:.6rem}
  .rc-page-message .mg-person--recruiter .mg-role{letter-spacing:.5rem}
  .rc-page-message .mg-catch{line-height:4.2rem}   /* MG-CATCH（2026-10-30） */
  .rc-page-message .mg-person--president .mg-role,.rc-page-message .mg-person--recruiter .mg-role{letter-spacing:.2rem}   /* MG-ROLE（2026-10-30） */
  .rc-page-message .mg-name{margin:1.4rem 0 0;width:auto}
  .rc-page-message .mg-name__c{width:6.4rem;height:6.4rem;font-size:4rem;line-height:6.4rem}
  .rc-page-message .mg-name__c--p2,.rc-page-message .mg-name__c--p4{box-shadow:inset 0 0 0 max(.1rem,1px) var(--mg-brown)}
  /* 本文: 写真（幅 100%）→ 本文 → ボタン の 1 列 */
  .rc-page-message .mg-person__body{display:flex;flex-direction:column;width:auto}
  .rc-page-message .mg-person__ph{order:-1}
  .rc-page-message .mg-person__ph{width:auto;height:auto;margin:0;aspect-ratio:598.17/730}
  .rc-page-message .mg-person--recruiter .mg-person__ph{aspect-ratio:593.28/651.95}
  .rc-page-message .mg-person__text{width:auto;margin:0;padding:3rem var(--gut) 0;font:500 max(1.4rem,13px)/2 var(--serif);letter-spacing:.04rem}
  .rc-page-message .mg-person__text p{margin-bottom:1.6rem}
  .rc-page-message .mg-btn{width:min(32rem,calc(100% - var(--gut) * 2));height:8.4rem;min-height:44px}
  .rc-page-message .mg-btn::before{left:.56rem;top:.32rem;width:calc(100% - 1.12rem);height:calc(100% - .64rem)}
  .rc-page-message .mg-btn__ja{left:0;top:1.7rem;width:100%;font-size:2.4rem;line-height:3rem;letter-spacing:.6rem;text-indent:.6rem}
  .rc-page-message .mg-btn__en{left:0;top:5.1rem;width:100%;font-size:max(1.2rem,11px);line-height:1.4rem}
  .rc-page-message .mg-corner--tl{left:.56rem;top:.32rem}
  .rc-page-message .mg-corner--tr{left:auto;right:.48rem;top:.32rem}
  .rc-page-message .mg-corner--bl{left:.56rem;top:auto;bottom:.264rem}
  .rc-page-message .mg-corner--br{left:auto;right:.474rem;top:auto;bottom:.264rem}
  /* 帯: 縦積み（保護者様へ → 本文 → 肩書・名前）・中央揃え・L 角は残す。高さは中身（min 48rem） */
  .rc-page-message .mg-family{min-height:48rem;padding:6rem var(--gut) 6rem}
  .rc-page-message .mg-family__row{flex-direction:column;gap:3rem;min-height:0}
  .rc-page-message .mg-family__label{width:28rem;height:9.56rem}
  .rc-page-message .mg-family__lc{left:-.2rem;top:-.2rem;width:calc(100% + .4rem);height:calc(100% + .4rem)}
  .rc-page-message .mg-family__title{font-size:3.6rem;line-height:5rem;letter-spacing:.3rem;text-indent:.3rem}
  .rc-page-message .mg-family__body{width:auto;max-width:44rem;font:700 max(1.4rem,13px)/2.1 var(--serif);letter-spacing:.1rem}
  .rc-page-message .mg-family__who{width:28rem;min-height:9.56rem;padding:1rem .6rem .4rem}
  .rc-page-message .mg-family__role{font-size:max(1.4rem,12px);line-height:2.2rem}
  .rc-page-message .mg-family__name{font-size:3.2rem;line-height:4.6rem}
  .rc-page-message .mg-family__for{width:100%;height:auto}
  .rc-page-message .mg-family__for--top{left:0;top:0}
  .rc-page-message .mg-family__for--bottom{left:0;top:auto;bottom:0}
}

/* F1: ENTRY 帯の斜めの帯（color-dodge）が 3 枚の写真の上で橙の光になる。Figma 550:62354 には無いので、このページだけ描かない */
.rc-page-message .rc-entry-band>.rc-entry-band__dodge.rc-entry-band__dodge{display:none}

/* FB1（2026-10-08 本人）: 保護者様への帯は「保護者様へ」ボタンで開く。畳むのは JS があるときだけ（html.js。JS 無し＝常に表示）。
   作り: .mg-fold（grid 0fr→1fr）＞.mg-fold__in（overflow 隠し）＞section.mg-family。開閉は rc-message-hero.js §3。
   ボタンの文字の縦位置は Figma の墨に合わせた（保護者様へ 2839〜2867／FOR FAMILY 2880〜2890）。四つ角は静止で面の角に重ね、ホバーで外へ。 */
html.js .rc-page-message .mg-fold{display:grid;grid-template-rows:0fr}
html.js .rc-page-message .mg-fold.is-open{grid-template-rows:1fr}
html.js .rc-page-message .mg-fold__in{min-height:0;overflow:hidden}
html.motion:not(.no-motion) .rc-page-message .mg-fold{transition:grid-template-rows .9s var(--ease)}
html.motion:not(.no-motion) .rc-page-message .mg-fold__in{opacity:0;transition:opacity .6s var(--ease)}
html.motion:not(.no-motion) .rc-page-message .mg-fold.is-open .mg-fold__in{opacity:1;transition-delay:.15s}