/* ==========================================================
   事業用物件と事業承継のマッチング｜プレイバッカーズ
   共通スタイル
   基調＝白・ライトグレー・鼠色。強調は黄金だけ。
   禁止＝囲みの左に色の縦線／角丸4px超／絵文字／タグ風の小物／グラデ
   ========================================================== */

/* ---------- 1. トークン ---------- */
:root{
  --white:#FFFFFF;
  --paper:#F4F4F2;
  --ink:#1F2123;        /* 見出し・ロゴ・黄金の上の文字 */
  --text:#333333;       /* 本文 */
  --sub:#6E6E6E;        /* 補助 */
  --nezumi:#474A4D;     /* 濃い面はすべてこれ */
  --nezumi-2:#5A5D60;   /* 鼠色の上の区切り・ホバー */
  --line:#D9D9D6;       /* 薄い罫線 */
  --line-2:#E8E8E5;
  --gold:#E6B422;
  --gold-dark:#CFA21C;  /* 黄金ボタンのホバー */

  --font:"Zen Kaku Gothic New","Noto Sans JP","Hiragino Kaku Gothic ProN",sans-serif;
  --font-hand:"Zen Kurenaido","Yomogi",var(--font);

  --fs-xs:12px;
  --fs-sm:13px;
  --fs-base:15px;
  --fs-md:17px;
  --fs-lg:20px;
  --fs-xl:26px;
  --fs-2xl:34px;
  --fs-3xl:46px;
  --fs-num:72px;

  --sp-1:4px;
  --sp-2:8px;
  --sp-3:12px;
  --sp-4:16px;
  --sp-5:24px;
  --sp-6:32px;
  --sp-7:48px;
  --sp-8:64px;
  --sp-9:96px;

  --container:1200px;
  --gutter:24px;
  --radius:3px;
  --header-h:72px;
  --rule:1px solid var(--line);
  --rule-ink:1px solid var(--ink);
}

/* ---------- 2. リセット ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  font-family:var(--font);
  font-size:var(--fs-base);
  line-height:1.85;
  color:var(--text);
  background:var(--white);
  letter-spacing:.03em;
  -webkit-font-smoothing:antialiased;
}
img,svg{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
table{border-collapse:collapse;width:100%}
h1,h2,h3,h4{font-weight:700;line-height:1.4;letter-spacing:.03em;color:var(--ink)}
strong{font-weight:700}
small{font-size:var(--fs-sm)}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- 3. レイアウト ---------- */
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}
.container--narrow{max-width:820px}
.section{padding:var(--sp-8) 0}
.section--tight{padding:var(--sp-6) 0}
.section--paper{background:var(--paper)}
.section--nezumi{background:var(--nezumi);color:var(--white)}
.section--nezumi h1,.section--nezumi h2,.section--nezumi h3{color:var(--white)}
.grid{display:grid;gap:var(--sp-5)}
/* グリッドの子は画像の実寸で広がらない（スマホの横スクロール防止） */
.grid>*,.hero__grid>*,.entry__grid>*,.type-grid>*,.band__grid>*,.compare>*,.stats__grid>*,.voice-grid>*,.voice>*,.p-grid>*,.steps>*,.footer__grid>*,.form__row>*{min-width:0}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.row{display:flex;gap:var(--sp-4);align-items:center;flex-wrap:wrap}
.row--between{justify-content:space-between}
.row--center{justify-content:center}
.mt-2{margin-top:var(--sp-2)}.mt-3{margin-top:var(--sp-3)}.mt-4{margin-top:var(--sp-4)}
.mt-5{margin-top:var(--sp-5)}.mt-6{margin-top:var(--sp-6)}.mt-7{margin-top:var(--sp-7)}
.mb-4{margin-bottom:var(--sp-4)}.mb-5{margin-bottom:var(--sp-5)}.mb-6{margin-bottom:var(--sp-6)}
.ta-c{text-align:center}
.u-gold{color:var(--gold)}
.u-sub{color:var(--sub)}
.u-small{font-size:var(--fs-sm)}

/* 見出し（右に罫線が伸びる） */
.sec-head{display:flex;align-items:center;gap:var(--sp-5);margin-bottom:var(--sp-5)}
.sec-head h2{font-size:var(--fs-xl);white-space:nowrap}
.sec-head::after{content:"";flex:1;height:1px;background:var(--line)}
.section--nezumi .sec-head::after{background:var(--nezumi-2)}
.sec-head--center{justify-content:center}
.sec-head--center::before,.sec-head--center::after{content:"";flex:1;max-width:120px;height:1px;background:var(--line)}
.sec-lead{color:var(--sub);max-width:720px}

/* ---------- 4. ロゴ ---------- */
.logo{display:inline-flex;flex-direction:column;line-height:1.1;color:var(--ink)}
.logo__name{font-size:22px;font-weight:700;letter-spacing:.06em;font-family:var(--font)}
.logo__sub{font-size:10px;letter-spacing:.2em;color:var(--sub);margin-top:3px}
.logo--white{color:var(--white)}
.logo--white .logo__sub{color:rgba(255,255,255,.75)}

/* ---------- 5. ボタン ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);
  min-height:48px;padding:0 var(--sp-6);
  font-weight:700;font-size:var(--fs-base);letter-spacing:.06em;line-height:1.2;
  border:2px solid transparent;border-radius:var(--radius);
  transition:background .15s,color .15s,border-color .15s;
}
.btn--primary{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.btn--primary:hover{background:var(--gold-dark);border-color:var(--gold-dark)}
.btn--nezumi{background:var(--nezumi);color:var(--white);border-color:var(--nezumi)}
.btn--nezumi:hover{background:var(--ink);border-color:var(--ink)}
.btn--outline{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn--outline:hover{background:var(--ink);color:var(--white)}
.btn--outline-white{background:transparent;color:var(--white);border-color:var(--white)}
.btn--outline-white:hover{background:var(--white);color:var(--ink)}
.btn--sm{min-height:40px;padding:0 var(--sp-4);font-size:var(--fs-sm)}
.btn--lg{min-height:56px;padding:0 var(--sp-7);font-size:var(--fs-md)}
.btn--block{display:flex;width:100%}
.link-arrow{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--ink)}
.link-arrow::after{content:"";width:8px;height:8px;border-top:2px solid var(--gold);border-right:2px solid var(--gold);transform:rotate(45deg)}
.section--nezumi .link-arrow{color:var(--white)}

/* ---------- 6. ヘッダー ---------- */
.header{background:var(--white);border-bottom:var(--rule);position:sticky;top:0;z-index:50}
.header__inner{display:flex;align-items:center;height:var(--header-h);gap:var(--sp-5)}
.header .logo{margin-right:auto}
.nav{display:flex;align-items:center;gap:var(--sp-5)}
.nav__list{display:flex;gap:var(--sp-5);font-size:var(--fs-sm);font-weight:700}
.nav__list a{padding:6px 0;border-bottom:2px solid transparent;color:var(--ink)}
.nav__list a:hover,.nav__list a.is-current{border-bottom-color:var(--gold)}
.nav__cta{display:flex;align-items:center;gap:var(--sp-5);margin-left:var(--sp-6)}
.nav__login{font-size:var(--fs-sm);font-weight:700;color:var(--ink)}
.menu-btn{display:none;width:44px;height:44px;flex-direction:column;justify-content:center;align-items:center;gap:6px}
.menu-btn span{display:block;width:24px;height:2px;background:var(--ink);transition:transform .2s,opacity .2s}
.menu-btn.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.menu-btn.is-open span:nth-child(2){opacity:0}
.menu-btn.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

/* ---------- 7. フッター ---------- */
.footer{background:var(--nezumi);color:var(--white);padding-top:var(--sp-7)}
.footer a:hover{color:var(--gold)}
.footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr 1.1fr;gap:var(--sp-6);padding-bottom:var(--sp-7)}
.footer__tagline{margin-top:var(--sp-5);font-size:var(--fs-sm);line-height:2;color:rgba(255,255,255,.9)}
.footer__col h4{color:var(--white);font-size:var(--fs-sm);margin-bottom:var(--sp-3)}
.footer__col ul{font-size:var(--fs-sm);line-height:2.1;color:rgba(255,255,255,.85)}
.footer__cta{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);justify-self:end;padding-top:var(--sp-5)}
.footer__cta .btn{min-width:200px}
.footer__login{font-size:var(--fs-sm);font-weight:700}
.footer__bottom{border-top:1px solid var(--nezumi-2);padding:var(--sp-4) 0;font-size:var(--fs-xs);color:rgba(255,255,255,.75)}
.footer__bottom .container{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4);flex-wrap:wrap}
.footer__legal{display:flex;gap:var(--sp-4)}
.footer__legal li+li{border-left:1px solid rgba(255,255,255,.4);padding-left:var(--sp-4)}

/* ---------- 8. ファーストビュー ---------- */
.hero{background:var(--paper);padding:var(--sp-7) 0 var(--sp-6)}
.hero__grid{display:grid;grid-template-columns:1fr 1.3fr;gap:var(--sp-6);align-items:center}
.hero__title{font-size:var(--fs-3xl);line-height:1.3;letter-spacing:.04em}
.hero__sub{margin-top:var(--sp-4);font-size:var(--fs-sm);color:var(--text)}
.hero__hand{margin-top:var(--sp-6);font-family:var(--font-hand);font-size:34px;line-height:1.35;color:var(--ink);letter-spacing:.06em;position:relative;display:inline-block}
.hero__hand span{display:block}
.hero__hand svg{position:absolute;left:0;bottom:-10px;width:100%;height:14px}
.hero__img{aspect-ratio:3/2;overflow:hidden}
.hero__img img{width:100%;height:100%;object-fit:cover}

/* 下層のシンプルな見出し帯 */
.page-head{background:var(--paper);padding:var(--sp-7) 0}
.page-head h1{font-size:var(--fs-2xl)}
.page-head p{margin-top:var(--sp-3);color:var(--sub)}

/* ---------- 9. 6つの入口 ---------- */
.entry{background:var(--paper);padding:var(--sp-6) 0 var(--sp-7)}
.entry__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}
.entry__item{
  display:flex;align-items:center;justify-content:center;
  min-height:62px;padding:var(--sp-3) var(--sp-4);
  font-size:var(--fs-lg);font-weight:700;letter-spacing:.06em;
  border-radius:var(--radius);text-align:center;transition:opacity .15s;
}
.entry__item:hover{opacity:.85}
.entry__item span{position:relative;display:inline-block;padding-bottom:6px}
.entry__item--give{background:var(--nezumi);color:var(--white)}
.entry__item--give span::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:40%;height:3px;background:var(--gold)}
.entry__item--take{background:var(--white);color:var(--ink);border:2px solid var(--nezumi)}
.entry__item--take:hover{opacity:1;background:var(--nezumi);color:var(--white)}

/* ---------- 10. 種目タイル ---------- */
.type-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--sp-4)}
.type-tile{display:block;text-align:center;color:var(--ink)}
.type-tile__img{aspect-ratio:1/1;overflow:hidden;background:var(--line-2)}
.type-tile__img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.type-tile:hover .type-tile__img img{transform:scale(1.04)}
.type-tile__name{margin-top:var(--sp-3);font-weight:700;font-size:var(--fs-base)}
.type-tile.is-current .type-tile__name{border-bottom:2px solid var(--gold)}

/* ---------- 11. 帯（事業承継） ---------- */
.band{background:var(--nezumi);color:var(--white);padding:var(--sp-8) 0}
.band__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-7);align-items:center}
.band__title{font-size:40px;line-height:1.35;color:var(--white)}
.band__sub{margin-top:var(--sp-4);font-size:var(--fs-lg);font-weight:700;color:var(--white)}
.band__text{margin-top:var(--sp-4);font-size:var(--fs-sm);line-height:2;color:rgba(255,255,255,.9)}
.band .btn{margin-top:var(--sp-6)}

/* 比較図（白枠の中に等角投影風の箱2組） */
.compare{background:var(--white);color:var(--ink);padding:var(--sp-5);display:grid;grid-template-columns:1fr 1fr;border-radius:var(--radius)}
.compare__col{padding:var(--sp-3) var(--sp-4);text-align:center}
.compare__col+.compare__col{border-left:var(--rule)}
.compare__title{font-weight:700;font-size:var(--fs-base);margin-bottom:var(--sp-3)}
.compare__fig{width:100%;max-width:240px;margin:0 auto}

/* ---------- 12. 数字 ---------- */
.stats{padding:var(--sp-7) 0 var(--sp-6)}
.stats__grid{display:grid;grid-template-columns:1fr 1fr}
.stat{text-align:center;padding:var(--sp-3) var(--sp-5)}
.stat+.stat{border-left:var(--rule)}
.stat__label{display:inline-flex;align-items:center;gap:var(--sp-4);font-weight:700;font-size:var(--fs-md);color:var(--ink)}
.stat__label::before,.stat__label::after{content:"";width:48px;height:1px;background:var(--line)}
.stat__num{margin-top:var(--sp-2);font-size:var(--fs-num);font-weight:700;color:var(--gold);line-height:1.1;letter-spacing:.02em}
.stat__num small{font-size:var(--fs-xl);color:var(--ink);margin-left:var(--sp-2);font-weight:700}
.stat__text{margin-top:var(--sp-2);font-size:var(--fs-sm);color:var(--sub)}

/* ---------- 13. 声カード ---------- */
.voice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5)}
.voice{display:grid;grid-template-columns:42% 1fr;background:var(--white);border:var(--rule);border-radius:var(--radius);overflow:hidden;color:var(--ink)}
.voice__img{background:var(--line-2);min-height:150px}
.voice__img img{width:100%;height:100%;object-fit:cover}
.voice__body{padding:var(--sp-4)}
.voice__quote{margin-top:var(--sp-3);font-size:var(--fs-sm);line-height:1.9;color:var(--text)}
.voice__who{margin-top:var(--sp-3);font-size:var(--fs-sm);font-weight:700;color:var(--ink)}
.label{display:inline-block;background:var(--gold);color:var(--ink);font-size:var(--fs-xs);font-weight:700;padding:3px 10px;letter-spacing:.1em;border-radius:var(--radius)}
.label--outline{background:transparent;border:1px solid var(--gold);color:var(--gold)}
.label--nezumi{background:var(--nezumi);color:var(--white)}

/* ---------- 14. セミナー帯 ---------- */
.seminar{background:var(--nezumi);color:var(--white);padding:var(--sp-5) 0;border-bottom:1px solid var(--nezumi-2)}
.seminar__inner{display:flex;align-items:center;gap:var(--sp-5)}
.seminar__kind{font-size:var(--fs-sm);font-weight:700;letter-spacing:.06em}
.seminar__title{font-size:var(--fs-xl);font-weight:700;color:var(--white);letter-spacing:.06em}
.seminar__date{font-size:var(--fs-base);font-weight:700}
.seminar__sep{width:1px;height:28px;background:rgba(255,255,255,.4)}
.seminar .btn{margin-left:auto;min-width:160px}

/* ---------- 15. フォーム部品 ---------- */
.form{display:grid;gap:var(--sp-5)}
.form__row{display:grid;grid-template-columns:200px 1fr;gap:var(--sp-4);align-items:start}
.form__label{font-weight:700;font-size:var(--fs-sm);padding-top:12px;color:var(--ink)}
.form__req{display:inline-block;margin-left:6px;color:var(--gold);font-size:var(--fs-xs)}
.form__field input[type="text"],.form__field input[type="email"],.form__field input[type="tel"],
.form__field input[type="password"],.form__field input[type="number"],.form__field select,.form__field textarea{
  width:100%;min-height:48px;padding:10px var(--sp-4);border:1px solid var(--line);border-radius:var(--radius);
  background:var(--white);color:var(--text);outline:none;
}
.form__field textarea{min-height:160px;resize:vertical}
.form__field input:focus,.form__field select:focus,.form__field textarea:focus{border-color:var(--ink)}
.form__help{margin-top:var(--sp-1);font-size:var(--fs-xs);color:var(--sub)}
.form__choices{display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-5);padding-top:10px}
.form__choices label{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-sm)}
.form__choices input{width:18px;height:18px;accent-color:var(--nezumi)}
.form__actions{display:flex;justify-content:center;gap:var(--sp-4);padding-top:var(--sp-3)}
.form__note{font-size:var(--fs-xs);color:var(--sub);text-align:center}
.form-box{background:var(--white);border:var(--rule);padding:var(--sp-6);border-radius:var(--radius)}
.form-done{display:none;background:var(--paper);border:var(--rule-ink);padding:var(--sp-5);text-align:center;font-weight:700;color:var(--ink);border-radius:var(--radius)}
.form-done.is-show{display:block}
.form--stack .form__row{grid-template-columns:1fr}
.form--stack .form__label{padding-top:0}

/* ---------- 16. 物件カード ---------- */
.p-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5)}
.p-card{display:block;background:var(--white);border:var(--rule);border-radius:var(--radius);overflow:hidden;color:var(--ink)}
.p-card:hover{border-color:var(--ink)}
.p-card__img{aspect-ratio:4/3;background:var(--line-2);position:relative;overflow:hidden}
.p-card__img img{width:100%;height:100%;object-fit:cover}
.p-card__sample{position:absolute;left:0;top:0;background:var(--nezumi);color:var(--white);font-size:var(--fs-xs);font-weight:700;padding:3px 10px;letter-spacing:.1em}
.p-card__body{padding:var(--sp-4)}
.p-card__type{font-size:var(--fs-xs);color:var(--sub);font-weight:700;letter-spacing:.08em}
.p-card__title{margin-top:var(--sp-1);font-size:var(--fs-md);font-weight:700;line-height:1.5}
.p-card__price{margin-top:var(--sp-2);font-size:var(--fs-lg);font-weight:700;color:var(--gold)}
.p-card__price small{font-size:var(--fs-xs);color:var(--sub);margin-left:4px;font-weight:400}
.p-card__meta{margin-top:var(--sp-2);font-size:var(--fs-sm);color:var(--sub);display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-3)}
.sample{display:inline-block;font-size:var(--fs-xs);color:var(--sub);border:1px solid var(--line);padding:1px 8px;letter-spacing:.1em}

/* ---------- 17. 表 ---------- */
.table{font-size:var(--fs-sm)}
.table th,.table td{padding:var(--sp-3) var(--sp-4);border-bottom:var(--rule);text-align:left;vertical-align:top}
.table th{width:30%;background:var(--paper);font-weight:700;color:var(--ink)}
.table--line thead th{background:transparent;border-bottom:var(--rule-ink);width:auto}
.table--center td,.table--center th{text-align:center}

/* ---------- 18. ステップ ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);counter-reset:step}
.step{background:var(--white);border:var(--rule);padding:var(--sp-5) var(--sp-4);border-radius:var(--radius);position:relative}
.step__num{font-size:var(--fs-sm);font-weight:700;color:var(--gold);letter-spacing:.12em}
.step__num::before{counter-increment:step;content:"STEP " counter(step,decimal-leading-zero)}
.step h3{margin-top:var(--sp-2);font-size:var(--fs-md)}
.step p{margin-top:var(--sp-2);font-size:var(--fs-sm);color:var(--text)}
.steps--3{grid-template-columns:repeat(3,1fr)}
.steps--5{grid-template-columns:repeat(5,1fr)}

/* ---------- 19. パンくず ---------- */
.breadcrumb{font-size:var(--fs-xs);color:var(--sub);padding:var(--sp-3) 0}
.breadcrumb ol{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.breadcrumb li+li::before{content:"/";margin-right:var(--sp-2);color:var(--line)}
.breadcrumb a:hover{color:var(--ink);text-decoration:underline}

/* ---------- 20. その他の部品 ---------- */
.card{background:var(--white);border:var(--rule);border-radius:var(--radius);padding:var(--sp-5)}
.card--nezumi{background:var(--nezumi);color:var(--white);border-color:var(--nezumi)}
.card--nezumi h3{color:var(--white)}
.card h3{font-size:var(--fs-md)}
.card p{margin-top:var(--sp-2);font-size:var(--fs-sm)}
.ph{background:var(--line-2);display:flex;align-items:center;justify-content:center;color:var(--sub);font-size:var(--fs-xs);letter-spacing:.1em}
.faq{border-top:var(--rule)}
.faq__item{border-bottom:var(--rule);padding:var(--sp-4) 0}
.faq__q{font-weight:700;color:var(--ink);display:flex;gap:var(--sp-3)}
.faq__q::before{content:"Q";color:var(--gold);font-weight:700}
.faq__a{margin-top:var(--sp-2);font-size:var(--fs-sm);display:flex;gap:var(--sp-3)}
.faq__a::before{content:"A";color:var(--sub);font-weight:700}
.tabs{display:flex;border-bottom:var(--rule)}
.tabs a{padding:var(--sp-3) var(--sp-5);font-weight:700;font-size:var(--fs-sm);border-bottom:3px solid transparent;margin-bottom:-1px;color:var(--sub)}
.tabs a.is-active{color:var(--ink);border-bottom-color:var(--gold)}
.cta{background:var(--paper);padding:var(--sp-7) 0;text-align:center}
.cta h2{font-size:var(--fs-xl)}
.cta p{margin-top:var(--sp-3);color:var(--sub)}
.cta .btn{margin-top:var(--sp-5)}
.auth{max-width:480px;margin:0 auto}

/* ---------- 21. レスポンシブ ---------- */
@media (max-width:1024px){
  .menu-btn{display:flex}
  .nav{
    display:none;position:absolute;left:0;right:0;top:var(--header-h);
    background:var(--white);border-bottom:var(--rule);padding:var(--sp-4) var(--gutter) var(--sp-5);
    flex-direction:column;align-items:stretch;gap:var(--sp-3)
  }
  .nav.is-open{display:flex}
  .nav__list{flex-direction:column;gap:0}
  .nav__list a{display:block;padding:12px 0;border-bottom:var(--rule)}
  .nav__cta{margin:var(--sp-3) 0 0;flex-direction:column;align-items:stretch;gap:var(--sp-3)}
  .nav__cta .btn{width:100%}
  .nav__login{text-align:center;padding:8px}
  .type-grid{grid-template-columns:repeat(4,1fr)}
  .footer__grid{grid-template-columns:1fr 1fr 1fr;}
  .footer__cta{grid-column:1/-1;justify-self:start;flex-direction:row}
  .steps{grid-template-columns:repeat(2,1fr)}
  .steps--5{grid-template-columns:repeat(3,1fr)}
  .voice-grid{grid-template-columns:1fr 1fr}
  .p-grid{grid-template-columns:1fr 1fr}
  .band__title{font-size:32px}
  .hero__title{font-size:38px}
  :root{--fs-num:56px}
}
@media (max-width:860px){
  .hero__grid,.band__grid{grid-template-columns:1fr}
  .hero__img{order:-1}
  .hero__title{font-size:32px}
  .hero__hand{font-size:28px}
  .band__title{font-size:28px}
  .stats__grid{grid-template-columns:1fr;gap:var(--sp-5)}
  .stat+.stat{border-left:0;border-top:var(--rule);padding-top:var(--sp-5)}
  .seminar__inner{flex-wrap:wrap;gap:var(--sp-3) var(--sp-4)}
  .seminar__sep{display:none}
  .seminar__title{width:100%}
  .seminar .btn{margin-left:0;width:100%}
  .form__row{grid-template-columns:1fr}
  .form__label{padding-top:0}
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
}
@media (max-width:600px){
  :root{--gutter:16px;--header-h:60px;--fs-num:48px}
  .section{padding:var(--sp-7) 0}
  .entry__grid{grid-template-columns:1fr}
  .entry__item{min-height:56px;font-size:var(--fs-md)}
  .type-grid{grid-template-columns:repeat(2,1fr)}
  .type-tile__name{font-size:var(--fs-sm)}
  .voice-grid,.p-grid,.steps,.steps--3,.steps--5{grid-template-columns:1fr}
  .voice{grid-template-columns:1fr}
  .voice__img{aspect-ratio:3/2}
  .compare{grid-template-columns:1fr;gap:var(--sp-4)}
  .compare__col+.compare__col{border-left:0;border-top:var(--rule);padding-top:var(--sp-4)}
  .footer__grid{grid-template-columns:1fr 1fr}
  .footer__brand{grid-column:1/-1}
  .footer__cta{flex-direction:column;align-items:stretch;justify-self:stretch}
  .footer__bottom .container{flex-direction:column;align-items:flex-start}
  .sec-head h2{font-size:var(--fs-lg)}
  .hero{padding:var(--sp-5) 0}
  .band__text br{display:none}
  .hero__sub{font-size:var(--fs-xs)}
  .hero__title{font-size:28px}
  .btn--lg{min-height:52px;padding:0 var(--sp-5)}
  .table th{width:35%}
}
@media (max-width:400px){
  .hero__title{font-size:26px}
  .hero__hand{font-size:24px}
  .type-grid{grid-template-columns:1fr 1fr}
}