/* lp.css — ★LP（トップ＝#intro：ヒーロー・診断でわかること・開始ボタン）。LPの見た目を変えるときはここ
   自動分割 2026-07-03（split_shindan2.py）｜正本＝このファイル。index.htmlはリンクするだけ。 */
/* ════ ヒーロー ════ */
.header{max-width:600px;margin:0 auto;padding:26px 18px 8px;text-align:center;}
.brand-pill{display:inline-flex;align-items:center;gap:11px;font-weight:700;font-size:17px;color:var(--navy);letter-spacing:.04em;}
.brand-pill .dot{width:5px;height:20px;border-radius:2px;background:var(--coral);}
.hero{margin-top:20px;}
.hero .kv{width:100%;max-width:300px;margin:0 auto 14px;}
.hero .kv img{width:100%;height:auto;border-radius:20px;display:block;box-shadow:0 6px 20px rgba(20,45,90,.12);}
.hero-title{font-size:30px;font-weight:700;line-height:1.4;color:var(--ink);}
.hero-title .hl{color:var(--navy);}
.hero .sub{font-size:15px;color:var(--ink-soft);font-weight:500;margin-top:13px;line-height:1.85;}
.hero .badges{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:16px;}
.hero .badge{font-weight:700;font-size:12.5px;border-radius:999px;padding:6px 14px;background:#fff;border:1.5px solid var(--line);color:var(--ink-soft);box-shadow:var(--shadow-sm);}
.hero .badge b{color:var(--navy);}
.start-btn{margin-top:22px;display:inline-flex;align-items:center;gap:9px;background:var(--navy);color:#fff;font-family:'M PLUS 1p','Hiragino Kaku Gothic ProN','Hiragino Sans',sans-serif;font-weight:700;font-size:17px;border:none;border-radius:999px;padding:15px 40px;cursor:pointer;box-shadow:0 6px 18px rgba(30,80,162,.28);transition:transform .15s,box-shadow .15s;}
.start-btn:active{transform:translateY(0);}
  #intro .start-btn{display:flex;margin:8px auto 0;}
  .intro-card{background:#fff;border:1.5px solid var(--line);border-radius:var(--r);padding:20px 22px;margin-bottom:14px;box-shadow:var(--shadow-sm);}
  .intro-card.alt{background:var(--pale);border-color:#D5E3F5;}
  .ic-h{font-size:17px;font-weight:700;color:var(--navy);margin-bottom:13px;}
  .ic-list{list-style:none;display:flex;flex-direction:column;gap:10px;}
  .ic-list li{font-size:14px;line-height:1.7;padding-left:25px;position:relative;}
  .ic-list li::before{content:"✓";position:absolute;left:0;top:1px;color:var(--coral);font-weight:700;}
  .ic-note{font-size:12.5px;color:var(--ink-soft);line-height:1.85;margin-top:14px;padding-top:13px;border-top:1px dashed var(--line);}
  .ic-list li b{color:var(--navy);font-weight:700;}
  .intro-note{text-align:center;font-size:12.5px;color:var(--ink-soft);margin-top:13px;font-weight:600;}

.wrap{max-width:600px;margin:18px auto 0;padding:0 16px;}