@charset "UTF-8";
/* ==========================================================================
   /privacy-policy/ プライバシーポリシー
   design-rules.md の共通ルールで組む（デザイン無し）
   ========================================================================== */

.p-privacy { margin-top: 60px; }
.p-privacy__lead { font-size: 16px; line-height: 2; letter-spacing: 0.04em; }
.p-privacy__list { display: grid; gap: 48px; margin-top: 56px; }
.p-privacy__title {
	display: flex;
	gap: 8px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--c-main-40);
	font-family: var(--ff-serif);
	font-size: 22px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.04em;
	color: var(--c-main);
}
.p-privacy__num { flex-shrink: 0; }
.p-privacy__body { margin-top: 20px; font-size: 16px; line-height: 1.9; letter-spacing: 0.04em; }
.p-privacy__body > * + * { margin-top: 1em; }
.p-privacy__body ul,
.p-privacy__body ol { padding-left: 1.5em; }
.p-privacy__body ul { list-style: disc; }
.p-privacy__body ol { list-style: decimal; }
.p-privacy__body li + li { margin-top: 0.3em; }
.p-privacy__body li::marker { color: var(--c-main); }
.p-privacy__body a { color: var(--c-main); text-decoration: underline; text-underline-offset: 3px; }
.p-privacy__body a:hover { text-decoration: none; }
.p-privacy__date { margin-top: 56px; font-size: 14px; text-align: right; }
/* ［要確認］＝MILOKU様の回答待ち（FAQ・会社概要の仮表示と同じ色） */
.p-privacy__date .is-pending { color: #a0671c; }

@media (max-width: 767px) {
	.p-privacy { margin-top: 40px; }
	.p-privacy__lead { font-size: 14px; }
	.p-privacy__list { gap: 36px; margin-top: 40px; }
	.p-privacy__title { font-size: 18px; }
	.p-privacy__body { margin-top: 16px; font-size: 14px; }
	.p-privacy__date { margin-top: 40px; font-size: 12px; }
}