/* 勝ち筋AI — ブランドの土台（色・文字・動き）。管理画面・LP・資料で共通に使う
   色の考え方: 桜のピンク（親しみ）× 海の水色（澄んだ信頼）× 深い紺（上場企業の落ち着き）
   ★グラデーション・ぼかした光の丸は使わない（上野さん指定 2026-10-14）。面はすべて単色。 */
:root{
  --navy:#0B2545;      /* 見出し・信頼の色 */
  --navy-2:#13315C;
  --ink:#122338;       /* 本文 */
  --sub:#5A6B80;       /* 補足 */
  --mute:#8C9AAD;
  --line:#DCE6EF;
  --paper:#F7FAFC;     /* 地 */
  --white:#FFFFFF;
  --sea:#1F7FC4;       /* 主ボタン・リンク */
  --sea-2:#4FAEE3;
  --sky:#E3F2FB;       /* 水色の面 */
  --sky-2:#C9E6F7;
  --sakura:#EE8FAE;    /* 差し色 */
  --sakura-deep:#D45F86;
  --sakura-soft:#FCE9F0;
  --ok:#2A9D78; --warn:#D9962B; --ng:#D2475C;
  --r:14px; --r-sm:10px;
  --sh:0 1px 2px rgba(11,37,69,.06),0 8px 24px -12px rgba(11,37,69,.18);
  --sh-lg:0 2px 4px rgba(11,37,69,.06),0 24px 48px -20px rgba(11,37,69,.28);
  --font:"Zen Kaku Gothic New","Hiragino Sans","Noto Sans JP",sans-serif;
  --num:"Inter","Zen Kaku Gothic New",sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--paper);line-height:1.75;font-feature-settings:"palt" 1;-webkit-font-smoothing:antialiased}
a{color:var(--sea);text-decoration:none}
.num{font-family:var(--num);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
/* ロゴ（桜の花びら＋波） */
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:var(--navy);letter-spacing:.04em}
.brand svg{width:34px;height:34px;flex:none}
.brand small{display:block;font-family:var(--num);font-size:10px;letter-spacing:.28em;color:var(--sub);font-weight:600;line-height:1}
/* ボタン */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:12px 22px;font:700 15px/1 var(--font);cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .2s;white-space:nowrap}
.btn:active{transform:translateY(1px) scale(.99)}
.btn-pri{background:var(--sea);color:#fff;box-shadow:0 8px 18px -10px rgba(31,127,196,.9)}
.btn-pri:hover{background:#196fae;transform:translateY(-1px)}
.btn-sakura{background:var(--sakura-deep);color:#fff;box-shadow:0 8px 18px -10px rgba(212,95,134,.9)}
.btn-sakura:hover{background:#c24f76;transform:translateY(-1px)}
.btn-ghost{background:#fff;color:var(--navy);box-shadow:inset 0 0 0 1px var(--line)}
.btn-ghost:hover{box-shadow:inset 0 0 0 1px var(--sea-2);color:var(--sea)}
.btn-sm{padding:8px 14px;font-size:13px}
/* 出てくる動き（動きを減らす設定の人には出さない） */
@media (prefers-reduced-motion:no-preference){
  .mo .rv{opacity:0;transform:translateY(18px);transition:opacity .55s var(--ease),transform .55s var(--ease)}
  .mo .rv.seen{opacity:1;transform:none}
}
@keyframes petal{0%{transform:translate3d(0,-10vh,0) rotate(0)}100%{transform:translate3d(var(--dx,60px),110vh,0) rotate(var(--rot,540deg))}}
@keyframes sway{0%,100%{margin-left:0}50%{margin-left:24px}}
@keyframes wave{to{transform:translateX(-50%)}}
@keyframes pop{0%{transform:scale(.92);opacity:0}100%{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}