@charset "UTF-8";

/* --------------------------------------------------------------------------------------
	キービジュアル
--------------------------------------------------------------------------------------- */

.key-image { background-image: url(../img/privacy/key-image.jpg); }

/* --------------------------------------------------------------------------------------
	プライバシーポリシー本文
--------------------------------------------------------------------------------------- */

.privacy-wrap { counter-reset: section 0; }

.privacy-wrap .lead-text { line-height: 200%; }

.privacy-wrap .policy-section {
	counter-increment: section 1;
	margin-top: 56px;
}

.privacy-wrap .policy-section h3 {
	border-bottom: 1px solid rgba(255, 255, 255, 0.20);
	font-size: 20px;
	font-weight: var(--Bold);
	line-height: 160%;
	padding-bottom: 12px;
	padding-left: 2.2em;
	position: relative;
}

.privacy-wrap .policy-section h3::before {
	content: counter(section) ".";
	left: 0;
	position: absolute;
	top: 0;
}

.privacy-wrap .policy-section p {
	line-height: 200%;
	margin-top: 20px;
}

.privacy-wrap .number-list {
	counter-reset: number 0;
	margin-top: 20px;
}

.privacy-wrap .number-list li {
	line-height: 200%;
	padding-left: 2.4em;
	position: relative;
}

.privacy-wrap .number-list li::before {
	content: counter(number) ".";
	counter-increment: number 1;
	left: 0;
	position: absolute;
	text-align: right;
	top: 0;
	width: 1.8em;
}

.privacy-wrap .link-list { margin-top: 20px; }

.privacy-wrap .link-list li {
	line-height: 200%;
	padding-left: 1em;
	position: relative;
}

.privacy-wrap .link-list li::before {
	content: "・";
	left: 0;
	position: absolute;
	top: 0;
}

.privacy-wrap .link-list a {
	color: var(--color-gold);
	text-decoration: underline;
}

.privacy-wrap .contact-list {
	display: grid;
	grid-template-columns: max-content minmax(0, 1fr);
	margin-top: 20px;
}

.privacy-wrap .contact-list dt {
	line-height: 200%;
	white-space: nowrap;
}

.privacy-wrap .contact-list dt::after { content: "："; }

.privacy-wrap .contact-list dd { line-height: 200%; }

.privacy-wrap .contact-list a {
	color: var(--color-gold);
	text-decoration: underline;
}

.privacy-wrap .enact-date {
	line-height: 200%;
	margin-top: 56px;
	text-align: right;
}

@media (max-width: 900px) {

	.privacy-wrap .lead-text { font-size: 2.996vw; }

	.privacy-wrap .policy-section { margin-top: 7.457vw; }

	.privacy-wrap .policy-section h3 {
		font-size: 3.496vw;
		padding-bottom: 1.598vw;
	}

	.privacy-wrap .policy-section p {
		font-size: 2.996vw;
		margin-top: 2.663vw;
	}

	.privacy-wrap .number-list {
		font-size: 2.996vw;
		margin-top: 2.663vw;
	}

	.privacy-wrap .link-list {
		font-size: 2.996vw;
		margin-top: 2.663vw;
	}

	.privacy-wrap .contact-list {
		font-size: 2.996vw;
		grid-template-columns: minmax(0, 1fr);
		margin-top: 2.663vw;
	}

	.privacy-wrap .contact-list dd + dt { margin-top: 1.598vw; }

	.privacy-wrap .enact-date {
		font-size: 2.996vw;
		margin-top: 7.457vw;
	}

}