/* ==========================================================================
   プライバシーポリシー /privacy-policy/ — Figma 「/privacy-policy - 3/11」 (PC 1440).
   PC: column 900 centered; 124 under the header (frame top 220 − header 96);
       title 40/700 lh 1.4 → 40 → text. Blocks 24 apart; section heading 22/500 lh 1.6
       with 8 above/below, text right under it; body 14 lh 1.6; 「・」 lists with no gap.
       40 under the date, then the CTA band (its own 120 top padding → 160 in total).
   SP (Figma 「/privacy-policy」 SP 375): 20px gutters; 32 under the header; title 30/700 → 40
       → text; section heading 18/500; date right on the CTA band.
   Content comes from the block editor (h2 / p / ul), styled here only.
   ========================================================================== */

.p-policy {
	/* SP = Figma SP */
	--policy-pad-top: var(--space-8);
	--policy-pad-bottom: 0px;
	--policy-title-size: 30px;
	--policy-title-gap: var(--space-10);
	--policy-h2-size: 18px;
	--policy-block-gap: var(--space-6);
	--policy-h2-pad: var(--space-2);

	padding-block: var(--policy-pad-top) var(--policy-pad-bottom);
}

@media (max-width: 1023.98px) {
	.p-policy__inner {
		padding-inline: 20px;
	}
}

.p-policy__inner {
	max-width: calc(var(--container-article) + var(--container-padding) * 2);
}

.p-policy__title {
	font-size: var(--policy-title-size);
	font-weight: 700;
	line-height: 1.4;
}

.p-policy__body {
	margin-top: var(--policy-title-gap);
	font-size: var(--fs-text);
	line-height: var(--lh-text);
}

.p-policy__body > * + * {
	margin-top: var(--policy-block-gap);
}

/* Section heading 「1. 事業者情報」: 8 above/below inside its box (Figma component 「h3」) */
.p-policy__body h2,
.p-policy__body h3 {
	padding-block: var(--policy-h2-pad);
	font-size: var(--policy-h2-size);
	font-weight: 500;
	line-height: 1.6;
}

.p-policy__body h2 + *,
.p-policy__body h3 + *,
.p-policy__body p + ul,
.p-policy__body p + ol {
	margin-top: 0;
}

/* 「・」 lists (block editor list) */
.p-policy__body ul {
	padding: 0;
	list-style: none;
}

.p-policy__body ul li {
	position: relative;
	padding-left: 1em;
}

.p-policy__body ul li::before {
	content: "・";
	position: absolute;
	left: 0;
}

.p-policy__body ol {
	padding-left: 1.5em;
}

.p-policy__body a {
	color: var(--c-primary);
}

@media (min-width: 1024px) {
	.p-policy {
		/* PC = Figma */
		--policy-pad-top: 124px;
		--policy-pad-bottom: var(--space-10);
		--policy-title-size: 40px;
		--policy-h2-size: 22px;
	}
}