/* 指定7ページの背景だけを共通化します。濃色CTA・白カード・入力欄は保持します。 */
body.um-dev-neutral-palette.page {
  --um-neutral-bg: #f5f5f5;
  --um-neutral-line: #ddd;
  --um-bg-alt: var(--um-neutral-bg);
  background-color: var(--um-neutral-bg) !important;
}
body.um-dev-neutral-palette #olHeader {
  background: rgba(245, 245, 245, .9) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
body.um-dev-neutral-palette #umMobileMenu {
  background: var(--um-neutral-bg) !important;
}
body.um-dev-neutral-palette .ol-breadcrumb__wrapper,
body.um-dev-neutral-palette #umCompanySplitMain,
body.um-dev-neutral-palette #umIssueMain,
body.um-dev-neutral-palette #umUnifiedService,
body.um-dev-neutral-palette main.ol-single__template,
body.um-dev-neutral-palette main.ol-lp__template,
body.um-dev-neutral-palette .ol-article__body,
body.um-dev-neutral-palette .ol-article__content,
body.um-dev-neutral-palette .um-tr-wrapper {
  background: transparent !important;
}

/* 企業理念・提供能力・代表紹介です。 */
body.um-dev-neutral-palette #umSplitPage {
  --sp-soft: var(--um-neutral-bg);
  --sp-line: var(--um-neutral-line);
}
body.um-dev-neutral-palette #umSplitPage .um-split__hero,
body.um-dev-neutral-palette #umSplitPage .um-split__section,
body.um-dev-neutral-palette #umSplitPage .um-split__case-flow,
body.um-dev-neutral-palette #umSplitPage .um-data__card .um-data__benefit {
  background: var(--um-neutral-bg);
}

/* 実績一覧です。白いカードと濃色の相談欄は保持します。 */
body.um-dev-neutral-palette.page-id-4449.page-template-template-lp {
  --um-soft: var(--um-neutral-bg);
  --um-line: var(--um-neutral-line);
}
body.um-dev-neutral-palette.page-id-4449.page-template-template-lp main.ol-lp__template > .ol-heading__mask-container.ol-dual-heading-wrap,
body.um-dev-neutral-palette.page-id-4449.page-template-template-lp .um-tr-jump-nav,
body.um-dev-neutral-palette.page-id-4449.page-template-template-lp .um-tr-section:not(.um-tr-cta),
body.um-dev-neutral-palette.page-id-4449.page-template-template-lp .um-tr-case-result-label {
  background: var(--um-neutral-bg) !important;
}

/* お問い合わせの説明枠と項目グループです。 */
body.um-dev-neutral-palette.page-id-603 .um-v2-contact-intro,
body.um-dev-neutral-palette.page-id-603 .um-simple-form .um-v2-topic-field,
body.um-dev-neutral-palette.page-id-603 .um-simple-form .um-v2-optional {
  background: var(--um-neutral-bg);
  border-color: var(--um-neutral-line);
}

/* WEBサイトの上流設計です。 */
body.um-dev-neutral-palette #umUnifiedService {
  --um-soft: var(--um-neutral-bg);
  --um-line: var(--um-neutral-line);
}
body.um-dev-neutral-palette #umUnifiedService .um-unified__hero,
body.um-dev-neutral-palette #umUnifiedService .um-trust__security,
body.um-dev-neutral-palette #umUnifiedService .um-unified__cases > a > span,
body.um-dev-neutral-palette #umUnifiedService .um-compact__labels li,
body.um-dev-neutral-palette #umUnifiedService .um-kpi__grid > article,
body.um-dev-neutral-palette #umUnifiedService .um-v2-check,
body.um-dev-neutral-palette #umUnifiedService .um-v2-sample,
body.um-dev-neutral-palette #umUnifiedService .um-v2-journey > li + li::before,
body.um-dev-neutral-palette #umUnifiedService .um-unified__decision-map > a.um-v2-primary,
body.um-dev-neutral-palette #sales-improvement-flow .um-flow__steps > li.um-flow__action,
body.um-dev-neutral-palette #sales-improvement-flow .um-flow__examples li,
body.um-dev-neutral-palette #website-results .um-case-peek {
  background: var(--um-neutral-bg);
}

/* 実績詳細の見出し周辺・補足面は既存のグレー変数へ揃えます。 */
body.um-dev-neutral-palette.page-id-38287 .ol-article__inner {
  background: var(--um-neutral-bg);
}
body.um-dev-neutral-palette.page-id-38287 .um-case-wrapper {
  --um-bg-alt: var(--um-neutral-bg);
}