/*
 * レガシーの custom.css にあったサイト共通の要素規則。
 * bootstrap と同じレイヤーに後から足すことで、Bootstrap のクラスには負け、
 * Reboot の要素規則には勝つという現行サイトと同じ順序になる。
 */
@layer bootstrap {

	a {
		color: var(--navy);
		text-decoration: none;
	}

	td {
		padding: 16px;
		border: 2px solid #fff;
	}

	button {
		padding: 0.2rem 1rem;
		font-size: 0.8rem;
	}

	@media (min-width: 1200px) {
		.container {
			max-width: 1170px;
		}
	}

	/* コンテナの外に置いた全幅画像も 1170px で止める。会社概要とプライバシーのヘッダー画像 */
	img.w-100 {
		max-width: 1170px;
		margin: 0 auto;
	}

	/* Bootstrap 5.3 は .visually-hidden:not(caption) として caption を除外する。
	   5.0.2 は除外していないため、表の高さが 3px 変わる */
	caption.visually-hidden {
		position: absolute;
	}
}