/* ============================================================
   pages-misc.css — プライバシーポリシー / 404
   ※ タブレット/流体/1440超えなどの横断調整は overrides.css（最後に読込）にある
   ============================================================ */

/* ============================================================
   個人情報保護方針（Figma 276:52410）
   ============================================================ */
.privacy { background: var(--color-bg-gray); padding: 80px 140px 100px; }

.privacy__contents { display: flex; flex-direction: column; gap: 24px; max-width: 1160px; margin: 0 auto; }

.privacy__lead, .privacy__list li { font-size: 16px; line-height: 1.6; }

.privacy__list { display: flex; flex-direction: column; gap: 4px; padding-left: 1.2em; }

.privacy__list li { list-style: '・'; }

.privacy__heading { margin-top: 16px; font-size: 24px; line-height: 1.6; font-weight: 500; letter-spacing: 2px; color: var(--color-font-black); }

.privacy__back { display: flex; justify-content: center; margin-top: 40px; }

/* ============================================================
   404（Figma 298:54345）
   ============================================================ */
.notfound-mv {
position: relative;
height: 720px;
padding: clamp(12px, 1.389vw, 20px) clamp(20px, 2.436vw, 35.087px) clamp(32px, 5vw, 72px);
overflow: hidden;
}

.notfound-mv__photo {
width: 100%;
height: 100%;
border-radius: 20px;
object-fit: cover;
}

.notfound-mv__en {
position: absolute;
left: 5.556%;
top: calc(50% + 99.72px);
width: 72.222%;
transform: translateY(-50%) scaleY(0.97);
transform-origin: left center;
font-family: var(--font-en);
font-weight: 600;
font-size: 180px;
line-height: 0.8;
letter-spacing: -2px;
color: var(--color-gray-400);
white-space: nowrap;
}

.notfound {
height: 464px;
background: var(--color-bg-gray);
padding: 80px 140px 100px;
display: flex;
flex-direction: column;
align-items: center;
gap: 80px;
text-align: center;
}

.notfound__contents {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
width: min(760px, 100%);
}

.notfound__title { font-size: 28px; line-height: 1.6; font-weight: 500; letter-spacing: 2px; }

.notfound__text { font-size: 20px; line-height: 1.6; letter-spacing: 2px; }

.notfound__back { width: 100%; display: flex; justify-content: center; }

.notfound__back .btn { width: 367px; }

@media (max-width: 767px) {
	.privacy { padding: 40px 16px 64px; }

	.notfound-mv { height: 460px; padding: 20px 7.5px; }

	.notfound-mv__photo { border-radius: 20px; }

	.notfound-mv__en {
		left: 50%;
		top: auto;
		bottom: 46.85px;
		width: 320px;
		transform: translateX(-50%) scaleY(0.97);
		transform-origin: center;
		font-size: 60px;
		line-height: 0.8;
	}

	.notfound-mv__space { display: none; }

	.notfound { height: auto; padding: 64px 16px; align-items: flex-start; gap: 48px; text-align: left; }

	.notfound__contents { align-items: flex-start; gap: 16px; width: 100%; }

	.notfound__title { font-size: 20px; letter-spacing: 2px; }

	.notfound__text { font-size: 18px; letter-spacing: 0; }

	.notfound__text { text-align: left; }

	.notfound__back { width: 100%; }

	.notfound__back .btn { width: 100%; min-width: 0; }

}
