/* ==================================================================
   SAI OVERRIDES — GPT初稿への修正分（2026-08-09）
   1) 支援セクションを白背景・4分類リスト型に変更
   2) 強みセクション(WHY MISSIONTIME)新設
   3) 収益図解の補強（流れラベル＋追加歩合✕）
   4) 審査明文・代表メッセージ・面談ティーザー・運営会社情報
   ================================================================== */

/* ---- 0) GPT版から継承したスマホのヒーロー崩れ修正 ----
   元CSSはモバイルでCTAボタンとチップ帯をposition:absoluteにしており
   見出しに重なっていた（本家サイトでも再現）。通常フローに戻す */
@media (max-width:760px){
  .hero-copy .button-light{position:static;margin-top:22px}
  .hero-facts{position:static;justify-content:flex-start;flex-wrap:wrap;gap:10px 14px;margin-top:20px;font-size:11px}
}

/* ---- 1) 支援セクション: ダーク背景をやめ白ベースに ---- */
.support-section{background:#fff;color:var(--ink)}
.support-section .section-label{color:var(--blue)}
.support-section .section-title{color:var(--ink)}
.support-section .section-head p{color:#4a5570}
.support-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px}
.support-group{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:26px 26px 22px}
.support-group>span{font-family:var(--font-en);font-weight:800;font-size:13px;letter-spacing:.14em;color:var(--blue-bright)}
.support-group h3{margin:6px 0 14px;font-size:19px;color:var(--ink)}
.support-group ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.support-group li{position:relative;padding-left:20px;font-size:14px;line-height:1.7;color:#39425c}
.support-group li::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:9px;border-radius:3px;background:var(--blue-bright);opacity:.85}
.support-section .support-note{color:#6b7590}
@media (max-width:760px){.support-groups{grid-template-columns:1fr}}

/* ---- 2) 強みセクション ---- */
.strengths-section{background:#edf3ff}
.strengths-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:end;margin-bottom:36px}
.strengths-head p.strengths-lead{margin:0;color:#39425c;font-size:15px;line-height:2}
.strengths-lead strong{color:var(--blue);font-weight:700}
.strengths-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.strength-card{background:#fff;border-radius:14px;padding:26px 26px 22px;border-top:4px solid var(--blue-bright);box-shadow:0 10px 30px #07163c14}
.strength-card>span{font-family:var(--font-en);font-weight:800;font-size:13px;letter-spacing:.14em;color:var(--blue-bright)}
.strength-card h3{margin:6px 0 12px;font-size:19px;color:var(--ink)}
.strength-card ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.strength-card li{position:relative;padding-left:20px;font-size:14px;line-height:1.7;color:#39425c}
.strength-card li::before{content:"✓";position:absolute;left:0;top:0;color:var(--blue-bright);font-weight:700}
.strength-card small{display:block;margin-top:12px;font-size:11.5px;color:#6b7590;line-height:1.6}
@media (max-width:900px){.strengths-head{grid-template-columns:1fr}.strengths-grid{grid-template-columns:1fr}}

/* ---- 3) 収益図解の補強 ---- */
.model-flow-label{display:block;text-align:center;font-family:var(--font-en);font-weight:800;letter-spacing:.16em;font-size:12px;color:var(--blue);margin-bottom:14px}
.fixed-fee-line .fee-cross{display:inline-flex;align-items:center;gap:6px}
.fixed-fee-line .fee-cross b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e5484d;color:#fff;font-size:12px;font-style:normal;line-height:1}

/* ---- 4) 審査明文 ---- */
.assurance{margin-top:34px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:10px;padding:18px 22px;font-size:13.5px;line-height:2;color:#39425c}
.assurance strong{color:var(--ink)}

/* ---- 4.5) ヒーローティッカー: シームレスループ化 ----
   元CSSはpadding-leftが-50%移動の周期を崩しループ位置が飛んでいた。
   完全に同一な2ハーフ構造＋paddingなしトラックで置き換え */
.hero-ticker .ticker-track{gap:0;padding-left:0;width:max-content;animation:saiTicker 30s linear infinite}
.ticker-half{display:flex;align-items:center;gap:34px;padding-right:34px;height:100%;flex:none}
@keyframes saiTicker{to{transform:translateX(-50%)}}
@media (max-width:760px){.ticker-half{gap:25px;padding-right:25px}.hero-ticker .ticker-track{animation-duration:22s}}

/* ---- 4.6) プラットフォーム見出し: 列幅連動サイズ＋フレーズ単位折り返し ----
   コピー列が約370pxしかなく43px固定だと語中で折れていた */
.platform-title{font-size:clamp(24px,3vw,43px)}
.platform-title span{display:inline-block}

/* ---- 4.7) 提携事務所の声（アバター＋色帯見出しのリスト型） ---- */
.voice-section{background:var(--paper)}
.voice-list{display:grid;gap:18px;margin-top:38px}
.voice-row{display:grid;grid-template-columns:104px 1fr;gap:26px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 30px;box-shadow:0 6px 20px #07163c0d}
.voice-avatar{width:104px;height:104px;display:block}
.voice-avatar svg{width:100%;height:100%;display:block}
.voice-content{min-width:0}
.voice-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.voice-top h3{flex:1;min-width:200px;margin:0;font-size:17px;line-height:1.5;color:var(--ink);background:#E3ECFB;border-radius:8px;padding:10px 16px}
.voice-row:nth-child(2n) .voice-top h3{background:#E0F0F7}
.voice-badge{flex:none;background:var(--blue-deep);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.06em;padding:5px 14px;border-radius:999px}
.voice-attr{margin:10px 0 6px;font-size:12px;color:#6b7590}
.voice-text{margin:0;font-size:13.5px;line-height:1.95;color:#39425c;border-top:1px solid var(--line);padding-top:10px}
@media (max-width:640px){
  .voice-row{grid-template-columns:1fr;gap:14px;padding:22px 20px;justify-items:start}
  .voice-avatar{width:72px;height:72px}
  .voice-top{width:100%}
  .voice-top h3{min-width:0;font-size:15.5px}
}

/* ---- 4.8) WHO WE WANT再構成: 審査3点＋応募条件/お断り2列 ---- */
.fit-grid{align-items:start}
.fit-points{display:grid;gap:14px}
.fit-point{display:flex;gap:16px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px;align-items:flex-start}
.fit-point>span{font-family:var(--font-en);font-weight:800;font-size:13px;color:var(--blue-bright);padding-top:2px}
.fit-point h3{margin:0 0 4px;font-size:15.5px;color:var(--ink)}
.fit-point p{margin:0;font-size:13px;line-height:1.8;color:#4a5570}
.fit-cols{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:46px;position:relative;z-index:1}
.fit-col-title{margin:0 0 8px;font-size:16px;color:var(--ink);padding-left:12px;border-left:4px solid var(--blue)}
.fit-col-title.ng{border-left-color:#e5484d}
.fit-ng span{background:#e5484d}
@media (max-width:900px){.fit-cols{grid-template-columns:1fr;gap:30px}}

/* ---- 5) 代表メッセージ ---- */
.message-section{background:#fff}
.message-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:40px;align-items:start}
.message-body{position:relative;background:var(--paper);border-radius:14px;padding:30px 32px;font-size:14.5px;line-height:2.1;color:#39425c}
.message-body::before{content:"“";position:absolute;top:-6px;left:14px;font-family:var(--font-en);font-size:64px;font-weight:900;color:#d8deea;line-height:1}
.message-sign{margin-top:18px;text-align:right;font-size:13px;color:var(--ink);font-weight:700}
.draft-marker{display:inline-block;background:#fff3cd;border:1px solid #e0c76a;color:#7a5d00;font-size:11.5px;padding:2px 10px;border-radius:999px;margin-bottom:12px;font-weight:700}
.message-flex{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:22px;align-items:end}
.message-persona{margin:0;text-align:center}
.message-persona img{width:100%;max-width:170px;height:auto;filter:drop-shadow(0 8px 20px #07163c22)}
.message-persona figcaption{margin-top:6px;font-size:12px;font-weight:700;color:#6b7590}
.message-persona figcaption small{display:block;margin-top:4px;font-size:10.5px;font-weight:400;line-height:1.7;color:#8a93ab}
@media (max-width:900px){.message-grid{grid-template-columns:1fr}.message-flex{grid-template-columns:1fr;justify-items:center}.message-persona{order:-1}}

/* ---- 6) 面談ティーザー帯 ---- */
.teaser-band{background:var(--blue-deep);color:#fff;padding:34px 0;text-align:center}
.teaser-band p{margin:0;font-size:15.5px;line-height:2;letter-spacing:.02em}
.teaser-band strong{color:#9db9ff}

/* ---- 7) 運営会社情報 ---- */
.company-section{background:var(--paper)}
.company-table{margin-top:30px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.company-table dl{display:grid;grid-template-columns:180px 1fr;margin:0}
.company-table dt{padding:16px 20px;background:#f2f5fb;font-size:13px;font-weight:700;color:var(--ink);border-bottom:1px solid var(--line)}
.company-table dd{margin:0;padding:16px 20px;font-size:14px;color:#39425c;border-bottom:1px solid var(--line);line-height:1.8}
.company-table dl:last-of-type dt,.company-table dl:last-of-type dd{border-bottom:none}
@media (max-width:640px){.company-table dl{grid-template-columns:1fr}.company-table dt{border-bottom:none;padding-bottom:4px}}

/* ---- 7.5) 公式サイトバナー ---- */
.company-banner{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 26px;text-decoration:none;transition:box-shadow .25s,transform .25s}
.company-banner:hover{box-shadow:0 12px 32px #07163c1a;transform:translateY(-2px)}
.company-banner img{height:34px;width:auto}
.company-banner span{font-size:14px;font-weight:700;color:var(--blue);display:inline-flex;align-items:center;gap:8px}
.company-banner i{font-style:normal}
@media (max-width:640px){.company-banner{flex-direction:column;gap:12px}}

/* ---- 8) フォーム: プラポリリンク・ドラフト注記 ---- */
.privacy-check a{color:inherit;text-decoration:underline}
.form-draft-note{display:none;margin-top:12px;background:#fff3cd;border:1px solid #e0c76a;color:#7a5d00;border-radius:8px;padding:10px 14px;font-size:13px}
.form-draft-note.show{display:block}

/* ---- 9) フッター微修正 ---- */
.footer-inner div a{margin-right:18px}

/* ---- 10) プライバシーポリシーページ ---- */
.legal-page{background:#fff;min-height:100vh}
.legal-wrap{max-width:820px;margin:0 auto;padding:120px 24px 80px}
.legal-wrap h1{font-size:26px;color:var(--ink);margin:0 0 8px}
.legal-wrap .legal-updated{color:#6b7590;font-size:12.5px;margin-bottom:36px}
.legal-wrap h2{font-size:17px;color:var(--ink);margin:34px 0 10px;padding-left:12px;border-left:4px solid var(--blue)}
.legal-wrap p,.legal-wrap li{font-size:14px;line-height:2;color:#39425c}
.legal-back{display:inline-block;margin-top:40px;color:var(--blue);font-weight:700;text-decoration:none}

/* ==================================================================
   11) 下層ビジュアル刷新（2026-08-16）
   FVの光・奥行きを3つの見せ場へ引き継ぎ、情報面は静かに保つ
   ================================================================== */

/* 共通: 既存キャラクターを装飾として安全に配置 */
.lp-anchor{margin:0;pointer-events:none;user-select:none;position:relative}
.lp-anchor img{display:block;width:100%;height:auto}

/* WHY: みっちょんを案内役にしたパール／オーロラ面 */
.strengths-section{position:relative;isolation:isolate;overflow:hidden;background:
  radial-gradient(circle at 10% 18%,#ffffff 0 5%,#ffffffc9 15%,transparent 36%),
  radial-gradient(circle at 88% 10%,#d9f7ffb8 0,transparent 27%),
  radial-gradient(circle at 82% 88%,#f5ddff8c 0,transparent 28%),
  linear-gradient(135deg,#edf3ff 0%,#f9fbff 52%,#f4efff 100%)}
.strengths-section::before{content:"PARTNER";position:absolute;right:-.03em;top:36px;z-index:-1;font-family:var(--font-en);font-size:clamp(90px,14vw,190px);font-weight:900;line-height:1;letter-spacing:.04em;color:#0a4bf208;white-space:nowrap}
.strengths-section::after{content:"";position:absolute;right:7%;top:90px;z-index:-1;width:160px;height:160px;border:1px solid #0a4bf21b;transform:rotate(45deg);box-shadow:0 0 80px #43d5ff21,inset 0 0 60px #ffffff8c}
.strengths-section>.shell{position:relative;z-index:1}
.strengths-head--with-art{grid-template-columns:250px minmax(0,1.05fr) minmax(0,.95fr);gap:34px;align-items:center;margin-bottom:46px}
.lp-anchor--mitchon{height:374px;display:flex;align-items:flex-end;justify-content:center;align-self:end}
.lp-anchor--mitchon::before{content:"";position:absolute;left:50%;top:48%;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,#ffffff 0 36%,#9be8ff42 58%,transparent 72%);transform:translate(-50%,-50%);filter:blur(2px)}
.lp-anchor--mitchon::after{content:"";position:absolute;left:48%;top:48%;width:205px;height:205px;border:1px solid #ffffffdb;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 18px #ffffff35,0 0 48px #7edfff4d}
.lp-anchor--mitchon img{position:relative;z-index:1;width:auto;height:394px;max-width:none;transform:translateY(20px);filter:drop-shadow(0 22px 24px #2338752a)}
.strength-card{position:relative;overflow:hidden;border-top:0;box-shadow:0 15px 42px #182b6514}
.strength-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#36d8ff,#5573ff 54%,#ef7dff)}
.strength-card::after{content:"";position:absolute;right:-52px;top:-60px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,#a8efff45,transparent 68%)}
.strength-card:nth-child(2)::before{background:linear-gradient(90deg,#5573ff,#a274ff 58%,#ff8fcf)}
.strength-card:nth-child(3)::before{background:linear-gradient(90deg,#2fd9d0,#36a9ff 58%,#766dff)}
.strength-card:nth-child(4)::before{background:linear-gradient(90deg,#766dff,#c173ff 58%,#ff8bac)}

/* SUPPORT: 白面限定のYukiと、薄い発光ラインで4段階を整理 */
.support-section{position:relative;isolation:isolate;overflow:hidden;background:
  radial-gradient(circle at 92% 12%,#e6f8ff 0,transparent 25%),
  linear-gradient(180deg,#fff 0%,#fff 68%,#f8fbff 100%)}
.support-section::before{content:"SUPPORT";position:absolute;left:-12px;bottom:-18px;z-index:-1;font-family:var(--font-en);font-size:clamp(90px,13vw,170px);font-weight:900;line-height:.8;letter-spacing:.05em;color:#07163c08;white-space:nowrap}
.section-head--support-art{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(245px,.72fr) 210px;gap:34px;align-items:center;margin-bottom:38px}
.section-head--support-art>p{margin:0}
.lp-anchor--yuki{height:252px;display:flex;align-items:flex-end;justify-content:center}
.lp-anchor--yuki::before{content:"";position:absolute;left:50%;top:50%;width:205px;height:205px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #dcecff,0 0 54px #a9e8ff63;transform:translate(-50%,-50%)}
.lp-anchor--yuki::after{content:"";position:absolute;left:50%;top:50%;width:236px;height:236px;border-radius:50%;background-image:radial-gradient(#7acdf1 1px,transparent 1.4px);background-size:12px 12px;opacity:.22;transform:translate(-50%,-50%);mask-image:radial-gradient(circle,transparent 52%,#000 53%)}
.lp-anchor--yuki img{position:relative;z-index:1;width:auto;height:258px;max-width:100%;filter:drop-shadow(0 16px 22px #2a4b7721)}
.support-groups{position:relative}
.support-group{position:relative;background:#ffffffd9;border-color:#dfe8f4;box-shadow:0 12px 34px #14295f0c;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s}
.support-group::after{content:"";position:absolute;left:0;top:24px;bottom:24px;width:3px;border-radius:0 4px 4px 0;background:linear-gradient(#42d8ff,#5573ff,#e77fff);opacity:.7}
.support-group:hover{transform:translateY(-4px);border-color:#b9d9f5;box-shadow:0 20px 44px #14295f17}

/* PLATFORM: 中盤の入口をカードではなくビジュアル面として見せる */
.platform-section{position:relative;isolation:isolate;overflow:hidden;background:
  radial-gradient(circle at 12% 80%,#dffbff 0,transparent 27%),
  radial-gradient(circle at 92% 12%,#eadfff 0,transparent 25%),
  linear-gradient(135deg,#eef5ff 0%,#f9fbff 54%,#f4efff 100%)}
.platform-section::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#083dcc17 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(90deg,#0006,transparent 44%,#0004)}
.platform-card{border:1px solid #dce6f5;border-radius:22px;box-shadow:0 22px 56px #14295f14}
.platform-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#38dcff,#5573ff,#e27fff)}
.platform-card-accent{background:linear-gradient(150deg,#0a43d4 0%,#202a88 58%,#6b3bb1 130%)}
.platform-card-accent::before{background:linear-gradient(90deg,#5ee8ff,#a48bff,#ff91c8)}

/* BUSINESS MODEL: ページ中央の「中間FV」 */
.model-section{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:
  radial-gradient(circle at 12% 14%,#0d71ff4f 0,transparent 30%),
  radial-gradient(circle at 88% 74%,#b63cff38 0,transparent 32%),
  linear-gradient(145deg,#030b25 0%,#07183f 46%,#121449 100%)}
.model-section::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000,transparent 72%)}
.model-section::after{content:"";position:absolute;right:-120px;top:70px;z-index:-1;width:420px;height:420px;border:1px solid #75e9ff26;transform:rotate(45deg);box-shadow:0 0 110px #504dff2b,inset 0 0 90px #ff70e81f}
.model-section>.shell{position:relative;z-index:1}
.model-section .section-label,.model-flow-label{color:var(--cyan)}
.model-section .section-title,.model-box h3{color:#fff}
.model-section .section-head>p{color:#d8e5ffba}
.model-flow-label{margin-bottom:18px;text-align:left}
.model-diagram{position:relative}
.model-box{border:1px solid #a9d8ff2e;border-radius:18px;background:linear-gradient(145deg,#ffffff13,#ffffff07);box-shadow:inset 0 1px #ffffff1c,0 24px 54px #00051e52;backdrop-filter:blur(10px)}
.model-box>span{color:#69e9ff}
.model-arrow i{color:#75edff;text-shadow:0 0 18px #32dfff,0 0 36px #7e65ff}
.model-result{border:1px solid #7feaff45;border-radius:18px;background:linear-gradient(145deg,#0b55ef,#3033a8 62%,#8d36a9 135%);box-shadow:0 24px 62px #00051f66,0 0 55px #296bff33}
.model-result small{color:#8af0ff}
.model-result p{color:#e3edffd1}
.fixed-fee-line{border:1px solid #8bc9ff2e;border-radius:18px;background:#ffffff0d;box-shadow:inset 0 1px #ffffff18;color:#fff}
.fixed-fee-line span{color:#c8d9f7b8}
.model-caption{color:#c8d9f7a8}

/* 代表メッセージ: ぽぽPを小さな付録ではなく署名役として扱う */
.message-section{position:relative;isolation:isolate;overflow:hidden;background:
  radial-gradient(circle at 86% 18%,#e4f9ff 0,transparent 27%),
  radial-gradient(circle at 8% 88%,#f5e8ff 0,transparent 24%),
  #fff}
.message-section::before{content:"MESSAGE";position:absolute;right:2%;top:38px;z-index:-1;font-family:var(--font-en);font-size:clamp(80px,12vw,160px);font-weight:900;color:#083dcc07;letter-spacing:.06em}
.message-flex{grid-template-columns:minmax(0,1fr) 236px;gap:30px;align-items:end}
.message-body{border:1px solid #e1e8f3;background:#ffffffdb;box-shadow:0 20px 52px #14295f12;backdrop-filter:blur(8px)}
.message-body::before{color:#88a6ef52}
.message-persona{position:relative;padding:18px 8px 0}
.message-persona::before{content:"";position:absolute;left:50%;top:48%;z-index:-1;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,#fff 0 38%,#b7efff5c 58%,transparent 72%);transform:translate(-50%,-50%)}
.message-persona img{max-width:236px;filter:drop-shadow(0 15px 24px #07163c2d)}

/* ENTRY: FVと同じ夜色を再登場させ、りおで世界観を閉じる */
.contact-section{position:relative;isolation:isolate;overflow:hidden;background:
  radial-gradient(circle at 8% 78%,#056bff6b 0,transparent 31%),
  radial-gradient(circle at 88% 16%,#a331d64d 0,transparent 30%),
  linear-gradient(145deg,#02091f 0%,#071742 50%,#171347 100%);color:#fff}
.contact-section::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,#000,transparent 76%)}
.contact-section::after{content:"";position:absolute;left:-110px;bottom:-250px;z-index:-1;width:620px;height:620px;border:1px solid #6be9ff2e;border-radius:50%;box-shadow:inset 0 0 0 72px #6de6ff0a,inset 0 0 0 144px #ad62ff0a,0 0 120px #1466ff36}
.contact-grid{position:relative;z-index:1;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
.contact-grid>*{min-width:0}
.contact-copy--with-art{min-height:760px}
.contact-copy--with-art>*:not(.lp-anchor){position:relative;z-index:2}
.lp-anchor--rio-entry{position:absolute;left:-12px;top:360px;z-index:1;width:390px}
.lp-anchor--rio-entry::before{content:"";position:absolute;left:50%;top:44%;z-index:-1;width:410px;height:410px;border-radius:50%;background:radial-gradient(circle,#1588ff50 0,#4d52ff2b 44%,transparent 70%);filter:blur(4px);transform:translate(-50%,-50%)}
.lp-anchor--rio-entry::after{content:"";position:absolute;left:45%;top:43%;z-index:-1;width:330px;height:330px;border:1px solid #89eaff3d;border-radius:50%;box-shadow:0 0 0 28px #ffffff08,0 0 70px #4ccfff42;transform:translate(-50%,-50%)}
.lp-anchor--rio-entry img{filter:drop-shadow(0 26px 30px #00082b80)}
.contact-copy--with-art .contact-note{width:max-content;max-width:100%;padding:10px 14px;border:1px solid #83e7ff2e;border-radius:999px;background:#071a45bf;box-shadow:0 12px 28px #00051c30;backdrop-filter:blur(10px)}
.entry-form{position:relative;z-index:2;border-radius:22px;box-shadow:0 34px 86px #00051482,0 0 0 1px #ffffff1c}

@media (max-width:1060px){
  .strengths-head--with-art{grid-template-columns:215px minmax(0,1fr) minmax(0,.9fr);gap:28px}
  .lp-anchor--mitchon{height:338px}
  .lp-anchor--mitchon img{height:356px}
  .section-head--support-art{grid-template-columns:minmax(0,1fr) minmax(220px,.72fr) 185px;gap:26px}
  .lp-anchor--yuki{height:220px}
  .lp-anchor--yuki img{height:226px}
  .lp-anchor--rio-entry{left:-8px;top:360px;width:360px}
}

@media (max-width:900px){
  .strengths-head--with-art{grid-template-columns:1fr;gap:18px;align-items:start}
  .strengths-head--with-art>div{order:1}
  .strengths-head--with-art>.strengths-lead{order:2}
  .strengths-head--with-art>.lp-anchor--mitchon{order:3;justify-self:end;width:235px;height:292px;margin-top:-12px;margin-bottom:-4px}
  .lp-anchor--mitchon img{height:310px}
  .section-head--support-art{grid-template-columns:minmax(0,1fr) 180px;gap:18px 26px;align-items:end}
  .section-head--support-art>div{grid-column:1;grid-row:1}
  .section-head--support-art>p{grid-column:1;grid-row:2}
  .section-head--support-art>.lp-anchor--yuki{grid-column:2;grid-row:1/3;height:224px}
  .lp-anchor--yuki img{height:230px}
  .message-flex{grid-template-columns:minmax(0,1fr) 220px}
  .message-persona{order:initial}
  .contact-copy--with-art{min-height:700px}
  .lp-anchor--rio-entry{left:0;top:360px;width:335px}
}

@media (max-width:760px){
  .contact-grid{grid-template-columns:minmax(0,1fr)}
  .strengths-section::before{right:-10px;top:24px;font-size:82px}
  .strengths-section::after{right:-62px;top:110px;width:130px;height:130px}
  .strengths-head--with-art{margin-bottom:30px}
  .strengths-head--with-art>.lp-anchor--mitchon{width:198px;height:254px;margin-top:-8px;margin-bottom:-8px}
  .lp-anchor--mitchon::before{width:200px;height:200px}
  .lp-anchor--mitchon::after{width:164px;height:164px}
  .lp-anchor--mitchon img{height:270px}
  .section-head--support-art{grid-template-columns:1fr;margin-bottom:28px}
  .section-head--support-art>div,.section-head--support-art>p,.section-head--support-art>.lp-anchor--yuki{grid-column:1;grid-row:auto}
  .section-head--support-art>.lp-anchor--yuki{justify-self:end;width:164px;height:188px;margin-top:-12px}
  .lp-anchor--yuki::before{width:164px;height:164px}
  .lp-anchor--yuki::after{width:190px;height:190px}
  .lp-anchor--yuki img{height:194px}
  .support-groups{margin-top:18px}
  .platform-card{border-radius:17px}
  .model-flow-label{text-align:center}
  .model-box,.model-result,.fixed-fee-line{border-radius:15px}
  .message-flex{grid-template-columns:1fr;justify-items:center}
  .message-persona{order:-1;width:190px;padding-top:0}
  .message-persona img{max-width:190px}
  .contact-copy--with-art{min-height:auto}
  .contact-copy--with-art .contact-note{width:100%}
  .lp-anchor--rio-entry{position:relative;left:auto;top:auto;width:min(290px,88vw);margin:18px -4px -24px auto}
  .lp-anchor--rio-entry::before{width:300px;height:300px}
  .lp-anchor--rio-entry::after{width:245px;height:245px}
  .entry-form{border-radius:17px}
}

@media (max-width:420px){
  .strengths-head--with-art>.lp-anchor--mitchon{width:178px;height:230px}
  .lp-anchor--mitchon img{height:246px}
  .section-head--support-art>.lp-anchor--yuki{width:150px;height:172px}
  .lp-anchor--yuki img{height:178px}
  .contact-copy--with-art .contact-note{gap:clamp(5px,1.5vw,8px);padding:9px 10px;font-size:clamp(9px,2.7vw,11px)}
  .contact-copy--with-art .contact-note i{margin:0}
  .lp-anchor--rio-entry{width:264px}
}

@media (prefers-reduced-motion:reduce){
  .support-group{transition:none}
}

/* ==================================================================
   12) モーション強化（2026-08-21）
   3社(ホロライブ/にじさんじ/ぶいすぽ)実測を踏まえた演出追加:
   FVの動く光／カード時差出現／数字カウント／CTA光沢／声カルーセル。
   外部ライブラリなし・reduced-motionでは全停止
   ================================================================== */

/* ---- 12.1) FV: 光のスイープ＋オーロラ＋浮遊光粒（りお絵はそのまま） ---- */
.hero-fx{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.hero-fx::before{content:"";position:absolute;top:-14%;bottom:-14%;left:-32%;width:26%;
  background:linear-gradient(100deg,transparent 0,#9fe8ff38 36%,#ffffff73 50%,#c9b3ff38 64%,transparent 100%);
  transform:skewX(-14deg);filter:blur(7px);mix-blend-mode:screen;
  animation:saiRay 7.2s ease-in-out infinite}
@keyframes saiRay{
  0%,52%{left:-32%;opacity:0}
  58%{opacity:1}
  84%{opacity:1}
  100%{left:120%;opacity:0}}
.fx-aurora{position:absolute;inset:-22%;mix-blend-mode:screen;background:
  radial-gradient(38% 30% at 18% 26%,#37d7ff59 0,transparent 70%),
  radial-gradient(30% 26% at 84% 16%,#a45dff4d 0,transparent 70%),
  radial-gradient(34% 30% at 68% 80%,#ff6ad540 0,transparent 72%);
  animation:saiAurora 11s ease-in-out infinite alternate}
@keyframes saiAurora{
  0%{transform:translate3d(-3%,-2%,0) scale(1);opacity:.8}
  50%{transform:translate3d(2%,2.5%,0) scale(1.09);opacity:1}
  100%{transform:translate3d(3.5%,-2.5%,0) scale(1.03);opacity:.85}}
.hero-fx i{position:absolute;bottom:-3%;border-radius:50%;background:#fff;opacity:0;
  box-shadow:0 0 14px #9fe8ff,0 0 34px #58c8ff99;animation:saiFloat linear infinite}
.hero-fx i:nth-child(2){left:7%;width:8px;height:8px;animation-duration:10s;animation-delay:-2s}
.hero-fx i:nth-child(3){left:18%;width:5px;height:5px;animation-duration:13s;animation-delay:-9s;animation-name:saiFloatB}
.hero-fx i:nth-child(4){left:31%;width:9px;height:9px;animation-duration:9s;animation-delay:-5s;box-shadow:0 0 14px #ffb8ef,0 0 34px #ff8fd799}
.hero-fx i:nth-child(5){left:47%;width:5px;height:5px;animation-duration:14s;animation-delay:-11s}
.hero-fx i:nth-child(6){left:60%;width:7px;height:7px;animation-duration:11s;animation-delay:-3.5s;animation-name:saiFloatB;box-shadow:0 0 14px #c9b3ff,0 0 34px #9d7bff99}
.hero-fx i:nth-child(7){left:72%;width:8px;height:8px;animation-duration:10.5s;animation-delay:-7s}
.hero-fx i:nth-child(8){left:84%;width:5px;height:5px;animation-duration:13.5s;animation-delay:-1.5s;animation-name:saiFloatB;box-shadow:0 0 14px #ffb8ef,0 0 34px #ff8fd799}
.hero-fx i:nth-child(9){left:93%;width:6px;height:6px;animation-duration:11.5s;animation-delay:-6s}
@keyframes saiFloat{
  0%{transform:translate3d(0,0,0);opacity:0}
  6%{opacity:1}
  80%{opacity:.55}
  100%{transform:translate3d(34px,-108vh,0);opacity:0}}
@keyframes saiFloatB{
  0%{transform:translate3d(0,0,0);opacity:0}
  6%{opacity:.9}
  80%{opacity:.5}
  100%{transform:translate3d(-40px,-108vh,0);opacity:0}}
@media (max-width:760px){.hero-fx i:nth-child(n+6){display:none}}

/* ---- 12.2) カード・リストの時差出現（reveal内の.stagger直下） ---- */
:is(.motion-ready .reveal .stagger,.motion-ready .reveal.stagger)>*{
  opacity:0;transform:translateY(48px) scale(.96);
  transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}
:is(.motion-ready .reveal .stagger,.motion-ready .reveal.stagger)>*:nth-child(2){transition-delay:.12s}
:is(.motion-ready .reveal .stagger,.motion-ready .reveal.stagger)>*:nth-child(3){transition-delay:.24s}
:is(.motion-ready .reveal .stagger,.motion-ready .reveal.stagger)>*:nth-child(4){transition-delay:.36s}
:is(.motion-ready .reveal .stagger,.motion-ready .reveal.stagger)>*:nth-child(5){transition-delay:.48s}
:is(.motion-ready .reveal .stagger,.motion-ready .reveal.stagger)>*:nth-child(6){transition-delay:.6s}
:is(.motion-ready .reveal .stagger,.motion-ready .reveal.stagger)>*:nth-child(7){transition-delay:.72s}
:is(.motion-ready .reveal .stagger,.motion-ready .reveal.stagger)>*:nth-child(8){transition-delay:.84s}
:is(.motion-ready .reveal .stagger,.motion-ready .reveal.stagger)>*:nth-child(9){transition-delay:.96s}
:is(.motion-ready .reveal.is-visible .stagger,.motion-ready .reveal.stagger.is-visible)>*{opacity:1;transform:none}

/* 見出しの入場: 英字ラベルは左から、タイトルは下から */
.motion-ready .reveal .section-label{opacity:0;transform:translateX(-26px);transition:opacity .55s ease .08s,transform .55s cubic-bezier(.22,1,.36,1) .08s}
.motion-ready .reveal.is-visible .section-label{opacity:1;transform:none}
.motion-ready .reveal .section-title{opacity:0;transform:translateY(34px);transition:opacity .65s ease .2s,transform .65s cubic-bezier(.22,1,.36,1) .2s}
.motion-ready .reveal.is-visible .section-title{opacity:1;transform:none}

/* ---- 12.3) proof-bar: 数字ポップ ---- */
.proof-bar strong{display:inline-block}
.motion-ready .proof-bar.reveal.is-visible strong{animation:saiPop .6s cubic-bezier(.34,1.56,.64,1) both}
.motion-ready .proof-bar.reveal.is-visible p:nth-child(2) strong{animation-delay:.12s}
.motion-ready .proof-bar.reveal.is-visible p:nth-child(3) strong{animation-delay:.24s}
@keyframes saiPop{0%{transform:scale(.6);opacity:0}100%{transform:scale(1);opacity:1}}

/* ---- 12.4) CTA: 光沢スイープ＋矢印スライド ---- */
.button-light,.form-button{position:relative;overflow:hidden}
.button-light::after,.form-button::after{content:"";position:absolute;top:0;bottom:0;left:-75%;width:46%;
  background:linear-gradient(105deg,transparent 0,#ffffff80 45%,#8ff2ff6b 55%,transparent 100%);
  transform:skewX(-18deg);animation:saiShine 3.4s ease-in-out infinite;pointer-events:none}
.form-button::after{background:linear-gradient(105deg,transparent 0,#ffffff6b 45%,#b9c8ff80 55%,transparent 100%)}
@keyframes saiShine{0%,55%{left:-75%}85%,100%{left:132%}}
.button span[aria-hidden]{transition:transform .25s cubic-bezier(.22,1,.36,1)}
.button:hover span[aria-hidden]{transform:translateX(7px)}
.header-cta:hover{transform:translateY(-2px)}

/* ---- 12.5) 声カルーセル（scroll-snap・外部JSなし） ---- */
.voice-carousel{margin-top:38px}
.voice-carousel .voice-list{margin-top:0;display:flex;gap:22px;overflow-x:auto;
  scroll-snap-type:x mandatory;padding:6px 6px 16px;scrollbar-width:none;-ms-overflow-style:none}
.voice-carousel .voice-list::-webkit-scrollbar{display:none}
.voice-carousel .voice-row{flex:0 0 min(620px,92%);scroll-snap-align:start}
.voice-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:8px}
.voice-btn{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#fff;
  color:var(--blue);font-size:16px;font-weight:900;cursor:pointer;display:grid;place-items:center;
  transition:transform .2s,box-shadow .2s,background .2s,color .2s;box-shadow:0 6px 18px #07163c12}
.voice-btn:hover:not(:disabled){background:var(--blue-bright);color:#fff;transform:translateY(-2px);box-shadow:0 10px 24px #0a4bf233}
.voice-btn:disabled{opacity:.35;cursor:default}
.voice-dots{display:flex;gap:8px}
.voice-dot{width:8px;height:8px;border-radius:999px;border:0;padding:0;background:#c6d2e8;cursor:pointer;transition:width .25s,background .25s}
.voice-dot.is-on{width:26px;background:linear-gradient(90deg,#36d8ff,#5573ff)}
@media (max-width:640px){.voice-carousel .voice-row{flex-basis:88%}.voice-carousel .voice-list{gap:14px}}

/* ---- 12.6) 透かし英字のゆっくりドリフト ---- */
.strengths-section::before,.support-section::before,.message-section::before{animation:saiDrift 18s ease-in-out infinite alternate}
@keyframes saiDrift{from{transform:translateX(0)}to{transform:translateX(-90px)}}

/* ---- 12.7) カード類のホバー反応 ---- */
.agency-logo-card,.strength-card,.platform-card,.fit-point{transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s}
.agency-logo-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #07163c14}
.strength-card:hover{transform:translateY(-4px);box-shadow:0 22px 52px #182b6520}
.platform-card:hover{transform:translateY(-4px)}
.fit-point:hover{transform:translateY(-3px);box-shadow:0 12px 28px #07163c10}

/* ---- 12.8) FAQ: 開閉マークの回転 ---- */
.faq-list summary:after{transition:transform .3s}
.faq-list details[open] summary:after{transform:translateY(-50%) rotate(180deg)}

/* ==================================================================
   13) プラットフォーム公式ロゴ（2026-08-21 本人確認: 両社から使用許可取得済み）
   両カードとも白ベースにし、公式カラーのロゴを無改変で掲載。
   Mirrativロゴは元PNGの透過余白が大きいため表示サイズ＋負マージンで補正
   ================================================================== */
.platform-logo{display:flex;align-items:center;min-height:96px;margin:0 0 14px;overflow:visible}
.platform-logo img{display:block;width:auto;max-width:none}
.platform-card-iriam .platform-logo img{height:96px}
.platform-card-mirrativ .platform-logo{justify-content:center}
.platform-card-mirrativ .platform-logo img{height:280px;margin:-84px 0 -84px}
.platform-card-mirrativ::before{background:linear-gradient(90deg,#2cc9b0,#43d5ff 55%,#36a9ff)}
@media (max-width:760px){
  .platform-logo{min-height:78px}
  .platform-card-iriam .platform-logo img{height:78px}
  .platform-card-mirrativ .platform-logo img{height:220px;margin:-64px 0 -60px}
}

/* ==================================================================
   14) 固定ヘッダー＋モバイルドロワー（2026-08-21）
   ヘッダーをheroの外へ移設しfixed化。状態は3つ:
   (a)FV上=透明・白文字 (b)スクロール後(.is-stuck)=白ぼかしバー・濃紺文字
   (c)ドロワー展開中(body.nav-open)=(a)と同じ見た目に戻す
   ================================================================== */

/* ---- 14.1) ヘッダー本体: 全幅fixed＋内側shellで中央寄せ ---- */
.site-header{position:fixed;top:0;left:0;right:0;width:auto;height:auto;display:block;
  z-index:100;background:transparent;
  transition:background .32s ease,box-shadow .32s ease,backdrop-filter .32s ease}
.site-header-inner{display:flex;align-items:center;gap:18px;height:108px;transition:height .32s ease}
.site-header .brand{margin-right:auto}
.site-header .brand,.site-header .desktop-nav,.site-header .header-cta,.nav-toggle{transition:background .32s ease,color .32s ease,box-shadow .32s ease,border-color .32s ease}

/* heroからヘッダーが抜けた分の高さを補填（style.css側のcalc(100% - 108px)前提を維持） */
.hero-inner{margin-top:108px}

/* 固定ヘッダーに隠れないよう着地点をずらす。
   scroll-margin-top を [id] に付ける方式だと、id を持たない要素（フォームのinput、
   FAQのsummary等）へキーボードでフォーカス移動したとき固定ヘッダーの下敷きになる。
   スクロールポート側の scroll-padding-top なら id の有無に関係なく効く。
   ※ [id]{scroll-margin-top} と併用すると着地が二重にずれるので必ず片方だけにすること */
html{scroll-padding-top:96px}

/* ---- 14.2) スクロール後の白バー ---- */
body:not(.nav-open) .site-header.is-stuck{background:#ffffffef;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 6px 26px #07163c14,inset 0 -1px #0a2a6e14}
body:not(.nav-open) .site-header.is-stuck .site-header-inner{height:74px}
body:not(.nav-open) .site-header.is-stuck .brand{background:transparent;box-shadow:none;padding-left:0}
body:not(.nav-open) .site-header.is-stuck .desktop-nav{background:transparent;border-color:transparent;box-shadow:none;padding:0;gap:26px;color:var(--ink)}
body:not(.nav-open) .site-header.is-stuck .header-cta{background:var(--blue-bright);color:#fff;border-color:transparent}
/* 上の指定は詳細度が style.css の .header-cta:hover より高いため、
   白バー状態でホバーが効かなくなる。同じ詳細度で hover を復活させる */
body:not(.nav-open) .site-header.is-stuck .header-cta:hover{background:var(--cyan);color:var(--blue-deep)}
body:not(.nav-open) .site-header.is-stuck .nav-toggle{color:var(--ink)}
@media (max-width:760px){
  body:not(.nav-open) .site-header.is-stuck .site-header-inner{height:64px}
  body:not(.nav-open) .site-header.is-stuck .header-cta{background:var(--blue-bright);border-color:transparent;color:#fff}
}

/* ---- 14.3) ハンバーガーボタン（760px以下のみ） ---- */
.nav-toggle{display:none;width:44px;height:44px;flex:none;place-items:center;padding:0;
  background:transparent;border:1px solid #ffffff5c;border-radius:12px;color:#fff;cursor:pointer}
.nav-toggle span{position:relative;display:block;width:19px;height:2px;border-radius:2px;background:currentColor;transition:background .2s}
.nav-toggle span::before,.nav-toggle span::after{content:"";position:absolute;left:0;width:19px;height:2px;border-radius:2px;background:currentColor;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.nav-toggle span::before{top:-6px}
.nav-toggle span::after{top:6px}
.nav-toggle[aria-expanded="true"] span{background:transparent}
.nav-toggle[aria-expanded="true"] span::before{transform:translateY(6px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span::after{transform:translateY(-6px) rotate(-45deg)}
body:not(.nav-open) .site-header.is-stuck .nav-toggle{border-color:#0a2a6e29}

/* ---- 14.4) モバイルドロワー ---- */
.nav-drawer{position:fixed;inset:0;z-index:95;overflow-y:auto;overscroll-behavior:contain;
  background:radial-gradient(circle at 12% 8%,#0d71ff4d 0,transparent 34%),
    radial-gradient(circle at 88% 86%,#b63cff40 0,transparent 36%),
    linear-gradient(160deg,#02091f 0%,#07183f 52%,#141450 100%);
  opacity:0;transition:opacity .3s ease}
.nav-drawer[hidden]{display:none}
/* 閉じる処理は hidden 付与を320ms遅延させるため、その間タップを横取りしないよう
   当たり判定を切る（is-open が外れた瞬間に無効化される） */
.nav-drawer{pointer-events:none}
.nav-drawer.is-open{opacity:1;pointer-events:auto}
.nav-drawer-panel{display:flex;flex-direction:column;gap:2px;
  width:min(100% - 36px,560px);margin:0 auto;padding:96px 0 48px}
.nav-drawer-panel a{display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:19px 6px;font-size:17px;font-weight:800;color:#fff;text-decoration:none;
  border-bottom:1px solid #ffffff1f;
  opacity:0;transform:translateY(16px);transition:opacity .4s ease,transform .4s cubic-bezier(.22,1,.36,1),color .2s}
.nav-drawer-panel a i{font-style:normal;font-size:14px;color:#7fe3ff;transition:transform .25s}
.nav-drawer-panel a:active{color:#7fe3ff}
.nav-drawer.is-open .nav-drawer-panel a{opacity:1;transform:none}
.nav-drawer.is-open .nav-drawer-panel a:nth-child(1){transition-delay:.06s}
.nav-drawer.is-open .nav-drawer-panel a:nth-child(2){transition-delay:.11s}
.nav-drawer.is-open .nav-drawer-panel a:nth-child(3){transition-delay:.16s}
.nav-drawer.is-open .nav-drawer-panel a:nth-child(4){transition-delay:.21s}
.nav-drawer.is-open .nav-drawer-panel a:nth-child(5){transition-delay:.26s}
.nav-drawer.is-open .nav-drawer-panel a:nth-child(6){transition-delay:.31s}
.nav-drawer.is-open .nav-drawer-panel a:nth-child(7){transition-delay:.36s}
.nav-drawer.is-open .nav-drawer-panel a:nth-child(8){transition-delay:.41s}
.nav-drawer-panel .drawer-cta{justify-content:center;gap:12px;margin-top:26px;padding:19px 24px;
  background:#fff;color:var(--blue);border:0;border-radius:12px;font-size:15px;
  box-shadow:0 16px 38px #00114a5c}
.nav-drawer-panel .drawer-cta span{font-size:14px}
.drawer-note{margin:16px 0 0;text-align:center;font-size:11.5px;letter-spacing:.04em;color:#c7d8ffad;
  opacity:0;transition:opacity .4s ease .46s}
.nav-drawer.is-open .drawer-note{opacity:1}
body.nav-open{overflow:hidden}

@media (max-width:760px){
  .nav-toggle{display:grid}
  .site-header-inner{height:72px;gap:10px}
  .hero-inner{margin-top:72px}
  html{scroll-padding-top:80px}
}

/* ヘッダーが3要素（ロゴ／CTA／ハンバーガー）を並べきれない極狭幅では、
   ロゴを潰さずCTAを畳む。CTAはFVとドロワー内にあるので導線は残る */
@media (max-width:365px){
  .site-header .header-cta{display:none}
}

/* 画面高が低い端末(iPhone SE等・横向き)でCTAが折り返さないよう余白を圧縮 */
@media (max-height:720px){
  .nav-drawer-panel{padding:84px 0 30px}
  .nav-drawer-panel a{padding:14px 6px;font-size:16px}
  .nav-drawer-panel .drawer-cta{margin-top:18px;padding:16px 20px;font-size:14.5px}
  .drawer-note{margin-top:12px}
}
@media (max-height:610px){
  .nav-drawer-panel{padding:78px 0 24px}
  .nav-drawer-panel a{padding:10.5px 6px;font-size:15px}
  .nav-drawer-panel .drawer-cta{margin-top:14px;padding:14px 18px}
  .drawer-note{margin-top:10px;font-size:11px}
}
@media (min-width:761px){
  .nav-drawer{display:none!important}
}

/* ---- 14.5) reduced-motion ---- */
@media (prefers-reduced-motion:reduce){
  .site-header,.site-header-inner,.site-header .brand,.site-header .desktop-nav,.site-header .header-cta,.nav-toggle,.nav-toggle span,.nav-toggle span::before,.nav-toggle span::after,.nav-drawer,.nav-drawer-panel a,.drawer-note{transition:none}
  .nav-drawer-panel a,.drawer-note{opacity:1;transform:none}
}

/* ---- 12.9) reduced-motion: 追加演出を全停止 ---- */
@media (prefers-reduced-motion:reduce){
  .hero-fx{display:none}
  .button-light::after,.form-button::after{content:none;animation:none}
  .strengths-section::before,.support-section::before,.message-section::before{animation:none}
  :is(.motion-ready .reveal .stagger,.motion-ready .reveal.stagger)>*{opacity:1;transform:none;transition:none}
  .motion-ready .reveal .section-label,.motion-ready .reveal .section-title{opacity:1;transform:none;transition:none}
  .motion-ready .proof-bar.reveal.is-visible strong{animation:none}
  .agency-logo-card,.strength-card,.platform-card,.fit-point,.voice-btn,.voice-dot,.button span[aria-hidden]{transition:none}
  .faq-list summary:after{transition:none}
}

/* ============ 13) 応募後のメール案内注記（2026-08-29） ============ */
.form-mail-note{font-size:13px;line-height:1.8;color:#5d6780;margin:12px 0 0}
.form-mail-note strong{color:#07163c;font-weight:700}