/* ---------- 鉄道パス総合案内ページ・共通部分 ---------- */
.h2 {
	font-weight: bold;
	color: #13618E;
	border-block-end: 2px solid;
}
.h3 {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: start;
	font-weight: 500;
	&::before {
		content: "";
		block-size: 1lh;
		background-color: #1E84C2;
	}
}
.strong-red {
	font-weight: normal;
	color: #FF0000;
}
.arrow-button {
	display: grid;
	grid-template-columns: auto auto;
	gap: 1em;
	align-items: center;
	justify-content: center;
	&::after {
		content: "＞";
		font-size: 120%;
	}
}
@media (width < 768px) {
	.h2 {
		font-size: 24px;
		line-height: 36px;
		padding-block-end: 8px;
	}
	.h3 {
		gap: 7.5px;
		font-size: 22px;
		line-height: 34px;
		margin-block-start: 30px;
		margin-block-end: 30px;
		&::before {
			inline-size: 4px;
		}
	}
	.arrow-button {
		border-radius: 3px;
	}
}
@media (width >= 768px) {
	.h2 {
		font-size: 36px;
		line-height: 52px;
		letter-spacing: 0.15em;
		padding-block-end: 10px;
	}
	.h3 {
		gap: 12px;
		font-size: 24px;
		line-height: 35px;
		letter-spacing: 0.05em;
		margin-block-start: 50px;
		margin-block-end: 25px;
		&::before {
			inline-size: 8px;
		}
	}
	.arrow-button {
		border-radius: 6px;
	}
}