/* =========================================================
   ポリシーページ共通スタイル（privacy.php / secpolicy.php）
   ページ固有の指定は css/privacy.css / css/secpolicy.css
   ========================================================= */
:root {
	--key-color: #FF6B35;
	--key-color-light: rgba(255, 107, 53, 0.1);
	--key-color-dark: #E55A28;
	--key-color-gradient: linear-gradient(135deg, rgba(255, 107, 53, 0.15) 0%, rgba(255, 140, 97, 0.10) 100%);
}

.section-label {
	color: var(--key-color);
}

/* 固定ヘッダーの下から開始し、両ポリシーで左右の余白をそろえる。 */
.policy-section {
	padding: 160px 60px 120px;
}

.policy-section .section-title {
	margin: 0 0 30px;
}

.policy-section .section-description {
	margin: 0 0 60px;
}

.policy-card {
	background: #fff;
	border-radius: 24px;
	padding: 60px;
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.08);
}

.policy-lead {
	font-size: 18px;
	line-height: 2;
	color: var(--medium-gray);
	margin-bottom: 40px;
}

.policy-list {
	margin: 0;
}

.policy-list dt {
	font-weight: 700;
	font-size: 20px;
	margin-top: 32px;
	color: var(--dark-gray);
}

.policy-list dd {
	margin: 12px 0 0 0;
	color: var(--medium-gray);
	line-height: 2;
}

.policy-list ul {
	margin: 12px 0 0 24px;
	padding: 0;
}

.policy-list li {
	margin: 6px 0;
}

@media (max-width: 768px) {
	.policy-section {
		padding: 112px 24px 80px;
	}

	.policy-section .section-title {
		font-size: 28px;
		line-height: 1.5;
		margin-bottom: 24px;
		overflow-wrap: anywhere;
	}

	.policy-section .section-description {
		font-size: 16px;
		margin-bottom: 32px;
	}

	.policy-card {
		padding: 30px 22px;
		border-radius: 20px;
		overflow-wrap: anywhere;
	}

	.policy-lead {
		font-size: 16px;
		margin-bottom: 28px;
	}

	.policy-list dt {
		font-size: 18px;
		margin-top: 24px;
	}
}