/* 紹介ページ4つ共通：「サービスを使ってみる」ボタン（ヘッダー右上）と、フッター手前の注意事項つきの申込みコーナー。
   各ページの CSS（promo.css / lp.css / lp-start.css / lp-features.css）の変数（--pink など）を使う */
.hd .hd-start{padding:8px 18px;font-size:.9rem;box-shadow:0 4px 0 #B93E6F;white-space:nowrap;margin-left:12px}
.hd .hd-consult{background:#fff;color:var(--pri-d);border:2px solid var(--pri-l);box-shadow:0 4px 0 var(--pri-l);padding:6px 16px;font-size:.9rem}
.hd .logo,.hd .gnav a,.hd .btn{white-space:nowrap}   /* ヘッダーの文字を途中で折り返さない */
.hd .hd-in{width:min(1260px,100% - 32px);gap:12px}   /* ヘッダーだけ枠を広げ、ロゴ・ナビ・ボタンが重ならないようにする */
.hd .gnav{gap:14px;min-width:0}
.hd .gnav a:not(.btn){font-size:.88rem}
.hd .logo span{font-size:1.1rem}
.hd .btn-sm{padding:8px 14px;font-size:.86rem}
/* 中くらいの幅（タブレット・小さめのPC）：ナビの文字リンクは入りきらないので隠し、「サービスを使ってみる」と「無料で相談する」だけ残す */
@media (min-width:761px) and (max-width:1300px){
  .hd .gnav a:not(.btn){display:none}
  .hd .hd-consult{display:inline-flex}
}
@media (min-width:761px) and (max-width:1000px){
  .hd .hd-consult{display:none}   /* さらに狭いときは、相談ボタンも省く（ページ内に相談ボタンがある） */
}
.hd .hd-consult:hover{box-shadow:0 2px 0 var(--pri-l)}

.start-sec{background:#fff;padding:56px 0 64px;border-top:1px solid var(--line)}
.start-sec .start-in{width:min(860px,100% - 32px);margin-inline:auto}
.start-sec .kicker{margin:0 0 6px;color:var(--pink-d);font-weight:900;font-size:.9rem;letter-spacing:.06em;text-align:center}
.start-sec h2{margin:0 0 10px;font-size:1.6rem;line-height:1.45;text-align:center;color:var(--ink)}
.start-sec .start-lead{margin:0 auto 22px;max-width:620px;text-align:center;color:var(--sub)}
.start-notes{list-style:none;margin:0 0 26px;padding:18px 20px;background:var(--bg,#FFF9F2);border:1px solid var(--line);border-radius:18px;display:grid;gap:10px}
.start-notes li{position:relative;padding-left:1.6em;font-size:.95rem;line-height:1.7;color:var(--ink)}
.start-notes li::before{content:"✔";position:absolute;left:0;top:0;color:var(--pink-d);font-weight:900}
.start-notes li b{color:var(--pink-d)}
.start-notes li.minor{color:var(--sub);font-size:.88rem}
.start-notes li.minor::before{content:"・";color:var(--sub)}
.start-cta{text-align:center}
.start-cta .btn{font-size:1.15rem;padding:16px 36px}
.start-cta .sub{margin:14px 0 0;font-size:.9rem;color:var(--sub)}
.start-cta .sub a{color:var(--pri-d);font-weight:700}

@media (max-width:760px){
  .hd .hd-start{padding:8px 12px;font-size:.82rem;margin-left:auto;order:2}
  .hd .menu-btn{order:3;margin-left:8px}
  .hd .hd-consult{display:none}
  .start-sec{padding:40px 0 48px}
  .start-sec h2{font-size:1.3rem}
}
@media (max-width:760px){
  .hd .hd-in{gap:8px}
  .hd .logo span{white-space:nowrap}
}
@media (max-width:420px){
  .hd .logo{gap:6px}
  .hd .logo img{width:28px;height:28px}
  .hd .logo span{font-size:.95rem}
  .hd .hd-start{padding:8px 10px;font-size:.76rem}
}

/* 原価管理ページへの案内帯（resources/views/promo/_cost-teaser.blade.php。紹介ページ4つ共通） */
.cost-teaser{background:var(--pri-l);padding:28px 16px}
.cost-teaser-in{max-width:1000px;margin:0 auto;display:flex;align-items:center;gap:20px;background:#fff;border:2px solid var(--line);border-radius:24px;padding:18px 24px;box-shadow:0 8px 24px rgba(94,67,135,.1)}
.cost-teaser-in img{flex:none;width:72px;height:auto}
.cost-teaser-txt{flex:1;min-width:0}
.cost-teaser-k{font-size:.8rem;font-weight:900;color:var(--pink-d);margin:0}
.cost-teaser h2{font-size:1.2rem;line-height:1.5;margin:2px 0 4px;color:var(--ink);text-align:left}
.cost-teaser-txt p:last-child{font-size:.88rem;color:var(--sub);margin:0;line-height:1.7}
.cost-teaser-btn{flex:none;background:var(--pink-d);color:#fff;text-decoration:none;font-weight:900;border-radius:999px;padding:10px 22px;white-space:nowrap}
.cost-teaser-btn:hover{opacity:.9}
@media (max-width:760px){.cost-teaser-in{flex-direction:column;text-align:center;padding:18px}.cost-teaser h2{text-align:center;font-size:1.05rem}}