/**
 * SOA Works v1.9.229 — Single Story Layout
 *
 * AI 生成 500 文字構造（リード／施策／成果／一言）の本文レイアウト。
 * シネマティックな読み物体験、紺×金、明朝×サンセリフのコントラスト。
 */

/* ===========================================
 * Story Section
 * =========================================== */

.soa-works-story {
	padding: 120px 0 100px;
	background: linear-gradient(180deg, #fafaf7 0%, #fff 60%, #fafaf7 100%);
	position: relative;
}

.soa-works-story::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
	height: 80px;
	background: linear-gradient(180deg, transparent, #b89968);
}

.soa-works-story__inner {
	max-width: 720px;
	margin: 0 auto;
	padding: 0 24px;
}

/* ===========================================
 * Lead（リード文：約 100 文字）
 * =========================================== */

.soa-works-story__lead {
	margin-bottom: 80px;
	padding-bottom: 60px;
	border-bottom: 1px solid rgba(184, 153, 104, 0.2);
}

.soa-works-story__lead p {
	font-family: 'Shippori Mincho', 'Noto Serif JP', 'Yu Mincho', serif;
	font-size: 22px;
	line-height: 2.0;
	letter-spacing: 0.04em;
	color: #0a1628;
	font-weight: 500;
	margin: 0;
}

/* ===========================================
 * Block（施策・成果：約 200 / 150 文字）
 * =========================================== */

.soa-works-story__block {
	margin-bottom: 64px;
	position: relative;
}

.soa-works-story__label {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 24px;
}

.soa-works-story__label-num {
	font-family: 'Inter', -apple-system, sans-serif;
	font-size: 13px;
	font-weight: 700;
	color: #b89968;
	letter-spacing: 0.2em;
}

.soa-works-story__label-text {
	font-family: 'Shippori Mincho', serif;
	font-size: 14px;
	font-weight: 600;
	color: #0a1628;
	letter-spacing: 0.15em;
	position: relative;
	padding-left: 16px;
}

.soa-works-story__label-text::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
	height: 1px;
	background: #b89968;
}

.soa-works-story__body p {
	font-family: 'Hiragino Mincho ProN', 'Yu Mincho', 'Shippori Mincho', serif;
	font-size: 16px;
	line-height: 2.1;
	letter-spacing: 0.05em;
	color: #1a2640;
	margin: 0;
}

.soa-works-story__block--result .soa-works-story__body p {
	font-weight: 500;
}

/* ===========================================
 * Voice（SOA の一言：約 50 文字）
 * =========================================== */

.soa-works-story__voice {
	margin-top: 80px;
	padding: 48px 56px;
	background: linear-gradient(135deg, #0a1628 0%, #1a2640 100%);
	color: #d4c4a0;
	border-radius: 2px;
	position: relative;
}

.soa-works-story__voice::before {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	width: 80px;
	height: 2px;
	background: #b89968;
}

.soa-works-story__voice-quote p {
	font-family: 'Shippori Mincho', serif;
	font-size: 19px;
	line-height: 1.9;
	letter-spacing: 0.05em;
	color: #d4c4a0;
	margin: 0;
	font-weight: 400;
}

.soa-works-story__voice-author {
	margin-top: 20px;
	font-family: 'Inter', -apple-system, sans-serif;
	font-size: 11px;
	letter-spacing: 0.25em;
	color: #b89968;
	font-weight: 600;
}

/* ===========================================
 * モバイル最適化
 * =========================================== */

@media (max-width: 768px) {
	.soa-works-story {
		padding: 80px 0 60px;
	}

	.soa-works-story__inner {
		padding: 0 20px;
	}

	.soa-works-story__lead {
		margin-bottom: 56px;
		padding-bottom: 40px;
	}

	.soa-works-story__lead p {
		font-size: 17px;
		line-height: 1.9;
	}

	.soa-works-story__block {
		margin-bottom: 48px;
	}

	.soa-works-story__label {
		margin-bottom: 18px;
		gap: 12px;
	}

	.soa-works-story__body p {
		font-size: 15px;
		line-height: 1.95;
	}

	.soa-works-story__voice {
		margin-top: 56px;
		padding: 32px 28px;
	}

	.soa-works-story__voice-quote p {
		font-size: 15px;
		line-height: 1.85;
	}
}