/* ==========================================================================
   会社情報 /company/ — Figma 「/company - 2/11」 (PC 1440) + 「/company」 (SP 375).
   SP values (< 1024px) are the CSS variables at the top of each block; PC overrides them.
   Shared section (PROFILE): assets/css/sections.css. Hero: components.css (.c-page-hero--band).
   ========================================================================== */

/* --- PHILOSOPHY 設立の想い --------------------------------------------------
   PC (Figma desk 「/company - 2/11」, export 4/11 15:16): band 120 / 120; head → logo 48;
   logo 250 × 264; logo → headline 48; headline 28/700 (lh 44.8) solid #00479D
   (client request 4/11 — Figma still shows the old gradient); headline → copy 32;
   copy 16/400 (lh 25.6) black, centered.
   SP (Figma SP): 80 / 64, 20px gutters; head → logo 48; logo 200 wide; logo → headline 48;
   headline 28 (client request 4/11); copy 15 (requested, lh 24). */
.p-philosophy {
	/* SP = Figma SP */
	--philo-logo-w: 200px;
	--philo-logo-gap: var(--space-12);
	--philo-headline-size: 28px;
	--philo-copy-gap: var(--space-8);
	--philo-copy-size: 15px;

	text-align: center;
}

.p-philosophy .c-section-head {
	margin-bottom: var(--space-12); /* 48 on PC too (Figma desk 4/11) */
}

@media (max-width: 1023.98px) {
	.p-philosophy {
		padding-top: var(--space-20);
	}

	.p-philosophy > .l-container {
		padding-inline: 20px;
	}
}

.p-philosophy__logo {
	display: block;
	width: var(--philo-logo-w);
	height: auto;
	margin-inline: auto;
}

.p-philosophy__headline {
	margin-top: var(--philo-logo-gap);
	font-size: var(--philo-headline-size);
	font-weight: 700;
	line-height: 1.6;
	color: var(--c-primary);
}

.p-philosophy__body {
	margin-top: var(--philo-copy-gap);
	font-size: var(--philo-copy-size);
	line-height: 1.6;
	color: var(--c-text-black);
}

.p-philosophy__body p + p {
	margin-top: 1.6em; /* one blank line (Figma) */
}

@media (min-width: 1024px) {
	.p-philosophy {
		--philo-logo-w: 250px;
		--philo-logo-gap: var(--space-12);
		--philo-headline-size: 28px;
		--philo-copy-gap: var(--space-8);
		--philo-copy-size: 16px;
	}
}

/* --- COMPANY 会社概要 --------------------------------------------------------
   PC: section 120 / 40 (CONTACT follows); table 681 wide; rows 24 apart, label column 150
   (14/700), value 14/400; each row 24px padding + 1px #EEEEEE rule, none on the last row.
   SP (Figma SP): 64 / 0 (CONTACT follows), 44px gutters; label column 100, value beside it;
   rows 24 apart with 24px padding + rule. */
.p-overview {
	/* SP = Figma SP */
	--overview-pad-bottom: 0px;
	--overview-cols: 100px 1fr;
	--overview-row-gap: var(--space-6);

	padding-bottom: var(--overview-pad-bottom);
}

@media (max-width: 1023.98px) {
	.p-overview > .l-container {
		padding-inline: 44px;
	}
}

.p-overview__list {
	display: grid;
	gap: var(--overview-row-gap);
	max-width: 681px;
	margin: 0 auto;
}

.p-overview__row {
	display: grid;
	grid-template-columns: var(--overview-cols);
	padding-bottom: var(--overview-row-gap);
	font-size: var(--fs-text);
	line-height: 1.6;
	border-bottom: 1px solid var(--c-border-light);
}

.p-overview__row:last-child {
	border-bottom: 0;
}

.p-overview__term {
	font-weight: 700;
}

.p-overview__desc {
	margin: 0;
}

@media (min-width: 1024px) {
	.p-overview {
		--overview-pad-bottom: var(--space-10);
		--overview-cols: 150px 1fr;

		padding-top: var(--space-30);
	}
}