/*
 * 読み上げ・検索エンジン用の代替テキスト
 *
 * 既存の .hidden は display:none !important のため、
 * ロゴやファーストビューの見出しに入れていた代替テキストが
 * スクリーンリーダーにも検索エンジンにも一切届いていなかった。
 * （= トップページの h1 が実質“中身なし”になっていた）
 *
 * .u-visually-hidden は「画面には表示しないが、読み上げ・検索エンジンには伝える」
 * ための標準的な手法。レイアウトからも外れるため、見た目は display:none と同じ。
 * ※ レスポンシブ切替用の .hidener / .desktop:hidden 等は従来どおり display:none のまま使う。
 */
.u-visually-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
}