/**
 * ABOUT（運営情報）ページ — ロマンチックであたたかい雰囲気
 */

.pitmil-about-page {
	--pitmil-pad-x: clamp(16px, 5vw, 48px);
	color: #4a3d38;
	padding-bottom: 8px;
}

.pitmil-about-page__hero {
	position: relative;
	padding:
		calc(var(--pitmil-bar-height) + clamp(20px, 5vw, 48px))
		0
		clamp(48px, 10vw, 96px);
	background:
		radial-gradient(circle at 20% 30%, rgba(255, 158, 184, 0.35), transparent 55%),
		radial-gradient(circle at 80% 20%, rgba(126, 200, 245, 0.3), transparent 50%),
		linear-gradient(165deg, #fff5f9 0%, #ffffff 45%, #fff0ea 100%);
	overflow: hidden;
}

.pitmil-about-page__hero::after {
	content: "";
	position: absolute;
	inset: auto -10% -40% -10%;
	height: 60%;
	background: radial-gradient(circle, rgba(255, 201, 168, 0.25), transparent 70%);
	pointer-events: none;
}

.pitmil-about-page__hero-inner {
	position: relative;
	z-index: 1;
	text-align: center;
}

.pitmil-about-page__eyebrow {
	margin: 0 0 10px;
	font-size: 0.8rem;
	font-weight: 800;
	letter-spacing: 0.32em;
	color: #ff8f6b;
}

.pitmil-about-page__title {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: clamp(12px, 3vw, 20px);
	margin: 0 0 16px;
	font-family: "Arial Black", "Helvetica Neue", "Hiragino Sans", "Yu Gothic UI", sans-serif;
	font-size: clamp(2.5rem, 10vw, 4.5rem);
	font-weight: 900;
	letter-spacing: 0.18em;
	line-height: 1.1;
}

.pitmil-about-page__title-text {
	background: linear-gradient(120deg, #e2557f 0%, #ff9eb8 38%, #7ec8f5 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	filter: drop-shadow(0 4px 18px rgba(226, 85, 127, 0.22));
}

.pitmil-about-page__title-deco {
	position: relative;
	width: clamp(28px, 8vw, 44px);
	height: 2px;
	border-radius: 999px;
	background: linear-gradient(90deg, transparent, #ff9eb8, #7ec8f5, transparent);
}

.pitmil-about-page__title-deco::after {
	content: "✦";
	position: absolute;
	top: 50%;
	font-size: 0.85rem;
	color: #ff9eb8;
	transform: translateY(-50%);
}

.pitmil-about-page__title-deco--left::after {
	left: -6px;
}

.pitmil-about-page__title-deco--right::after {
	right: -6px;
}

.pitmil-about-page__subtitle {
	margin: 0 auto 24px;
	max-width: 24em;
	font-size: clamp(1rem, 4vw, 1.2rem);
	line-height: 2;
	color: rgba(74, 61, 56, 0.85);
}

.pitmil-about-page__badges {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pitmil-about-page__badges li {
	padding: 8px 18px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.85);
	border: 1px solid rgba(255, 158, 184, 0.45);
	font-size: 0.875rem;
	font-weight: 700;
	color: #c44d6f;
	box-shadow: 0 8px 24px rgba(255, 140, 160, 0.12);
}

.pitmil-about-page__philosophy {
	padding: clamp(48px, 10vw, 88px) 0;
	text-align: center;
}

.pitmil-about-page__philosophy-inner {
	position: relative;
	padding-top: clamp(48px, 12vw, 72px);
}

.pitmil-about-page__philosophy-mascot {
	position: absolute;
	top: 0;
	right: clamp(0px, 4vw, 24px);
	width: clamp(88px, 22vw, 140px);
	height: auto;
	z-index: 2;
	pointer-events: none;
	filter: drop-shadow(0 12px 24px rgba(226, 85, 127, 0.2));
	animation: pitmil-about-bob 4.2s ease-in-out infinite;
}

@keyframes pitmil-about-bob {
	0%,
	100% {
		transform: translateY(0) rotate(-3deg);
	}
	50% {
		transform: translateY(-14px) rotate(3deg);
	}
}

.pitmil-about-page__sparkle-panel {
	position: relative;
	max-width: min(720px, calc(100% - 24px));
	margin: 28px auto 0;
	padding: 10px;
	border-radius: 24px;
	background: linear-gradient(
		135deg,
		rgba(255, 200, 220, 0.45),
		rgba(180, 225, 255, 0.35),
		rgba(255, 220, 200, 0.4)
	);
	box-shadow: 0 12px 36px rgba(255, 140, 160, 0.14);
	overflow: hidden;
}

.pitmil-about-page__sparkle-panel::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background:
		radial-gradient(circle at 18% 22%, rgba(255, 255, 255, 0.95), transparent 42%),
		radial-gradient(circle at 82% 68%, rgba(255, 255, 255, 0.75), transparent 38%),
		radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.35), transparent 55%);
	animation: pitmil-sparkle-shimmer 3s ease-in-out infinite;
	pointer-events: none;
}

.pitmil-about-page__sparkle-panel::after {
	content: "✦ ✧ ✦";
	position: absolute;
	top: 8px;
	right: 12px;
	font-size: 0.7rem;
	letter-spacing: 0.35em;
	color: rgba(255, 158, 184, 0.75);
	animation: pitmil-sparkle-twinkle 2.2s ease-in-out infinite;
	pointer-events: none;
}

@keyframes pitmil-sparkle-shimmer {
	0%,
	100% {
		opacity: 0.55;
		transform: translateX(0);
	}
	50% {
		opacity: 1;
		transform: translateX(4px);
	}
}

@keyframes pitmil-sparkle-twinkle {
	0%,
	100% {
		opacity: 0.35;
	}
	50% {
		opacity: 1;
	}
}

.pitmil-about-page__section-title {
	margin: 0 0 12px;
	font-size: clamp(1.4rem, 5vw, 2rem);
	font-weight: 800;
	color: #4a3d38;
}

.pitmil-about-page__section-lead {
	margin: 0 0 28px;
	font-size: clamp(0.95rem, 3.6vw, 1.05rem);
	line-height: 1.8;
	color: rgba(74, 61, 56, 0.75);
	text-align: center;
}

.pitmil-about-page__taglines {
	position: relative;
	z-index: 1;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pitmil-about-page__taglines li {
	margin-bottom: 12px;
	padding: clamp(16px, 4vw, 24px) clamp(18px, 4.5vw, 30px);
	border-radius: 18px;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(255, 248, 252, 0.96));
	border: 1px solid rgba(255, 158, 184, 0.4);
	font-size: clamp(1rem, 3.8vw, 1.25rem);
	font-weight: 700;
	line-height: 1.7;
	letter-spacing: 0.04em;
	color: #5c3d48;
	box-shadow: 0 8px 24px rgba(255, 140, 160, 0.1);
}

.pitmil-about-page__taglines li:last-child {
	margin-bottom: 0;
}

.pitmil-about-page__info {
	padding: clamp(40px, 8vw, 72px) 0;
	background: linear-gradient(180deg, #ffffff 0%, #fff8fc 100%);
}

.pitmil-about-page__info-grid {
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	gap: clamp(24px, 5vw, 48px);
	align-items: center;
}

.pitmil-about-page__card {
	padding: clamp(24px, 5vw, 36px);
	border-radius: 24px;
	background: #fff;
	border: 1px solid rgba(255, 158, 184, 0.3);
	box-shadow: 0 16px 48px rgba(255, 140, 160, 0.12);
}

.pitmil-about-page__card-title {
	margin: 0 0 20px;
	font-size: clamp(1.2rem, 4.5vw, 1.5rem);
	font-weight: 800;
	color: #e2557f;
}

.pitmil-about-page__dl {
	margin: 0;
}

.pitmil-about-page__dl > div {
	margin-bottom: 18px;
}

.pitmil-about-page__dl > div:last-child {
	margin-bottom: 0;
}

.pitmil-about-page__dl dt {
	margin: 0 0 4px;
	font-size: 0.8rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	color: #ff9eb8;
}

.pitmil-about-page__dl dd {
	margin: 0;
	font-size: clamp(0.95rem, 3.6vw, 1.05rem);
	line-height: 1.85;
}

.pitmil-about-page__dl a {
	color: #d45f82;
}

.pitmil-about-page__mascot-wrap {
	text-align: center;
}

.pitmil-about-page__mascot {
	width: min(280px, 70vw);
	height: auto;
	filter: drop-shadow(0 20px 36px rgba(226, 85, 127, 0.18));
	animation: pitmil-float 5s ease-in-out infinite;
}

.pitmil-about-page__mascot-caption {
	margin: 16px 0 0;
	font-size: 0.95rem;
	font-weight: 600;
	color: rgba(74, 61, 56, 0.75);
}

.pitmil-about-page__partners {
	padding: clamp(48px, 10vw, 88px) 0;
	background: linear-gradient(180deg, #fff5f9 0%, #ffffff 100%);
}

.pitmil-about-page__partner-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(14px, 3vw, 24px);
	margin: 0;
	padding: 0;
	list-style: none;
}

.pitmil-about-page__partner-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-height: 140px;
	padding: 20px 16px;
	border-radius: 18px;
	background: #fff;
	border: 1px solid rgba(255, 158, 184, 0.3);
	text-decoration: none;
	color: #4a3d38;
	box-shadow: 0 10px 28px rgba(255, 140, 160, 0.1);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.pitmil-about-page__partner-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 36px rgba(255, 140, 160, 0.18);
}

.pitmil-about-page__partner-card img {
	max-width: 100%;
	max-height: 72px;
	width: auto;
	height: auto;
	object-fit: contain;
}

.pitmil-about-page__partner-card span {
	font-size: 0.8rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.5;
}

.pitmil-about-page__closing {
	padding: clamp(48px, 10vw, 96px) var(--pitmil-pad-x, 16px);
	padding-bottom: calc(clamp(56px, 12vw, 104px) + env(safe-area-inset-bottom, 0px));
	text-align: center;
}

.pitmil-about-page__closing .pitmil-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: min(100%, 280px);
	max-width: 100%;
	margin-inline: auto;
}

.pitmil-about-page__closing-text {
	margin: 0 auto 28px;
	max-width: 28em;
	font-size: clamp(1rem, 4vw, 1.15rem);
	line-height: 2;
	color: rgba(74, 61, 56, 0.88);
}

@media (max-width: 900px) {
	.pitmil-about-page__info-grid,
	.pitmil-about-page__partner-grid {
		grid-template-columns: 1fr;
	}

	.pitmil-about-page__philosophy-mascot {
		right: 4px;
		width: clamp(72px, 20vw, 100px);
	}

	.pitmil-about-page__sparkle-panel {
		max-width: calc(100% - 8px);
		padding: 8px;
	}

	.pitmil-about-page__section-title {
		padding-inline: clamp(72px, 18vw, 100px) 8px;
		text-align: left;
	}

	.pitmil-about-page__philosophy-inner {
		text-align: left;
	}
}

@media (max-width: 480px) {
	.pitmil-about-page__title {
		flex-direction: column;
		gap: 8px;
	}

	.pitmil-about-page__title-deco {
		width: 56px;
	}

	.pitmil-about-page__closing {
		padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px));
	}
}

@media (prefers-reduced-motion: reduce) {
	.pitmil-about-page__philosophy-mascot,
	.pitmil-about-page__sparkle-panel::before,
	.pitmil-about-page__sparkle-panel::after {
		animation: none;
	}
}