@charset "UTF-8";

/* =============================================================
   SUN FLOWER｜婚活整理セッション 一般広告向けLP（v2）
   ベース：MLAJ向けLPのブランドカラーを継承
   トーン：やさしさ55／知性25／芯の強さ20
     - 見出し＝明朝（Noto Serif JP）、本文＝ゴシック、FVのみ Klee One で感情表現
     - 締め色（チャコール／スレート）を見出し・重要部に使用
     - 角丸・カード・装飾を抑え、余白とタイポグラフィで構成
   ============================================================= */
:root{
  /* Brand（MLAJ版と同一） */
  --orange:#FF8A3D;
  --orange-deep:#C7480A;     /* CTA・強調（白文字4.8:1） */
  --orange-mid:#DF5A10;
  --peach:#FFD1B5;
  --peach-light:#FFEADC;
  --peach-pale:#FFF4EC;
  --lemon-light:#FFF6C9;
  --lavender:#CBA9FF;
  --lavender-mute:#EEEAF3;
  --mint-light:#E4F7FC;
  --ivory:#FFFDF6;

  /* 締め色 */
  --ink:#2B2725;             /* チャコールブラウン：見出し・暗色ブロック */
  --ink-soft:#4E4744;
  --brown:#4B3A34;           /* 本文 */
  --brown-soft:#7A6459;
  --slate:#5E6672;           /* ネイビーグレー：ラベル・補足 */
  --line:#E6DCD2;
  --paper:#FFFFFF;
  --sand:#F5EEE6;
  --cool:#EEF1F4;

  /* Type */
  --serif:"Noto Serif JP","Hiragino Mincho ProN","Hiragino Mincho Pro","Yu Mincho","YuMincho",serif;
  --script:"Klee One","Hiragino Mincho ProN","Yu Mincho","YuMincho",serif;
  --sans:"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic Medium","YuGothic","Noto Sans JP","Meiryo",system-ui,sans-serif;

  /* Shape */
  --r-s:8px; --r-m:14px; --r-l:20px; --r-pill:999px;
  --shadow-soft:0 4px 18px rgba(80,50,30,.07);
  --shadow-card:0 12px 34px rgba(80,50,30,.10);
  --ease:cubic-bezier(.22,.61,.36,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--brown);font-family:var(--sans);
  font-size:16px;line-height:2;letter-spacing:.02em;font-feature-settings:"palt" 1;
  -webkit-font-smoothing:antialiased;overflow-wrap:break-word;overflow-x:hidden}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--orange-deep)}
h1,h2,h3,h4,p,ul,ol,figure,dl,dd,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
:focus-visible{outline:3px solid var(--orange-deep);outline-offset:3px;border-radius:4px}
.u-nowrap{white-space:nowrap}
.u-sp{display:inline}
@media(min-width:960px){.u-sp{display:none}}
.u-mt-16{margin-top:16px}.u-mt-24{margin-top:24px}.u-mt-32{margin-top:32px}

/* =============================================================
   Layout
   ============================================================= */
.l-wrap{width:min(100% - 40px,1080px);margin-inline:auto}
.l-wrap--narrow{width:min(100% - 40px,720px)}
.l-wrap--mid{width:min(100% - 40px,880px)}
.l-section{padding-block:72px;position:relative}
@media(min-width:768px){.l-section{padding-block:104px}}
.bg-ivory{background:var(--ivory)}
.bg-paper{background:var(--paper)}
.bg-sand{background:var(--sand)}
.bg-peach{background:var(--peach-pale)}
.bg-lav{background:var(--lavender-mute)}
.bg-cool{background:var(--cool)}
.bg-ink{background:var(--ink);color:var(--ivory)}
.bg-warm{background:linear-gradient(160deg,#FFEFD9,#FFF7E8)}

/* =============================================================
   Typography
   ============================================================= */
.c-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.6875rem;font-weight:700;
  letter-spacing:.2em;color:var(--slate);margin-bottom:18px;white-space:nowrap;text-transform:uppercase}
.c-eyebrow::before{content:"";width:20px;height:1.5px;background:var(--orange-deep)}
.bg-ink .c-eyebrow{color:var(--peach)}
.bg-ink .c-eyebrow::before{background:var(--orange)}
.c-title{font-family:var(--serif);font-weight:700;font-size:clamp(1.375rem,5.2vw,2.125rem);line-height:1.65;
  color:var(--ink);margin-bottom:24px;letter-spacing:.04em}
.c-title--lg{font-size:clamp(1.375rem,5.8vw,2.5rem);line-height:1.6}
.c-title--center{text-align:center}
.c-title>span{display:block}
.c-title .u-nowrap{display:inline;white-space:nowrap}
.c-title em{font-style:normal;color:var(--orange-deep)}
.bg-ink .c-title{color:var(--ivory)}
.c-lead{font-size:clamp(1rem,3.6vw,1.0625rem);font-weight:700;line-height:1.9;color:var(--ink-soft);margin-bottom:18px}
.c-text{font-size:1rem;line-height:2.05}
.c-text+.c-text{margin-top:1.2em}
.c-text--center{text-align:center}
.c-text strong{font-weight:700;color:var(--orange-deep)}
.bg-ink .c-text{color:rgba(255,253,246,.82)}
.c-note{font-size:.8125rem;line-height:1.8;color:var(--brown-soft)}
.c-label{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;font-size:.6875rem;font-weight:700;
  letter-spacing:.18em;color:var(--slate)}
.c-label::before{content:"";width:14px;height:1.5px;background:var(--orange-deep)}
.c-statement{font-family:var(--serif);font-weight:700;font-size:clamp(1.125rem,4vw,1.375rem);line-height:1.8;
  color:var(--ink);letter-spacing:.03em;padding-left:18px;border-left:3px solid var(--orange-deep)}
.c-rule{height:1px;background:var(--line);border:0;margin:36px 0}

/* =============================================================
   Header / Footer / Sticky
   ============================================================= */
.l-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);
  backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.l-header__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px}
.c-logo{display:inline-flex;align-items:baseline;gap:10px;text-decoration:none;color:var(--ink);white-space:nowrap;flex:none}
.c-logo__mark{font-size:1rem;font-weight:700;letter-spacing:.16em;color:var(--orange-deep);white-space:nowrap}
.c-logo__sub{font-size:.6875rem;color:var(--slate);letter-spacing:.1em;white-space:nowrap}
.l-header__cta{display:none;padding:10px 22px;border-radius:var(--r-pill);
  background:var(--orange-deep);color:#fff;font-size:.8125rem;font-weight:700;text-decoration:none;white-space:nowrap;letter-spacing:.04em}
@media(min-width:900px){.l-header__cta{display:inline-block}}

.l-footer{background:var(--ink);color:rgba(255,253,246,.8);padding-block:44px;
  padding-bottom:112px;font-size:.8125rem;line-height:1.9}
.l-footer a{color:#fff}
.l-footer__brand{color:#fff;font-size:1rem;font-weight:700;letter-spacing:.16em;margin-bottom:8px}
.l-footer__links{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:18px;font-size:.8125rem}
.l-footer__copy{margin-top:22px;font-size:.75rem;color:rgba(255,253,246,.5)}
@media(min-width:900px){.l-footer{padding-bottom:44px}}

.c-sticky{position:fixed;left:0;right:0;bottom:0;z-index:50;
  padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-top:1px solid var(--line);
  transform:translateY(110%);transition:transform .3s var(--ease)}
.c-sticky.is-shown{transform:translateY(0)}
.c-sticky__btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;
  border-radius:var(--r-pill);background:var(--orange-deep);
  color:#fff;font-size:.9375rem;font-weight:700;text-decoration:none;text-align:center;line-height:1.4;letter-spacing:.03em}
.c-sticky__note{display:block;margin-top:6px;text-align:center;font-size:.6875rem;color:var(--slate)}
@media(min-width:900px){.c-sticky{display:none}}

/* =============================================================
   CTA
   ============================================================= */
.c-cta{margin-top:40px;text-align:center}
.c-cta__lead{font-family:var(--serif);font-weight:700;font-size:1.0625rem;color:var(--ink);margin-bottom:16px;text-wrap:balance;letter-spacing:.04em}
.c-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  width:100%;min-height:66px;padding:14px 28px;border:0;border-radius:var(--r-pill);
  background:linear-gradient(135deg,var(--orange-mid),var(--orange-deep));color:#fff;
  font-family:inherit;font-weight:700;line-height:1.5;text-decoration:none;text-align:center;letter-spacing:.03em;
  box-shadow:0 10px 24px rgba(199,72,10,.24);transition:transform .22s var(--ease),box-shadow .22s var(--ease)}
.c-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(199,72,10,.3)}
.c-btn:active{transform:translateY(0)}
.c-btn__main{display:inline-flex;align-items:center;gap:10px;font-size:clamp(1.0625rem,4vw,1.125rem)}
.c-btn__main::after{content:"";width:22px;height:22px;flex:none;border-radius:50%;background:rgba(255,255,255,.2);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6l6 6-6 6' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size:18px;background-position:center;background-repeat:no-repeat}
.c-btn__sub{font-size:.75rem;font-weight:600;opacity:.92;letter-spacing:.08em}
@media(min-width:768px){.c-btn{width:auto;min-width:420px}}
.c-cta__notes{margin-top:14px;display:flex;flex-direction:column;align-items:center;gap:4px}
.c-cta__note{font-size:.8125rem;color:var(--brown-soft);line-height:1.7}

/* スペック（オンライン／約60分／無料）：チップではなく区切り線で */
.c-specs{display:flex;flex-wrap:wrap;gap:6px 0;font-size:.8125rem;font-weight:700;color:var(--ink-soft);letter-spacing:.04em}
.c-specs li{display:inline-flex;align-items:center;white-space:nowrap;padding-right:12px;margin-right:12px;border-right:1px solid var(--line);line-height:1.2}
.c-specs li:last-child{padding-right:0;margin-right:0;border-right:0}
.c-specs--center{justify-content:center}

/* =============================================================
   01 ファーストビュー
   ============================================================= */
.p-hero{position:relative;padding-block:36px 56px;overflow:hidden;
  background:linear-gradient(165deg,#FFF1E3 0%,var(--ivory) 58%)}
.p-hero__glow{position:absolute;right:-18vw;top:-24vw;width:64vw;height:64vw;max-width:680px;max-height:680px;
  border-radius:50%;background:radial-gradient(circle at 45% 45%,rgba(255,209,181,.75),rgba(255,234,220,0) 68%);z-index:0}
.p-hero__inner{position:relative;z-index:1}
.p-hero__grid{display:grid;gap:28px}
.p-hero__eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.6875rem;font-weight:700;letter-spacing:.18em;
  color:var(--orange-deep);margin-bottom:22px;white-space:nowrap}
.p-hero__eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--orange)}

/* 見出し：意味の区切りごとに書体・サイズ・色を変える */
.p-hero__main{font-weight:700;color:var(--ink);margin-bottom:26px}
.p-hero__main span{display:block}
.p-hero__l1{font-family:var(--script);font-weight:600;font-size:clamp(1.875rem,8vw,2.75rem);line-height:1.4;letter-spacing:.05em}
.p-hero__l2{font-family:var(--script);font-weight:600;font-size:clamp(1.25rem,5.4vw,2rem);line-height:1.4;letter-spacing:.08em;
  color:var(--ink-soft);margin:4px 0 6px .2em}
.p-hero__l3{font-family:var(--serif);font-weight:700;font-size:clamp(2.125rem,9.2vw,3rem);line-height:1.3;letter-spacing:.02em;
  color:var(--orange-deep)}
.p-hero__l3 mark{background:none;color:inherit;position:relative;display:inline-block;padding:0 .04em}
.p-hero__l3 mark::before{content:"";position:absolute;left:-.02em;right:-.02em;bottom:.14em;height:.26em;
  background:var(--peach);z-index:-1;border-radius:2px;transform:skewX(-8deg)}
.p-hero__l3 i{font-style:normal;position:relative}

.p-hero__lead{font-size:clamp(.9375rem,3.6vw,1.0625rem);line-height:2;color:var(--brown)}
.p-hero__lead+.p-hero__lead{margin-top:.4em}
.p-hero__bridge{margin-top:20px;padding-left:16px;border-left:3px solid var(--orange-deep);
  font-family:var(--serif);font-weight:700;font-size:clamp(1rem,3.8vw,1.1875rem);line-height:1.85;color:var(--ink);letter-spacing:.03em}

/* あきさん写真（FV） */
.p-hero__figure{position:relative;margin:0}
.p-hero__photo{border-radius:var(--r-l);overflow:hidden;background:var(--peach-light);box-shadow:var(--shadow-card);aspect-ratio:4/3}
.p-hero__photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.p-hero__photo--pc{display:none}
.p-hero__say{position:relative;margin:-26px 14px 0;background:var(--paper);border-radius:var(--r-m);
  padding:14px 18px;box-shadow:var(--shadow-card);display:grid;gap:2px}
.p-hero__say-q{font-family:var(--serif);font-weight:700;font-size:1rem;line-height:1.6;color:var(--ink);letter-spacing:.02em}
.p-hero__say-q .u-nowrap{display:inline}
.p-hero__say-who{font-size:.75rem;color:var(--slate);letter-spacing:.06em}
.p-hero__say-who b{color:var(--ink);font-size:.875rem;margin-left:6px;letter-spacing:.08em}

/* 商品バー（セッション＝商品） */
.c-offer{margin-top:36px;background:var(--paper);border-radius:var(--r-l);padding:22px 20px 22px;box-shadow:var(--shadow-card);
  border-top:3px solid var(--orange-deep)}
.c-offer__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px}
.c-offer__name{font-family:var(--serif);font-weight:700;font-size:1.25rem;line-height:1.4;color:var(--ink);letter-spacing:.05em}
.c-offer__with{font-size:.8125rem;color:var(--slate);letter-spacing:.04em}
.c-offer .c-specs{margin-top:8px}
.c-offer .c-cta{margin-top:16px}
.c-offer .c-btn{width:100%;min-width:0;padding-inline:12px}
.c-offer .c-cta__notes{align-items:flex-start;text-align:left}

@media(min-width:960px){
  .p-hero{padding-block:64px 88px}
  .p-hero__grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);column-gap:52px;align-items:start}
  .p-hero__copy{grid-column:1;grid-row:1}
  .p-hero__figure{grid-column:2;grid-row:1/span 2;max-width:410px;justify-self:end;width:100%;margin-top:10px}
  .p-hero__photo{aspect-ratio:4/5}
  .p-hero__photo--pc{display:block}
  .p-hero__photo--sp{display:none}
  .p-hero__photo img{object-position:center top}
  .p-hero__say{position:absolute;margin:0;left:-28px;right:auto;max-width:380px;bottom:34px}
  .c-offer{grid-column:1;grid-row:2;margin-top:34px;padding:24px 26px}
  .c-offer .c-btn{width:auto;min-width:360px}
  .c-offer .c-cta{text-align:left}
}

/* =============================================================
   02 言えない本音：静かな余白、カードなし
   ============================================================= */
.c-mono{display:grid;margin-top:8px;border-top:1px solid var(--line)}
.c-mono__item{position:relative;padding:22px 0 22px 34px;border-bottom:1px solid var(--line);
  font-family:var(--serif);font-weight:600;font-size:clamp(1.0625rem,4.2vw,1.25rem);line-height:1.8;color:var(--ink);letter-spacing:.03em}
.c-mono__item::before{content:"";position:absolute;left:2px;top:calc(22px + .9em);width:14px;height:1.5px;background:var(--orange-deep)}
.c-mono-close{margin-top:40px;padding-top:26px;position:relative}
.c-mono-close::before{content:"";position:absolute;left:0;top:0;width:36px;height:2px;background:var(--orange-deep)}
.c-mono-close .c-text{font-size:1rem}

/* =============================================================
   03 問題再定義：暗色ブロックで視線を止める → 5つの候補
   ============================================================= */
.p-reframe{padding-block:72px 64px}
@media(min-width:768px){.p-reframe{padding-block:104px 96px}}
.p-reframe .c-title{margin-bottom:26px}
.p-reframe__lead{max-width:640px}
.p-reframe__body{padding-block:56px 72px}
@media(min-width:768px){.p-reframe__body{padding-block:80px 104px}}

.c-options{display:grid;border-top:1px solid var(--line)}
.c-options__item{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 14px;align-items:start;
  padding:18px 0;border-bottom:1px solid var(--line)}
.c-options__num{font-family:var(--serif);font-weight:700;font-size:1.25rem;line-height:1.3;color:var(--orange-deep);letter-spacing:.04em;padding-top:2px}
.c-options__label{display:block;font-family:var(--serif);font-weight:700;font-size:1.125rem;line-height:1.5;color:var(--ink);letter-spacing:.03em}
.c-options__q{display:block;grid-column:2;font-size:.9375rem;line-height:1.85;color:var(--brown-soft)}
@media(min-width:768px){
  .c-options__item{grid-template-columns:52px 220px minmax(0,1fr);align-items:center;padding:20px 8px}
  .c-options__q{grid-column:auto}
}
.c-options-close{margin-top:36px;max-width:640px}

/* =============================================================
   04 SUN FLOWERの違い：順番が違うことを一目で
   ============================================================= */
.c-order{display:grid;gap:16px;margin-top:32px}
.c-order__col{background:var(--paper);border-radius:var(--r-l);padding:22px 20px 20px;box-shadow:var(--shadow-soft)}
.c-order__col--ours{box-shadow:var(--shadow-card);border:1.5px solid var(--peach)}
.c-order__head{display:flex;align-items:center;gap:10px;font-size:.75rem;font-weight:700;letter-spacing:.14em;color:var(--slate);margin-bottom:14px}
.c-order__col--ours .c-order__head{color:var(--orange-deep)}
.c-order__list{display:grid;gap:6px}
.c-order__list li{position:relative;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--r-s);
  background:var(--sand);font-weight:700;font-size:.9375rem;line-height:1.6;color:var(--brown-soft)}
.c-order__list li i{flex:none;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  background:var(--paper);border:1.5px solid var(--line);font-style:normal;font-family:var(--serif);font-size:.8125rem;font-weight:700;color:var(--slate)}
.c-order__list li.is-key{background:var(--orange-deep);color:#fff}
.c-order__list li.is-key i{background:#fff;border-color:#fff;color:var(--orange-deep)}
.c-order__list li.is-key+li.is-key{margin-top:-2px}
.c-order__note{margin-top:12px;font-size:.75rem;color:var(--slate);line-height:1.7}
@media(min-width:820px){.c-order{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}}
.c-order-punch{margin-top:28px;font-family:var(--serif);font-weight:700;font-size:clamp(1.125rem,4.4vw,1.5rem);line-height:1.7;color:var(--ink);letter-spacing:.04em;text-align:center}
.c-order-punch em{font-style:normal;color:var(--orange-deep)}
.c-order-hint{max-width:600px;margin:14px auto 0;text-align:center;text-wrap:balance}

.c-before{display:grid;margin-top:26px;border-top:1px solid var(--line)}
.c-before li{position:relative;padding:14px 0 14px 26px;border-bottom:1px solid var(--line);font-weight:700;line-height:1.8;color:var(--ink)}
.c-before li::before{content:"";position:absolute;left:0;top:calc(14px + .85em);width:12px;height:1.5px;background:var(--orange-deep)}
@media(min-width:768px){
  .c-before{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}
}

/* =============================================================
   05 あきさん：人物インタビュー風
   ============================================================= */
.p-aki{display:grid;gap:32px;margin-top:8px}
.p-aki__figure{margin:0}
.p-aki__photo{border-radius:var(--r-l);overflow:hidden;aspect-ratio:4/5;background:var(--peach-light);box-shadow:var(--shadow-card)}
.p-aki__photo img{width:100%;height:100%;object-fit:cover}
.p-aki__caption{margin-top:12px;font-size:.8125rem;color:var(--slate);line-height:1.7}
.p-aki__name{font-family:var(--serif);font-weight:700;font-size:1.625rem;line-height:1.4;letter-spacing:.08em;color:var(--ink)}
.p-aki__role{font-size:.8125rem;color:var(--slate);margin-top:4px;letter-spacing:.06em}
.p-aki__pull{margin:22px 0 26px;padding:0 0 0 20px;border-left:3px solid var(--orange-deep);
  font-family:var(--serif);font-weight:700;font-size:clamp(1.25rem,4.6vw,1.625rem);line-height:1.65;color:var(--ink);letter-spacing:.04em}
.p-aki__pull>span{display:block}
.p-aki__pull .u-nowrap{display:inline}
.p-aki__intro{font-size:.9375rem;line-height:1.95;color:var(--brown)}
.p-aki .c-label{margin-top:30px}
.c-stance{display:grid;border-top:1px solid var(--line)}
.c-stance li{position:relative;padding:13px 0 13px 26px;border-bottom:1px solid var(--line);font-weight:700;line-height:1.75;color:var(--ink)}
.c-stance li::before{content:"";position:absolute;left:0;top:calc(13px + .82em);width:12px;height:1.5px;background:var(--orange-deep)}
.p-aki__profile{font-size:.9375rem;line-height:1.95;color:var(--brown)}
.p-aki__profile p+p{margin-top:.5em}
.p-aki__profile dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin-top:12px;font-size:.875rem;line-height:1.7}
.p-aki__profile dt{color:var(--slate);font-weight:700;letter-spacing:.04em;white-space:nowrap}
.p-aki__profile dd{color:var(--brown)}
.c-ownwords{margin-top:8px;padding:22px 24px;border-radius:var(--r-l);background:var(--ivory);border:1px solid var(--line)}
.c-ownwords__quote{font-family:var(--serif);font-weight:700;font-size:1.0625rem;line-height:1.8;color:var(--ink);letter-spacing:.03em}
.c-ownwords__text{margin-top:10px;font-size:.9375rem;line-height:1.9}
.c-ownwords__sign{margin-top:10px;font-size:.8125rem;color:var(--slate);text-align:right;letter-spacing:.06em}
@media(min-width:860px){
  .p-aki{grid-template-columns:380px minmax(0,1fr);gap:56px;align-items:start}
  .p-aki__figure{position:sticky;top:84px}
}

/* =============================================================
   06 婚活整理セッション：商品パネル
   ============================================================= */
.p-session__panel{background:var(--paper);border-radius:var(--r-l);padding:32px 22px 34px;box-shadow:var(--shadow-card);
  border-top:4px solid var(--orange-deep)}
@media(min-width:768px){.p-session__panel{padding:52px 56px 56px}}
.p-session__head{display:grid;gap:14px;margin-bottom:34px;max-width:720px}
.p-session__spec{display:flex;flex-wrap:wrap;align-items:center;gap:10px 0;font-size:.8125rem;font-weight:700;color:var(--ink-soft);letter-spacing:.04em}
.p-session__spec li{display:inline-flex;align-items:center;white-space:nowrap;padding-right:12px;margin-right:12px;border-right:1px solid var(--line);line-height:1.3}
.p-session__spec li:last-child{padding-right:0;margin-right:0;border-right:0}
.p-session__spec .is-name{font-family:var(--serif);color:var(--orange-deep);font-size:.9375rem;letter-spacing:.06em}
.p-session__who{display:inline-flex;align-items:center;gap:8px}
.p-session__who img{width:26px;height:26px;border-radius:50%;object-fit:cover}

.c-steps3{display:grid;gap:14px;counter-reset:s}
.c-step3{position:relative;padding:22px 0 22px 0;border-top:1px solid var(--line)}
.c-step3__num{display:flex;align-items:baseline;gap:10px;font-family:var(--serif);font-weight:700;font-size:1.75rem;line-height:1;color:var(--orange-deep);letter-spacing:.04em}
.c-step3__num small{font-family:var(--sans);font-size:.6875rem;font-weight:700;letter-spacing:.16em;color:var(--slate)}
.c-step3__title{font-family:var(--serif);font-weight:700;font-size:1.1875rem;line-height:1.6;margin-top:12px;margin-bottom:8px;color:var(--ink);letter-spacing:.03em}
.c-step3__text{font-size:.9375rem;line-height:1.9}
.c-step3__list{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.c-step3__list li{padding:4px 11px;border-radius:var(--r-s);background:var(--sand);font-size:.8125rem;font-weight:700;color:var(--ink-soft)}
@media(min-width:820px){
  .c-steps3{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
  .c-step3{padding:26px 26px 8px 0;border-top:1px solid var(--line)}
  .c-step3+.c-step3{padding-left:26px;border-left:1px solid var(--line)}
  .c-step3+.c-step3::before{content:"";position:absolute;left:-7px;top:38px;width:12px;height:12px;border-radius:50%;background:var(--paper);border:2px solid var(--orange-deep)}
}
.c-honest{margin-top:30px;padding:18px 20px;border-left:3px solid var(--lavender);background:var(--lavender-mute);border-radius:0 var(--r-s) var(--r-s) 0}
.c-honest .c-text{font-size:.9375rem}

/* =============================================================
   07 対象者
   ============================================================= */
.c-for{display:grid;margin-top:26px;border-top:1px solid var(--line)}
.c-for li{position:relative;padding:15px 0 15px 30px;border-bottom:1px solid var(--line);font-weight:700;line-height:1.8;color:var(--ink)}
.c-for li::before{content:"";position:absolute;left:2px;top:calc(15px + .55em);width:14px;height:14px;border-radius:50%;
  background:var(--orange-deep) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.4l3 3 6-6.4' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
@media(min-width:768px){.c-for{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}}

/* =============================================================
   08 お客様ストーリー
   ============================================================= */
.c-stories{display:flex;gap:14px;margin-top:28px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 20px 16px;margin-inline:-20px}
.c-story{display:flex;flex-direction:column;flex:0 0 86%;scroll-snap-align:start;background:var(--paper);border-radius:var(--r-l);
  padding:24px 20px;box-shadow:var(--shadow-soft)}
.c-story__top{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:center;margin-bottom:14px}
.c-story__photo{width:64px;height:64px;border-radius:var(--r-m);overflow:hidden;background:var(--peach-light)}
.c-story__photo img{width:100%;height:100%;object-fit:cover}
.c-story__meta{display:flex;flex-wrap:wrap;gap:6px}
.c-story__meta span{padding:3px 10px;border-radius:var(--r-s);background:var(--sand);font-size:.75rem;font-weight:700;color:var(--slate);white-space:nowrap}
.c-story__meta .is-term{background:var(--orange-deep);color:#fff}
.c-story__title{font-family:var(--serif);font-weight:700;font-size:1.0625rem;line-height:1.65;margin-bottom:14px;color:var(--ink);letter-spacing:.02em}
.c-story__step{padding:12px 0;border-top:1px solid var(--line)}
.c-story__step:last-of-type{border-bottom:1px solid var(--line)}
.c-story__tag{display:inline-block;font-size:.6875rem;font-weight:700;letter-spacing:.14em;color:var(--orange-deep);margin-bottom:4px}
.c-story__step p{font-size:.875rem;line-height:1.85}
.c-story__quote{margin-top:14px;padding:12px 14px;border-left:3px solid var(--peach);background:var(--ivory);font-size:.875rem;font-weight:700;line-height:1.8;color:var(--ink)}
.c-story__link{margin-top:auto;padding-top:16px;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:700;color:var(--ink);text-decoration:none;border-bottom:1.5px solid var(--orange-deep);padding-bottom:1px}
.c-story__link::after{content:"→";color:var(--orange-deep)}
.c-swipe-hint{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:.75rem;color:var(--slate);font-weight:700}
.c-swipe-hint::after{content:"→";color:var(--orange-deep)}
@media(min-width:880px){
  .c-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;overflow:visible;padding:6px 0 0;margin-inline:0}
  .c-story{flex:none}
  .c-swipe-hint{display:none}
}

/* =============================================================
   09 信頼・実在性
   ============================================================= */
.c-facts{display:grid;border-top:1px solid var(--line);margin-top:6px}
.c-facts div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:4px 16px;padding:16px 0;border-bottom:1px solid var(--line)}
.c-facts dt{font-size:.75rem;font-weight:700;letter-spacing:.14em;color:var(--slate);padding-top:4px}
.c-facts dd{font-size:.9375rem;font-weight:700;line-height:1.7;color:var(--ink)}
.c-facts dd small{display:block;font-weight:400;font-size:.8125rem;color:var(--brown-soft);margin-top:2px}
@media(max-width:480px){.c-facts div{grid-template-columns:1fr}}
.c-facts-links{margin-top:18px;font-size:.8125rem;color:var(--brown-soft)}
.c-facts-links a{color:var(--ink);font-weight:700}

/* =============================================================
   10 安心・申込方法・FAQ
   ============================================================= */
.c-reason{margin-top:6px;max-width:680px}
.c-reason__key{margin:24px 0;padding-left:18px;border-left:3px solid var(--orange-deep);
  font-family:var(--serif);font-weight:700;font-size:1.0625rem;line-height:1.8;color:var(--ink);letter-spacing:.03em}

.c-flow{display:grid;gap:12px;margin-top:22px}
.c-flow__item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 16px;background:var(--paper);border-radius:var(--r-m);padding:18px 20px;box-shadow:var(--shadow-soft)}
.c-flow__num{grid-row:1/span 3;font-family:var(--serif);font-weight:700;font-size:1.5rem;line-height:1.2;color:var(--orange-deep);letter-spacing:.04em;min-width:36px}
.c-flow__title{font-weight:700;font-size:1.0625rem;line-height:1.6;color:var(--ink)}
.c-flow__list{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:4px;font-size:.875rem;line-height:1.8;color:var(--brown)}
.c-flow__list li{position:relative;padding-left:12px}
.c-flow__list li::before{content:"";position:absolute;left:0;top:12px;width:5px;height:5px;border-radius:50%;background:var(--orange-deep)}
@media(min-width:860px){
  .c-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .c-flow__item{grid-template-columns:1fr;gap:6px;padding:22px 22px 20px}
  .c-flow__num{grid-row:auto}
}

.c-faq{display:grid;gap:8px;margin-top:6px}
.c-faq__item{background:var(--paper);border-radius:var(--r-m);overflow:hidden;box-shadow:var(--shadow-soft)}
.c-faq__btn{display:flex;align-items:flex-start;gap:12px;width:100%;padding:17px 18px;background:none;border:0;font-family:inherit;
  font-size:.9375rem;font-weight:700;line-height:1.7;color:var(--ink);text-align:left;cursor:pointer;min-height:58px}
.c-faq__q{flex:none;width:24px;height:24px;border-radius:50%;background:var(--peach-light);color:var(--orange-deep);font-size:.75rem;
  display:inline-flex;align-items:center;justify-content:center;font-family:var(--serif);margin-top:1px}
.c-faq__label{flex:1}
.c-faq__icon{flex:none;width:18px;height:18px;margin-top:5px;position:relative}
.c-faq__icon::before,.c-faq__icon::after{content:"";position:absolute;inset:50% 0 auto 0;height:1.5px;background:var(--ink);transition:transform .25s var(--ease)}
.c-faq__icon::after{transform:rotate(90deg)}
.c-faq__btn[aria-expanded="true"] .c-faq__icon::after{transform:rotate(0)}
.c-faq__panel{overflow:hidden;height:0;transition:height .28s var(--ease)}
.c-faq__inner{display:flex;gap:12px;padding:0 18px 20px;font-size:.9375rem;line-height:1.9}
.c-faq__a{flex:none;width:24px;height:24px;border-radius:50%;background:var(--cool);color:var(--slate);font-size:.75rem;font-weight:700;
  display:inline-flex;align-items:center;justify-content:center;font-family:var(--serif);margin-top:1px}

/* =============================================================
   11 最終CTA
   ============================================================= */
.p-final__panel{position:relative;background:var(--paper);border-radius:var(--r-l);padding:44px 24px 46px;text-align:center;
  box-shadow:var(--shadow-card);overflow:hidden;border-top:4px solid var(--orange-deep)}
.p-final__inner{position:relative;z-index:1}
.p-final__sub{font-size:1rem;line-height:1.9;color:var(--brown-soft);margin-top:-6px}
@media(min-width:768px){.p-final__panel{padding:60px 56px 64px}}

/* =============================================================
   Motion
   ============================================================= */
html.js .js-reveal{opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
html.js .js-reveal.is-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  html.js .js-reveal{opacity:1;transform:none;transition:none}
  .c-faq__panel,.c-sticky,.c-btn{transition:none}
}

/* =============================================================
   日本語の改行調整
   ============================================================= */
.c-title,.p-hero__main,.c-lead,.c-statement,.c-story__title,.c-step3__title,.c-flow__title,.c-faq__label,
.c-btn__main,.c-offer__name,.p-hero__say-q,.p-aki__pull,.p-hero__bridge,.c-cta__lead,.c-options__label,
.c-ownwords__quote,.c-reason__key,.c-order-punch{text-wrap:balance}
.c-text,.c-note,.p-hero__lead,.c-options__q,.c-before li,.c-order__list li,.c-stance li,.p-aki__profile p,.p-aki__intro,
.c-ownwords__text,.c-step3__text,.c-for li,.c-story__step p,.c-story__quote,.c-facts dd,.c-flow__list li,
.c-faq__inner p,.c-cta__note,.c-honest .c-text,.p-final__sub{text-wrap:pretty}

@media(max-width:480px){
  .c-mono__item{font-size:1rem;padding-left:28px}
  .c-mono__item::before{left:0}
  .c-offer .c-btn__main{font-size:1rem;gap:8px}
  .c-btn{padding-inline:18px}
  .c-btn__main{gap:8px}
  .p-final__panel{padding-inline:18px}
}
@media(max-width:360px){
  .c-mono__item{font-size:1rem;padding-left:28px}
  .l-footer{font-size:.8125rem}
  .c-logo__sub{display:none}
}

/* =============================================================
   法務ページ（特商法・プライバシーポリシー）
   ============================================================= */
.p-legal{padding-block:44px 64px}
@media(min-width:768px){.p-legal{padding-block:64px 88px}}
.p-legal__head{margin-bottom:32px}
.p-legal__lead{font-size:.875rem;line-height:1.9;color:var(--brown-soft);margin-bottom:28px}
.c-legal-table{display:grid;gap:0;background:var(--paper);border-radius:var(--r-l);overflow:hidden;box-shadow:var(--shadow-soft)}
.c-legal-table dl{display:grid;grid-template-columns:1fr;margin:0;border-bottom:1px solid var(--line)}
.c-legal-table dl:last-child{border-bottom:0}
.c-legal-table dt{padding:16px 20px 4px;font-size:.8125rem;font-weight:700;color:var(--orange-deep);background:var(--peach-pale)}
.c-legal-table dd{margin:0;padding:14px 20px 18px;font-size:.9375rem;line-height:1.9;color:var(--brown);text-wrap:pretty}
@media(min-width:700px){
  .c-legal-table dl{grid-template-columns:200px minmax(0,1fr);align-items:start;border-bottom:1px solid var(--line)}
  .c-legal-table dt{padding:18px 20px;background:none}
  .c-legal-table dd{padding:18px 20px}
}
.p-legal__section{margin-top:32px}
.p-legal__section h2{font-size:1.0625rem;font-weight:700;color:var(--orange-deep);margin-bottom:10px;padding-left:14px;border-left:4px solid var(--orange);text-wrap:balance}
.p-legal__section p{font-size:.9375rem;line-height:2;color:var(--brown);text-wrap:pretty}
.p-legal__section p.is-short{text-wrap:balance}
.p-legal__back{display:inline-flex;align-items:center;gap:6px;margin-top:40px;color:var(--ink);font-size:.875rem;font-weight:700;
  text-decoration:none;border-bottom:2px solid var(--orange);padding-bottom:2px}
.p-legal__back::before{content:"←";color:var(--orange-deep)}