/* ==========================================================================
   business 下層 刷新用スタイル（bizd_* 名前空間）
   - single-business-plc.php（パイロット）専用。既存 style.css / product_* に不干渉
   - header.php が is_singular('business') / is_tax('business_cat') のときだけ読み込む
   - 全体適応の確定時に SCSS へ統合する（style.css 末尾の手書き追記分の正常化と同時に）
   ========================================================================== */

.bizd {
	padding: 36px 0 88px; /* パンくず直下の余白を詰める（2026-07-30） */
}

.bizd_layout {
	display: flex;
	align-items: flex-start;
	gap: 64px;
}

/* ---- 左ナビ（ドキュメント型・Cloudflare Docs 参照） ---- */

.bizd_nav {
	width: 232px;
	flex-shrink: 0;
	position: sticky;
	top: 104px;
	padding: 8px 0 24px;
}

.bizd_nav_list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bizd_nav_item + .bizd_nav_item {
	margin-top: 2px;
}

/* 見出し行：カテゴリ名（＝カテゴリTOP へのリンク）＋開閉ボタン の 2 要素構成（2026-07-31） */
.bizd_nav_head {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	width: 100%;
	padding: 0;
	background: none;
	border: 0;
	border-radius: 6px;
	text-align: left;
	color: #2a313c;
	font-family: inherit;
	transition: background-color 0.15s ease;
}

.bizd_nav_head:hover {
	background: #f4f5f7;
}

/* カテゴリ名＝リンク。行の余白はこちらが持ち、クリック面を広く取る */
.bizd_nav_cat {
	flex: 1 1 auto;
	padding: 7px 4px 7px 10px;
	color: inherit;
	text-decoration: none;
	font-size: 13.5px;
	font-weight: 500; /* 太字にしない（規約：left nav は非ボールド） */
	letter-spacing: 0.02em;
	line-height: 1.5;
}

/* 開閉ボタン。シェブロンだけの独立したクリック領域 */
.bizd_nav_toggle {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	padding: 0;
	background: none;
	border: 0;
	border-radius: 0 6px 6px 0;
	cursor: pointer;
	transition: background-color 0.15s ease;
}

.bizd_nav_toggle:hover {
	background: #e7eaee;
}

.bizd_nav_chevron {
	width: 7px;
	height: 7px;
	border-right: 1.5px solid #9aa1ab;
	border-bottom: 1.5px solid #9aa1ab;
	transform: rotate(-45deg); /* ▶ 閉 */
	transition: transform 0.18s ease;
	margin: 0;
	flex-shrink: 0;
}

.bizd_nav_item.is-open > .bizd_nav_head .bizd_nav_chevron {
	transform: rotate(45deg); /* ▼ 開 */
	margin-top: -3px;
}

.bizd_nav_children {
	display: none;
	list-style: none;
	margin: 4px 0 12px 14px;
	padding: 0;
	border-left: 1px solid #e4e6ea; /* 境界線は子リストの縦ラインのみ（上下は余白で切る） */
}

.bizd_nav_item.is-open > .bizd_nav_children {
	display: block;
}

.bizd_nav_children li {
	margin: 0;
}

.bizd_nav_children a {
	display: block;
	padding: 6px 10px 6px 14px;
	margin-left: -1.5px;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.55;
	color: #555e6b;
	text-decoration: none;
	border-left: 2px solid transparent;
	transition: color 0.15s ease;
}

.bizd_nav_children a:hover {
	color: #2a313c;
}

.bizd_nav_children a.is-current {
	color: #06ae95; /* $main_color */
	border-left-color: #06ae95;
	font-weight: 500;
}

/* ---- 右メイン ---- */

.bizd_main {
	flex: 1;
	min-width: 0;
}


/* ---- レスポンシブ ---- */

@media screen and (max-width: 1080px) {
	.bizd_layout {
		gap: 40px;
	}
	.bizd_nav {
		width: 208px;
	}
}

@media screen and (max-width: 810px) {
	.bizd {
		padding: 28px 0 64px;
	}
	.bizd_layout {
		flex-direction: column;
		gap: 0;
	}
	.bizd_main {
		order: 1;
		width: 100%;
	}
	.bizd_nav {
		order: 2;
		position: static;
		width: 100%;
		margin-top: 48px;
		padding: 24px 0 0;
		border-top: 1px solid #e4e6ea;
	}
}

/* ---- 右カラム先頭ブロック（C案：リード → お困りごとボックス → CV）2026-07-30 ---- */

.bizd_lead {
	margin: 0 0 4px;
	font-size: 16px;
	line-height: 1.85;
	color: #2a313c;
}

.bizd_trouble {
	margin-top: 28px;
	border: 1px solid #cfe8e2;
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
}

.bizd_trouble_label {
	margin: 0;
	padding: 10px 20px;
	background: #06ae95; /* $main_color */
	color: #fff;
	font-size: 14.5px;
	font-weight: 600;
	letter-spacing: 0.05em;
	line-height: 1.5;
}

.bizd_trouble_body {
	padding: 18px 24px 20px;
	font-size: 15px;
	line-height: 1.9;
	color: #2a313c;
}

.bizd_trouble_body p {
	margin: 0 0 10px;
}

.bizd_trouble_body p:last-child {
	margin-bottom: 0;
}

.bizd_trouble_body ul {
	margin: 10px 0 14px;
	padding-left: 1.4em;
	list-style: disc;
}

.bizd_trouble_body li {
	margin: 5px 0;
}

.bizd_cv {
	justify-content: center !important; /* 宣言文＋ボタンで中央の CTA ゾーンを作る（2026-07-31 変更） */
	margin: 20px 0 48px !important;
}

@media screen and (max-width: 810px) {
	.bizd_trouble_body {
		padding: 16px 18px 18px;
	}
	.bizd_cv {
		margin: 24px 0 40px !important;
	}
}

/* ---- 写真帯スリム化（business 詳細のみ。タイトルの上下に軽い余白が残る高さ） ---- */

@media screen and (min-width: 641px) {
	.single-business .pageTitle--slim {
		height: 160px; /* 追記CSS（style.css 末尾）の .single-business .pageTitle 400px を上書き */
	}
}

@media screen and (max-width: 640px) {
	.single-business .pageTitle--slim {
		height: 128px;
	}
}

/* ---- 帯廃止版：右カラム先頭の h1／キャッチコピー／お任せ宣言（2026-07-30） ---- */

.bizd_h1 {
	margin: 0 0 10px;
	font-size: 34px;
	font-weight: 700;
	line-height: 1.45;
	color: #2a313c;
}

.bizd_catch {
	margin: 0 0 10px; /* キャッチと本文の間を詰める（2026-07-31） */
	font-size: 22px;
	font-weight: 600;
	color: #06ae95; /* $main_color */
	line-height: 1.6;
	letter-spacing: 0.02em;
}

.bizd_answer {
	margin: 34px 0 0;
	font-size: 20px; /* CTA ブロックの一部（ボタン 18px より一回り大きく） */
	font-weight: 700;
	line-height: 1.9;
	color: #2a313c;
	text-align: center;
	text-wrap: balance;      /* 行長を自動で均等化（不格好な折り返し防止） */
	word-break: auto-phrase; /* 日本語を文節単位で改行（Chrome系。非対応ブラウザは通常折り返し） */
}

.bizd_answer span {
	background: linear-gradient(transparent 62%, rgba(6, 174, 149, 0.18) 62%); /* 蛍光マーカー風の特別感 */
	padding: 0 2px;
}

@media screen and (max-width: 810px) {
	.bizd_h1 {
		font-size: 26px;
	}
	.bizd_catch {
		font-size: 18px;
		margin-bottom: 8px;
	}
	.bizd_answer {
		font-size: 17px;
	}
}

/* ---- 本文テーブル（比較表）：th をボックスと同じ緑、文字は本文サイズに（2026-07-30） ---- */

.bizd .content_inner table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0 28px;
	border-top: none;
}

.bizd .content_inner table th,
.bizd .content_inner table td {
	padding: 10px 16px;
	font-size: 15px; /* 本文と同サイズ */
	line-height: 1.8;
	border: 1px solid #e0e4e9;
	text-align: left;
	vertical-align: top;
	width: auto;
	min-width: 0;
}

.bizd .content_inner table th {
	background: #06ae95; /* お困りごとボックスのラベルと同じ緑 */
	color: #fff;
	font-weight: 600;
	border-color: #06ae95;
}

.bizd .content_inner table th:not(:last-child) {
	border-right-color: rgba(255, 255, 255, 0.4); /* 緑ヘッダー内の列区切り */
}

@media screen and (max-width: 810px) {
	.bizd .content_inner table th,
	.bizd .content_inner table td {
		padding: 8px 10px;
		font-size: 14px;
	}
}

/* ---- FAQ：Q/A バッジ型（Q=淡グレー丸に緑字、A=緑丸に白字。ラベル/th の緑と統一）2026-07-30 ---- */

.bizd_faq_item {
	margin: 0 0 26px;
}

.bizd_faq_q,
.bizd_faq_a {
	display: flex;
	align-items: center; /* バッジとテキストの高さを揃える */
	gap: 14px;
}

.bizd_faq_a {
	margin-top: 10px;
}

.bizd_faq_icon {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 700;
	flex-shrink: 0;
	line-height: 1;
}

.bizd_faq_icon--q {
	background: #edeff2; /* トクヨシグレー（淡） */
	color: #06ae95;
}

.bizd_faq_icon--a {
	background: #06ae95; /* ボックスラベル・th と同じ緑 */
	color: #fff;
}

.bizd_faq_qtext {
	margin: 0;
	font-size: 15.5px;
	font-weight: 600;
	line-height: 1.7;
	color: #2a313c;
}

.bizd_faq_atext {
	margin: 0;
	font-size: 15px;
	line-height: 1.9;
	color: #2a313c;
	min-width: 0;
}

.bizd_faq_atext p {
	margin: 0 0 8px;
}

.bizd_faq_atext p:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 810px) {
	.bizd_faq_icon {
		width: 30px;
		height: 30px;
		font-size: 14px;
	}
	.bizd_faq_qtext {
		font-size: 15px;
	}
}

/* FAQ テキストのテーマ由来マージン打ち消し（.single .content_inner p より強い特異度で） */
.bizd .content_inner p.bizd_faq_qtext {
	margin: 0;
}
.bizd .content_inner .bizd_faq_atext p {
	margin: 0 0 8px;
}
.bizd .content_inner .bizd_faq_atext p:last-child {
	margin-bottom: 0;
}

/* パンくず下余白：WP カスタマイザー「追加 CSS」（wp-custom-css・DB 側）の
   `.single .content { padding-top: 80px }` に勝つため特異度を上げて再宣言 */
.single-business .content.bizd {
	padding: 36px 0 88px;
}

@media screen and (max-width: 810px) {
	.single-business .content.bizd {
		padding: 28px 0 64px;
	}
}

/* ---- パンくず：SP で折り返さず横スクロール（旧追記 CSS から移設・有用のため存置） ---- */
.single-business .breadcrumb_list {
	flex-wrap: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.single-business .breadcrumb_list li {
	flex-shrink: 0;
	white-space: nowrap;
}

/* ---- カテゴリページ（共通テンプレ）：記事リスト（2026-07-30） ---- */

.bizd_catlist {
	list-style: none;
	margin: 28px 0 8px;
	padding: 0;
}

.bizd_catlist li + li {
	margin-top: 10px;
}

.bizd_catlist a {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 16px 20px;
	border: 1px solid #e0e4e9;
	border-radius: 8px;
	text-decoration: none;
	color: #2a313c;
	transition: border-color 0.15s ease, background-color 0.15s ease;
}

.bizd_catlist a:hover {
	border-color: #06ae95;
	background: #f6fbfa;
}

.bizd_catlist_ttl {
	font-size: 15.5px;
	font-weight: 600;
	line-height: 1.6;
}

.bizd_catlist_kw {
	font-size: 12.5px;
	color: #667080;
	line-height: 1.5;
}

.bizd_catlist_arrow {
	margin-left: auto;
	width: 8px;
	height: 8px;
	border-right: 2px solid #06ae95;
	border-bottom: 2px solid #06ae95;
	transform: rotate(-45deg);
	flex-shrink: 0;
}

/* カテゴリ共通テンプレでも余白詰めを適用（tax-business_cat の body クラス向け） */
.tax-business_cat .content.bizd {
	padding: 36px 0 88px;
}

@media screen and (max-width: 810px) {
	.bizd_catlist a {
		padding: 13px 14px;
	}
	.tax-business_cat .content.bizd {
		padding: 28px 0 64px;
	}
}

/* ---- 記事サムネイル（アイキャッチがある記事のみ・タイトル上）2026-07-30 ---- */
.bizd_thumb {
	margin: 6px 0 24px; /* h1 と画像・画像とキャッチの間隔 */
}
.bizd_thumb img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9; /* サムネ枠は 16:9 固定。画像は切らずに縮小して全体を収める */
	height: auto;
	object-fit: contain;
	background: #fff; /* 縦長・横長画像の余白は白で埋める */
	border-radius: 10px;
}
@media screen and (max-width: 810px) {
	.bizd_thumb {
		margin-bottom: 20px;
	}
}

/* ---- 本文内 CTA ブロック（[bizd_cta] ショートコード）2026-07-31 ---- */
.bizd_cta_block {
	margin: 40px 0 44px;
}
/* content_inner 内で使われるため、テーマ既定の p / ul スタイルを打ち消す */
.bizd .content_inner p.bizd_answer {
	margin: 0 0 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.9;
	text-align: center;
	text-wrap: balance;
	word-break: auto-phrase;
}
.bizd .content_inner ul.bizd_cv {
	margin: 20px 0 0;
	padding-left: 0;
	list-style: none;
}
.bizd .content_inner ul.bizd_cv li {
	margin: 0;
}
.bizd .content_inner ul.bizd_cv li::before {
	content: none;
}
@media screen and (max-width: 810px) {
	.bizd .content_inner p.bizd_answer {
		font-size: 17px;
	}
}

/* 本文内 CTA：content_inner のリンク下線を打ち消す */
.bizd .content_inner .bizd_cv a {
	text-decoration: none;
}

/* ==========================================================================
   カテゴリページ 2 カラム帯（bizd--cat）2026-07-31
   帯・パンくず・MV は原文のまま。FEATURE 以降を 2 カラム化し、
   右カラムには既存セクションを「一切変えず」に収める（横幅フィットの最小シムのみ）
   ========================================================================== */

.bizd--cat {
	padding: 0 0 40px;
}

.bizd--cat .bizd_main {
	min-width: 0;
	overflow: hidden; /* 既存セクションの横はみ出し保険 */
}

/* 右カラム内の .container は右カラム幅にフィットさせる（左右 padding・max-width を無効化） */
.bizd--cat .bizd_main .container {
	max-width: 100%;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

/* 2 カラム帯はワイドコンテナ（旧 single の .container.-sm 1460px と同じ考え方）。
   1460 = 右カラム 1000（元セクションの設計幅）＋ ナビ 232 ＋ gap 64 ＋ 左右 padding 160 */
@media screen and (min-width: 1100px) {
	.bizd--cat .container {
		max-width: 1460px;
	}
}

/* ---- カテゴリ 2 カラム帯の調整（2026-07-31 指示分） ---- */

/* 上端揃え：先頭セクション（FEATURE）の上余白を除去し、左ナビと頭を揃える */
.bizd--cat .bizd_nav {
	padding-top: 0;
}
.bizd--cat .bizd_main .bizd_colwrap {
	padding-top: 0;
	margin-top: 0;
}
.bizd--cat .bizd_main .bizd_colwrap > section:first-child {
	padding-top: 0;
	margin-top: 0;
}
.bizd--cat .bizd_main .bizd_colwrap > section:first-child .ttl {
	margin-top: 0;
}

/* 現在地カテゴリの明示（カテゴリページ） */
.bizd_nav_item.is-current-cat > .bizd_nav_head {
	background: #f0faf7;
}
.bizd_nav_item.is-current-cat > .bizd_nav_head .bizd_nav_cat {
	color: #06ae95;
	font-weight: 700;
}

/* FEATURE：2 カラム → 1 カラム縦積み（01 から順に） */
.bizd--cat .bizd_main .grid2 {
	flex-direction: column;
	flex-wrap: nowrap;
}
.bizd--cat .bizd_main .grid2_item {
	width: 100%;
}
.bizd--cat .bizd_main .grid2_item:not(:first-child) {
	margin-top: 12px;
}

/* SOLUTION CASE：角丸ボックス化＋行の上下中央揃え */
.bizd--cat .bizd_main .case.bg-main {
	border-radius: 14px;
	overflow: hidden;
}
.bizd--cat .bizd_main .case .col2 {
	align-items: center;
}

/* 詳しく見る：ボタン → テキストリンク（白・下線・矢印はテキストで） */
.bizd--cat .case .col2_btn.btn-arrow {
	width: auto;
	height: auto;
	padding: 0;
	margin: 14px 0 0;
	background: none;
	border: none;
	box-shadow: none;
	display: inline-flex;
	justify-content: flex-start;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
}
.bizd--cat .case .col2_btn.btn-arrow::before {
	display: none;
}
.bizd--cat .case .col2_btn.btn-arrow::after {
	content: "→";
	margin-left: 6px;
	text-decoration: none;
}
.bizd--cat .case .col2_btn .arrow {
	display: none;
}
.bizd--cat .case .col2_btn.btn-arrow:hover {
	background: none;
	color: #fff;
	opacity: 0.8;
}

/* 主な実績：画像と文章を上下中央揃え */
.bizd--cat .bizd_main .achievement_item .col2 {
	align-items: center;
}

/* 技術情報（旧・詳細情報）：テキストリンクのリスト */
.bizd_articlelist {
	list-style: none;
	margin: 4px 0 0;
	padding: 0;
}
.bizd_articlelist li {
	margin: 12px 0;
}
.bizd_articlelist a {
	font-size: 15.5px;
	font-weight: 600;
	color: #06ae95;
	text-decoration: underline;
	text-underline-offset: 3px;
}
.bizd_articlelist a:hover {
	opacity: 0.8;
}

/* ---- 電気制御カテゴリ 微調整第2弾（2026-07-31） ---- */

/* FEATURE：数字を小さく（71px → 30px）・グレーカードは内容にフィットする幅に */
.bizd--cat .bizd_main .grid2_num {
	font-size: 30px;
}
.bizd--cat .bizd_main .grid2_num > span {
	font-size: 11px;
}
.bizd--cat .bizd_main .grid2_item {
	width: fit-content;
	max-width: 100%;
	padding: 18px 28px;
}

/* 事例：画像の比率を下げてテキストを広く（48% → 30%） */
.bizd--cat .case .col2 .split_img {
	width: 30%;
	flex-shrink: 0;
}
.bizd--cat .case .col2 .split_cont {
	flex: 1;
	min-width: 0;
}

/* 事例：区切り線は中央のみ（左右に余白）・線とコンテンツの間隔を詰める（95px → 28px） */
.bizd--cat .case .case_item {
	border: none;
}
.bizd--cat .case .case_item + .case_item {
	position: relative;
	padding-top: 28px;
	margin-top: 28px;
}
.bizd--cat .case .case_item + .case_item::before {
	content: "";
	position: absolute;
	top: 0;
	left: 6%;
	right: 6%;
	height: 1px;
	background: rgba(255, 255, 255, 0.35);
}

/* 詳しく見る：矢印なし */
.bizd--cat .case .col2_btn.btn-arrow::after {
	content: none;
}

/* 技術情報：フォントを実績見出し（26px）に揃え、少し内側に寄せる */
.bizd_articlelist {
	padding-left: 44px;
}
.bizd_articlelist li {
	margin: 16px 0;
}
.bizd_articlelist a {
	font-size: 26px;
	font-weight: 700;
	line-height: 1.5;
}

@media screen and (max-width: 810px) {
	.bizd--cat .bizd_main .grid2_num {
		font-size: 24px;
	}
	.bizd_articlelist {
		padding-left: 16px;
	}
	.bizd_articlelist a {
		font-size: 19px;
	}
}

/* ==========================================================================
   bizd--cat 余白ルール（2026-07-31 統一）
   --bizd-sec   : セクション間の余白（56px）
   --bizd-h2    : 見出し(h2) 下の余白（28px）※上マージンは持たせない
   --bizd-h3    : 小見出し(h3) 下の余白（16px）
   --bizd-gap   : 要素間の基本余白（16px）
   原則：縦の余白は「見出しの bottom」と「セクションの padding」だけで作る
   ========================================================================== */

.bizd--cat .bizd_main {
	--bizd-sec: 56px;
	--bizd-h2: 28px;
	--bizd-h3: 16px;
	--bizd-gap: 16px;
}

/* セクションの上下余白を統一（元テーマの 100〜130px を打ち消す） */
.bizd--cat .bizd_main .bizd_colwrap > section,
.bizd--cat .bizd_main > section {
	padding-top: var(--bizd-sec);
	padding-bottom: var(--bizd-sec);
	margin: 0;
}
.bizd--cat .bizd_main .bizd_colwrap > section:first-child {
	padding-top: 0;
}

/* 見出し：上マージンなし・下だけ固定 */
.bizd--cat .bizd_main .ttl {
	margin-top: 0;
	margin-bottom: var(--bizd-h2);
}

/* FEATURE：カード幅を固定（文章量に依らない）・中央寄せ・番号のみ表示 */
.bizd--cat .bizd_main .grid2 {
	align-items: center;
}
.bizd--cat .bizd_main .grid2_item {
	width: 700px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 18px 28px;
	align-items: center;
}
.bizd--cat .bizd_main .grid2_item:not(:first-child) {
	margin-top: 12px;
}
.bizd--cat .bizd_main .grid2_num > span {
	display: none; /* 「FEATURE」ラベルを消して番号のみに */
}
.bizd--cat .bizd_main .grid2_num {
	font-size: 30px;
	line-height: 1;
}

/* 事例：内部余白を統一 */
.bizd--cat .case .case_ttl {
	margin-bottom: var(--bizd-h3);
}
.bizd--cat .case .col2_txt {
	margin-bottom: 0;
}
.bizd--cat .case .col2_btn.btn-arrow {
	margin-top: 10px;
	margin-bottom: 0;
}
.bizd--cat .case .case_item + .case_item {
	padding-top: var(--bizd-sec);
	margin-top: var(--bizd-sec);
}

/* 主な実績：見出しと 01 の間、項目間を統一 */
.bizd--cat .bizd_main .achievement_item {
	padding-top: 0;
	margin-top: 0;
}
.bizd--cat .bizd_main .achievement_item + .achievement_item {
	margin-top: 40px;
}
.bizd--cat .bizd_main .achievement_num {
	margin-bottom: 6px;
	line-height: 1;
}
.bizd--cat .bizd_main .achievement_item h3.ttl {
	margin-bottom: var(--bizd-h3);
}
.bizd--cat .bizd_main .achievement_item .col2_txt {
	margin-bottom: 0;
}

/* 技術情報：本文色・本文サイズのテキストリンク */
.bizd_articlelist {
	padding-left: 44px;
	margin-top: 0;
}
.bizd_articlelist li {
	margin: 10px 0;
}
.bizd_articlelist a {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.7;
	color: #2a313c;
	text-decoration: underline;
	text-underline-offset: 3px;
}
.bizd_articlelist a:hover {
	color: #06ae95;
}

@media screen and (max-width: 810px) {
	.bizd--cat .bizd_main {
		--bizd-sec: 40px;
		--bizd-h2: 20px;
	}
	.bizd--cat .bizd_main .grid2_item {
		width: 100%;
	}
	.bizd_articlelist {
		padding-left: 16px;
	}
	.bizd_articlelist a {
		font-size: 15px;
	}
}

/* 事例：元テーマの item 下 95px を解除し、区切り線の上下を対称に（32/32） */
.bizd--cat .case .case_item {
	padding-bottom: 0;
}
.bizd--cat .case .case_item + .case_item {
	margin-top: 32px;
	padding-top: 32px;
}

/* ---- 微調整第4弾（2026-07-31 指示） ---- */

/* MV（上の2カラム）と特徴セクションの間を詰める（150px → 40px） */
.bizd--cat + *, /* 保険 */
.business_single_mv {
	padding-bottom: 40px;
}

/* 見出しサイズ：h2 40 → 32px、h3 26 → 24px */
.bizd--cat .bizd_main .ttl {
	font-size: 32px;
}
.bizd--cat .bizd_main .case_ttl,
.bizd--cat .bizd_main .achievement_item h3.ttl,
.bizd--cat .bizd_main .achievement_item h3 {
	font-size: 24px;
}

/* 特徴：ボックスの高さを広げ、01/02 の間隔を詰める。本文 18px */
.bizd--cat .bizd_main .grid2_item {
	padding: 28px;
	min-height: 92px;
}
.bizd--cat .bizd_main .grid2_item:not(:first-child) {
	margin-top: 8px;
}
.bizd--cat .bizd_main .grid2_txt {
	font-size: 18px;
	line-height: 1.7;
}

/* 事例：画像と本文（詳しく見るリンク含む）を上下中央で揃える */
.bizd--cat .case .col2 .split_cont {
	justify-content: center;
}
.bizd--cat .case .col2_btn.btn-arrow {
	margin-top: 10px !important; /* 元テーマの margin-top:auto（下寄せ）を解除 */
	margin-bottom: 0;
}

/* 技術情報：特徴ボックスと左端を揃える（同じ 700px 中央寄せに乗せる） */
.bizd_articlelist {
	width: 700px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
}

@media screen and (max-width: 810px) {
	.business_single_mv {
		padding-bottom: 28px;
	}
	.bizd--cat .bizd_main .ttl {
		font-size: 24px;
	}
	.bizd--cat .bizd_main .case_ttl,
	.bizd--cat .bizd_main .achievement_item h3 {
		font-size: 19px;
	}
	.bizd--cat .bizd_main .grid2_txt {
		font-size: 16px;
	}
	.bizd_articlelist {
		width: 100%;
	}
}

/* 特徴：インパクト強化（18 → 24px）。文字数に依らず幅は固定、改行しない幅に拡張 */
.bizd--cat .bizd_main .grid2_item {
	width: 880px;
}
.bizd--cat .bizd_main .grid2_txt {
	font-size: 24px;
	line-height: 1.6;
}
.bizd_articlelist {
	width: 880px;
}

@media screen and (max-width: 1200px) {
	.bizd--cat .bizd_main .grid2_item,
	.bizd_articlelist {
		width: 100%;
	}
}
@media screen and (max-width: 810px) {
	.bizd--cat .bizd_main .grid2_txt {
		font-size: 17px;
	}
}

/* 特徴：数字を大きく・区切り線（縦棒）を削除・数字と文章の間隔を詰める */
.bizd--cat .bizd_main .grid2_num {
	font-size: 44px;
	border-right: none;
	padding-right: 0;
	margin-right: 18px;
}

@media screen and (max-width: 810px) {
	.bizd--cat .bizd_main .grid2_num {
		font-size: 30px;
		margin-right: 12px;
	}
}

/* 技術情報：リストを内容幅にして中央寄せ（左端固定をやめ、左右のバランスを取る） */
.bizd_articlelist {
	width: fit-content;
	max-width: 880px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 1200px) {
	.bizd_articlelist {
		max-width: 100%;
	}
}

/* 不具合修正：sticky 位置が固定ヘッダー（144px）より上で、ナビ先頭が隠れていた（2026-07-31） */
.bizd_nav {
	top: 164px; /* ヘッダー 144px ＋ 余白 20px */
}

/* FEATURE と CASE の間のイメージ画像は表示しない（全カテゴリ統一・2026-07-31） */
.bizd--cat .feature_img {
	display: none;
}

/* ---- 2026-07-31 指示分 ---- */

/* FEATURE：2 行になる項目の折り返し位置を自然にする。
   word-break: auto-phrase ＝日本語の文節で折る（BudouX）、text-wrap: balance ＝行長を均等化。
   ⚠️ auto-phrase は <html lang="ja"> が無いと働かない（2026-07-31 実測。header.php で lang を付与済み）。
   手動の <br> を入れないので幅が変わっても崩れない。非対応ブラウザは従来の折り返しにフォールバック（実害なし） */
.bizd--cat .bizd_main .grid2_txt {
	text-wrap: balance;
	word-break: auto-phrase;
}

/* DIFFERENCE：帯の背景を白、カード側をグレーに反転（テンプレートの class は触らず CSS だけで入れ替え） */
.bizd--cat .bizd_main .difference.bg-gray {
	background-color: #fff;
}
.bizd--cat .bizd_main .difference_list > li.bg-white {
	background-color: #f3f4f8;
}