/* 採用クロストーク：対話の本文（帯・紹介・写真 a/b・章・吹き出し・名言）2026-10-06 B2
   正: design/設計図_セクション.md T-1〜T-8・設計図_動き.md M-11〜M-16・M-19・正誤_A検収.md（回転なし・polygon 55.67rem・multiply・−20.33deg）・申し送り_B.md §3/§5。
   rem は 1920 基準（px÷10）。ページ全体の変数 --ct-*・.ct-sr・.ct-talks の地・四つ角の色と transition は B1（rc-crosstalk.css）。
   ここでは var(--ct-*, 既定値) で使う（B1 の CSS が無くても色は Figma の値）。
   動き: 隠す初期状態は全部 html.motion:not(.no-motion) … :not(.is-in) の下（no-motion・reduced-motion は最終状態で静止）。
   ホバーは @media (hover:hover) の中。共通部品（.site-header・.rc-cta・.rc-footer・.rc-btn・.rc-head）は触らない。 */

.rc-page-crosstalk .ct-talk{position:relative;color:var(--ct-brown,#624f2d);--ct-line:max(.2rem,1.5px);--ct-bs:1}   /* LINE-THIN（2026-10-15・本人「吹き出しの太さもう少し細く」）: 枠の線 .3rem→.2rem（1920 で 3→2px） */
.rc-page-crosstalk .ct-talk + .ct-talk{margin-top:30.3rem}               /* 名言 2 の下端 → 次の帯（余白 201＋gap 51×2・441:104877） */
.rc-page-crosstalk .ct-talk:last-of-type{padding-bottom:15.2rem}         /* 最後の対話 → ほかのページ（Figma に無い。間の半分） */

/* ---------- T-1 帯（header.ct-band・82.4rem） ---------- */
.rc-page-crosstalk .ct-band{position:relative;z-index:3;height:82.4rem;overflow:hidden}   /* z: 上の名言の炎（下に 69rem はみ出す）より上 */
.rc-page-crosstalk .ct-band__shape{position:absolute;left:-26.75rem;top:0;width:245.5rem;height:82.4rem;overflow:hidden;
  clip-path:polygon(0 0,100% 0,100% 55.67rem,0 82.37rem);background:var(--ct-paper,#f0ede6)}   /* 正誤 3・(b)-2: clip-path は stacking context → 形に地色 */
.rc-page-crosstalk .ct-band__photo{position:absolute;left:-55.8rem;top:-53.2rem;width:379.6rem;max-width:none;height:auto;mix-blend-mode:multiply}   /* LINEAR_BURN → multiply（正誤 (b)-4） */
.rc-page-crosstalk .ct-band__photo--acf{left:26.75rem;top:0;width:192rem;height:100%;object-fit:cover;object-position:42% 31%}
.rc-page-crosstalk .ct-band__dots{position:absolute;max-width:none;pointer-events:none}
.rc-page-crosstalk .ct-band__dots--l{left:26.75rem;top:12.5rem;width:55.4rem;height:69.9rem}
.rc-page-crosstalk .ct-band__dots--r{left:190.4rem;top:0;width:28.35rem;height:82.4rem}
.rc-page-crosstalk .ct-band__wash{position:absolute;inset:0;opacity:.75;pointer-events:none;
  background:linear-gradient(162deg,#bb9568 14.08%,#d6ba90 33.02%,#f4e1bc 50.44%,#d6ba90 65.70%,#e8cb9f 87.56%)}   /* T-1d（TOP recruit.css 243 行のグラデを帯の実寸に） */
.rc-page-crosstalk .ct-band__head{position:absolute;left:82.75rem;top:15.6rem;width:22.2rem;text-align:center;color:var(--ct-brown,#624f2d)}
.rc-page-crosstalk .ct-band__en{font:600 4.027rem/6.1rem var(--cormorant);letter-spacing:-.141rem;white-space:nowrap}
.rc-page-crosstalk .ct-band__num{position:relative;margin-top:-.93rem;font:900 7.453rem/8.152rem var(--serif);letter-spacing:0}
.rc-page-crosstalk .ct-band__tick{position:absolute;left:calc(50% + .3006em);top:.0818em;width:.178em;height:.2289em}   /* TICK-ALL（2026-10-16）: 位置と大きさを番号の字の大きさ（em）と中央からの距離で持つ＝PC は前と同じ（50%＋22.4px・6.1px・13.3×17.1px＝前の left:13.39rem top:.61rem）。SP も同じ比率で「1」の頭に乗る（前の SP は 1 の右に離れて浮いていた） */
.rc-page-crosstalk .ct-band__tick--r{left:calc(50% + .416em);top:.0953em}   /* 02〜04: Figma では番号の右端からの距離が 01 より 3px 近く・1px 下（01: 文字右端−10・y12／02〜04: −7・y13）。数字の箱は中央揃えなので PC で 50%＋31px・7.1px */
.rc-page-crosstalk .ct-band__words{position:absolute;left:62.25rem;top:16.33rem;width:67.7rem;height:38.3rem;color:var(--ct-brown,#624f2d)}   /* 回転なし（正誤 1） */
.rc-page-crosstalk .ct-band__cross{position:absolute;left:12.02rem;top:0;width:38.89rem;line-height:0;mix-blend-mode:soft-light;pointer-events:none}   /* soft-light は包みに（正誤 5-1） */
.rc-page-crosstalk .ct-band__cross-svg{display:block;width:100%;height:auto;overflow:visible}
.rc-page-crosstalk .ct-band__pair{position:static}
/* SEL-B08（2026-10-14・文字選択）原因（PC のみ）: 大きな帯の言葉の箱 .ct-band__words（67.7×38.3rem・絶対配置・DOM で後ろ）が、同じ帯の英字ラベル .ct-band__head（CROSS TALK・番号 01）の上に重なり、ラベルをなぞる操作が箱に奪われた。
   ラベル側を言葉の箱より上に出す（z-index:1）。箱の pointer-events を none にする案は、Chromium の描画で離れた写真の縁の画素まで変わった（前後 2196 画素・弱い差）ため採らなかった＝この案の前後の差は帯の斜めの縁の 16 画素だけ。SP は縦に並ぶ（重ならない）ので変えない */
@media (min-width:1024px) and (orientation:landscape), (min-width:1367px){
  .rc-page-crosstalk .ct-band__head{z-index:1}
}
.rc-page-crosstalk .ct-band__w{position:absolute;top:15.4rem;font:700 12.16rem/10.98rem var(--serif);letter-spacing:.608rem;white-space:nowrap}
.rc-page-crosstalk .ct-band__w--l{left:0}
.rc-page-crosstalk .ct-band__w--r{left:39.5rem}
/* CT-WLONG（2026-10-27・本人「採用担当と新卒•中途になったから治るように調整して・文字と文字の間も狭くしてパンフレットみたいに詰める感じで」）:
   語が 2 字より長い対話だけ（--long・--wn。rc-crosstalk.css の CT-WLONG と同じ）、左右の語をバツの中心（箱の左から 31.47rem）の両脇の半分ずつに寄せ、
   半分の幅に入る大きさまで字を縮めて字間を詰める。並べる幅は箱（67.7rem）より左 12.4・右 7.6rem 広げた 87.7rem（中心はバツのまま）。2 字の対話は上の指定のまま。SP は下の @media */
@media (min-width:1024px) and (orientation:landscape), (min-width:1367px){
  .rc-page-crosstalk .ct-band__pair--long{position:absolute;left:-12.4rem;top:15.4rem;width:87.7rem;height:10.98rem;display:grid;grid-template-columns:1fr 1fr;column-gap:4rem;align-items:center}   /* 半分＝(87.7−4)÷2＝41.85rem */
  .rc-page-crosstalk .ct-band__pair--long .ct-band__w{position:static;font-size:min(12.16rem, 41.85rem / var(--wn) / .97);letter-spacing:-.03em;font-feature-settings:"palt"}
  .rc-page-crosstalk .ct-band__pair--long .ct-band__w--l{justify-self:end}
  .rc-page-crosstalk .ct-band__pair--long .ct-band__w--r{justify-self:start}
}
.rc-page-crosstalk .ct-band__sub{position:absolute;left:8.07rem;top:27.56rem;width:47.04rem;font:900 4.502rem/10.67rem var(--serif);text-align:center;white-space:nowrap}

/* M-11 帯のクロス（M-2 を帯に。たいまつ組 g.ct-cross__l/r が左右から来て交差。現物無し → 署名 --mo-in 520ms） */
.rc-page-crosstalk .ct-band__cross-svg :is(.ct-cross__l,.ct-cross__r){transform-box:fill-box}
html.motion:not(.no-motion) .rc-page-crosstalk .ct-band__cross-svg :is(.ct-cross__l,.ct-cross__r){transition:translate .52s var(--mo-in,cubic-bezier(0,.31,.18,.99)),opacity .2s linear}
html.motion:not(.no-motion) .rc-page-crosstalk .ct-band:not(.is-in) .ct-cross__l{translate:-14rem 0;opacity:0}
html.motion:not(.no-motion) .rc-page-crosstalk .ct-band:not(.is-in) .ct-cross__r{translate:14rem 0;opacity:0}

/* ---------- T-2 紹介（div.ct-tintro） ---------- */
.rc-page-crosstalk .ct-tintro{position:relative;margin-top:5.1rem;color:var(--ct-brown,#624f2d)}
.rc-page-crosstalk .ct-tintro__wm{position:absolute;left:-15.2rem;top:-3rem;writing-mode:vertical-rl;text-orientation:sideways;
  font:700 25rem/44.9rem var(--cormorant);letter-spacing:-.25rem;color:var(--ct-wm,rgba(208,200,164,.5));white-space:nowrap;pointer-events:none;user-select:none}   /* T-2e 上から下へ読む・左は .rc-main の clip で切れる */
/* 2026-10-15 本人「文字サイズでかいのでいい感じのサイズ感に（全トーク）」: Figma は 1 行のダミーだったが、実原稿は 14〜22 字で 78px だと全トークが 2 行に割れ、最後の 1〜2 字だけ落ちていた。
   見出し 78→52px（14〜18 字は 1 行・22 字は text-wrap:balance で 11/11 に割る）・リード 30→24px（3 行）・TALK MEMBER 62→46px（見出しより目立たない階層に）。幅・左右位置・ SP は不変 */
.rc-page-crosstalk .ct-tintro__title{width:105.7rem;margin:0 auto;padding:2rem 0 1.4rem;font:900 5.2rem/7.4rem var(--serif);letter-spacing:.04rem;text-align:center;word-break:auto-phrase;text-wrap:balance}
.rc-page-crosstalk .ct-tintro__lead{width:106.4rem;margin:0 0 0 calc(50% - 52.85rem);font:700 2.4rem/4.2rem var(--serif);letter-spacing:.1rem;text-align:left;word-break:auto-phrase;text-wrap:pretty}
/* 2026-10-15 本人「これ 2 行にせず 1 行に」: PC は見出しの途中の改行（原稿どおり入っているデータ）を無視して 1 行に。箱を 130rem に広げ、22〜23 字（組み立てはしないけど、組み立てをしてもらう）も 52px で収まる。
   それ以上長い題は balance で 2 行に割れる。SP（下の @media）は改行も幅もそのまま */
@media (min-width:1024px) and (orientation:landscape), (min-width:1367px){
  .rc-page-crosstalk .ct-tintro__title{width:130rem}
  .rc-page-crosstalk .ct-tintro__title br{display:none}
}
.rc-page-crosstalk .ct-tintro__en{width:105.7rem;margin:4.4rem auto 0;padding:.825rem 0 .825rem .74rem;font:900 4.6rem/7.6rem var(--serif);letter-spacing:.74rem;text-align:center;white-space:nowrap}
.rc-page-crosstalk .ct-members-wrap{position:relative;margin-top:-.3rem}   /* Frame 1703 gap −3 */
.rc-page-crosstalk .ct-members{position:relative;z-index:1;display:flex;justify-content:center;gap:1.65rem}   /* X は写真の下（Figma: 棒の端が写真に隠れる） */
.rc-page-crosstalk .ct-member{width:45.8rem;text-align:center}
.rc-page-crosstalk .ct-members--3 .ct-member{width:29.6rem}
.rc-page-crosstalk .ct-member__frame{position:relative;width:34.8rem;height:39.011rem;margin:0 auto;overflow:visible}
.rc-page-crosstalk .ct-members--3 .ct-member__frame{width:27rem;height:30.27rem}
.rc-page-crosstalk .ct-member__photo{position:absolute;left:0;top:.079rem;width:100%;height:38.932rem;max-width:none;object-fit:cover}
.rc-page-crosstalk .ct-members--3 .ct-member__photo{top:0;height:100%}
/* 四隅: 線の芯が写真の縁に乗る＝SVG の左上を写真の角から (−.370rem,−.370rem)（正誤 §3）。向きは中の svg を反転、ホバーの translate は i に */
.rc-page-crosstalk .ct-corner{position:absolute;width:1.8154rem;height:1.6796rem;line-height:0;pointer-events:none}
.rc-page-crosstalk .ct-corner__svg{display:block;width:100%;height:100%;overflow:visible}
.rc-page-crosstalk .ct-corner--tl{left:-.37rem;top:-.37rem}
.rc-page-crosstalk .ct-corner--tr{right:-.37rem;top:-.37rem}
.rc-page-crosstalk .ct-corner--br{right:-.37rem;bottom:-.37rem}
.rc-page-crosstalk .ct-corner--bl{left:-.37rem;bottom:-.37rem}
.rc-page-crosstalk .ct-corner--tr .ct-corner__svg{transform:scaleX(-1)}
.rc-page-crosstalk .ct-corner--br .ct-corner__svg{transform:scale(-1,-1)}
.rc-page-crosstalk .ct-corner--bl .ct-corner__svg{transform:scaleY(-1)}
.rc-page-crosstalk .ct-member__dept{margin-top:3.9rem;font:900 2.422rem/3.5rem var(--serif);letter-spacing:.121rem;padding-left:.121rem}
.rc-page-crosstalk .ct-member__name{margin:.3rem 0 -1.144rem;font:900 6.098rem/8.444rem var(--serif);letter-spacing:.305rem;padding-left:.75rem}   /* Figma の先頭の空白（" K.T"）ぶん右へ（textcheck の箱の中央 ±6px に収まる所まで）・箱 75 で終わる */
.rc-page-crosstalk .ct-member__desc{width:39rem;max-width:100%;margin:2.8rem auto 0;padding-top:1.6rem;border-top:1px solid currentColor;text-align:left;font:700 1.5rem/2.6rem var(--serif);letter-spacing:.05em;color:var(--ct-brown,#6b5434)}   /* CT-DESC（2026-10-15・Figma 778:30）: 名前の下に線＋担当の説明（Figma は幅 390・字 15px 前後） */
.rc-page-crosstalk .ct-member__san{font-size:3.398rem;line-height:0;letter-spacing:.17rem}
/* メンバーの間の X（Group 1667 中心 960.28,4044.43・棒 30.08×1.276rem ±45.24°） */
.rc-page-crosstalk .ct-x{position:absolute;left:calc(50% - 11.1rem);top:9.8rem;width:22.26rem;height:22.09rem;pointer-events:none}
.rc-page-crosstalk .ct-x::before,.rc-page-crosstalk .ct-x::after{content:"";position:absolute;left:50%;top:50%;width:30.08rem;height:1.276rem;margin:-.638rem 0 0 -15.04rem;background:var(--ct-brown,#624f2d);transform:rotate(45.24deg)}
.rc-page-crosstalk .ct-x::after{transform:rotate(-45.24deg)}
/* CT-3MEMBER（2026-10-15・本人「04 これ 3 人にしてほしい」・Figma Frame 1673 の実測）: 3 人のとき。写真 27×30.27rem・写真の間 9rem（ピッチ 36rem）・× は写真の間に 2 つ（9.7rem 角・棒 13.1×.9rem・写真の縦の真ん中）。
   li は 29.6rem（写真の左右 1.3rem ずつ余る）なので li の間は 9−2.6＝6.4rem。× の中心は真ん中の写真の中心から ±18rem（＝ピッチの半分）。× は写真の下（棒の端が写真に隠れる） */
.rc-page-crosstalk .ct-members--3{gap:6.4rem}
.rc-page-crosstalk .ct-x--l,.rc-page-crosstalk .ct-x--r{top:10.285rem;width:9.7rem;height:9.7rem}
.rc-page-crosstalk .ct-x--l{left:calc(50% - 18rem - 4.85rem)}
.rc-page-crosstalk .ct-x--r{left:calc(50% + 18rem - 4.85rem)}
.rc-page-crosstalk .ct-x--l::before,.rc-page-crosstalk .ct-x--l::after,.rc-page-crosstalk .ct-x--r::before,.rc-page-crosstalk .ct-x--r::after{width:13.1rem;height:.9rem;margin:-.45rem 0 0 -6.55rem}

/* ---------- T-3 写真 a（斜め）・T-7 写真 b（矩形） ---------- */
.rc-page-crosstalk .ct-photo{position:relative;z-index:3;overflow:hidden}   /* z: 名言の炎より上（Figma の重なり順） */
.rc-page-crosstalk .ct-photo--a{margin:1.4rem 0 0 calc(50% - 52.9rem);width:148.9rem;height:74.1rem;clip-path:polygon(0 18.8rem,100% 2rem,100% 56.8rem,0 74rem)}
.rc-page-crosstalk .ct-photo--a .ct-photo__img{position:absolute;left:-10rem;top:-8.2rem;width:187.8rem;max-width:none;height:auto}
.rc-page-crosstalk .ct-photo--a .ct-photo__img--acf{left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:47% 16%}
.rc-page-crosstalk .ct-photo__wash{position:absolute;left:6.25rem;top:-34.95rem;width:143.6rem;height:139.8rem;transform:rotate(-20.33deg);pointer-events:none;
  background:linear-gradient(0deg,rgba(191,160,90,.92) 0%,rgba(212,185,106,.43) 22%,rgba(191,160,90,.10) 48%,rgba(191,160,90,0) 80%)}   /* 正誤 (c) −20.33deg */
.rc-page-crosstalk .ct-photo__dots{position:absolute;max-width:none;pointer-events:none}
.rc-page-crosstalk .ct-photo__dots--1{left:0;top:16.68rem;width:59.65rem;height:57.4rem}
.rc-page-crosstalk .ct-photo__dots--2{left:48rem;top:15.38rem;width:92.45rem;height:58.7rem}
.rc-page-crosstalk .ct-photo__dots--3{left:140.1rem;top:0;width:8.8rem;height:74.1rem}
.rc-page-crosstalk .ct-photo--b{width:115.8rem;height:38.3rem;margin:17.6rem auto 0}
.rc-page-crosstalk .ct-photo--b .ct-photo__img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.rc-page-crosstalk .ct-photo--b .ct-photo__img--acf{object-position:74% 31%}

/* ---------- T-4 章（section.ct-ch・121.6rem 中央。DOM は 章題の列 → 吹き出しの列） ---------- */
.rc-page-crosstalk .ct-ch{position:relative;display:flex;align-items:stretch;gap:6.1rem;width:121.6rem;margin:5.1rem auto 0}
.rc-page-crosstalk .ct-ch--r{flex-direction:row-reverse}                 /* 奇数章: 章題の列が右 */
.rc-page-crosstalk :is(.ct-photo--a,.ct-tintro) + .ct-ch{margin-top:12.6rem}
.rc-page-crosstalk .ct-photo--b + .ct-ch{margin-top:8.8rem}
.rc-page-crosstalk .ct-ch--rule{padding-top:5.1rem}
@media (min-width:1024px) and (orientation:landscape), (min-width:1367px){.rc-page-crosstalk .ct-ch--rule{margin-top:9rem;padding-top:9rem}}   /* GAP-RULE（2026-10-15・本人「トークの間（仕切り線の上下）をもう少しあけて」）: 前の章の終わり→線・線→次の章 を 5.1→9rem。PC だけ */                       /* 仕切り線（8111）→ 章の中身（8162） */
.rc-page-crosstalk .ct-ch--rule::before{content:"";position:absolute;left:50%;top:-.25rem;width:111rem;height:.5rem;margin-left:-55.5rem;
  background:url("../../images/recruit/rc-crosstalk-divider.svg") center/100% 100% no-repeat;pointer-events:none}
.rc-page-crosstalk .ct-ch__col{position:relative;flex:none}
.rc-page-crosstalk .ct-ch__col::before{content:"";position:absolute;top:0;bottom:2rem;width:max(.2rem,1px);background:var(--ct-gold,#caaa6e)}   /* Vector 153（870 / 890） */
.rc-page-crosstalk .ct-ch--r .ct-ch__col{padding-left:3.06rem}
.rc-page-crosstalk .ct-ch--r .ct-ch__col::before{left:-.1rem}
.rc-page-crosstalk .ct-ch--l .ct-ch__col{padding-right:4.03rem}
.rc-page-crosstalk .ct-ch--l .ct-ch__col::before{right:-.1rem}
/* 章題の塊（M-13: 二カラム・meisei の sticky。ヘッダー 10.4＋バー 14.2＋4rem） */
.rc-page-crosstalk .ct-ch__head{--stk:16rem;position:sticky;top:var(--stk);display:flex;align-items:flex-start;gap:1.77rem;padding-top:1rem}
.rc-page-crosstalk .ct-ch__head:has(.ct-ch__title br){gap:.73rem}       /* 2 段の題（Figma の Frame 1679 の gap 5／1 段は 25・15） */
.rc-site.admin-bar.rc-page-crosstalk .ct-ch__head{--stk:calc(16rem + 32px)}   /* STK-UP（2026-10-15・本人「章題をもう少し上に固定」）: 28.8→16rem（止まった目次バー 8.4rem の下） */
.rc-page-crosstalk .ct-ch--r .ct-ch__head{flex-direction:row-reverse;padding-right:1rem}   /* 右列: 題｜第 n 章 */
.rc-page-crosstalk .ct-ch--l .ct-ch__head{padding-left:1rem}                                /* 左列: 第 n 章｜題 */
.rc-page-crosstalk .ct-ch__no{flex:none;display:flex;flex-direction:column;align-items:center;gap:1rem;width:3.4rem}
.rc-page-crosstalk .ct-ch__mark{width:1.4rem;height:2.4rem}
.rc-page-crosstalk .ct-ch__no-t{writing-mode:vertical-rl;font:700 2.78rem/2.8rem var(--serif);letter-spacing:.12rem;color:var(--ct-brown,#624f2d)}   /* 字送り 29（§0-4） */
.rc-page-crosstalk .ct-ch__title{flex:none;margin:0;writing-mode:vertical-rl;text-orientation:upright;font:700 4.97rem/6.6rem var(--serif);letter-spacing:-.14rem;color:var(--ct-brown,#624f2d)}   /* 字送り 48.3・段の間 66・1 行目が右 */
.rc-page-crosstalk .ct-ch__rows{flex:none;width:84.126rem}

/* ---------- T-5 吹き出し（div.ct-row・行 206・gap 22） ---------- */
.rc-page-crosstalk .ct-row{display:flex;align-items:center;gap:1.5rem}
.rc-page-crosstalk .ct-row--r{flex-direction:row-reverse}
.rc-page-crosstalk .ct-row + .ct-row{margin-top:2.2rem}
.rc-page-crosstalk .ct-row__who{flex:none;width:12.8rem;text-align:center}
.rc-page-crosstalk .ct-row__face{width:12.8rem;height:12.8rem;border-radius:50%;object-fit:cover}
.rc-page-crosstalk .ct-row__name{margin-top:.723rem;font:900 2.161rem/3.395rem var(--serif);letter-spacing:.108rem;padding-left:.108rem;color:var(--ct-brown,#624f2d);white-space:nowrap}
.rc-page-crosstalk .ct-bubble{position:relative;flex:1 1 auto;min-width:0;padding-left:calc(1.7rem * var(--ct-bs))}
.rc-page-crosstalk .ct-bubble--r{padding-left:0;padding-right:calc(1.7rem * var(--ct-bs))}
.rc-page-crosstalk .ct-bubble__t{display:flex;align-items:center;min-height:16.9rem;padding:4.8rem 7.4rem 5.3rem;background:#fff;
  font:700 max(1.9rem,13px)/3.3rem var(--serif);letter-spacing:0;color:var(--ct-brown-2,#947842)}
/* 線（T-5c・talk_9.svg の幾何）: 上・左右・下の線と 3 つの間・しっぽを背景の線分で。高さが文で変わっても間の位置は上端／左端から固定 */
.rc-page-crosstalk .ct-bubble__frame{--c:var(--ct-brown-2,#947842);--l:var(--ct-line);--s:var(--ct-bs);
  position:absolute;z-index:1;top:-.15rem;bottom:-.15rem;left:calc(1.5rem * var(--s));right:-.074rem;pointer-events:none;
  background:
    linear-gradient(var(--c),var(--c)) 0 0/100% var(--l) no-repeat,
    linear-gradient(var(--c),var(--c)) 0 0/var(--l) calc(9.25rem * var(--s)) no-repeat,
    linear-gradient(var(--c),var(--c)) 0 calc(10.65rem * var(--s))/var(--l) calc(100% - 10.65rem * var(--s)) no-repeat,
    linear-gradient(var(--c),var(--c)) 100% 0/var(--l) calc(8.24rem * var(--s)) no-repeat,
    linear-gradient(var(--c),var(--c)) 100% calc(9.25rem * var(--s))/var(--l) calc(100% - 9.25rem * var(--s)) no-repeat,
    linear-gradient(var(--c),var(--c)) 0 100%/calc(7.84rem * var(--s)) var(--l) no-repeat,
    linear-gradient(var(--c),var(--c)) calc(8.94rem * var(--s)) 100%/calc(100% - 8.94rem * var(--s)) var(--l) no-repeat}
.rc-page-crosstalk .ct-bubble__frame::before{content:"";position:absolute;left:calc(-1.57rem * var(--s));top:calc(8.27rem * var(--s) - var(--l) / 2);
  width:calc(2.842rem * var(--s));height:var(--l);background:var(--c);transform-origin:0 50%;transform:rotate(31.6deg)}   /* しっぽ (−0.7,81.2)→(23.5,96.1) */
.rc-page-crosstalk .ct-bubble--r .ct-bubble__frame{left:-.074rem;right:calc(1.5rem * var(--s));transform:scaleX(-1)}   /* 吹き出し 8＝左右反転（線の層だけ） */

/* M21（2026-10-08）原稿HTMLの掲載イメージにあるもの: 強調 em・相手への言葉 to・案内の札 link/info。色は既存の金（--ct-brown-2）だけ。
   min-height 20.6 → 16.9rem（顔 12.8＋名前 4.1）: 短い発言で大きな空箱にならない。枠の三角は上から 8.27rem＝箱の中に収まる */
.rc-page-crosstalk .ct-bubble--em .ct-bubble__t{font-size:max(2.47rem,17px);line-height:4.3rem;font-weight:900}   /* 原稿 16px→21px の比 1.3 倍 */
.rc-page-crosstalk .ct-row--to .ct-bubble__t{padding-top:7.4rem}
.rc-page-crosstalk .ct-bubble__to{position:absolute;z-index:2;top:2.6rem;left:calc(1.7rem * var(--ct-bs) + 7.4rem);font:700 max(1.5rem,12px)/2.4rem var(--serif);letter-spacing:.06em;color:var(--ct-brown-2,#947842);white-space:nowrap}
.rc-page-crosstalk .ct-bubble--r .ct-bubble__to{left:7.4rem}
.rc-page-crosstalk .ct-row--to .ct-bubble__frame{--c:var(--ct-brown-2,#947842)}   /* 枠の金（変数は既に金。原稿で金枠になる印として明示） */
.rc-page-crosstalk .ct-xlink{display:flex;align-items:center;justify-content:space-between;gap:2rem;box-sizing:border-box;margin:2.2rem 0 0 14.3rem;padding:1.5rem 2.6rem;
  font:700 max(1.7rem,13px)/2.8rem var(--serif);color:var(--ct-brown-2,#947842);text-decoration:none;background:rgba(255,255,255,.55);
  border:max(.2rem,1px) dashed var(--ct-brown-2,#947842)}
.rc-page-crosstalk .ct-xlink--info{border-style:solid}
.rc-page-crosstalk .ct-xlink__go{flex:none;font:600 max(1.6rem,12px)/2 var(--cormorant);letter-spacing:.1em;white-space:nowrap}
.rc-page-crosstalk .ct-row + .ct-xlink,.rc-page-crosstalk .ct-xlink + .ct-row{margin-top:2.2rem}
@media (hover:hover){.rc-page-crosstalk a.ct-xlink:hover{background:#fff}}

/* M22（2026-10-08）PC の吹き出しを小さく（本人「でかすぎる」）。SP（≤1023）は触らない＝PC 用 media の中だけ。
   幅は文に合わせる（flex:0 1 auto・最大は列の残り）／枠の幾何は --ct-bs .5 で縮める／padding 約半分・文字 1.9rem/3.3rem は据え置き。
   顔は上（flex-start）・箱の margin-top 1.5rem でしっぽの先（上から 8.27×.5＋2.842×.5×sin31.6°≒4.9rem）が顔の中心 6.4rem 付近を指す */
@media (min-width:1024px) and (orientation:landscape), (min-width:1367px){
  .rc-page-crosstalk .ct-talk{--ct-bs:.5}
  .rc-page-crosstalk .ct-row{align-items:flex-start}
  .rc-page-crosstalk .ct-bubble{flex:0 1 auto;min-width:16rem;margin-top:1.5rem}
  .rc-page-crosstalk .ct-bubble__t{min-height:8.7rem;padding:2.6rem 4.4rem 2.8rem}
  .rc-page-crosstalk .ct-row--to .ct-bubble__t{padding-top:4.6rem}
  .rc-page-crosstalk .ct-bubble__to{top:1.4rem;left:calc(1.7rem * var(--ct-bs) + 4.4rem)}
  .rc-page-crosstalk .ct-bubble--r .ct-bubble__to{left:4.4rem}
}

/* M-14 上から順番に吹き出し（現物: sansei style.css .__comment translateY(20px)/opacity 0 ＋ main.js gsap.to(y:0,opacity:1,duration:.4) 既定 power1.out） */
html.motion:not(.no-motion) .rc-page-crosstalk .ct-row{transition:opacity .4s var(--ct-pow1,cubic-bezier(.25,.46,.45,.94)),translate .4s var(--ct-pow1,cubic-bezier(.25,.46,.45,.94))}
html.motion:not(.no-motion) .rc-page-crosstalk .ct-row:not(.is-in){opacity:0;translate:0 2rem}

/* ---------- T-6 名言（figure.ct-quote・900×290・中央。DOM は figcaption → blockquote → 飾り） ---------- */
.rc-page-crosstalk .ct-quote{position:relative;width:90rem;min-height:29rem;margin:5.1rem auto 0;padding:2.7rem 14.5rem;text-align:center;color:var(--ct-brown,#624f2d)}   /* transform/opacity を付けない（楕円の color-burn の相手を変えない） */
.rc-page-crosstalk .ct-quote__cap{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.7rem}
.rc-page-crosstalk .ct-quote__mark{position:relative;top:2.7rem;display:block;height:2.6rem;font:400 8rem/2.6rem var(--cormorant)}   /* インクで合わせる（Figma の箱 26 の下に字形） */
.rc-page-crosstalk .ct-quote__en{display:block;font:700 2.252rem/4.3rem var(--cormorant);letter-spacing:.225rem;padding-left:.225rem;white-space:nowrap}
.rc-page-crosstalk .ct-quote__text{position:relative;z-index:1;margin:1.7rem 0 0;padding:0}
.rc-page-crosstalk .ct-quote__text p{font:700 4rem/6.4rem var(--serif);letter-spacing:.32rem;padding-left:.32rem;word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}   /* CT-PHRASE（2026-11-02）: 文節（<wbr>）の所でだけ折る。1 文節が箱より長いときだけ途中で折る。本人「動かなかったときは／本当に悔しくて。の方が自然」→ 折れる行は長さをそろえる（balance・前の行を詰め込まない） */
.rc-page-crosstalk .ct-quote__s{position:absolute;z-index:0;left:38.69rem;top:-1.7rem;width:12.6rem;height:auto;max-width:none;mix-blend-mode:screen;pointer-events:none}   /* ロゴ炎 441:104934・SCREEN（設計図 §4-3）・文字の下 */
.rc-page-crosstalk .ct-quote__glow{position:absolute;left:7.8rem;top:.8rem;width:74.4rem;height:32rem;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,#caaa6e 0%,rgba(202,170,110,.5) 61%,rgba(202,170,110,0) 100%);mix-blend-mode:color-burn}   /* Ellipse 17・COLOR_BURN */
.rc-page-crosstalk .ct-quote__br{position:absolute;z-index:1;width:2.234rem;height:2.101rem;border:0 solid currentColor;pointer-events:none}
.rc-page-crosstalk .ct-quote__br--tl{left:9.1rem;top:3.5rem;border-top-width:var(--ct-line);border-left-width:var(--ct-line)}
.rc-page-crosstalk .ct-quote__br--br{right:9.1rem;bottom:0;border-bottom-width:var(--ct-line);border-right-width:var(--ct-line)}
/* M24 名言 2 つ（.ct-quote__items・PC 2 列）: 枠を 121.6rem に広げ、言葉は 3.2rem。名前（.ct-quote__by）は言葉の下・小さめ・見出しと同じ茶 */
.rc-page-crosstalk .ct-quote:has(.ct-quote__items){width:121.6rem;padding:2.7rem 3rem 4rem}   /* 左右 9→3rem（2026-10-15 枠を同じ大きさにしたら長い言葉が途中で折れたので、言葉の列の最大幅を 103.6→115.6rem に） */
.rc-page-crosstalk .ct-quote__items{position:relative;z-index:1;display:flex;justify-content:center;align-items:flex-start;gap:8.4rem;margin-top:1.7rem}   /* 7→8.4rem: 2 組の角が近づきすぎないように（本人「ふたつのかぎかっこ」2026-10-15） */
.rc-page-crosstalk .ct-quote__items .ct-quote__text{margin-top:0}
.rc-page-crosstalk .ct-quote__items .ct-quote__text p{font-size:3.2rem;line-height:5.2rem;letter-spacing:.16rem;padding-left:.16rem;margin-inline:-1.2rem}   /* Q-WIDE（2026-11-02・本人「頑張らないと、って。がサイトで見ると 3 行」）: 言葉の終わりに「。」を足して 1 行 16 字になり、箱（16 字にあと 1〜2px 足りない）を超えて「って。」だけ次の行に落ちていた → 文字の箱だけ左右 1.2rem 広げる（中央そろえ・枠の角はそのまま） */
.rc-page-crosstalk .ct-quote__by{position:relative;z-index:1;margin:1.2rem 0 0;font:700 1.8rem/1.6 var(--serif);letter-spacing:.18rem;padding-left:.18rem}
.rc-page-crosstalk .ct-quote:has(.ct-quote__items) .ct-quote__s{left:calc(50% - 6.3rem)}
.rc-page-crosstalk .ct-quote:has(.ct-quote__items) .ct-quote__glow{left:5rem;width:calc(100% - 10rem)}
/* 2026-10-15（本人「ひとつのかぎかっこじゃなくて、ふたつのかぎかっこで」）: 言葉 2 つのときは figure 全体の 1 組をやめ、言葉（.ct-quote__item）ごとに左上・右下の角。位置は言葉＋名前の箱の外に 1.2rem あけて */
.rc-page-crosstalk .ct-quote__item{position:relative}
.rc-page-crosstalk .ct-quote__item .ct-quote__br--tl{left:-3.4rem;top:-1.5rem}
.rc-page-crosstalk .ct-quote__item .ct-quote__br--br{right:-3.4rem;bottom:-2rem}
.rc-page-crosstalk .ct-quote:not(:has(.ct-quote__items)) .ct-quote__item{display:contents}
/* 2026-10-15（本人「かっこの大きさをそろえて」）: PC は 2 つの言葉の枠を同じ大きさに。1fr 1fr＋width:max-content で 2 列が長い方の幅にそろい、行も同じ高さ。短い言葉は枠の中で上下左右とも中央。SP（縦に並ぶ）は触らない */
@media (min-width:1024px) and (orientation:landscape), (min-width:1367px){
  .rc-page-crosstalk .ct-quote__items{display:grid;grid-template-columns:1fr 1fr;width:max-content;max-width:100%;margin-left:auto;margin-right:auto;align-items:stretch}
  .rc-page-crosstalk .ct-quote__items .ct-quote__item{display:flex;flex-direction:column;align-items:center;justify-content:center}
}
/* Figma の地は左ほど金に沈む（名言まわりの平均色の実測 左端 232,225,208／右端 240,237,230）。炎の合成だけでは足りない分を .ct-talks 内の底に敷く（.ct-talks が isolation＝文字・白箱・炎の下、地の上）。左下を中心に金 .17→0 */
.rc-page-crosstalk .ct-talk::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;bottom:-30.3rem;pointer-events:none;background:radial-gradient(ellipse 150rem 700rem at 0 100%,rgba(191,160,90,.17) 0%,rgba(191,160,90,0) 100%)}
.rc-page-crosstalk .ct-talk:last-of-type::before{bottom:0}
.rc-page-crosstalk .ct-quote__flame{position:absolute;z-index:2;top:-43.8rem;max-width:none;height:auto;mix-blend-mode:soft-light;pointer-events:none;transform-origin:50% 100%}   /* 炎は文字の上（T-6e）・名言 1/2 で同じ値 */
.rc-page-crosstalk .ct-quote__flame--l{left:calc(50% - 96rem);width:71.3rem}
.rc-page-crosstalk .ct-quote__flame--r{left:calc(50% + 18.57rem);width:77.4rem}

/* M-15 かぎかっこが開いて文字が出る（現物無し → 署名 --mo-brake 820ms。文字は下層 v2 rc-hero-in と同じ .9s var(--ease)） */
html.motion:not(.no-motion) .rc-page-crosstalk .ct-quote:not(.is-settled) .ct-quote__br{transition:translate .82s var(--mo-brake,cubic-bezier(.87,.05,.02,.97)),color .3s ease-out}   /* ease-out＝共通の四つ角の現物（rc-common.css） */
html.motion:not(.no-motion) .rc-page-crosstalk .ct-quote:not(.is-in) .ct-quote__br--tl{translate:34.8rem 10rem}
html.motion:not(.no-motion) .rc-page-crosstalk .ct-quote:not(.is-in) .ct-quote__br--br{translate:-34.8rem -13.45rem}
/* 言葉ごとの角（2 つのとき）は小さい箱なので、閉じた位置も小さく（箱の中へ 6rem×3rem）。開く動き・時間・ホバーは figure 全体の 1 組と同じ */
html.motion:not(.no-motion) .rc-page-crosstalk .ct-quote:not(.is-in) .ct-quote__item .ct-quote__br--tl{translate:6rem 3rem}
html.motion:not(.no-motion) .rc-page-crosstalk .ct-quote:not(.is-in) .ct-quote__item .ct-quote__br--br{translate:-6rem -3rem}
html.motion:not(.no-motion) .rc-page-crosstalk .ct-quote :is(.ct-quote__cap,.ct-quote__text,.ct-quote__by){transition:opacity .9s var(--ease,cubic-bezier(.2,.65,.25,1)) .45s,translate .9s var(--ease,cubic-bezier(.2,.65,.25,1)) .45s}
html.motion:not(.no-motion) .rc-page-crosstalk .ct-quote:not(.is-in) :is(.ct-quote__cap,.ct-quote__text,.ct-quote__by){opacity:0;translate:0 1.6rem}
/* M-16 左右の火がふわんと（現物無し → 署名 --mo-in。文字と同じ瞬間に始まり長く尾を引く） */
html.motion:not(.no-motion) .rc-page-crosstalk .ct-quote__flame{transition:opacity 1.2s var(--mo-in,cubic-bezier(0,.31,.18,.99)) .45s,scale 1.2s var(--mo-in,cubic-bezier(0,.31,.18,.99)) .45s}
html.motion:not(.no-motion) .rc-page-crosstalk .ct-quote:not(.is-in) .ct-quote__flame{opacity:0;scale:.96}

/* M-12 四隅のホバー（向きだけ。色と transition は B1 の共通。押せない箱なので cursor は変えない） */
@media (hover:hover){
  html.motion:not(.no-motion) .rc-page-crosstalk .ct-member__frame:hover .ct-corner--tl{translate:-.7rem -.7rem}
  html.motion:not(.no-motion) .rc-page-crosstalk .ct-member__frame:hover .ct-corner--tr{translate:.7rem -.7rem}
  html.motion:not(.no-motion) .rc-page-crosstalk .ct-member__frame:hover .ct-corner--br{translate:.7rem .7rem}
  html.motion:not(.no-motion) .rc-page-crosstalk .ct-member__frame:hover .ct-corner--bl{translate:-.7rem .7rem}
  html.motion:not(.no-motion) .rc-page-crosstalk .ct-quote.is-in:hover .ct-quote__br--tl{translate:-.7rem -.7rem}
  html.motion:not(.no-motion) .rc-page-crosstalk .ct-quote.is-in:hover .ct-quote__br--br{translate:.7rem .7rem}
}

/* ---------- SP（≤1023。設計図_v1 §6） ---------- */
@media (max-width:1023px), (max-width:1366px) and (orientation:portrait){
  .rc-page-crosstalk .ct-talk{--ct-line:max(.18rem,1.5px);--ct-bs:.42}   /* LINE-THIN: SP も細く */   /* sp2: しっぽ・間の位置を顔の高さ（5rem）に合わせて .62 → .42 */
  .rc-page-crosstalk .ct-talk + .ct-talk{margin-top:8rem}
  .rc-page-crosstalk .ct-talk:last-of-type{padding-bottom:7rem}
  /* sp2（設計書_SP_v2 §3）: 対話を 1 本ずつ（タブ）。.is-tabbed は rc-crosstalk.js が SP のときだけ付ける（JS が無い・PC は全部縦に並ぶ） */
  .rc-page-crosstalk .ct-talks.is-tabbed .ct-talk:not(.is-active){display:none}
  .rc-page-crosstalk .ct-talks.is-tabbed .ct-talk{margin-top:0;padding-bottom:7rem}
  .rc-page-crosstalk .ct-talks.is-tabbed .ct-talk::before{bottom:0}
  html.motion:not(.no-motion) .rc-page-crosstalk .ct-talks.is-tabbed .ct-talk.is-active{animation:ct-tab-in .5s cubic-bezier(0,.31,.18,.99) both}   /* 切り替えの登場＝ui-motion-borrow 署名 --mo-in 520ms（opacity だけ） */
  @keyframes ct-tab-in{from{opacity:0}to{opacity:1}}

  /* 帯: 高さ auto・斜めの下辺・文字は中央に縦積み（sp2: 文字を大きく 番号 4.4rem・語 5.2rem） */
  .rc-page-crosstalk .ct-band{height:auto;min-height:34rem;padding:4rem var(--gut) 7.2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem}
  .rc-page-crosstalk .ct-band__shape{left:0;width:100%;height:100%;clip-path:polygon(0 0,100% 0,100% 86%,0 100%)}
  .rc-page-crosstalk .ct-band__photo,.rc-page-crosstalk .ct-band__photo--acf{left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
  .rc-page-crosstalk .ct-band__dots{display:none}
  .rc-page-crosstalk .ct-band__head{position:relative;left:auto;top:auto;width:auto}
  .rc-page-crosstalk .ct-band__en{font-size:1.6rem;line-height:1.6;letter-spacing:.08em}
  .rc-page-crosstalk .ct-band__num{margin-top:0;font-size:4.4rem;line-height:1.1}
  /* TICK-ALL（2026-10-16）: SP の .ct-band__tick の上書きは外した（PC と同じ em 指定で、字の大きさ 4.4rem に合わせて縮む） */
  .rc-page-crosstalk .ct-band__words{position:relative;left:auto;top:auto;width:100%;height:auto;display:flex;flex-direction:column;align-items:center;margin-top:.4rem}
  .rc-page-crosstalk .ct-band__cross{left:50%;top:50%;width:17rem;translate:-50% -50%}
  .rc-page-crosstalk .ct-band__pair{position:relative;display:flex;gap:7rem;justify-content:center}
  .rc-page-crosstalk .ct-band__w{position:static;font-size:5.2rem;line-height:1.3;letter-spacing:.24rem}
  /* CT-WLONG（2026-10-27）: 長い語の対話は、左右の語を画面の中央（バツの中心）の両脇の半分ずつに寄せ、半分に入る大きさまで縮めて詰める */
  .rc-page-crosstalk .ct-band__pair--long{display:grid;grid-template-columns:1fr 1fr;gap:0 2.4rem;width:100%}
  .rc-page-crosstalk .ct-band__pair--long .ct-band__w{font-size:min(5.2rem, (100vw - var(--gut) * 2 - 2.4rem) / 2 / var(--wn) / .97);letter-spacing:-.03em;font-feature-settings:"palt"}
  .rc-page-crosstalk .ct-band__pair--long .ct-band__w--l{justify-self:end}
  .rc-page-crosstalk .ct-band__pair--long .ct-band__w--r{justify-self:start}
  .rc-page-crosstalk .ct-band__sub{position:relative;left:auto;top:auto;width:auto;margin-top:.6rem;font-size:1.7rem;line-height:1.6;letter-spacing:.08em;white-space:normal}

  /* 紹介（sp2: 題 2.8rem・リード 1.45rem） */
  .rc-page-crosstalk .ct-tintro{margin-top:3.2rem;padding:0 var(--gut)}
  /* sp3（裁定 M17-4）: 透かしの MEMBER（PC の左の縦書き）を残す。PC と同じく左端で少し切れる位置・同じ色（地に近い薄い金）。紹介の文字・写真より下の層（z-index:-1＝.ct-talks の isolation の中） */
  .rc-page-crosstalk .ct-tintro__wm{left:-1.9rem;top:-1.2rem;z-index:-1;font-size:9.6rem;line-height:8.6rem;letter-spacing:-.08rem}
  .rc-page-crosstalk .ct-tintro__title{width:auto;padding:0;font-size:2.8rem;line-height:1.5;letter-spacing:.06em;word-break:auto-phrase;text-wrap:balance}
  .rc-page-crosstalk .ct-tintro__lead{width:auto;margin:1.6rem 0 0;font-size:max(1.45rem,13px);line-height:2;letter-spacing:.04rem}
  .rc-page-crosstalk .ct-tintro__en{width:auto;margin-top:3.6rem;padding:0 0 0 .4rem;font-size:2.2rem;line-height:1.5;letter-spacing:.4rem}
  .rc-page-crosstalk .ct-members-wrap{margin-top:2rem}
  .rc-page-crosstalk .ct-members{gap:3.6rem}
  .rc-page-crosstalk .ct-member,.rc-page-crosstalk .ct-members--3 .ct-member{width:auto;flex:1 1 0;min-width:0}
  .rc-page-crosstalk .ct-members--3{gap:1.6rem}
  .rc-page-crosstalk .ct-member__frame,.rc-page-crosstalk .ct-members--3 .ct-member__frame{width:100%;height:auto;aspect-ratio:348/389}
  .rc-page-crosstalk .ct-member__photo{top:0;height:100%}
  .rc-page-crosstalk .ct-corner{width:1.45rem;height:1.34rem}
  .rc-page-crosstalk .ct-corner--tl,.rc-page-crosstalk .ct-corner--bl{left:-.3rem}
  .rc-page-crosstalk .ct-corner--tr,.rc-page-crosstalk .ct-corner--br{right:-.3rem}
  .rc-page-crosstalk .ct-corner--tl,.rc-page-crosstalk .ct-corner--tr{top:-.3rem}
  .rc-page-crosstalk .ct-corner--bl,.rc-page-crosstalk .ct-corner--br{bottom:-.3rem}
  .rc-page-crosstalk .ct-member__dept{margin-top:1.4rem;font-size:max(1.15rem,11px);line-height:1.6;letter-spacing:0;padding-left:0;word-break:auto-phrase;text-wrap:balance}
  .rc-page-crosstalk .ct-member__name{margin-top:.4rem;font-size:2.6rem;line-height:1.4;letter-spacing:.1rem;padding-left:.1rem}
  .rc-page-crosstalk .ct-member__desc{width:auto;margin-top:1rem;padding-top:.8rem;font-size:max(1.1rem,11px);line-height:1.6;letter-spacing:.02em}   /* CT-DESC: SP */
  .rc-page-crosstalk .ct-member__san{font-size:1.5rem;letter-spacing:.05rem}
  .rc-page-crosstalk .ct-x{left:calc(50% - 1.8rem);top:0;width:3.6rem;height:min(calc((100vw - 2 * var(--gut) - 3.6rem) / 2 * 389 / 348), 40rem)}
  .rc-page-crosstalk .ct-x::before,.rc-page-crosstalk .ct-x::after{width:4.4rem;height:.4rem;margin:-.2rem 0 0 -2.2rem}
  /* CT-3MEMBER: 3 人（写真 3 列・間 1.6rem）の × は 2 つ。中心は 1 つ目の写真の右＋.8rem・その 1 列分先。高さ＝写真の高さ（2 人のときと同じ作り）。PC の 3 人用の寸法は上書きし直す */
  .rc-page-crosstalk .ct-x--l,.rc-page-crosstalk .ct-x--r{top:0;width:3.6rem;height:min(calc((100vw - 2 * var(--gut) - 3.2rem) / 3 * 389 / 348), 40rem)}
  .rc-page-crosstalk .ct-x--l{left:calc((100vw - 2 * var(--gut) - 3.2rem) / 3 + .8rem - 1.8rem)}
  .rc-page-crosstalk .ct-x--r{left:calc((100vw - 2 * var(--gut) - 3.2rem) / 3 * 2 + 2.4rem - 1.8rem)}
  .rc-page-crosstalk .ct-x--l::before,.rc-page-crosstalk .ct-x--l::after,.rc-page-crosstalk .ct-x--r::before,.rc-page-crosstalk .ct-x--r::after{width:4.4rem;height:.4rem;margin:-.2rem 0 0 -2.2rem}

  /* 写真 a・b: 全幅 */
  .rc-page-crosstalk .ct-photo--a{width:100%;height:auto;aspect-ratio:3/2;margin:3.6rem 0 0;clip-path:polygon(0 9%,100% 0,100% 91%,0 100%)}   /* sp2: 4/3 → 3/2（縦を詰める） */
  .rc-page-crosstalk .ct-photo--a .ct-photo__img,.rc-page-crosstalk .ct-photo--a .ct-photo__img--acf{left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:47% 30%}
  .rc-page-crosstalk .ct-photo__wash{left:-10%;top:-30%;width:120%;height:160%}
  .rc-page-crosstalk .ct-photo__dots--1{top:22%;width:40%;height:auto}
  .rc-page-crosstalk .ct-photo__dots--2{left:32%;top:20%;width:62%;height:auto}
  .rc-page-crosstalk .ct-photo__dots--3{display:none}
  .rc-page-crosstalk .ct-photo--b{width:100%;height:auto;aspect-ratio:16/9;margin:4.4rem 0 0}
  .rc-page-crosstalk .ct-photo--b .ct-photo__img{object-position:50% 35%}

  /* sp3（2026-10-07 裁定 M17-2・design-taste-canon 25 行目「縦書きの見出しは SP でも同じ形」）: 章題は PC と同じ縦書き・列の左右も PC と同じ交互（奇数章＝右・偶数章＝左）・金の縦線も PC と同じ内側。
     599px 以下は横に章題の列を置くと吹き出しの 1 行が 15 字を切る（390 で約 11 字）→ 縦書きの塊を章の頭に置き（左右は PC と同じ）、吹き出しはその下で全幅。
     600px 以上（下の別の @media）は PC と同じ横並び（章題の列が吹き出しの横・sticky）。 */
  .rc-page-crosstalk .ct-ch,.rc-page-crosstalk .ct-ch--r{flex-direction:column;gap:2.6rem;width:auto;margin:4.4rem var(--gut) 0}
  .rc-page-crosstalk :is(.ct-photo--a,.ct-tintro) + .ct-ch,.rc-page-crosstalk .ct-photo--b + .ct-ch{margin-top:4rem}
  .rc-page-crosstalk .ct-ch--rule{padding-top:4rem}
  .rc-page-crosstalk .ct-ch--rule::before{left:5%;width:90%;height:.4rem;margin-left:0;top:-.2rem}
  .rc-page-crosstalk .ct-ch--r .ct-ch__col{align-self:flex-end;padding:0 0 0 1.6rem}
  .rc-page-crosstalk .ct-ch--l .ct-ch__col{align-self:flex-start;padding:0 1.6rem 0 0}
  .rc-page-crosstalk .ct-ch__col::before{bottom:0;width:max(.2rem,1px)}
  .rc-page-crosstalk .ct-ch__head{position:static;gap:1rem;padding-top:.4rem}
  .rc-page-crosstalk .ct-ch__head:has(.ct-ch__title br){gap:.6rem}
  .rc-page-crosstalk .ct-ch--r .ct-ch__head{padding-right:.4rem}
  .rc-page-crosstalk .ct-ch--l .ct-ch__head{padding-left:.4rem}
  .rc-page-crosstalk .ct-ch__no{gap:.7rem;width:2rem}
  .rc-page-crosstalk .ct-ch__mark{width:.9rem;height:1.55rem}
  .rc-page-crosstalk .ct-ch__no-t{font-size:max(1.5rem,12px);line-height:1.6rem;letter-spacing:.1rem}
  .rc-page-crosstalk .ct-ch__title{font-size:2.8rem;line-height:3.7rem;letter-spacing:.02em}
  .rc-page-crosstalk .ct-ch__rows{width:auto}

  /* 吹き出し（sp2 設計書_SP_v2 §2-4）: 顔 6.4 → 5rem・余白 1.6/1.8 → 1.3/1.5rem で箱を横に広げる（画面の 6 割 → 8 割）。文字 1.4rem（13px 以上）・行間 1.85 */
  .rc-page-crosstalk .ct-row{gap:.7rem;align-items:flex-start}
  .rc-page-crosstalk .ct-row + .ct-row{margin-top:1.3rem}
  .rc-page-crosstalk .ct-row__who{width:5rem}
  .rc-page-crosstalk .ct-row__face{width:5rem;height:5rem}
  .rc-page-crosstalk .ct-row__name{margin-top:.3rem;font-size:max(1.15rem,11px);line-height:1.5;letter-spacing:.04rem;padding-left:0}
  .rc-page-crosstalk .ct-bubble__t{min-height:5.2rem;padding:1.3rem 1.5rem 1.4rem;font-size:max(1.4rem,13px);line-height:1.85;letter-spacing:.02em}   /* M21: 1 行の発言でも枠の三角（上から 3.5rem）が収まる高さ */
  .rc-page-crosstalk .ct-bubble--em .ct-bubble__t{font-size:max(1.82rem,17px);line-height:1.7}   /* M25: PC の 4.3rem が SP でも効いて行間が約 2.4 倍だった → ほかの吹き出しと同じ比率 */
  .rc-page-crosstalk .ct-row--to .ct-bubble__t{padding-top:3.4rem}
  .rc-page-crosstalk .ct-bubble__to{top:.9rem;left:calc(1.7rem * var(--ct-bs) + 1.5rem);font-size:max(1.2rem,11px);line-height:1.6}
  .rc-page-crosstalk .ct-bubble--r .ct-bubble__to{left:1.5rem}
  .rc-page-crosstalk .ct-xlink{margin:1.3rem 0 0 5.7rem;padding:1rem 1.4rem;gap:1rem;font-size:max(1.3rem,12px);line-height:1.7;flex-wrap:wrap}
  .rc-page-crosstalk .ct-xlink__go{font-size:max(1.2rem,11px);line-height:1.6}
  .rc-page-crosstalk .ct-row + .ct-xlink,.rc-page-crosstalk .ct-xlink + .ct-row{margin-top:1.3rem}

  /* 名言 */
  .rc-page-crosstalk .ct-quote{width:auto;min-height:0;margin:4.4rem var(--gut) 0;padding:3.2rem 2.4rem 3rem}
  .rc-page-crosstalk .ct-quote__cap{gap:.6rem}
  .rc-page-crosstalk .ct-quote__mark{top:.6rem;height:2rem;font-size:4rem;line-height:2rem}
  .rc-page-crosstalk .ct-quote__en{font-size:max(1.1rem,11px);line-height:1.6;letter-spacing:.15rem;padding-left:.15rem}
  .rc-page-crosstalk .ct-quote__text{margin-top:1rem}
  .rc-page-crosstalk .ct-quote__text p{font-size:2rem;line-height:1.75;letter-spacing:.1rem;padding-left:.1rem;word-break:keep-all}   /* CT-PHRASE（2026-11-02）: auto-phrase → keep-all（<wbr> の文節で折る・PC と同じ） */
  .rc-page-crosstalk .ct-quote__s{left:50%;top:-1rem;width:7rem;margin-left:-3.5rem}
  .rc-page-crosstalk .ct-quote__items{position:relative;z-index:1;display:flex;flex-direction:column;align-items:stretch;gap:2.2rem;margin-top:1rem}   /* stretch: 縦に並ぶ 2 つの枠を同じ幅に（2026-10-15 本人「かっこの大きさをそろえて」） */
  .rc-page-crosstalk .ct-quote__items .ct-quote__text{margin-top:0}
  .rc-page-crosstalk .ct-quote__by{position:relative;z-index:1;margin:.7rem 0 0;font:700 max(1.3rem,12px)/1.6 var(--serif);letter-spacing:.12rem;padding-left:.12rem}
  .rc-page-crosstalk .ct-quote:has(.ct-quote__items){width:auto;padding:3.2rem 2.4rem 3rem}
  .rc-page-crosstalk .ct-quote__items .ct-quote__text p{font-size:2rem;line-height:1.75;letter-spacing:.1rem;padding-left:.1rem;margin-inline:0}   /* Q-WIDE は PC だけ */
  .rc-page-crosstalk .ct-quote:has(.ct-quote__items) .ct-quote__s{left:50%}
  .rc-page-crosstalk .ct-quote:has(.ct-quote__items) .ct-quote__glow{left:0;width:100%}
  .rc-page-crosstalk .ct-quote:has(.ct-quote__items) .ct-quote__br--tl{left:1rem}
  .rc-page-crosstalk .ct-quote:has(.ct-quote__items) .ct-quote__br--br{right:1rem}
  .rc-page-crosstalk .ct-quote__glow{left:0;top:0;width:100%;height:100%}
  .rc-page-crosstalk .ct-quote__br{width:1.6rem;height:1.5rem}
  .rc-page-crosstalk .ct-quote__br--tl{left:1rem;top:1rem}
  .rc-page-crosstalk .ct-quote__br--br{right:1rem;bottom:1rem}
  .rc-page-crosstalk .ct-quote__flame{top:-8rem;width:70%;opacity:.7}
  .rc-page-crosstalk .ct-quote__flame--l{left:-35%}
  .rc-page-crosstalk .ct-quote__flame--r{left:65%}
  html.motion:not(.no-motion) .rc-page-crosstalk .ct-quote:not(.is-in) .ct-quote__br--tl{translate:8rem 4rem}
  html.motion:not(.no-motion) .rc-page-crosstalk .ct-quote:not(.is-in) .ct-quote__br--br{translate:-8rem -4rem}
  .rc-page-crosstalk .ct-quote__item .ct-quote__br--tl{left:-1.6rem;top:-.8rem}   /* 言葉ごとの角（2026-10-15）。SP は言葉が縦に並ぶ・図の余白 2.4rem の内側に収める */
  .rc-page-crosstalk .ct-quote__item .ct-quote__br--br{right:-1.6rem;bottom:-1.2rem}

  /* sp2: 対話の終わりの「次の対話」（nav.ct-next.sp-only。PC は rc-common の .sp-only で出ない）。地は帯の金のグラデ（TOP の CROSS TALK の帯と同じ色） */
  .rc-page-crosstalk .ct-next{margin:6rem var(--gut) 0}
  .rc-page-crosstalk .ct-next__a{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:.4rem 1.4rem;padding:2rem 5.6rem 2.2rem 2.2rem;color:var(--ct-brown,#624f2d);
    background:linear-gradient(162deg,#bb9568 0%,#d6ba90 38%,#f4e1bc 62%,#d6ba90 82%,#e8cb9f 100%);clip-path:polygon(0 1.6rem,100% 0,100% 100%,0 100%)}
  .rc-page-crosstalk .ct-next__en{grid-column:1 / -1;padding-top:.6rem;font:600 1.5rem/1.4 var(--cormorant);letter-spacing:.2em}
  .rc-page-crosstalk .ct-next__num{font:900 3.6rem/1 var(--serif)}
  .rc-page-crosstalk .ct-next__words{font:700 2.4rem/1.3 var(--serif);letter-spacing:.1em;white-space:nowrap}
  .rc-page-crosstalk .ct-next__x{margin:0 .3em;color:#fff}
  .rc-page-crosstalk .ct-next__words--long{white-space:normal;letter-spacing:.02em;font-feature-settings:"palt"}   /* CT-WLONG（2026-10-27）: 入らない時だけ × の後ろ（talk.php の <wbr>）で 2 行に */
  .rc-page-crosstalk .ct-next__w{white-space:nowrap}   /* 語の途中（「新卒•」の後など）では割らない */
  .rc-page-crosstalk .ct-next__arrow{position:absolute;right:2.4rem;top:50%;width:1.2rem;height:1.2rem;margin-top:-.2rem;border:solid currentColor;border-width:max(.25rem,2px) max(.25rem,2px) 0 0;transform:rotate(45deg)}
}
@media (min-width:600px) and (max-width:1023px), (min-width:600px) and (max-width:1366px) and (orientation:portrait){
  /* sp3（M17-2）: 600px 以上は PC と同じ横並び（章題の列が吹き出しの横・奇数章は右）。章題の塊は固定バー（上 0・6.6rem）の下で sticky（PC の M-13 と同じ作り）。吹き出しは 1 行 15 字以上 */
  .rc-page-crosstalk .ct-ch{flex-direction:row;gap:2.4rem}
  .rc-page-crosstalk .ct-ch--r{flex-direction:row-reverse}
  .rc-page-crosstalk .ct-ch--r .ct-ch__col,.rc-page-crosstalk .ct-ch--l .ct-ch__col{align-self:stretch}
  .rc-page-crosstalk .ct-ch__head{position:sticky;--stk:9.6rem;top:var(--stk)}
  .rc-page-crosstalk .ct-ch__rows{flex:1 1 0;min-width:0}
}

/* 2026-10-15（本人「topの2カラムみたいに、線がそのまま上に行かず『え、一緒？』と一緒に固定されていてほしい」）
   これまで金の縦線は章の列（.ct-ch__col）の全高に引かれ、章題の塊（sticky の .ct-ch__head）だけが止まって、線は章と一緒に上へ流れていた。
   線を章題の塊の中（::before）へ移す＝塊と一緒に止まり、章の終わりで一緒に流れる（TOP の ABOUT で線が sticky の NUMBER 列の中にあるのと同じ作り）。
   塊の高さ＝画面の下から 7rem 手前まで。章がそれより短ければ章の高さ＝従来と同じ全高の線。線の下は塊の下から 2rem（従来の bottom:2rem と同じ位置で章の終わりを迎える）。
   横並びになる幅（600px 以上＝PC・横長タブレット・縦向きタブレット）だけ。599px 以下は塊が静止（sticky なし）で従来どおり列の全高。
   線の横位置は元と同じ（列の内側の端から -.1rem）＝塊の端から 奇数章（右列）左へ 3.06+.1rem・偶数章（左列）右へ 4.03+.1rem */
@media (min-width:600px){
  .rc-page-crosstalk .ct-ch__col::before{display:none}
  .rc-page-crosstalk .ct-ch__col::before{display:block}.rc-page-crosstalk .ct-ch__head::before{display:none}   /* LINE-FULL（2026-10-15・本人「線は一番下まで表示されてて」）: 線は章の列の全高（章の一番下まで）に戻す。止まるのは章題だけ */
  .rc-page-crosstalk .ct-ch__head{height:min(calc(100vh - var(--stk) - 7rem),100%)}
  .rc-page-crosstalk .ct-ch__head::before{content:"";position:absolute;top:0;bottom:2rem;width:max(.2rem,1px);background:var(--ct-gold,#caaa6e);pointer-events:none}
  .rc-page-crosstalk .ct-ch--r .ct-ch__head::before{left:-3.16rem}
  .rc-page-crosstalk .ct-ch--l .ct-ch__head::before{right:-4.13rem}
  .rc-page-crosstalk .ct-ch__title{inline-size:max-content}   /* CH-NOWRAP（2026-10-15・本人「クロストーク02 の第一章の題がここだけ変」）: 塊の高さ（画面に合わせて縮む）より題が長いと、縦書きが勝手に次の列へ折り返し、その列が塊の外＝金の線の上に出ていた（テスト環境の題に改行が無かった）。折り返すのは改行（<br>）の所だけにする＝長い題は下へ伸びる */
  /* STK-TOP（2026-10-16・本人「クロストークの章題の固定方法を TOP（鯖江精機とは）と全く一緒に。線のところと文字の動き」）: TOP の .ab-stk と同じ作りに。
     ① 題と金の線は一つの塊（.ct-ch__head）で一緒に止まり、章の終わりで一緒に流れる（線だけ章と流れる LINE-FULL はやめた）。
     ② 線は題の上端の 1.37rem 下から画面の下まで（TOP は題の 1.369rem 下から 142rem）。章の外へははみ出さない（列を上下だけ切る）。
     ③ 止まる位置は TOP と同じ「ヘッダーの下端から 9.9rem」＝止まった目次バーの下端 8.4rem＋9.9rem＝18.3rem（TOP は 10.3＋9.9＝20.2rem）。画面が低い時は TOP と同じく下限まで戻す */
  .rc-page-crosstalk .ct-ch__col::before{display:none}
  .rc-page-crosstalk .ct-ch__col{clip-path:inset(0 -8rem)}
  .rc-page-crosstalk .ct-ch__head{--stk:min(18.3rem,max(9.6rem,calc(100vh - 68.6rem)));height:auto}
  .rc-site.admin-bar.rc-page-crosstalk .ct-ch__head{--stk:calc(min(18.3rem,max(9.6rem,calc(100vh - 68.6rem))) + 32px)}
  .rc-page-crosstalk .ct-ch__head::before{display:block;top:1.37rem;bottom:auto;height:100vh}
}

/* ---------- CT-LIST 箇条の札（2026-10-31・先方の台本 TALK 04 第三章「ここ吹き出しとかじゃなくて、TOPの5つみたいな感じで」） ----------
   発言の列に入る行（kind=list・talk-chapter.php）。TOP の「鯖江精機らしい人」（recruit-top.php #typical の左の列）と同じ作り：
   クリームの地（--cream-2 #ffe9c0）・金の見出し（小さい語＋大きい語＝ty-k／ty-big）・白い箱（55.65rem）に金の L 字の四隅・文は箱の左右の真ん中。
   四隅は TOP の SP と同じグラデの 8 本線（箱が何行に伸びても角は伸びない）。ホバーで四隅が外へ（TOP の PC と同じ .7rem）。
   番号 01〜05 は台本の「1.」〜（話の中で「5つ目」「4つ目」と呼ぶので出す）。PC は発言の列いっぱいの幅（吹き出しの左端にそろえると 1 項目が 2 行に折れた＝TOP は 1 行）。箱は TOP の 55.65rem＋番号の分で 66rem */
.rc-page-crosstalk .ct-list{box-sizing:border-box;margin:3.6rem 0 0;padding:4.6rem 4rem 4.4rem;background:#ffe9c0;text-align:center}
.rc-page-crosstalk .ct-list + .ct-row,.rc-page-crosstalk .ct-list + .ct-xlink{margin-top:3.6rem}
.rc-page-crosstalk .ct-list__head{margin:0 0 3.4rem;color:var(--ct-gold,#caaa6e);font-family:var(--serif);font-weight:900}
.rc-page-crosstalk .ct-list__k{display:block;font-size:2.6rem;line-height:4.4rem;letter-spacing:.32rem;padding-left:.32rem}
.rc-page-crosstalk .ct-list__big{display:block;font-size:4.4rem;line-height:5.6rem;letter-spacing:.53rem;padding-left:.53rem}
.rc-page-crosstalk .ct-list__items{display:grid;gap:2.6rem;max-width:66rem;margin:0 auto;padding:0;list-style:none}
.rc-page-crosstalk .ct-list__item{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:9.05rem;padding:1.6rem 6.4rem;background:#fff;
  font:700 1.7rem/3.1rem var(--serif);color:var(--ink,#1a1a1a);text-align:center;word-break:auto-phrase;text-wrap:balance}
.rc-page-crosstalk .ct-list__item::before{content:"";position:absolute;inset:-.2rem;pointer-events:none;--c:var(--ct-gold,#caaa6e);--a:2.1rem;--t:.3rem;background-repeat:no-repeat;
  background-image:linear-gradient(var(--c),var(--c)),linear-gradient(var(--c),var(--c)),linear-gradient(var(--c),var(--c)),linear-gradient(var(--c),var(--c)),linear-gradient(var(--c),var(--c)),linear-gradient(var(--c),var(--c)),linear-gradient(var(--c),var(--c)),linear-gradient(var(--c),var(--c));
  background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;
  background-size:var(--a) var(--t),var(--t) var(--a),var(--a) var(--t),var(--t) var(--a),var(--a) var(--t),var(--t) var(--a),var(--a) var(--t),var(--t) var(--a)}
.rc-page-crosstalk .ct-list__no{position:absolute;left:2.2rem;top:50%;translate:0 -50%;font:600 2.4rem/1 var(--cormorant);font-variant-numeric:lining-nums;letter-spacing:.04em;color:var(--ct-gold,#caaa6e)}
html.motion:not(.no-motion) .rc-page-crosstalk .ct-list__item::before{transition:inset .3s ease-out}
@media (hover:hover){html.motion:not(.no-motion) .rc-page-crosstalk .ct-list__item:hover::before{inset:-.9rem}}
@media (max-width:1023px), (max-width:1366px) and (orientation:portrait){
  .rc-page-crosstalk .ct-list{margin:2.4rem 0 0;padding:3rem 1.8rem 2.8rem}
  .rc-page-crosstalk .ct-list + .ct-row,.rc-page-crosstalk .ct-list + .ct-xlink{margin-top:2.4rem}
  .rc-page-crosstalk .ct-list__head{margin-bottom:2rem}
  .rc-page-crosstalk .ct-list__k{font-size:max(1.5rem,13px);line-height:1.6;letter-spacing:.14em;padding-left:.14em}
  .rc-page-crosstalk .ct-list__big{margin-top:.2rem;font-size:2.6rem;line-height:1.4;letter-spacing:.1em;padding-left:.1em}
  .rc-page-crosstalk .ct-list__items{gap:1.4rem;max-width:none}
  .rc-page-crosstalk .ct-list__item{min-height:0;padding:1.4rem 2rem 1.4rem 4.2rem;font-size:max(1.4rem,13px);line-height:1.7}
  .rc-page-crosstalk .ct-list__item::before{--a:1.45rem}
  .rc-page-crosstalk .ct-list__no{left:1.3rem;font-size:max(1.7rem,14px)}
}