/*
 * ユーティリティは 3 つだけ（増やさない）: SP だけ表示 / PC だけ表示 / 画面には出さず読み上げだけ。
 * 最後のレイヤーなので、部品側の display より優先される（重要度の指定は使わない）。
 */
@layer utilities {
	@media (min-width: 768px) {
		.u-sp-only {
			display: none;
		}
	}

	@media (max-width: 767px) {
		.u-pc-only {
			display: none;
		}
	}

	.u-visually-hidden {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		overflow: hidden;
		clip-path: inset(50%);
		white-space: nowrap;
		border: 0;
	}
}