/* ============================================================
 * image-optimization.css
 * KV 背景を WebP に切り替え (95% サイズ削減: PNG 1.7MB → WebP 90KB)
 * style.css の .bg-hero { background-image: url(.../*.png) } を上書き
 *
 * WebP 非対応ブラウザ (IE 11 など) は style.css の PNG にフォールバックされる
 * ため、追加対応は不要。Edge/Chrome/Firefox/Safari 全モダンで OK。
 * ============================================================ */

.hero-wrap .bg-hero {
  background-image: url("../img/top/kv_bg_pc.webp") !important;
}

@media screen and (max-width: 767px) {
  .hero-wrap .bg-hero {
    background-image: url("../img/top/kv_bg_sp.webp") !important;
  }
}