@charset "utf-8";

/* ================================================================
   パフォーマンス最適化用の上書きCSS
   2026-09-08 新規作成 / 担当：イータイム

   背景画像（CSS の background-image）は img タグと違い srcset が使えず、
   画面幅に関わらず原寸が配信されてしまう。
   top_parallax.webp（3840x2160 / 1,050KB）と
   top_parallax2.webp（3840x2158 / 1,408KB）は 4K 原寸のまま
   高さ 220〜430px の装飾帯に使われていたため、
   WordPress が生成済みの縮小版へブレークポイントごとに差し替える。

   ※ pc.css / sp.css / tablet.css には手を加えず、
     このファイルを後から読み込むことで上書きしている
     （既存CSSを壊さないため）。
     セレクタと詳細度は元の指定と同一にしてあるので、
     読み込み順だけで勝つ形になっている。
================================================================ */

/* ---------------- スマートフォン（〜767px） ----------------
   表示 375x220（DPR2 で 750x440 相当）→ 768x432 版で十分
   1,050KB → 63KB                                            */
@media screen and (max-width: 767px) {

	.top_parallax {
		background-image: url("https://kuratakantei.co.jp/wp2026/wp-content/uploads/2026/05/top_parallax-768x432.webp");
	}

	.top_parallax2 {
		background-image: url("https://kuratakantei.co.jp/wp2026/wp-content/uploads/2026/07/top_parallax2-768x432.webp");
	}

	.top_parallax::before {
		background-image: url("https://kuratakantei.co.jp/wp2026/wp-content/uploads/2026/05/top_parallax-768x432.webp");
	}

	.top_parallax2::before {
		background-image: url("https://kuratakantei.co.jp/wp2026/wp-content/uploads/2026/07/top_parallax2-768x432.webp");
	}
}

/* ---------------- タブレット（768px〜1024px） ----------------
   高さ 330px の装飾帯。1536x864 版で画質は十分
   1,050KB → 212KB / 1,408KB → 371KB                          */
@media screen and (min-width: 768px) and (max-width: 1024px) {

	.top_parallax {
		background-image: url("https://kuratakantei.co.jp/wp2026/wp-content/uploads/2026/05/top_parallax-1536x864.webp");
	}

	.top_parallax2 {
		background-image: url("https://kuratakantei.co.jp/wp2026/wp-content/uploads/2026/07/top_parallax2-1536x863.webp");
	}

	.top_parallax::before {
		background-image: url("https://kuratakantei.co.jp/wp2026/wp-content/uploads/2026/05/top_parallax-1536x864.webp");
	}

	.top_parallax2::before {
		background-image: url("https://kuratakantei.co.jp/wp2026/wp-content/uploads/2026/07/top_parallax2-1536x863.webp");
	}
}

/* ---------------- PC（1025px〜） ----------------
   高さ 430px の装飾帯。2048x1152 版で画質は十分
   1,050KB → 341KB / 1,408KB → 565KB                          */
@media screen and (min-width: 1025px) {

	.top_parallax {
		background-image: url("https://kuratakantei.co.jp/wp2026/wp-content/uploads/2026/05/top_parallax-2048x1152.webp");
	}

	.top_parallax2 {
		background-image: url("https://kuratakantei.co.jp/wp2026/wp-content/uploads/2026/07/top_parallax2-2048x1151.webp");
	}

	.top_parallax::before {
		background-image: url("https://kuratakantei.co.jp/wp2026/wp-content/uploads/2026/05/top_parallax-2048x1152.webp");
	}

	.top_parallax2::before {
		background-image: url("https://kuratakantei.co.jp/wp2026/wp-content/uploads/2026/07/top_parallax2-2048x1151.webp");
	}
}