@charset "UTF-8";
/* =========================================================
   privacy.css - プライバシーポリシーページ
   Figmaにデザインがないため、他の下層ページのトーン
   （見出しの英字＋日本語／角丸カード／アクセントの青）に合わせている。
   ========================================================= */

.p-privacy { padding-top: 15rem; }

.p-privacy__head,
.p-privacy__body {
	width: min(100%, 144rem);
	margin-inline: auto;
	padding: 0 12rem;
}

.p-privacy__body { padding-bottom: 12rem; }

.p-privacy__lead {
	margin-top: 6rem;
	padding-bottom: 6rem;
	border-bottom: 1px solid var(--c-border);
	font-size: 1.6rem;
	line-height: 2.2;
	color: var(--c-text);
}

/* ---------- 各条項 ---------- */
.p-privacy__list {
	display: flex;
	flex-direction: column;
	gap: 5.6rem;
	margin-top: 6rem;
}

.p-privacy__title {
	display: flex;
	align-items: baseline;
	gap: 1.6rem;
	font-family: var(--font-gothic);
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.6;
	color: var(--c-main);
}

.p-privacy__no {
	flex-shrink: 0;
	font-family: var(--font-en);
	font-weight: 200;
	font-size: 2.4rem;
	line-height: 1;
	color: var(--c-accent);
}

.p-privacy__text {
	margin-top: 1.6rem;
	padding-left: 4rem;
	font-size: 1.6rem;
	line-height: 2.1;
	color: var(--c-text);
}

.p-privacy__text p + p { margin-top: 1.6rem; }

/* ---------- 条文の箇条書き（原文の入れ子をそのまま再現） ---------- */
.p-privacy__text > p + .p-privacy__ol,
.p-privacy__text > .p-privacy__ol + p { margin-top: 1.6rem; }

.p-privacy__ol {
	margin: 0;
	padding-left: 2.4rem;
	list-style: decimal;
}

.p-privacy__ol > li + li { margin-top: 1.2rem; }
.p-privacy__ol .p-privacy__ol { margin-top: 1.2rem; }

/* (1)(2) や ア・イ・ウ のように、原文が記号を本文に持つ階層 */
.p-privacy__ol--plain {
	padding-left: 1.6rem;
	list-style: none;
}

.p-privacy__ol--plain > li { text-indent: -1.6rem; padding-left: 1.6rem; }
.p-privacy__ol--plain > li > .p-privacy__ol { text-indent: 0; }
.p-privacy__ol strong { font-weight: 700; }

/* ---------- 制定日・社名 ---------- */
.p-privacy__foot {
	margin-top: 8rem;
	padding: 3.2rem 4rem;
	border-radius: 1.8rem;
	background: #edf2fb;
	font-size: 1.5rem;
	line-height: 2;
	color: var(--c-text);
	text-align: right;
}

.p-privacy__company {
	margin-top: .8rem;
	font-family: var(--font-gothic);
	font-weight: 700;
	color: var(--c-main);
}

.p-privacy__btn {
	display: flex;
	justify-content: center;
	margin-top: 6rem;
}

/* =========================================================
   SP
   ========================================================= */
@media screen and (max-width: 1023px) {
	.p-privacy { padding-top: var(--header-h); }

	.p-privacy__head,
	.p-privacy__body { padding: 0 2.4rem; max-width: none; }

	.p-privacy__body { padding-bottom: 8rem; }

	.p-privacy__lead {
		margin-top: 4rem;
		padding-bottom: 4rem;
		font-size: 1.4rem;
		line-height: 2;
	}

	.p-privacy__list { gap: 4rem; margin-top: 4rem; }
	.p-privacy__title { font-size: 1.8rem; gap: 1.2rem; }
	.p-privacy__no { font-size: 2rem; }

	.p-privacy__ol { padding-left: 2rem; }
	.p-privacy__ol--plain { padding-left: 1.4rem; }
	.p-privacy__ol--plain > li { text-indent: -1.4rem; padding-left: 1.4rem; }

	.p-privacy__text {
		margin-top: 1.2rem;
		padding-left: 0;
		font-size: 1.4rem;
		line-height: 2;
	}

	.p-privacy__foot {
		margin-top: 5rem;
		padding: 2.4rem;
		font-size: 1.3rem;
		text-align: left;
	}
}