@charset "UTF-8";
/* ==============================================
   外構工事プログレス京都 - privacy.css (プライバシーポリシーページ)
   PC first / breakpoints: 1200 / 960 / 568
============================================== */

.privacy { padding: 0 0 80px; }

.privacy_list {
	display: flex; flex-direction: column; gap: 30px;
	max-width: 1120px; margin: 0 auto;
}

.privacy_card {
	background: #fff; border-radius: 10px; box-shadow: 0 0 4px rgba(34,34,34,.12);
	padding: 40px;
}

.privacy_head { display: flex; align-items: center; gap: 28px; }
.privacy_number { flex-shrink: 0; width: 68px; }
.privacy_number_value {
	display: block; font-family: var(--font_serif); font-weight: 600;
	font-size: 37px; letter-spacing: .03em; line-height: 1.22; color: var(--color_green);
}
.privacy_number::after { content: ""; display: block; width: 39px; height: 1px; margin-top: 8px; background: var(--color_green); }
.privacy_heading {
	font-family: var(--font_serif); font-weight: 600;
	font-size: 20px; letter-spacing: .1em; line-height: 1.5; color: var(--color_green);
}

.privacy_body { margin-top: 30px; list-style: none; }
.privacy_body p, .privacy_body li {
	font-size: 16px; letter-spacing: .1em; line-height: 1.75; color: var(--color_text);
}
.privacy_body p + p,.privacy_body li + li { margin-top: 10px; }
.privacy_body strong { color: var(--color_green); font-weight: 500; }
.privacy_body a { color: var(--color_green); text-decoration: underline; word-break: break-all; }

@media only screen and (max-width: 1200px) {
	.privacy { padding: 60px 0; }
}
@media only screen and (max-width: 960px) {
	.privacy_list { gap: 20px; }
	.privacy_card { padding: 30px; }
}
@media only screen and (max-width: 568px) {
	.privacy { padding: 30px 0 40px; }
	.privacy_list { width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; gap: 20px; }
	.privacy_card { border-radius: 0; padding: 20px; }
	.privacy_head { gap: 20px; }
	.privacy_number { width: 48px; }
	.privacy_number_value { font-size: 33px; letter-spacing: .03em; }
	.privacy_number::after { width: 32px; }
	.privacy_heading { font-size: 17px; }
	.privacy_body { margin-top: 18px; }
	.privacy_body p { font-size: 15px; }
}