/* ===== disaster_cloud 2026-10-09 全站统一（long_cloud / monitoring と同一スタイル） ===== */

/* --- h2 对齐全站新标准 24px/600（service-detail.css の 31/29px を上書き） --- */
#service #about h2 {
	margin: 0 0 25px;
	padding: 0;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.5em;
	letter-spacing: .08em;
	text-align: center;
	color: #1a3a5c;
}
#service #scene h2 {
	display: block;
	width: 100%;
	margin: 0 auto 30px;
	padding: 0;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.5em;
	letter-spacing: .08em;
	text-align: center;
	color: #1a3a5c;
}
#service .column h2 {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.5em;
	letter-spacing: .08em;
}

/* ===== 導入の流れ（long_cloud.css と同一スタイル） ===== */
.system-flow {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	flex-wrap: wrap;
	padding: 30px 20px;
}
.flow-step {
	text-align: center;
	flex: 1;
	min-width: 140px;
	max-width: 200px;
}
.flow-icon-circle {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 12px;
	font-size: 32px;
	color: #fff;
}
.flow-step h4 { font-size: 14px; font-weight: 700; color: #333; margin-bottom: 4px; }
.flow-step p { font-size: 12px; color: #666; line-height: 1.5; }
.flow-arrow-icon { font-size: 28px; color: #bbb; padding: 0 8px; }
.flow-time {
	text-align: center;
	margin-top: 20px;
	font-size: 14px;
	color: #666;
}
.flow-time strong {
	color: #1B9FFF;
}
@media (max-width: 768px) {
	.system-flow { flex-direction: column; gap: 8px; }
	.flow-arrow-icon { transform: rotate(90deg); }
}

/* 概要文：最終行の孤字（「す。」だけ等）を避けて行長を均等化 */
#about.about-split .about-desc { text-wrap: balance; }

/* 概要区左右占比：文約6割・図約4割（service-detail.css の v5 上書き是正） */
#about.about-split .about-content .about-inner {
	flex: 1.35 !important;
	min-width: 0 !important;
}
#about.about-split .about-content .about-hero-image {
	flex: 1 !important;
	max-width: 38% !important;
	align-self: center;
}

/* ページ内ナビ：8項目を1行で（文字折返し禁止・PCのみ、モバイルは3列のまま） */
@media (min-width: 601px) {
	.page-nav ul { max-width: 1100px !important; flex-wrap: nowrap !important; }
	.page-nav li { flex: 1 1 0 !important; min-width: 0; }
	.page-nav a {
		padding: 15px 6px !important;
		font-size: 13px !important;
		gap: 5px !important;
		white-space: nowrap !important;
		flex-direction: row !important;
	}
	.page-nav a i { font-size: 12px; flex: none; }
}

@media (min-width: 601px) and (max-width: 980px) {
	.page-nav a { font-size: 12px !important; padding: 12px 3px !important; gap: 4px !important; }
	.page-nav a i { font-size: 11px; }
}

/* 2026-10-09 モバイル修正：ナビ折返し有効（3列グリッド）＋アイコン横並び1行 */
@media (max-width: 600px) {
	.page-nav ul { flex-wrap: wrap !important; }
	.page-nav li { flex: 0 0 33.33% !important; min-width: 0; }
	.page-nav a { flex-direction: row !important; align-items: center; gap: 5px !important; padding: 11px 6px !important; font-size: 12px !important; }
	.page-nav a i { font-size: 11px !important; }
	#fee .notice-box li { text-wrap: balance; }
}