/* --------------------------------------------------
 * Legal Notice page (slug: legal-notice)
 * -------------------------------------------------- */

.as-legal {
	width: 100%;
	background: var(--as-color-surface-blue-100);
	padding-block: 110px 162px;

	@media (min-width: 769px) {
		padding-block: 133px 160px;
	}
}

.as-legal__inner {
	width: 100%;
	max-width: calc(750px + 40px);
	margin-inline: auto;
	padding-inline: var(--as-gutter);
}

.as-legal__heading {
	font-family: var(--as-font-ja-serif);
	font-size: var(--as-font-size-5xl);
	line-height: var(--as-line-height-snug);
	letter-spacing: var(--as-letter-spacing-sm);
	color: var(--as-color-navy);
	margin: 0 0 39px;

	@media (min-width: 769px) {
		font-size: var(--as-font-size-7xl);
		margin-bottom: 40px;
	}
}

.as-legal__card {
	background: var(--as-color-surface-blue-200);
	border-radius: 12px;
	padding: 30px 20px;

	@media (min-width: 769px) {
		padding: 30px 50px;
	}
}

.as-legal__list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0;
}

.as-legal__row {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	border-bottom: 0.5px solid var(--as-color-navy-deep);
	padding-bottom: 8px;
}

.as-legal__label {
	flex-shrink: 0;
	width: 80px;
	font-family: var(--as-font-ja-serif);
	font-size: var(--as-font-size-sm);
	font-weight: var(--as-font-weight-regular);
	line-height: var(--as-line-height-snug);
	letter-spacing: var(--as-letter-spacing-xs);
	color: var(--as-color-navy);
	margin: 0;

	@media (min-width: 769px) {
		width: 125px;
	}
}

.as-legal__value {
	flex: 1 1 auto;
	font-family: var(--as-font-ja-serif);
	font-size: var(--as-font-size-base);
	line-height: var(--as-line-height-snug);
	letter-spacing: var(--as-letter-spacing-sm);
	color: var(--as-color-navy);
	margin: 0;
}