* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { background: #0f1338; }
img { display: block; }

/* ナビ・タイトルのホバー */
.scp0 { transition: color .2s ease; }
.scp0:hover { color: #E8C170; }
.scp1 { transition: background .2s ease; }
.scp1:hover { background: #E85A8A; }

/* レスポンシブ */
@media (max-width: 760px) {
  .hero-nav-links { display: none !important; }
  .hero-kv { height: 430px !important; right: -70px !important; top: 92px !important; }
  .hero-vtitle { font-size: 58px !important; }
}
@media (max-width: 480px) {
  .hero-kv { height: 360px !important; right: -60px !important; top: 88px !important; }
  .hero-vtitle { font-size: 50px !important; }
}

/* ===== スマートフォン最適化 ===== */
@media (max-width: 760px) {
  /* ヒーロー */
  .hero-sec { height: 780px !important; }
  [style*="height: 760px"] { height: 680px !important; }
  [style*="left: 48px"] { left: 20px !important; right: 20px !important; }
  [style*="bottom: 0px"] { bottom: 48px !important; }
  [style*="padding: 28px 48px"] { padding: 20px !important; }

  /* セクションの上下余白 */
  [style*="padding: 130px 0px"] { padding: 64px 0px !important; }
  [style*="padding: 120px 0px 0px"] { padding: 64px 0px 0px !important; }
  [style*="padding: 120px 0px"] { padding: 64px 0px !important; }
  [style*="padding: 72px 0px 110px"] { padding: 44px 0px 72px !important; }

  /* 内側コンテナの左右余白 */
  [style*="max-width: 1180px"] { padding-left: 20px !important; padding-right: 20px !important; }

  /* 多段グリッドを1カラムに・余白を圧縮 */
  [style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  [style*="gap: 64px"], [style*="gap: 60px"], [style*="gap: 28px"] { gap: 28px !important; }

  /* 画像枠の高さ */
  [style*="height: 340px"], [style*="height: 380px"] { height: 240px !important; }

  /* 見出しサイズ */
  [style*="font-size: 52px"] { font-size: 30px !important; }
  [style*="font-size: 44px"] { font-size: 28px !important; }
  [style*="font-size: 38px"] { font-size: 26px !important; }
  [style*="font-size: 32px"] { font-size: 23px !important; }
  [style*="font-size: 54px"] { font-size: 38px !important; }
  [style*="font-size: 30px"] { font-size: 24px !important; }
  [style*="font-size: 26px"] { font-size: 22px !important; }
  [style*="font-size: 18px"] { font-size: 16px !important; }
}