/* ============================================================
   /use-cases/ 共通スタイル（案A：ショールーム）
   業態ページ（.uc-）とトップ・一覧・課題・設置場所（.cm-）の両方
   ============================================================ */

:root {
  --ucs-ink: #1a1a1a;
  --ucs-sub: #5f636b;
  --ucs-faint: #8b9098;
  --ucs-surface: #f3f4f6;
  --ucs-surface-2: #e9ebee;
  --ucs-line: #e2e4e8;
  --ucs-brand: #138af2;
  --ucs-cta: #ff7700;
  --ucs-r: 16px;
  --ucs-wrap: 1200px;
  --ucs-gutter: 40px;
  --ucs-font: "Zen Kaku Gothic New", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
}

/* ---------- テーマの枠を外して全幅に ---------- */
body.page-template-use-cases #content.site-content,
body.page-template-use-cases #content.container {
  width: 100% !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.page-template-use-cases #content-inner.site-content-inner {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body.page-template-use-cases #primary.content-area {
  width: 100% !important;
  float: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.page-template-use-cases #main {
  padding: 0 !important;
  background: #fff;
  color: var(--ucs-ink);
  font-family: var(--ucs-font);
  font-size: 16px;
  line-height: 1.9;
  font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
}
body.page-template-use-cases #main * { box-sizing: border-box; }
body.page-template-use-cases #main :is(h1, h2, h3, p, ul, ol, figure) { margin: 0; padding: 0; }
body.page-template-use-cases #main :is(ul, ol) { list-style: none; }
body.page-template-use-cases #main :is(h1, h2, h3) { font-family: var(--ucs-font); color: inherit; word-break: auto-phrase; text-wrap: pretty; }
body.page-template-use-cases #main img { display: block; width: 100%; height: 100%; object-fit: cover; }
body.page-template-use-cases #main a { color: inherit; }
body.page-template-use-cases #main :is(a, button, summary):focus-visible {
  outline: 3px solid var(--ucs-brand);
  outline-offset: 3px;
  border-radius: 6px;
}

/* ---------- ボタン（両系統共通） ---------- */
body.page-template-use-cases #main .uc-btn-solid,
body.page-template-use-cases #main .uc-btn-cta,
body.page-template-use-cases #main .uc-btn-outline,
body.page-template-use-cases #main .cm-cta .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 0 32px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none !important;
  transition: background-color .15s;
}
body.page-template-use-cases #main .uc-btn-solid,
body.page-template-use-cases #main .uc-btn-cta,
body.page-template-use-cases #main .cm-cta .btn--primary { background: var(--ucs-cta); color: var(--ucs-ink) !important; }
body.page-template-use-cases #main .uc-btn-solid:hover,
body.page-template-use-cases #main .uc-btn-cta:hover,
body.page-template-use-cases #main .cm-cta .btn--primary:hover { background: #ff8a24; }
body.page-template-use-cases #main .uc-btn-outline,
body.page-template-use-cases #main .cm-cta .btn--ghost { background: var(--ucs-surface); color: var(--ucs-ink) !important; }
body.page-template-use-cases #main .uc-btn-outline:hover,
body.page-template-use-cases #main .cm-cta .btn--ghost:hover { background: var(--ucs-surface-2); }
body.page-template-use-cases #main .cm-cta .btn--link { background: none; padding: 0 8px; color: var(--ucs-brand) !important; }
body.page-template-use-cases #main .cm-cta .btn--link:hover { text-decoration: underline !important; }

/* ---------- 写真が入るまでの枠 ---------- */
body.page-template-use-cases #main .uc-hero-screen,
body.page-template-use-cases #main .uc-ex-img,
body.page-template-use-cases #main .cm-hero__media {
  position: relative;
  overflow: hidden;
  border-radius: var(--ucs-r);
  background: linear-gradient(135deg, #e3e6ea, #c9ced5);
}
body.page-template-use-cases #main .uc-ph {
  position: absolute;
  left: 20px;
  bottom: 16px;
  font-size: 13px;
  color: #6b7078;
}

/* ============================================================
   業態ページ（.uc-）
   ============================================================ */
body.page-template-use-cases #main .uc-section { max-width: var(--ucs-wrap); margin: 0 auto; padding: 112px var(--ucs-gutter); }
body.page-template-use-cases #main .uc-bg-gray { background: var(--ucs-surface); }
body.page-template-use-cases #main .uc-h2 { font-size: 40px; line-height: 1.3; font-weight: 900; letter-spacing: -0.02em; max-width: 760px; }
body.page-template-use-cases #main .uc-lead { margin: 16px 0 56px; color: var(--ucs-sub); max-width: 640px; }

/* ヒーロー */
body.page-template-use-cases #main .uc-hero-inner { max-width: var(--ucs-wrap); margin: 0 auto; padding: 56px var(--ucs-gutter) 96px; }
body.page-template-use-cases #main .uc-hero-bc { font-size: 13px; color: var(--ucs-faint); margin-bottom: 40px; }
body.page-template-use-cases #main .uc-hero-bc-sep { margin: 0 8px; color: var(--ucs-line); }
body.page-template-use-cases #main .uc-hero h1 { font-size: 64px; line-height: 1.15; font-weight: 900; letter-spacing: -0.03em; max-width: 900px; word-break: auto-phrase; }
body.page-template-use-cases #main .uc-hero h1 .uc-accent { color: inherit; }
body.page-template-use-cases #main .uc-hero-desc { margin-top: 32px; max-width: 640px; color: var(--ucs-sub); font-size: 17px; }
body.page-template-use-cases #main .uc-hero-btns { margin-top: 36px; display: flex; gap: 12px; flex-wrap: wrap; }
body.page-template-use-cases #main .uc-hero-visual { margin-top: 64px; display: grid; grid-template-columns: 1fr 1fr; gap: 24px 32px; }
body.page-template-use-cases #main .uc-hero-screen { grid-column: 1 / -1; aspect-ratio: 21 / 9; }
body.page-template-use-cases #main .uc-hero-float-txt strong { display: block; font-size: 17px; font-weight: 700; }
body.page-template-use-cases #main .uc-hero-float-txt span { color: var(--ucs-sub); font-size: 14px; }

/* お悩み */
body.page-template-use-cases #main .uc-issue-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
body.page-template-use-cases #main .uc-issue-card { border-top: 3px solid var(--ucs-ink); padding-top: 24px; }
body.page-template-use-cases #main .uc-issue-card h3 { font-size: 21px; font-weight: 700; line-height: 1.5; }
body.page-template-use-cases #main .uc-issue-card p { margin-top: 12px; color: var(--ucs-sub); font-size: 15px; }

/* できること */
body.page-template-use-cases #main .uc-feat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
body.page-template-use-cases #main .uc-feat-card { background: var(--ucs-surface); border-radius: var(--ucs-r); padding: 32px 28px; }
body.page-template-use-cases #main .uc-feat-card h3 { font-size: 18px; font-weight: 700; line-height: 1.5; }
body.page-template-use-cases #main .uc-feat-card p { margin-top: 10px; color: var(--ucs-sub); font-size: 14.5px; }
body.page-template-use-cases #main .uc-feat-wide { grid-column: 1 / -1; background: var(--ucs-ink); color: #fff; display: flex; align-items: baseline; gap: 32px; padding: 36px 40px; }
body.page-template-use-cases #main .uc-feat-wide h3 { font-size: 22px; flex-shrink: 0; }
body.page-template-use-cases #main .uc-feat-wide p { margin-top: 0; color: #c9ccd2; }

/* 活用例 */
body.page-template-use-cases #main .uc-ex-list { display: grid; gap: 96px; }
body.page-template-use-cases #main .uc-ex-card { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
body.page-template-use-cases #main .uc-ex-card:nth-child(even) .uc-ex-img { order: 2; }
body.page-template-use-cases #main .uc-ex-img { aspect-ratio: 4 / 3; }
body.page-template-use-cases #main .uc-ex-body h3 { font-size: 28px; line-height: 1.4; font-weight: 900; letter-spacing: -0.02em; }
body.page-template-use-cases #main .uc-ex-blocks { margin-top: 28px; display: grid; gap: 20px; }
body.page-template-use-cases #main .uc-ex-label { font-size: 13px; font-weight: 700; color: var(--ucs-brand); margin-bottom: 4px !important; }
body.page-template-use-cases #main .uc-ex-block p:not(.uc-ex-label) { color: var(--ucs-sub); font-size: 15px; }
body.page-template-use-cases #main .uc-ex-block li { position: relative; padding-left: 18px; font-size: 15px; }
body.page-template-use-cases #main .uc-ex-block li::before { content: ""; position: absolute; left: 0; top: .8em; width: 6px; height: 6px; border-radius: 50%; background: var(--ucs-brand); }

/* 設置場所 */
body.page-template-use-cases #main .uc-place-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; }
body.page-template-use-cases #main .uc-place-card { border-top: 1px solid var(--ucs-line); padding-top: 24px; }
body.page-template-use-cases #main .uc-place-card h3 { font-size: 18px; font-weight: 700; }
body.page-template-use-cases #main .uc-place-card p { margin-top: 8px; color: var(--ucs-sub); font-size: 14.5px; }
body.page-template-use-cases #main .uc-place-tags { margin-top: 16px !important; display: flex; flex-wrap: wrap; gap: 6px; }
body.page-template-use-cases #main .uc-place-tags li { background: var(--ucs-surface); border-radius: 999px; padding: 2px 12px; font-size: 12.5px; }

/* 合う理由 */
body.page-template-use-cases #main .uc-reason-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
body.page-template-use-cases #main .uc-reason-card { background: #fff; border-radius: var(--ucs-r); padding: 36px 32px; }
body.page-template-use-cases #main .uc-reason-card h3 { font-size: 21px; font-weight: 900; line-height: 1.45; letter-spacing: -0.01em; }
body.page-template-use-cases #main .uc-reason-card p { margin-top: 14px; color: var(--ucs-sub); font-size: 15px; }

/* おすすめ */
body.page-template-use-cases #main .uc-check-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 48px; }
body.page-template-use-cases #main .uc-check-item { position: relative; padding: 18px 0 18px 30px; border-bottom: 1px solid var(--ucs-line); }
body.page-template-use-cases #main .uc-check-item::before { content: ""; position: absolute; left: 2px; top: 1.6em; width: 12px; height: 7px; border-left: 2px solid var(--ucs-brand); border-bottom: 2px solid var(--ucs-brand); transform: rotate(-45deg); }
body.page-template-use-cases #main .uc-check-note { margin-top: 28px !important; color: var(--ucs-sub); font-size: 14px; }

/* 問い合わせ */
body.page-template-use-cases #main .uc-cta-wrap { background: var(--ucs-surface); }
body.page-template-use-cases #main .uc-cta-inner { max-width: var(--ucs-wrap); margin: 0 auto; padding: 112px var(--ucs-gutter); display: grid; grid-template-columns: 1.2fr 1fr; gap: 64px; align-items: center; }
body.page-template-use-cases #main .uc-cta-h2 { font-size: 44px; line-height: 1.3; font-weight: 900; letter-spacing: -0.02em; }
body.page-template-use-cases #main .uc-cta-h2 em { font-style: normal; }
body.page-template-use-cases #main .uc-cta-desc { margin: 20px 0 36px !important; color: var(--ucs-sub); }
body.page-template-use-cases #main .uc-cta-panel { background: #fff; border-radius: var(--ucs-r); padding: 36px; }
body.page-template-use-cases #main .uc-cta-panel h3 { font-size: 16px; font-weight: 700; margin-bottom: 12px; }
body.page-template-use-cases #main .uc-cta-panel li { padding: 10px 0; border-bottom: 1px solid var(--ucs-line); font-size: 15px; }
body.page-template-use-cases #main .uc-cta-panel li:last-child { border-bottom: 0; }

/* 関連リンク */
body.page-template-use-cases #main .uc-rel-wrap .uc-section { padding-top: 96px; }
body.page-template-use-cases #main .uc-rel-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
body.page-template-use-cases #main .uc-rel-card { display: block; background: var(--ucs-surface); border-radius: 12px; padding: 22px 24px; text-decoration: none !important; }
body.page-template-use-cases #main .uc-rel-card:hover { background: var(--ucs-surface-2); }
body.page-template-use-cases #main .uc-rel-tag { font-size: 12.5px; color: var(--ucs-sub); }
body.page-template-use-cases #main .uc-rel-card p { font-weight: 700; margin-top: 4px; }

/* ============================================================
   トップ・一覧・課題・設置場所（.cm-）
   ============================================================ */
body.page-template-use-cases #main .cm-hero { max-width: var(--ucs-wrap); margin: 0 auto; padding: 56px var(--ucs-gutter) 88px; }
body.page-template-use-cases #main .cm-eyebrow { font-size: 13px; color: var(--ucs-faint); margin-bottom: 28px !important; }
body.page-template-use-cases #main .cm-title { font-size: 56px; line-height: 1.2; font-weight: 900; letter-spacing: -0.03em; max-width: 960px; word-break: auto-phrase; }
body.page-template-use-cases #main .cm-lead { margin-top: 28px; max-width: 680px; color: var(--ucs-sub); font-size: 17px; }
body.page-template-use-cases #main .cm-lead p { margin: 0; }
body.page-template-use-cases #main .cm-hero .cm-bullets { margin-top: 28px !important; display: grid; gap: 8px; }
body.page-template-use-cases #main .cm-hero .cm-bullets li { position: relative; padding-left: 28px; font-weight: 500; }
body.page-template-use-cases #main .cm-hero .cm-bullets li::before { content: ""; position: absolute; left: 2px; top: .7em; width: 12px; height: 7px; border-left: 2px solid var(--ucs-brand); border-bottom: 2px solid var(--ucs-brand); transform: rotate(-45deg); }
body.page-template-use-cases #main .cm-cta { margin-top: 36px; display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
body.page-template-use-cases #main .cm-quicknav { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 8px; }
body.page-template-use-cases #main .cm-quicknav .chip { font-size: 13.5px; padding: 6px 16px; border-radius: 999px; border: 1px solid var(--ucs-line); text-decoration: none; color: var(--ucs-sub) !important; }
body.page-template-use-cases #main .cm-quicknav .chip:hover { border-color: var(--ucs-ink); color: var(--ucs-ink) !important; }
body.page-template-use-cases #main .cm-hero__media { margin-top: 56px !important; aspect-ratio: 21 / 9; }

body.page-template-use-cases #main .cm-wrap { max-width: var(--ucs-wrap); margin: 0 auto; padding: 0 var(--ucs-gutter); }
body.page-template-use-cases #main .cm-section { padding: 96px 0; position: relative; }
/* 偶数番目のセクションを全幅のグレーの帯に */
body.page-template-use-cases #main .cm-wrap > .cm-section:nth-of-type(even) {
  background: var(--ucs-surface);
  box-shadow: 0 0 0 100vmax var(--ucs-surface);
  clip-path: inset(0 -100vmax);
}
body.page-template-use-cases #main .cm-section__head { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 8px 24px; margin-bottom: 48px; }
body.page-template-use-cases #main .cm-h2 { font-size: 40px; line-height: 1.3; font-weight: 900; letter-spacing: -0.02em; grid-column: 1; }
body.page-template-use-cases #main .cm-sub { grid-column: 1 / -1; color: var(--ucs-sub); max-width: 680px; }
body.page-template-use-cases #main .cm-more { grid-column: 2; grid-row: 1; font-size: 14px; font-weight: 700; color: var(--ucs-brand) !important; text-decoration: none; white-space: nowrap; }
body.page-template-use-cases #main .cm-more:hover { text-decoration: underline; }

body.page-template-use-cases #main .grid { display: grid; gap: 16px; }
body.page-template-use-cases #main .grid--2 { grid-template-columns: repeat(2, 1fr); }
body.page-template-use-cases #main .grid--3 { grid-template-columns: repeat(3, 1fr); }

/* 課題カード・一覧カード */
body.page-template-use-cases #main .issue { display: flex; flex-direction: column; background: var(--ucs-surface); border-radius: var(--ucs-r); padding: 32px; text-decoration: none !important; color: var(--ucs-ink) !important; }
body.page-template-use-cases #main a.issue:hover { background: var(--ucs-surface-2); }
body.page-template-use-cases #main .cm-wrap > .cm-section:nth-of-type(even) .issue { background: #fff; }
body.page-template-use-cases #main .issue__title { font-size: 20px; font-weight: 700; line-height: 1.5; }
body.page-template-use-cases #main .issue__desc { margin-top: 10px !important; color: var(--ucs-sub); font-size: 15px; }
body.page-template-use-cases #main .issue__meta { margin-top: 16px !important; font-size: 13px; color: var(--ucs-faint); }
body.page-template-use-cases #main .issue__cta { margin-top: auto; padding-top: 20px; font-size: 14px; font-weight: 700; color: var(--ucs-brand); }
body.page-template-use-cases #main .issue.is-soon .issue__cta { color: var(--ucs-faint); }
body.page-template-use-cases #main .issue--plain { background: none !important; border: 1px solid var(--ucs-line); }

body.page-template-use-cases #main .linklist { display: grid; gap: 2px; margin-top: 16px !important; }
body.page-template-use-cases #main .linklist a { text-decoration: none; font-size: 15px; }
body.page-template-use-cases #main .linklist a:hover { color: var(--ucs-brand) !important; text-decoration: underline; }

/* 業態グループのカード */
body.page-template-use-cases #main .card { background: var(--ucs-surface); border-radius: var(--ucs-r); padding: 32px; }
body.page-template-use-cases #main .cm-wrap > .cm-section:nth-of-type(even) .card { background: #fff; }
body.page-template-use-cases #main .card__head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
body.page-template-use-cases #main .card__title { font-size: 19px; font-weight: 700; line-height: 1.5; }
body.page-template-use-cases #main .card__more { font-size: 13px; font-weight: 700; color: var(--ucs-brand) !important; text-decoration: none; white-space: nowrap; }
body.page-template-use-cases #main .card__desc { margin-top: 8px !important; color: var(--ucs-sub); font-size: 14.5px; }
body.page-template-use-cases #main .card__desc strong { color: var(--ucs-ink); }
body.page-template-use-cases #main .card .linklist { padding-top: 16px; border-top: 1px solid var(--ucs-line); }

/* 設置場所カード */
body.page-template-use-cases #main .scene { display: block; border-top: 3px solid var(--ucs-ink); padding: 20px 0 8px; text-decoration: none !important; color: var(--ucs-ink) !important; }
body.page-template-use-cases #main a.scene:hover .scene__title { color: var(--ucs-brand); }
body.page-template-use-cases #main .scene__title { font-size: 19px; font-weight: 700; }
body.page-template-use-cases #main .scene__desc { margin-top: 6px !important; color: var(--ucs-sub); font-size: 14.5px; }

/* おすすめ */
body.page-template-use-cases #main .pickup { display: block; background: var(--ucs-ink); color: #fff !important; border-radius: var(--ucs-r); padding: 32px; text-decoration: none !important; }
body.page-template-use-cases #main .pickup:hover { background: #2e2f32; }
body.page-template-use-cases #main .pickup__title { font-size: 18px; font-weight: 700; line-height: 1.5; }
body.page-template-use-cases #main .pickup__desc { margin-top: 10px !important; color: #c9ccd2; font-size: 14.5px; }

/* 準備中 */
body.page-template-use-cases #main .is-soon { cursor: default; }
body.page-template-use-cases #main .issue.is-soon,
body.page-template-use-cases #main .scene.is-soon { opacity: .5; }
body.page-template-use-cases #main .linklist .is-soon { color: var(--ucs-faint); }
body.page-template-use-cases #main .cm-soon { display: inline-block; margin-left: 8px; padding: 0 8px; font-size: 11px; line-height: 1.8; color: var(--ucs-sub); background: #fff; border: 1px solid var(--ucs-line); border-radius: 999px; vertical-align: middle; }

/* 要点・手順 */
body.page-template-use-cases #main .cm-split { display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px; align-items: start; }
body.page-template-use-cases #main .cm-split:has(.cm-split__side) { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); }
body.page-template-use-cases #main .cm-split__side { border-radius: var(--ucs-r); overflow: hidden; }
body.page-template-use-cases #main .cm-steps { counter-reset: cm-step; display: grid; gap: 0; }
body.page-template-use-cases #main .cm-steps li { counter-increment: cm-step; position: relative; padding: 24px 0 24px 64px; border-bottom: 1px solid var(--ucs-line); }
body.page-template-use-cases #main .cm-steps li:first-child { border-top: 1px solid var(--ucs-line); }
body.page-template-use-cases #main .cm-steps li::before { content: counter(cm-step); position: absolute; left: 0; top: 18px; font-size: 32px; font-weight: 900; line-height: 1.2; color: var(--ucs-ink); }
body.page-template-use-cases #main .cm-section .cm-bullets { display: grid; gap: 0; }
body.page-template-use-cases #main .cm-section .cm-bullets li { position: relative; padding: 18px 0 18px 30px; border-bottom: 1px solid var(--ucs-line); }
body.page-template-use-cases #main .cm-section .cm-bullets li::before { content: ""; position: absolute; left: 2px; top: 1.6em; width: 12px; height: 7px; border-left: 2px solid var(--ucs-brand); border-bottom: 2px solid var(--ucs-brand); transform: rotate(-45deg); }
body.page-template-use-cases #main .cm-note { margin-top: 20px !important; color: var(--ucs-sub); font-size: 14px; }
body.page-template-use-cases #main .cm-note-box { margin-top: 24px; padding: 24px 28px; background: var(--ucs-surface); border-radius: var(--ucs-r); }
body.page-template-use-cases #main .cm-wrap > .cm-section:nth-of-type(even) .cm-note-box { background: #fff; }

/* 比較：サイネージのカードだけ黒 */
body.page-template-use-cases #main #cm-compare .card:last-child { background: var(--ucs-ink); color: #fff; }
body.page-template-use-cases #main #cm-compare .card:last-child .card__desc { color: #c9ccd2; }
body.page-template-use-cases #main #cm-compare .card:last-child .card__desc strong { color: #fff; }

/* よくある質問 */
body.page-template-use-cases #main .faq { border-top: 1px solid var(--ucs-line); }
body.page-template-use-cases #main .faq__item { border-bottom: 1px solid var(--ucs-line); }
body.page-template-use-cases #main .faq__q { list-style: none; cursor: pointer; position: relative; padding: 24px 48px 24px 0; font-size: 17px; font-weight: 700; }
body.page-template-use-cases #main .faq__q::-webkit-details-marker { display: none; }
body.page-template-use-cases #main .faq__q::after { content: ""; position: absolute; right: 8px; top: 50%; width: 12px; height: 12px; margin-top: -9px; border-right: 2px solid var(--ucs-ink); border-bottom: 2px solid var(--ucs-ink); transform: rotate(45deg); transition: transform .2s; }
body.page-template-use-cases #main .faq__item[open] .faq__q::after { transform: rotate(-135deg); margin-top: -3px; }
body.page-template-use-cases #main .faq__a { padding: 0 48px 28px 0; color: var(--ucs-sub); }

/* 最後の問い合わせ：全幅のグレーの帯 */
body.page-template-use-cases #main .cm-final {
  margin-top: 0;
  background: var(--ucs-surface);
  box-shadow: 0 0 0 100vmax var(--ucs-surface);
  clip-path: inset(0 -100vmax);
}
body.page-template-use-cases #main .cm-final__inner { padding: 112px 0; max-width: 760px; }
body.page-template-use-cases #main .cm-final__title { font-size: 44px; line-height: 1.3; font-weight: 900; letter-spacing: -0.02em; }
body.page-template-use-cases #main .cm-final__desc { margin-top: 20px; color: var(--ucs-sub); }
body.page-template-use-cases #main .cm-final__desc p { margin: 0; }
/* 直前のセクションがグレーなら、問い合わせは白に */
body.page-template-use-cases #main .cm-wrap > .cm-section:nth-of-type(even) + .cm-final { background: #fff; box-shadow: 0 0 0 100vmax #fff; }


/* ---------- 新構成の業態ページ（v2） ---------- */
body.page-template-use-cases #main .uc-hero-note { margin-top: 16px !important; font-size: 13.5px; color: var(--ucs-sub); }

body.page-template-use-cases #main .uc-nav { position: sticky; top: var(--wp-admin--admin-bar--height, 0px); z-index: 20; background: rgba(255,255,255,.94); backdrop-filter: blur(8px); border-top: 1px solid var(--ucs-line); border-bottom: 1px solid var(--ucs-line); }
body.page-template-use-cases #main .uc-nav-inner { max-width: var(--ucs-wrap); margin: 0 auto; padding: 0 var(--ucs-gutter); display: flex; gap: 28px; overflow-x: auto; scrollbar-width: none; }
body.page-template-use-cases #main .uc-nav-inner::-webkit-scrollbar { display: none; }
body.page-template-use-cases #main .uc-nav a { flex-shrink: 0; padding: 16px 0; font-size: 14px; font-weight: 700; color: var(--ucs-sub) !important; text-decoration: none !important; }
body.page-template-use-cases #main .uc-nav a:hover { color: var(--ucs-ink) !important; }
body.page-template-use-cases #main [id^="uc-"] { scroll-margin-top: calc(64px + var(--wp-admin--admin-bar--height, 0px)); }
/* テーマの #page が overflow:hidden だとページ内ナビが追従しないため、clip に変える（横はみ出しは引き続き隠れる） */
body.page-template-use-cases #page { overflow: clip; }

body.page-template-use-cases #main .uc-issue-sol { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--ucs-line); }
body.page-template-use-cases #main .uc-issue-sol-label { font-size: 13px; font-weight: 700; color: var(--ucs-brand); }
body.page-template-use-cases #main .uc-issue-card .uc-issue-sol p:not(.uc-issue-sol-label) { margin-top: 4px; color: var(--ucs-ink); }

body.page-template-use-cases #main .uc-trend-list { display: grid; gap: 0; border-top: 1px solid var(--ucs-line); }
body.page-template-use-cases #main .uc-trend-item { display: grid; grid-template-columns: 64px 1.3fr 1fr; gap: 32px; padding: 40px 0; border-bottom: 1px solid var(--ucs-line); }
body.page-template-use-cases #main .uc-trend-num { font-size: 15px; font-weight: 700; color: var(--ucs-faint); padding-top: 4px; }
body.page-template-use-cases #main .uc-trend-body h3 { font-size: 22px; font-weight: 900; line-height: 1.45; letter-spacing: -0.01em; }
body.page-template-use-cases #main .uc-trend-body p { margin-top: 12px; color: var(--ucs-sub); font-size: 15px; }
body.page-template-use-cases #main .uc-trend-body .uc-trend-src { font-size: 12.5px; color: var(--ucs-faint); }
body.page-template-use-cases #main .uc-trend-src a { text-decoration: underline !important; }
body.page-template-use-cases #main .uc-trend-screen { background: var(--ucs-surface); border-radius: var(--ucs-r); padding: 24px 28px; align-self: start; }
body.page-template-use-cases #main .uc-trend-screen-label { font-size: 13px; font-weight: 700; color: var(--ucs-brand); }
body.page-template-use-cases #main .uc-trend-screen p:not(.uc-trend-screen-label) { margin-top: 6px; font-size: 15px; }
body.page-template-use-cases #main .uc-trend-note { margin-top: 24px !important; font-size: 13px; color: var(--ucs-faint); }

body.page-template-use-cases #main .uc-day-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
body.page-template-use-cases #main .uc-day-item { background: var(--ucs-surface); border-radius: var(--ucs-r); padding: 28px; }
body.page-template-use-cases #main .uc-day-time { display: inline-block; font-size: 13px; font-weight: 700; color: #fff; background: var(--ucs-ink); border-radius: 999px; padding: 2px 12px; }
body.page-template-use-cases #main .uc-day-item h3 { margin-top: 14px !important; font-size: 18px; font-weight: 700; line-height: 1.5; }
body.page-template-use-cases #main .uc-day-item p:not(.uc-day-time) { margin-top: 6px; color: var(--ucs-sub); font-size: 14.5px; }
body.page-template-use-cases #main .uc-day-note { margin-top: 24px !important; font-weight: 700; }

body.page-template-use-cases #main .uc-mid { background: var(--ucs-ink); color: #fff; }
body.page-template-use-cases #main .uc-mid-inner { max-width: var(--ucs-wrap); margin: 0 auto; padding: 48px var(--ucs-gutter); display: flex; align-items: center; justify-content: space-between; gap: 32px; }
body.page-template-use-cases #main .uc-mid-title { font-size: 22px; font-weight: 700; line-height: 1.5; }
body.page-template-use-cases #main .uc-mid-btns { display: flex; gap: 12px; flex-shrink: 0; }
body.page-template-use-cases #main .uc-mid .uc-btn-outline { background: rgba(255,255,255,.12); color: #fff !important; }
body.page-template-use-cases #main .uc-mid .uc-btn-outline:hover { background: rgba(255,255,255,.2); }

body.page-template-use-cases #main .uc-cost-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
body.page-template-use-cases #main .uc-cost-card { background: #fff; border-radius: var(--ucs-r); padding: 32px 28px; }
body.page-template-use-cases #main .uc-cost-card h3 { font-size: 19px; font-weight: 900; }
body.page-template-use-cases #main .uc-cost-card p { margin-top: 10px; color: var(--ucs-sub); font-size: 15px; }

body.page-template-use-cases #main .uc-flow-list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; counter-reset: none; }
body.page-template-use-cases #main .uc-flow-item { border-top: 3px solid var(--ucs-ink); padding-top: 20px; }
body.page-template-use-cases #main .uc-flow-step { font-size: 12.5px; font-weight: 700; color: var(--ucs-brand); letter-spacing: .04em; }
body.page-template-use-cases #main .uc-flow-item h3 { margin-top: 6px !important; font-size: 17px; font-weight: 700; line-height: 1.5; }
body.page-template-use-cases #main .uc-flow-item p:not(.uc-flow-step) { margin-top: 8px; color: var(--ucs-sub); font-size: 14px; }

body.page-template-use-cases #main .uc-faq { max-width: 880px; border-top: 1px solid var(--ucs-line); }
body.page-template-use-cases #main .uc-faq-item { border-bottom: 1px solid var(--ucs-line); }
body.page-template-use-cases #main .uc-faq-item summary { position: relative; list-style: none; cursor: pointer; padding: 22px 48px 22px 0; font-weight: 700; font-size: 16.5px; line-height: 1.6; }
body.page-template-use-cases #main .uc-faq-item summary::-webkit-details-marker { display: none; }
body.page-template-use-cases #main .uc-faq-item summary::after { content: "+"; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); font-size: 24px; font-weight: 400; color: var(--ucs-sub); }
body.page-template-use-cases #main .uc-faq-item[open] summary::after { content: "−"; }
body.page-template-use-cases #main .uc-faq-item p { padding: 0 48px 24px 0; color: var(--ucs-sub); font-size: 15px; }


/* ---------- 困りごと：写真入りタイル（v2・3件） ---------- */
body.page-template-use-cases #main .uc-issue-bento { display: grid; grid-template-columns: 1.25fr 1fr; gap: 16px; }
body.page-template-use-cases #main .uc-issue-bento .uc-issue-card { border-top: 0; padding-top: 0; background: #fff; border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; }
body.page-template-use-cases #main .uc-issue-bento .uc-issue-card.is-big { grid-row: 1 / 3; background: var(--ucs-ink); color: #fff; }
body.page-template-use-cases #main .uc-issue-bento .uc-issue-card.is-side { display: grid; grid-template-columns: 150px 1fr; }
body.page-template-use-cases #main .uc-issue-img { position: relative; overflow: hidden; background: linear-gradient(135deg, #e3e6ea, #c9ced5); }
body.page-template-use-cases #main .uc-issue-img img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; display: block; }
body.page-template-use-cases #main .uc-issue-card.is-big .uc-issue-img { flex: 1 1 auto; min-height: 240px; }
body.page-template-use-cases #main .uc-issue-card.is-big .uc-issue-body { flex: 0 0 auto; }
body.page-template-use-cases #main .uc-issue-card.is-side .uc-issue-img { height: 100%; min-height: 200px; }
body.page-template-use-cases #main .uc-issue-body { padding: 32px; display: flex; flex-direction: column; flex: 1; }
body.page-template-use-cases #main .uc-issue-num { font-size: 15px; font-weight: 700; color: var(--ucs-faint); }
body.page-template-use-cases #main .uc-issue-bento .uc-issue-card h3 { margin-top: 8px; font-size: 22px; font-weight: 900; line-height: 1.45; letter-spacing: -0.01em; }
body.page-template-use-cases #main .uc-issue-bento .uc-issue-card.is-big h3 { font-size: 32px; }
body.page-template-use-cases #main .uc-issue-bento .uc-issue-text { margin-top: 12px; color: var(--ucs-sub); font-size: 14.5px; }
body.page-template-use-cases #main .uc-issue-bento .is-big .uc-issue-text { color: #c4c8ce; font-size: 15.5px; }
body.page-template-use-cases #main .uc-issue-bento .uc-issue-sol { margin-top: auto; padding-top: 24px; border-top: 0; }
body.page-template-use-cases #main .uc-issue-bento .uc-issue-sol::before { content: ""; display: block; border-top: 1px solid var(--ucs-line); margin-bottom: 16px; }
body.page-template-use-cases #main .uc-issue-bento .is-big .uc-issue-sol::before { border-color: #3a3d42; }
body.page-template-use-cases #main .uc-issue-bento .uc-issue-card p.uc-issue-sol-label { color: var(--ucs-brand); }
body.page-template-use-cases #main .uc-issue-bento .uc-issue-card.is-big p.uc-issue-sol-label { color: #7cc0ff; }
body.page-template-use-cases #main .uc-issue-bento .uc-issue-card p.uc-issue-num { color: var(--ucs-faint); }
body.page-template-use-cases #main .uc-issue-bento .uc-issue-sol p:not(.uc-issue-sol-label) { margin-top: 4px; font-size: 15px; font-weight: 500; color: inherit; }


/* ---------- FV：写真を全面に敷く（v2） ---------- */
body.page-template-use-cases #main .uc-fv { position: relative; min-height: 640px; color: #fff; background: linear-gradient(135deg, #2a2d31, #15171a); overflow: hidden; }
body.page-template-use-cases #main .uc-fv-bg { position: absolute; inset: 0; }
body.page-template-use-cases #main .uc-fv-bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(15,15,15,.88) 0%, rgba(15,15,15,.7) 38%, rgba(15,15,15,0) 72%); }
body.page-template-use-cases #main .uc-fv-inner { position: relative; max-width: var(--ucs-wrap); min-height: 640px; margin: 0 auto; padding: 32px var(--ucs-gutter) 48px; display: flex; flex-direction: column; }
body.page-template-use-cases #main .uc-fv .uc-hero-bc { color: #b9bdc3; margin-bottom: 0; }
body.page-template-use-cases #main .uc-fv .uc-hero-bc-sep { color: #6b7078; }
body.page-template-use-cases #main .uc-fv-text { margin: auto 0; padding: 48px 0; max-width: 620px; }
body.page-template-use-cases #main .uc-fv img.uc-fv-logo { display: block; width: auto; height: 44px; object-fit: contain; margin-bottom: 28px; }
body.page-template-use-cases #main .uc-fv h1 { font-size: 60px; line-height: 1.15; font-weight: 900; letter-spacing: -0.03em; color: #fff; }
body.page-template-use-cases #main .uc-fv-desc { margin-top: 24px; max-width: 520px; color: #d9dce0; font-size: 16px; }
body.page-template-use-cases #main .uc-fv .uc-hero-btns { margin-top: 32px; }
body.page-template-use-cases #main .uc-fv .uc-btn-outline { background: rgba(255,255,255,.14); color: #fff !important; }
body.page-template-use-cases #main .uc-fv .uc-btn-outline:hover { background: rgba(255,255,255,.22); }
body.page-template-use-cases #main .uc-fv .uc-hero-note { margin-top: 14px !important; color: #b9bdc3; max-width: 520px; }
body.page-template-use-cases #main .uc-fv-chips { position: absolute; right: var(--ucs-gutter); bottom: 32px; display: flex; gap: 12px; }
body.page-template-use-cases #main .uc-fv-chips li { background: rgba(255,255,255,.94); color: var(--ucs-ink); border-radius: 12px; padding: 12px 16px; }
body.page-template-use-cases #main .uc-fv-chips strong { display: block; font-size: 14.5px; font-weight: 700; line-height: 1.6; }
body.page-template-use-cases #main .uc-fv-chips span { display: block; font-size: 12.5px; color: var(--ucs-sub); line-height: 1.6; }

/* ============================================================
   スマホ
   ============================================================ */
@media (max-width: 900px) {
  :root { --ucs-gutter: 20px; }
  body.page-template-use-cases #main .uc-section,
body.page-template-use-cases #main .uc-cta-inner { padding-top: 72px; padding-bottom: 72px; }
  body.page-template-use-cases #main .uc-hero-inner,
body.page-template-use-cases #main .cm-hero { padding-top: 32px; padding-bottom: 64px; }
  body.page-template-use-cases #main .uc-hero h1 { font-size: 38px; }
  body.page-template-use-cases #main .cm-title { font-size: 34px; }
  body.page-template-use-cases #main .uc-h2,
body.page-template-use-cases #main .cm-h2 { font-size: 28px; }
  body.page-template-use-cases #main .uc-cta-h2,
body.page-template-use-cases #main .cm-final__title { font-size: 30px; }
  body.page-template-use-cases #main .uc-hero-desc,
body.page-template-use-cases #main .cm-lead { font-size: 16px; }
  body.page-template-use-cases #main .uc-hero-visual { grid-template-columns: 1fr; margin-top: 40px; }
  body.page-template-use-cases #main .uc-hero-screen,
body.page-template-use-cases #main .cm-hero__media { aspect-ratio: 4 / 3; }
  body.page-template-use-cases #main .cm-hero__media { margin-top: 40px !important; }
  body.page-template-use-cases #main .uc-issue-grid,
body.page-template-use-cases #main .uc-feat-grid,
body.page-template-use-cases #main .uc-place-grid,
body.page-template-use-cases #main .uc-reason-grid,
body.page-template-use-cases #main .uc-rel-grid,
body.page-template-use-cases #main .uc-check-list,
body.page-template-use-cases #main .uc-cta-inner,
body.page-template-use-cases #main .uc-ex-card,
body.page-template-use-cases #main .grid--2,
body.page-template-use-cases #main .grid--3,
body.page-template-use-cases #main .cm-split:has(.cm-split__side) { grid-template-columns: 1fr; }
  body.page-template-use-cases #main .uc-issue-grid,
body.page-template-use-cases #main .uc-place-grid { gap: 32px; }
  body.page-template-use-cases #main .uc-feat-wide { display: block; padding: 28px; }
  body.page-template-use-cases #main .uc-feat-wide p { margin-top: 10px; }
  body.page-template-use-cases #main .uc-ex-list { gap: 64px; }
  body.page-template-use-cases #main .uc-ex-card { gap: 24px; }
  body.page-template-use-cases #main .uc-ex-card:nth-child(even) .uc-ex-img { order: 0; }
  body.page-template-use-cases #main .uc-ex-body h3 { font-size: 22px; }
  body.page-template-use-cases #main .cm-section { padding: 64px 0; }
  body.page-template-use-cases #main .cm-section__head { grid-template-columns: 1fr; margin-bottom: 32px; }
  body.page-template-use-cases #main .cm-more { grid-column: 1; grid-row: auto; }
  body.page-template-use-cases #main .issue,
body.page-template-use-cases #main .card,
body.page-template-use-cases #main .pickup { padding: 24px; }
  body.page-template-use-cases #main .cm-final__inner { padding: 72px 0; }
  body.page-template-use-cases #main .uc-btn-solid,
body.page-template-use-cases #main .uc-btn-cta,
body.page-template-use-cases #main .uc-btn-outline,
body.page-template-use-cases #main .cm-cta .btn--primary,
body.page-template-use-cases #main .cm-cta .btn--ghost { width: 100%; }
  body.page-template-use-cases #main .uc-trend-item { grid-template-columns: 1fr; gap: 16px; padding: 32px 0; }
  body.page-template-use-cases #main .uc-day-list,
body.page-template-use-cases #main .uc-cost-grid,
body.page-template-use-cases #main .uc-flow-list { grid-template-columns: 1fr; }
  body.page-template-use-cases #main .uc-mid-inner { display: block; padding: 40px var(--ucs-gutter); }
  body.page-template-use-cases #main .uc-mid-btns { margin-top: 20px; flex-direction: column; }
  body.page-template-use-cases #main .uc-trend-body h3 { font-size: 19px; }
  body.page-template-use-cases #main .uc-fv { min-height: 0; background: var(--ucs-ink); }
  body.page-template-use-cases #main .uc-fv-bg { position: relative; inset: auto; aspect-ratio: 4 / 3; }
  body.page-template-use-cases #main .uc-fv-bg::after { display: none; }
  body.page-template-use-cases #main .uc-fv-inner { min-height: 0; padding: 24px var(--ucs-gutter) 40px; }
  body.page-template-use-cases #main .uc-fv:not(.has-img) .uc-fv-bg { display: none; }
  body.page-template-use-cases #main .uc-fv-text { margin: 0; padding: 20px 0 0; }
  body.page-template-use-cases #main .uc-fv h1 { font-size: 34px; }
  body.page-template-use-cases #main .uc-fv img.uc-fv-logo { height: 34px; margin-bottom: 20px; }
  body.page-template-use-cases #main .uc-fv-desc { font-size: 15px; }
  body.page-template-use-cases #main .uc-fv-chips { position: static; margin-top: 28px; flex-direction: column; }
  body.page-template-use-cases #main .uc-issue-bento { grid-template-columns: 1fr; }
  body.page-template-use-cases #main .uc-issue-bento .uc-issue-card.is-big { grid-row: auto; }
  body.page-template-use-cases #main .uc-issue-bento .uc-issue-card.is-big h3 { font-size: 24px; }
  body.page-template-use-cases #main .uc-issue-card.is-big .uc-issue-img { flex: none; min-height: 0; aspect-ratio: 4 / 3; }
  body.page-template-use-cases #main .uc-issue-bento .uc-issue-card.is-side { display: flex; }
  body.page-template-use-cases #main .uc-issue-card.is-side .uc-issue-img { height: auto; min-height: 0; aspect-ratio: 16 / 9; }
  body.page-template-use-cases #main .uc-issue-body { padding: 24px; }
}

@media (prefers-reduced-motion: reduce) {
  body.page-template-use-cases #main .faq__q::after { transition: none; }
}

/* v2: 途中CTAの相談例・費用の補足・導入の流れの担当・トライアル */
body.page-template-use-cases #main .uc-mid-text { flex: 1; min-width: 0; }
body.page-template-use-cases #main .uc-mid-ex { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; padding: 0; list-style: none; }
body.page-template-use-cases #main .uc-mid-ex li { background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.35); color: #fff; border-radius: 999px; padding: 6px 14px; font-size: 13.5px; line-height: 1.5; }
body.page-template-use-cases #main .uc-cost-note { margin-top: 20px; font-size: 14px; color: var(--ucs-sub); line-height: 1.8; }
body.page-template-use-cases #main .uc-flow-who { display: inline-block; margin-left: 8px; padding: 1px 8px; border-radius: 4px; background: var(--ucs-ink); color: #fff; font-size: 11.5px; letter-spacing: .02em; vertical-align: 1px; }
body.page-template-use-cases #main .uc-trial { display: grid; grid-template-columns: 1fr 1.2fr; gap: 40px; align-items: center; background: #fff; border: 2px solid var(--ucs-brand); border-radius: var(--ucs-r); padding: 40px 44px; }
body.page-template-use-cases #main .uc-trial-title { font-size: 24px; font-weight: 900; line-height: 1.5; }
body.page-template-use-cases #main .uc-trial-lead { margin-top: 12px; color: var(--ucs-sub); font-size: 15px; }
body.page-template-use-cases #main .uc-trial-list { list-style: none; padding: 0; display: grid; gap: 12px; }
body.page-template-use-cases #main .uc-trial-list li { position: relative; padding: 14px 16px 14px 46px; background: var(--ucs-surface); border-radius: 8px; font-size: 15px; font-weight: 700; line-height: 1.6; }
body.page-template-use-cases #main .uc-trial-list li::before { content: ""; position: absolute; left: 16px; top: 50%; width: 18px; height: 18px; margin-top: -9px; border-radius: 50%; background: var(--ucs-brand); }
body.page-template-use-cases #main .uc-trial-list li::after { content: ""; position: absolute; left: 22px; top: 50%; width: 5px; height: 9px; margin-top: -6px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
@media (max-width: 767px) {
  body.page-template-use-cases #main .uc-trial { grid-template-columns: 1fr; gap: 20px; padding: 28px 20px; }
  body.page-template-use-cases #main .uc-trial-title { font-size: 20px; }
}
body.page-template-use-cases #main .uc-h2-sub { display: block; margin-bottom: 8px; font-size: 16px; font-weight: 700; color: var(--ucs-brand); letter-spacing: .04em; line-height: 1.5; }
@media (max-width: 767px) { body.page-template-use-cases #main .uc-h2-sub { font-size: 14px; margin-bottom: 6px; } }
body.page-template-use-cases #main .uc-bg-gray .uc-trend-screen { background: #fff; }

/* v2: 流せる情報 */
body.page-template-use-cases #main .uc-ct-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 48px; }
body.page-template-use-cases #main .uc-ct-card { background: #fff; border-radius: 14px; padding: 28px; display: flex; flex-direction: column; }
body.page-template-use-cases #main .uc-ct-card p.uc-ct-num { font-size: 13px; font-weight: 700; color: var(--ucs-faint); letter-spacing: .05em; }
body.page-template-use-cases #main .uc-ct-card h3 { margin-top: 6px; font-size: 20px; font-weight: 900; line-height: 1.5; }
body.page-template-use-cases #main .uc-ct-card p.uc-ct-text { margin-top: 10px; font-size: 15px; color: var(--ucs-ink); }
body.page-template-use-cases #main .uc-ct-card p.uc-ct-fact { margin-top: 12px; padding: 12px 14px; background: var(--ucs-surface); border-radius: 8px; font-size: 13.5px; color: var(--ucs-sub); line-height: 1.7; }
body.page-template-use-cases #main .uc-ct-src { display: block; margin-top: 4px; font-size: 12px; color: var(--ucs-faint); }
body.page-template-use-cases #main .uc-ct-src a { text-decoration: underline !important; color: inherit; }
body.page-template-use-cases #main .uc-ct-card p.uc-ct-func { margin-top: auto; padding-top: 16px; border-top: 1px solid var(--ucs-line); font-size: 13.5px; color: var(--ucs-sub); line-height: 1.7; }
body.page-template-use-cases #main .uc-ct-card > p:nth-last-child(2) { margin-bottom: 20px; }
body.page-template-use-cases #main .uc-ct-func span { display: block; margin-bottom: 2px; font-size: 12px; font-weight: 700; color: var(--ucs-brand); }
@media (max-width: 1023px) { body.page-template-use-cases #main .uc-ct-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) { body.page-template-use-cases #main .uc-ct-grid { grid-template-columns: 1fr; margin-top: 32px; } body.page-template-use-cases #main .uc-ct-card { padding: 24px; } }

/* v2: お悩み 4枚目（解決策のまとめ） */
body.page-template-use-cases #main .uc-issue-bento .uc-issue-card.is-summary { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1.6fr; gap: 40px; padding: 40px 44px; background: #27547c; color: #fff; }
body.page-template-use-cases #main .uc-issue-bento .uc-issue-card.is-summary p.uc-issue-sum-label { font-size: 14px; font-weight: 700; color: rgba(255,255,255,.85); letter-spacing: .04em; }
body.page-template-use-cases #main .uc-issue-bento .uc-issue-card.is-summary h3 { margin-top: 8px; font-size: 26px; font-weight: 900; line-height: 1.5; color: #fff; }
body.page-template-use-cases #main .uc-issue-bento .uc-issue-card.is-summary p.uc-issue-sum-text { margin-top: 12px; font-size: 15px; color: rgba(255,255,255,.9); }
body.page-template-use-cases #main .uc-issue-sum-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
body.page-template-use-cases #main .uc-issue-sum-list li { display: grid; grid-template-columns: 40px 1fr; gap: 12px; align-items: baseline; padding: 16px 20px; background: rgba(255,255,255,.12); border-radius: 10px; }
body.page-template-use-cases #main .uc-issue-sum-num { font-size: 14px; font-weight: 900; color: #fff; line-height: 1.8; letter-spacing: .04em; }
body.page-template-use-cases #main .uc-issue-sum-list li p { margin: 0 !important; font-size: 15px; font-weight: 500; line-height: 1.8; color: #fff; }
@media (max-width: 767px) {
  body.page-template-use-cases #main .uc-issue-bento .uc-issue-card.is-summary { grid-template-columns: 1fr; gap: 20px; padding: 28px 22px; }
  body.page-template-use-cases #main .uc-issue-bento .uc-issue-card.is-summary h3 { font-size: 21px; }
  body.page-template-use-cases #main .uc-issue-sum-list li { grid-template-columns: 32px 1fr; padding: 14px 16px; }
}

/* v2: できること（図解つきカード） */
body.page-template-use-cases #main .uc-feat-card.has-ill { padding: 0; overflow: hidden; display: flex; flex-direction: column; }
body.page-template-use-cases #main .uc-feat-ill { background: #eef3f7; aspect-ratio: 240 / 140; }
body.page-template-use-cases #main .uc-feat-ill svg { display: block; width: 100%; height: 100%; font-family: inherit; }
body.page-template-use-cases #main .uc-feat-body { padding: 24px 24px 28px; }
@media (max-width: 767px) { body.page-template-use-cases #main .uc-feat-body { padding: 20px 20px 24px; } }

/* v2: できること 下の導入の前提3点 */
body.page-template-use-cases #main .uc-feat-points { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); background: var(--ucs-surface); border-radius: var(--ucs-r); padding: 32px 40px; }
body.page-template-use-cases #main .uc-feat-point { padding: 0 28px; border-left: 1px solid #dfe3e8; }
body.page-template-use-cases #main .uc-feat-point:first-child { padding-left: 0; border-left: 0; }
body.page-template-use-cases #main .uc-feat-point:last-child { padding-right: 0; }
body.page-template-use-cases #main .uc-feat-points p.uc-feat-point-title { font-size: 20px; font-weight: 900; line-height: 1.5; color: #27547c; }
body.page-template-use-cases #main .uc-feat-point p:not(.uc-feat-point-title) { margin-top: 6px; font-size: 14px; color: var(--ucs-sub); }
@media (max-width: 767px) {
  body.page-template-use-cases #main .uc-feat-points { grid-template-columns: 1fr; padding: 24px; }
  body.page-template-use-cases #main .uc-feat-point { padding: 16px 0; border-left: 0; border-top: 1px solid #dfe3e8; }
  body.page-template-use-cases #main .uc-feat-point:first-child { padding-top: 0; border-top: 0; }
  body.page-template-use-cases #main .uc-feat-point:last-child { padding-bottom: 0; }
  body.page-template-use-cases #main .uc-feat-points p.uc-feat-point-title { font-size: 18px; }
}

/* v2: 管理画面のイメージ */
body.page-template-use-cases #main .uc-ui { grid-column: 1 / -1; margin-top: 24px; background: #eef3f7; border-radius: var(--ucs-r); padding: 40px; }
body.page-template-use-cases #main .uc-ui p.uc-ui-title { font-size: 20px; font-weight: 900; color: #27547c; }
body.page-template-use-cases #main .uc-ui-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 20px; }
body.page-template-use-cases #main .uc-ui-item { margin: 0; }
body.page-template-use-cases #main .uc-ui-item.is-main { grid-column: 1 / -1; }
body.page-template-use-cases #main .uc-ui-frame { position: relative; background: #2f3349; border-radius: 10px; padding: 26px 0 0; overflow: hidden; box-shadow: 0 10px 30px rgba(39,84,124,.18); }
body.page-template-use-cases #main .uc-ui-dots { position: absolute; top: 9px; left: 12px; display: flex; gap: 6px; }
body.page-template-use-cases #main .uc-ui-dots i { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,.28); }
body.page-template-use-cases #main .uc-ui-frame img { display: block; width: 100%; height: auto; }
body.page-template-use-cases #main .uc-ui-item figcaption { margin-top: 12px; font-size: 14px; color: var(--ucs-sub); line-height: 1.7; }
body.page-template-use-cases #main .uc-ui-note { margin-top: 20px; font-size: 12.5px; color: var(--ucs-faint); }
body.page-template-use-cases #main .uc-ui + .uc-feat-points { margin-top: 0; }
@media (max-width: 767px) {
  body.page-template-use-cases #main .uc-ui { padding: 24px 16px; }
  body.page-template-use-cases #main .uc-ui-grid { grid-template-columns: 1fr; gap: 20px; }
}

/* v2: できること の最後の相談（トライアル） */
body.page-template-use-cases #main .uc-feat-cta { margin-top: 24px; display: grid; grid-template-columns: 1.1fr 1fr; border: 2px solid #27547c; border-radius: var(--ucs-r); overflow: hidden; background: #fff; }
body.page-template-use-cases #main .uc-feat-cta-main { padding: 36px 40px; }
body.page-template-use-cases #main .uc-feat-cta-tag { display: inline-block; background: #27547c; color: #fff; font-size: 13px; font-weight: 700; padding: 3px 12px; border-radius: 999px; }
body.page-template-use-cases #main .uc-feat-cta p.uc-feat-cta-title { margin-top: 12px; font-size: 24px; font-weight: 900; line-height: 1.5; color: #27547c; }
body.page-template-use-cases #main .uc-feat-cta p.uc-feat-cta-desc { margin-top: 6px; font-size: 15px; color: var(--ucs-sub); }
body.page-template-use-cases #main .uc-feat-cta-act { margin-top: 24px; display: inline-flex; flex-direction: column; align-items: flex-start; }
body.page-template-use-cases #main .uc-feat-cta-micro { margin-top: 8px; font-size: 12.5px; color: var(--ucs-sub); }
body.page-template-use-cases #main .uc-feat-cta-side { background: #eef3f7; padding: 32px 40px; display: flex; flex-direction: column; justify-content: center; }
body.page-template-use-cases #main .uc-feat-cta p.uc-feat-cta-side-title { font-size: 13px; font-weight: 700; color: var(--ucs-sub); margin-bottom: 12px; }
body.page-template-use-cases #main .uc-feat-cta-checks { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
body.page-template-use-cases #main .uc-feat-cta-checks li { position: relative; padding-left: 28px; font-size: 15px; font-weight: 700; color: #27547c; line-height: 1.6; }
body.page-template-use-cases #main .uc-feat-cta-checks li::before { content: ""; position: absolute; left: 0; top: 3px; width: 18px; height: 18px; border-radius: 50%; background: #27547c; }
body.page-template-use-cases #main .uc-feat-cta-checks li::after { content: ""; position: absolute; left: 6px; top: 6px; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
@media (max-width: 767px) {
  body.page-template-use-cases #main .uc-feat-cta { grid-template-columns: 1fr; }
  body.page-template-use-cases #main .uc-feat-cta-main, body.page-template-use-cases #main .uc-feat-cta-side { padding: 24px 22px; }
  body.page-template-use-cases #main .uc-feat-cta p.uc-feat-cta-title { font-size: 20px; }
  body.page-template-use-cases #main .uc-feat-cta-act { display: flex; align-items: stretch; }
  body.page-template-use-cases #main .uc-feat-cta-act .uc-btn-solid { justify-content: center; }
  body.page-template-use-cases #main .uc-feat-cta-micro { text-align: center; }
}

/* v2: 院内の場所ごとの活用イメージ（場所ラベル＋画面の重ね表示） */
body.page-template-use-cases #main .uc-ex-visual { position: relative; }
body.page-template-use-cases #main .uc-ex-card:nth-child(even) .uc-ex-visual { order: 2; }
body.page-template-use-cases #main .uc-ex-list.is-v2 { gap: 72px; }
body.page-template-use-cases #main .uc-ex-list.is-v2 .uc-ex-card { grid-template-columns: 1.05fr 1fr; gap: 56px; }
body.page-template-use-cases #main .uc-ex-list.is-v2 .uc-ex-card:nth-child(even) .uc-ex-img { order: 0; }
body.page-template-use-cases #main .uc-ex-list.is-v2 .uc-ex-img { border-radius: var(--ucs-r); overflow: hidden; }
body.page-template-use-cases #main .uc-ex-place { position: absolute; top: 16px; left: 16px; display: inline-flex; align-items: center; gap: 6px; background: #27547c; color: #fff; font-size: 13px; font-weight: 700; line-height: 1.5; padding: 4px 12px; border-radius: 999px; }
body.page-template-use-cases #main .uc-ex-place::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #fff; }
body.page-template-use-cases #main .uc-ex-screen { position: absolute; right: -20px; bottom: -24px; width: 200px; background: #27547c; padding: 6px; border-radius: 6px; box-shadow: 0 12px 28px rgba(0,0,0,.25); }
body.page-template-use-cases #main .uc-ex-card:nth-child(even) .uc-ex-screen { right: auto; left: -20px; }
body.page-template-use-cases #main .uc-ex-screen-in { background: #fff; aspect-ratio: 16 / 9; display: grid; place-items: center; border-radius: 2px; padding: 8px; text-align: center; color: #27547c; font-size: 14px; font-weight: 900; line-height: 1.4; }
body.page-template-use-cases #main .uc-ex-screen i { display: block; width: 30px; height: 6px; margin: 6px auto 0; background: #7f9ab3; border-radius: 2px; }
body.page-template-use-cases #main .uc-ex-list.is-v2 .uc-ex-body h3 { font-size: 24px; line-height: 1.5; }
body.page-template-use-cases #main .uc-ex-list.is-v2 .uc-ex-blocks { margin-top: 20px; gap: 10px; }
body.page-template-use-cases #main .uc-ex-list.is-v2 .uc-ex-block.is-before { background: #fff; border-radius: 12px; padding: 16px 20px; }
body.page-template-use-cases #main .uc-ex-list.is-v2 .uc-ex-block.is-before p.uc-ex-label { color: var(--ucs-faint); }
body.page-template-use-cases #main .uc-ex-list.is-v2 .uc-ex-block.is-before p:not(.uc-ex-label) { font-size: 14px; }
body.page-template-use-cases #main .uc-ex-list.is-v2 .uc-ex-block.is-after { background: #27547c; border-radius: 12px; padding: 16px 20px; }
body.page-template-use-cases #main .uc-ex-list.is-v2 .uc-ex-block.is-after p.uc-ex-label { color: #a9c4dc; }
body.page-template-use-cases #main .uc-ex-list.is-v2 .uc-ex-block.is-after p:not(.uc-ex-label) { color: #fff; font-size: 14.5px; }
body.page-template-use-cases #main .uc-ex-list.is-v2 .uc-ex-block.is-points { margin-top: 4px; }
body.page-template-use-cases #main .uc-ex-list.is-v2 .uc-ex-block.is-points p.uc-ex-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
body.page-template-use-cases #main .uc-ex-list.is-v2 .uc-ex-block.is-points ul { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
body.page-template-use-cases #main .uc-ex-list.is-v2 .uc-ex-block.is-points li { padding: 4px 12px; font-size: 13px; font-weight: 700; color: #27547c; background: #fff; border: 1px solid #c9d6e2; border-radius: 999px; line-height: 1.6; }
body.page-template-use-cases #main .uc-ex-list.is-v2 .uc-ex-block.is-points li::before { display: none; }
@media (max-width: 767px) {
  body.page-template-use-cases #main .uc-ex-list.is-v2 { gap: 56px; }
  body.page-template-use-cases #main .uc-ex-list.is-v2 .uc-ex-card { grid-template-columns: 1fr; gap: 32px; }
  body.page-template-use-cases #main .uc-ex-card:nth-child(even) .uc-ex-visual { order: 0; }
  body.page-template-use-cases #main .uc-ex-screen, body.page-template-use-cases #main .uc-ex-card:nth-child(even) .uc-ex-screen { width: 150px; right: 10px; left: auto; bottom: -20px; }
  body.page-template-use-cases #main .uc-ex-screen-in { font-size: 12px; }
  body.page-template-use-cases #main .uc-ex-list.is-v2 .uc-ex-body h3 { font-size: 20px; }
}

/* v2: 病院の画面の1日（時間帯ごとの番組）。行を subgrid でそろえる */
body.page-template-use-cases #main .uc-lead:has(+ .uc-day-leadnote) { margin-bottom: 0; }
body.page-template-use-cases #main .uc-day-leadnote { margin: 4px 0 0; font-size: 13px; color: var(--ucs-faint); }
body.page-template-use-cases #main .uc-prog-grid { margin-top: 40px; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(5, auto); column-gap: 16px; row-gap: 0; }
body.page-template-use-cases #main .uc-prog { grid-row: span 5; display: grid; grid-template-rows: subgrid; row-gap: 0; background: var(--ucs-surface); border-radius: var(--ucs-r); padding: 22px 20px 24px; }
body.page-template-use-cases #main .uc-prog-hd { display: flex; gap: 10px; align-items: flex-start; color: #27547c; }
body.page-template-use-cases #main .uc-prog-hd svg { width: 24px; height: 24px; flex-shrink: 0; margin-top: 3px; }
body.page-template-use-cases #main .uc-prog p.uc-prog-time { font-size: 20px; font-weight: 900; line-height: 1.3; color: #27547c; }
body.page-template-use-cases #main .uc-prog p.uc-prog-label { font-size: 13px; font-weight: 700; line-height: 1.6; color: #27547c; }
body.page-template-use-cases #main .uc-prog p.uc-prog-who { margin-top: 10px; font-size: 12.5px; line-height: 1.7; color: var(--ucs-sub); }
body.page-template-use-cases #main .uc-prog-who span { display: inline-block; margin-right: 6px; padding: 1px 10px; border-radius: 999px; background: #27547c; color: #fff; font-size: 11.5px; font-weight: 700; }
body.page-template-use-cases #main .uc-prog-mon { margin-top: 14px; align-self: start; background: #27547c; padding: 5px; border-radius: 5px; }
body.page-template-use-cases #main .uc-prog-mon div { background: #fff; aspect-ratio: 16 / 9; border-radius: 2px; display: grid; place-items: center; padding: 8px; text-align: center; color: #27547c; font-size: 13px; font-weight: 900; line-height: 1.4; }
body.page-template-use-cases #main .uc-prog-mon i { display: block; width: 26px; height: 5px; margin: 5px auto 0; background: #7f9ab3; border-radius: 2px; }
body.page-template-use-cases #main .uc-prog h3 { margin-top: 18px; font-size: 16px; font-weight: 900; line-height: 1.5; }
body.page-template-use-cases #main .uc-prog h3 small { margin-left: 6px; font-size: 12px; font-weight: 700; color: var(--ucs-faint); }
body.page-template-use-cases #main .uc-prog-list { margin: 6px 0 0; padding: 0; list-style: none; display: grid; gap: 4px; align-content: start; counter-reset: prog; }
body.page-template-use-cases #main .uc-prog-list li { counter-increment: prog; position: relative; padding-left: 22px; font-size: 13.5px; line-height: 1.7; }
body.page-template-use-cases #main .uc-prog-list li::before { content: counter(prog); position: absolute; left: 0; top: 4px; width: 16px; height: 16px; border-radius: 50%; border: 1.5px solid #27547c; color: #27547c; font-size: 10px; font-weight: 900; line-height: 1; display: grid; place-items: center; box-sizing: border-box; }
body.page-template-use-cases #main .uc-day-note { color: #27547c; }
@media (max-width: 1100px) {
  body.page-template-use-cases #main .uc-prog-grid { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(10, auto); row-gap: 0; }
  body.page-template-use-cases #main .uc-prog:nth-child(n+3) { margin-top: 16px; }
  body.page-template-use-cases #main .uc-prog-mon { width: 100%; max-width: 280px; }
}
@media (max-width: 767px) {
  body.page-template-use-cases #main .uc-prog-grid { grid-template-columns: 1fr; grid-template-rows: none; row-gap: 16px; margin-top: 32px; }
  body.page-template-use-cases #main .uc-prog:nth-child(n+3) { margin-top: 0; }
  body.page-template-use-cases #main .uc-prog { grid-row: auto; display: block; }
  body.page-template-use-cases #main .uc-prog-mon { max-width: 260px; }
}

/* v2: 表示のしかた（図解つきカード） */
body.page-template-use-cases #main .uc-ct-card.has-ill { padding: 0; overflow: hidden; }
body.page-template-use-cases #main .uc-ct-ill { background: #eef3f7; aspect-ratio: 240 / 128; }
body.page-template-use-cases #main .uc-ct-ill svg { display: block; width: 100%; height: 100%; font-family: inherit; }
body.page-template-use-cases #main .uc-ct-body { padding: 24px 24px 26px; display: flex; flex-direction: column; flex: 1; }
body.page-template-use-cases #main .uc-ct-body > p:nth-last-child(2) { margin-bottom: 20px; }
body.page-template-use-cases #main .uc-ct-card.has-ill h3 { font-size: 18px; }
@media (max-width: 767px) { body.page-template-use-cases #main .uc-ct-card.has-ill { padding: 0; } body.page-template-use-cases #main .uc-ct-body { padding: 20px 20px 22px; } }

/* v2: 図解の見せ方をページ全体で統一（白いカード＋内側の枠＋グラデーション）、相談バナーを紺に */
body.page-template-use-cases #main .uc-feat-card.has-ill,
body.page-template-use-cases #main .uc-ct-card.has-ill { background: #fff; border: 1px solid var(--ucs-line); padding: 12px 12px 0; }
body.page-template-use-cases #main .uc-feat-ill,
body.page-template-use-cases #main .uc-ct-ill,
body.page-template-use-cases #main .uc-prog-ill { border: 1px solid #dbe4ed; border-radius: 10px; background: linear-gradient(180deg, #f7fafc, #eaf1f7); }
body.page-template-use-cases #main .uc-feat-body,
body.page-template-use-cases #main .uc-ct-body { padding: 20px 12px 26px; }
body.page-template-use-cases #main .uc-prog { background: #fff; border: 1px solid var(--ucs-line); }
body.page-template-use-cases #main .uc-prog-ill { margin-top: 14px; padding: 16px 18px 12px; align-self: start; }
body.page-template-use-cases #main .uc-prog-ill .uc-prog-mon { margin-top: 0; }
body.page-template-use-cases #main .uc-mid { background: #27547c; }
@media (max-width: 767px) {
  body.page-template-use-cases #main .uc-feat-body,
  body.page-template-use-cases #main .uc-ct-body { padding: 18px 10px 22px; }
  body.page-template-use-cases #main .uc-prog-ill { display: flex; justify-content: center; }
  body.page-template-use-cases #main .uc-prog-ill .uc-prog-mon { width: 100%; max-width: 260px; }
}

/* v2: デジタルサイネージの導入費用と内訳 */
body.page-template-use-cases #main .uc-cost-kinds { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
body.page-template-use-cases #main .uc-cost-kind { background: #fff; border: 1px solid var(--ucs-line); border-radius: var(--ucs-r); padding: 28px 32px; display: flex; flex-direction: column; }
body.page-template-use-cases #main .uc-cost-tag { align-self: flex-start; font-size: 12.5px; font-weight: 700; color: #fff; background: #27547c; border-radius: 999px; padding: 2px 12px; line-height: 1.6; }
body.page-template-use-cases #main .uc-cost-kind h3 { margin-top: 10px; font-size: 22px; font-weight: 900; color: #27547c; line-height: 1.5; }
body.page-template-use-cases #main .uc-cost-kind ul { margin: 12px 0 0; padding: 0; list-style: none; display: grid; gap: 6px; }
body.page-template-use-cases #main .uc-cost-kind li { position: relative; padding-left: 18px; font-size: 14.5px; line-height: 1.7; }
body.page-template-use-cases #main .uc-cost-kind li::before { content: ""; position: absolute; left: 2px; top: .75em; width: 6px; height: 6px; border-radius: 50%; background: #27547c; }
body.page-template-use-cases #main .uc-cost-kind p.uc-cost-sub { margin-top: auto; padding-top: 14px; font-size: 13px; color: var(--ucs-sub); }
body.page-template-use-cases #main .uc-cost-kind p.uc-cost-sub::before { content: ""; display: block; border-top: 1px solid var(--ucs-line); margin-bottom: 12px; }
body.page-template-use-cases #main .uc-cost-factors { margin-top: 24px; background: #fff; border: 1px solid var(--ucs-line); border-radius: var(--ucs-r); padding: 28px 32px; }
body.page-template-use-cases #main .uc-cost-factors p.uc-cost-factors-title { font-size: 17px; font-weight: 900; }
body.page-template-use-cases #main .uc-cost-factors-grid { margin-top: 16px; display: grid; grid-template-columns: repeat(3, 1fr); }
body.page-template-use-cases #main .uc-cost-factors-grid > div { padding: 0 24px; border-left: 1px solid var(--ucs-line); }
body.page-template-use-cases #main .uc-cost-factors-grid > div:first-child { padding-left: 0; border-left: 0; }
body.page-template-use-cases #main .uc-cost-factors-grid p.uc-cost-factor { font-size: 16px; font-weight: 900; color: #27547c; }
body.page-template-use-cases #main .uc-cost-factors-grid p:not(.uc-cost-factor) { margin-top: 4px; font-size: 13.5px; color: var(--ucs-sub); }
body.page-template-use-cases #main .uc-cost-factors + .uc-cost-note { margin-top: 16px; font-size: 13px; color: var(--ucs-faint); }
@media (max-width: 767px) {
  body.page-template-use-cases #main .uc-cost-kinds, body.page-template-use-cases #main .uc-cost-factors-grid { grid-template-columns: 1fr; }
  body.page-template-use-cases #main .uc-cost-kind, body.page-template-use-cases #main .uc-cost-factors { padding: 24px 22px; }
  body.page-template-use-cases #main .uc-cost-factors-grid > div { padding: 14px 0; border-left: 0; border-top: 1px solid var(--ucs-line); }
  body.page-template-use-cases #main .uc-cost-factors-grid > div:first-child { padding-top: 0; border-top: 0; }
}

/* v2: 導入の流れ（全業態共通・6ステップ） */
body.page-template-use-cases #main .uc-flow-list { grid-template-columns: repeat(3, 1fr); column-gap: 16px; row-gap: 32px; }
body.page-template-use-cases #main .uc-flow-item { border-top-color: #27547c; }
body.page-template-use-cases #main .uc-flow-step { color: #27547c; }
body.page-template-use-cases #main .uc-flow-who { background: #27547c; }
body.page-template-use-cases #main .uc-flow-who.is-customer { background: #fff; color: #27547c; box-shadow: inset 0 0 0 1px #27547c; }
body.page-template-use-cases #main .uc-flow-who.is-both { background: linear-gradient(90deg, #27547c 50%, #fff 50%); color: #27547c; box-shadow: inset 0 0 0 1px #27547c; background: #eef3f7; }
@media (max-width: 1023px) { body.page-template-use-cases #main .uc-flow-list { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) { body.page-template-use-cases #main .uc-flow-list { grid-template-columns: 1fr; row-gap: 24px; } }

/* v2: 導入の流れ（当社・お客様の2段＝スイムレーン） */
body.page-template-use-cases #main .uc-swim { display: grid; grid-template-columns: 96px repeat(var(--uc-swim-n, 6), 1fr); border: 1px solid var(--ucs-line); border-radius: var(--ucs-r); overflow: hidden; background: #fff; }
body.page-template-use-cases #main .uc-swim-corner { background: #f7fafc; border-bottom: 1px solid var(--ucs-line); }
body.page-template-use-cases #main .uc-swim-head { padding: 16px 14px 14px; background: #f7fafc; border-bottom: 1px solid var(--ucs-line); border-left: 1px solid var(--ucs-line); }
body.page-template-use-cases #main .uc-swim p.uc-swim-step, body.page-template-use-cases #main .uc-swim-sp p.uc-swim-step { font-size: 12px; font-weight: 700; color: #27547c; letter-spacing: .04em; }
body.page-template-use-cases #main .uc-swim-head h3 { margin-top: 2px; font-size: 15px; font-weight: 900; line-height: 1.5; }
body.page-template-use-cases #main .uc-swim-lane { display: grid; place-items: center; font-size: 14px; font-weight: 900; color: #27547c; background: #eef3f7; }
body.page-template-use-cases #main .uc-swim-lane.is-customer { border-top: 1px dashed #c9d6e2; }
body.page-template-use-cases #main .uc-swim-cell { padding: 12px 10px; border-left: 1px solid var(--ucs-line); min-height: 120px; }
body.page-template-use-cases #main .uc-swim-cell.is-customer { border-top: 1px dashed #c9d6e2; }
body.page-template-use-cases #main .uc-swim-cell p { height: 100%; border-radius: 10px; padding: 12px; font-size: 13px; line-height: 1.7; }
body.page-template-use-cases #main .uc-swim-cell.is-company p { background: #27547c; color: #fff; }
body.page-template-use-cases #main .uc-swim-cell.is-customer p { background: #fff; color: var(--ucs-ink); box-shadow: inset 0 0 0 1.5px #27547c; }
body.page-template-use-cases #main .uc-swim-sp { display: none; }
@media (max-width: 1023px) {
  body.page-template-use-cases #main .uc-swim { display: none; }
  body.page-template-use-cases #main .uc-swim-sp { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
  body.page-template-use-cases #main .uc-swim-sp li { background: #fff; border: 1px solid var(--ucs-line); border-radius: 14px; padding: 18px 18px 16px; }
  body.page-template-use-cases #main .uc-swim-sp h3 { margin-top: 2px; font-size: 17px; font-weight: 900; line-height: 1.5; }
  body.page-template-use-cases #main .uc-swim-sp-row { display: grid; grid-template-columns: 64px 1fr; gap: 10px; align-items: start; margin-top: 10px; }
  body.page-template-use-cases #main .uc-swim-sp-row span { text-align: center; font-size: 12px; font-weight: 700; border-radius: 4px; padding: 2px 0; background: #27547c; color: #fff; }
  body.page-template-use-cases #main .uc-swim-sp-row.is-customer span { background: #fff; color: #27547c; box-shadow: inset 0 0 0 1px #27547c; }
  body.page-template-use-cases #main .uc-swim-sp-row p { font-size: 14px; line-height: 1.7; }
}

/* v2: 強調色を紺にそろえる（明るい青は使わない） */
body.page-template-use-cases #main .uc-wrap.is-v2 { --ucs-brand: #27547c; }

/* v2: 最後のCTAを紺の帯に（FAQのグレーと区切る） */
body.page-template-use-cases #main .uc-wrap.is-v2 .uc-cta-wrap { background: #27547c; color: #fff; }
body.page-template-use-cases #main .uc-wrap.is-v2 .uc-cta-inner { grid-template-columns: 1fr; justify-items: center; text-align: center; padding-top: 96px; padding-bottom: 96px; }
body.page-template-use-cases #main .uc-wrap.is-v2 .uc-cta-h2 { color: #fff; font-size: 40px; }
body.page-template-use-cases #main .uc-wrap.is-v2 .uc-cta-desc { color: rgba(255,255,255,.85); max-width: 720px; margin-left: auto !important; margin-right: auto !important; }
@media (max-width: 767px) {
  body.page-template-use-cases #main .uc-wrap.is-v2 .uc-cta-inner { text-align: left; justify-items: stretch; padding-top: 64px; padding-bottom: 64px; }
  body.page-template-use-cases #main .uc-wrap.is-v2 .uc-cta-h2 { font-size: 28px; }
  body.page-template-use-cases #main .uc-wrap.is-v2 .uc-btn-cta { width: 100%; justify-content: center; }
}

/* v2: 見出しの大きさを4段階にそろえる（28 / 24 / 20 / 17px、太さは900） */
body.page-template-use-cases #main .uc-wrap.is-v2 .uc-issue-bento .uc-issue-card.is-big h3 { font-size: 28px; }
body.page-template-use-cases #main .uc-wrap.is-v2 .uc-ex-list.is-v2 .uc-ex-body h3,
body.page-template-use-cases #main .uc-wrap.is-v2 .uc-issue-bento .uc-issue-card.is-summary h3,
body.page-template-use-cases #main .uc-wrap.is-v2 .uc-feat-cta p.uc-feat-cta-title,
body.page-template-use-cases #main .uc-wrap.is-v2 .uc-cost-kind h3 { font-size: 24px; font-weight: 900; }
body.page-template-use-cases #main .uc-wrap.is-v2 .uc-issue-bento .uc-issue-card.is-side h3,
body.page-template-use-cases #main .uc-wrap.is-v2 .uc-ui p.uc-ui-title,
body.page-template-use-cases #main .uc-wrap.is-v2 .uc-feat-points p.uc-feat-point-title,
body.page-template-use-cases #main .uc-wrap.is-v2 .uc-mid-title { font-size: 20px; font-weight: 900; }
body.page-template-use-cases #main .uc-wrap.is-v2 .uc-feat-card h3,
body.page-template-use-cases #main .uc-wrap.is-v2 .uc-ct-card.has-ill h3,
body.page-template-use-cases #main .uc-wrap.is-v2 .uc-prog h3,
body.page-template-use-cases #main .uc-wrap.is-v2 .uc-swim-head h3,
body.page-template-use-cases #main .uc-wrap.is-v2 .uc-swim-sp h3,
body.page-template-use-cases #main .uc-wrap.is-v2 .uc-cost-factors p.uc-cost-factors-title { font-size: 17px; font-weight: 900; }
@media (max-width: 767px) {
  body.page-template-use-cases #main .uc-wrap.is-v2 .uc-issue-bento .uc-issue-card.is-big h3 { font-size: 23px; }
  body.page-template-use-cases #main .uc-wrap.is-v2 .uc-ex-list.is-v2 .uc-ex-body h3,
  body.page-template-use-cases #main .uc-wrap.is-v2 .uc-issue-bento .uc-issue-card.is-summary h3,
  body.page-template-use-cases #main .uc-wrap.is-v2 .uc-feat-cta p.uc-feat-cta-title,
  body.page-template-use-cases #main .uc-wrap.is-v2 .uc-cost-kind h3 { font-size: 20px; }
  body.page-template-use-cases #main .uc-wrap.is-v2 .uc-issue-bento .uc-issue-card.is-side h3,
  body.page-template-use-cases #main .uc-wrap.is-v2 .uc-ui p.uc-ui-title,
  body.page-template-use-cases #main .uc-wrap.is-v2 .uc-feat-points p.uc-feat-point-title,
  body.page-template-use-cases #main .uc-wrap.is-v2 .uc-mid-title { font-size: 18px; }
}

/* v2: 管理画面（独立セクション・濃紺） */
body.page-template-use-cases #main .uc-ui-sec { background: #1e2a38; color: #fff; }
body.page-template-use-cases #main .uc-ui-sec p.uc-ui-sub { font-size: 16px; font-weight: 700; color: #9fc0dc; letter-spacing: .04em; margin-bottom: 8px; }
body.page-template-use-cases #main .uc-ui-sec .uc-h2 { color: #fff; }
body.page-template-use-cases #main .uc-ui-sec .uc-lead { color: #c9d6e2; }
body.page-template-use-cases #main .uc-ui-sec .uc-ui-grid { margin-top: 0; }
body.page-template-use-cases #main .uc-ui-sec .uc-ui-frame { box-shadow: 0 16px 40px rgba(0,0,0,.35); border: 1px solid rgba(255,255,255,.08); }
body.page-template-use-cases #main .uc-ui-sec .uc-ui-item figcaption { color: #c9d6e2; }
body.page-template-use-cases #main .uc-ui-sec .uc-ui-note { color: #8ea4b8; }
@media (max-width: 767px) { body.page-template-use-cases #main .uc-ui-sec p.uc-ui-sub { font-size: 14px; } }

/* v2: 黒を濃紺にそろえる */
body.page-template-use-cases #main .uc-wrap.is-v2 .uc-issue-bento .uc-issue-card.is-big { background: #1e2a38; }
body.page-template-use-cases #main .uc-wrap.is-v2 .uc-fv { background: linear-gradient(135deg, #24344a, #1e2a38); }
body.page-template-use-cases #main .uc-wrap.is-v2 .uc-fv-bg::after { background: linear-gradient(90deg, rgba(20,30,42,.9) 0%, rgba(20,30,42,.72) 38%, rgba(20,30,42,0) 72%); }
@media (max-width: 767px) { body.page-template-use-cases #main .uc-wrap.is-v2 .uc-fv { background: #1e2a38; } }

/* v2: スマホでは「画面の1日」「表示のしかた」を横にスワイプ */
body.page-template-use-cases #main .uc-car-dots { display: none; }
@media (max-width: 767px) {
  body.page-template-use-cases #main .uc-wrap.is-v2 [data-uc-carousel] { display: flex !important; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; margin: 32px calc(var(--ucs-gutter) * -1) 0; padding: 4px var(--ucs-gutter) 12px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  body.page-template-use-cases #main .uc-wrap.is-v2 [data-uc-carousel]::-webkit-scrollbar { display: none; }
  body.page-template-use-cases #main .uc-wrap.is-v2 [data-uc-carousel] > * { flex: 0 0 84%; scroll-snap-align: center; margin-top: 0 !important; }
  body.page-template-use-cases #main .uc-wrap.is-v2 .uc-car-dots { display: flex; justify-content: center; gap: 6px; margin-top: 8px; }
  body.page-template-use-cases #main .uc-car-dots i { width: 7px; height: 7px; border-radius: 4px; background: #c9d6e2; transition: width .2s, background .2s; }
  body.page-template-use-cases #main .uc-car-dots i.is-on { width: 18px; background: #27547c; }
}

/* v2: スワイプの案内／導入の流れの文字を大きく */
body.page-template-use-cases #main .uc-car-hint { display: none; }
@media (max-width: 767px) {
  body.page-template-use-cases #main .uc-wrap.is-v2 .uc-car-hint { display: flex; align-items: center; gap: 6px; margin: 28px 0 0; font-size: 12.5px; font-weight: 700; color: #27547c; }
  body.page-template-use-cases #main .uc-wrap.is-v2 .uc-car-hint::after { content: "→"; }
  body.page-template-use-cases #main .uc-wrap.is-v2 .uc-car-hint + [data-uc-carousel] { margin-top: 10px; }
}
body.page-template-use-cases #main .uc-swim-cell p { font-size: 14px; }
body.page-template-use-cases #main .uc-swim-cell { min-height: 0; }
body.page-template-use-cases #main .uc-swim-head h3 { font-size: 16px; }

/* v2: テーマのタイトル帯（h1）を非表示にし、FVのh1に一本化 */
body.page-template-use-cases:has(.uc-fv) .tm-titlebar-wrapper { display: none !important; }

/* v2: スマホのFVは写真の高さを抑え、見出しまでを近く */
@media (max-width: 767px) {
  body.page-template-use-cases #main .uc-wrap.is-v2 .uc-fv-bg { aspect-ratio: 16 / 9; }
  body.page-template-use-cases #main .uc-wrap.is-v2 .uc-fv-inner { padding-top: 16px; }
  body.page-template-use-cases #main .uc-wrap.is-v2 .uc-fv-text { padding-top: 12px; }
  body.page-template-use-cases #main .uc-wrap.is-v2 .uc-fv img.uc-fv-logo { height: 28px; margin-bottom: 14px; }
}

/* v2: 活用イメージの画面（分割・縦型・予約） */
body.page-template-use-cases #main .uc-ex-screen.is-split { width: 240px; }
body.page-template-use-cases #main .uc-ex-screen.is-split .uc-ex-screen-in { place-items: stretch; display: grid; grid-template-columns: 1.6fr 1fr; grid-template-rows: 1fr .7fr auto; gap: 3px; padding: 3px; background: #c9d6e2; font-size: 10.5px; }
body.page-template-use-cases #main .uc-ex-screen.is-split span { display: grid; place-items: center; background: #fff; border-radius: 1px; padding: 2px; line-height: 1.3; }
body.page-template-use-cases #main .uc-ex-screen.is-split .b1 { grid-row: 1 / 3; }
body.page-template-use-cases #main .uc-ex-screen.is-split .b3 { font-size: 13px; }
body.page-template-use-cases #main .uc-ex-screen.is-split .tk { grid-column: 1 / -1; background: #27547c; color: #fff; font-size: 9px; font-weight: 700; padding: 3px; }
body.page-template-use-cases #main .uc-ex-screen.is-portrait { width: 112px; }
body.page-template-use-cases #main .uc-ex-screen.is-portrait .uc-ex-screen-in { aspect-ratio: 9 / 16; }
body.page-template-use-cases #main .uc-ex-screen.is-schedule .uc-ex-screen-in { position: relative; }
body.page-template-use-cases #main .uc-ex-screen .cal { position: absolute; top: -10px; right: -10px; background: #ff7700; color: #fff; font-size: 11px; font-weight: 900; border-radius: 999px; padding: 3px 10px; box-shadow: 0 4px 10px rgba(0,0,0,.2); }
body.page-template-use-cases #main .uc-ex-list.is-v2 .uc-ex-block.is-points p.uc-ex-label { position: static; width: auto; height: auto; overflow: visible; clip: auto; margin-bottom: 8px !important; color: #27547c; font-size: 13px; font-weight: 700; }
@media (max-width: 767px) {
  body.page-template-use-cases #main .uc-ex-screen.is-split { width: 190px; }
  body.page-template-use-cases #main .uc-ex-screen.is-portrait { width: 90px; }
}

/* v2: 院内の画面の1日 の動画 */
body.page-template-use-cases #main .uc-day-video { margin: 32px 0 0; }
body.page-template-use-cases #main .uc-day-video video { display: block; width: 100%; aspect-ratio: 16 / 9; border-radius: var(--ucs-r); background: #1e2a38; box-shadow: 0 16px 40px rgba(30,42,56,.18); }
body.page-template-use-cases #main .uc-day-video figcaption { margin-top: 10px; font-size: 13px; color: var(--ucs-sub); }
body.page-template-use-cases #main .uc-day-video + .uc-prog-grid { margin-top: 32px; }

/* 課題：写真がまだない業態は3列のカード */
body.page-template-use-cases #main .uc-wrap.is-v2 .uc-issue-bento.no-img { grid-template-columns: repeat(3, 1fr); }
body.page-template-use-cases #main .uc-wrap.is-v2 .uc-issue-bento.no-img .uc-issue-card.is-big { grid-row: auto; background: #fff; color: inherit; }
body.page-template-use-cases #main .uc-wrap.is-v2 .uc-issue-bento.no-img .uc-issue-card.is-side { display: flex; }
body.page-template-use-cases #main .uc-wrap.is-v2 .uc-issue-bento.no-img .uc-issue-card.is-big h3 { font-size: 22px; }
body.page-template-use-cases #main .uc-wrap.is-v2 .uc-issue-bento.no-img .is-big .uc-issue-text { color: var(--ucs-sub); font-size: 14.5px; }
body.page-template-use-cases #main .uc-wrap.is-v2 .uc-issue-bento.no-img .uc-issue-body { padding: 28px 28px 32px; }
@media (max-width: 900px) {
  body.page-template-use-cases #main .uc-wrap.is-v2 .uc-issue-bento.no-img { grid-template-columns: 1fr; }
}

/* よくある質問：v2 は2列×3段のカード（すべて展開） */
body.page-template-use-cases #main .uc-faq-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 40px; }
body.page-template-use-cases #main .uc-faq-card { background: #fff; border-radius: 12px; padding: 28px 30px; }
body.page-template-use-cases #main .uc-faq-card h3 { display: flex; gap: 12px; align-items: flex-start; font-size: 17px; font-weight: 700; line-height: 1.6; }
body.page-template-use-cases #main .uc-faq-q { flex: none; display: inline-grid; place-items: center; width: 28px; height: 28px; margin-top: 1px; border-radius: 50%; background: #27547c; color: #fff; font-size: 14px; font-weight: 700; line-height: 1; }
body.page-template-use-cases #main .uc-faq-card p { margin-top: 12px; padding-left: 40px; color: var(--ucs-sub); font-size: 15px; line-height: 1.8; }
@media (max-width: 767px) {
  body.page-template-use-cases #main .uc-faq-grid { grid-template-columns: 1fr; gap: 12px; margin-top: 28px; }
  body.page-template-use-cases #main .uc-faq-card { padding: 22px 20px; }
  body.page-template-use-cases #main .uc-faq-card p { padding-left: 0; }
}

/* 最後の動線（v2）：同じカテゴリの業態 → 業態カテゴリ */
body.page-template-use-cases #main .uc-sib-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 32px; }
body.page-template-use-cases #main .uc-sib-card { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--ucs-line); border-radius: 12px; overflow: hidden; text-decoration: none !important; color: inherit; transition: box-shadow .2s; }
body.page-template-use-cases #main .uc-sib-card:hover { box-shadow: 0 8px 24px rgba(30,42,56,.12); }
body.page-template-use-cases #main .uc-sib-img { position: relative; display: block; aspect-ratio: 16 / 9; background: linear-gradient(135deg, #e3e6ea, #c9ced5); overflow: hidden; }
body.page-template-use-cases #main .uc-sib-img img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
body.page-template-use-cases #main .uc-sib-body { display: block; padding: 18px 20px 22px; }
body.page-template-use-cases #main .uc-sib-title { display: block; font-size: 17px; font-weight: 700; color: #1e2a38; }
body.page-template-use-cases #main .uc-sib-desc { display: block; margin-top: 6px; font-size: 14px; line-height: 1.7; color: var(--ucs-sub); }
body.page-template-use-cases #main .uc-hub-h2 { margin-top: 72px; }
body.page-template-use-cases #main .uc-hub-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 32px; }
body.page-template-use-cases #main .uc-hub-card { display: block; background: var(--ucs-surface); border-radius: 12px; padding: 22px 24px; text-decoration: none !important; color: inherit; }
body.page-template-use-cases #main .uc-hub-card:hover { background: var(--ucs-surface-2); }
body.page-template-use-cases #main .uc-hub-card.is-current { background: #fff; border: 1px solid #27547c; }
body.page-template-use-cases #main .uc-hub-title { display: block; font-size: 16px; font-weight: 700; color: #1e2a38; }
body.page-template-use-cases #main .uc-hub-cur { display: inline-block; margin-top: 6px; padding: 2px 8px; border-radius: 4px; background: #27547c; color: #fff; font-size: 11.5px; font-weight: 700; }
body.page-template-use-cases #main .uc-hub-desc { display: block; margin-top: 6px; font-size: 13.5px; line-height: 1.7; color: var(--ucs-sub); }
@media (max-width: 900px) {
  body.page-template-use-cases #main .uc-sib-grid { grid-template-columns: repeat(2, 1fr); }
  body.page-template-use-cases #main .uc-hub-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
  body.page-template-use-cases #main .uc-sib-grid, body.page-template-use-cases #main .uc-hub-grid { grid-template-columns: 1fr; }
  body.page-template-use-cases #main .uc-hub-h2 { margin-top: 56px; }
}

/* パンくず（v2） */
body.page-template-use-cases #main .uc-fv .uc-hero-bc ol { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0; margin: 0; padding: 0; list-style: none; }
body.page-template-use-cases #main .uc-fv .uc-hero-bc li { display: inline-flex; align-items: center; margin: 0; color: #b9bdc3; }
body.page-template-use-cases #main .uc-fv .uc-hero-bc li + li::before { content: "›"; margin: 0 10px; color: #6b7078; }
body.page-template-use-cases #main .uc-fv .uc-hero-bc a { color: #e4e7eb; text-decoration: none; }
body.page-template-use-cases #main .uc-fv .uc-hero-bc a:hover { color: #fff; text-decoration: underline; }
body.page-template-use-cases #main .uc-fv .uc-hero-bc li[aria-current] { color: #b9bdc3; }

/* 業態カテゴリ（ハブ）ページ */
body.page-template-use-cases #main .uc-hubi-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 40px; }
body.page-template-use-cases #main .uc-hubi-card { display: grid; grid-template-columns: 44% 1fr; background: #fff; border: 1px solid var(--ucs-line); border-radius: 14px; overflow: hidden; text-decoration: none !important; color: inherit; transition: box-shadow .2s; }
body.page-template-use-cases #main .uc-hubi-card:hover { box-shadow: 0 10px 28px rgba(30,42,56,.12); }
body.page-template-use-cases #main .uc-hubi-img { position: relative; display: block; min-height: 220px; background: linear-gradient(135deg, #e3e6ea, #c9ced5); overflow: hidden; }
body.page-template-use-cases #main .uc-hubi-img img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
body.page-template-use-cases #main .uc-hubi-body { display: flex; flex-direction: column; padding: 24px 24px 22px; }
body.page-template-use-cases #main .uc-hubi-title { font-size: 20px; font-weight: 900; color: #1e2a38; line-height: 1.4; }
body.page-template-use-cases #main .uc-hubi-desc { margin-top: 8px; font-size: 14px; line-height: 1.75; color: var(--ucs-sub); }
body.page-template-use-cases #main .uc-hubi-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }
body.page-template-use-cases #main .uc-hubi-tags span { font-size: 12px; font-weight: 700; color: #27547c; background: #eef3f7; border-radius: 4px; padding: 3px 8px; }
body.page-template-use-cases #main .uc-hubi-more { margin-top: auto; padding-top: 16px; font-size: 14px; font-weight: 700; color: #27547c; }
body.page-template-use-cases #main .uc-hubi-more::after { content: " →"; }
body.page-template-use-cases #main .uc-hub-feat { grid-template-columns: repeat(3, 1fr); }
body.page-template-use-cases #main .uc-hub-more { margin-top: 28px; }
body.page-template-use-cases #main .uc-hub-more a { font-weight: 700; color: #27547c; }
@media (max-width: 1024px) {
  body.page-template-use-cases #main .uc-hubi-grid { grid-template-columns: 1fr; }
  body.page-template-use-cases #main .uc-hub-feat { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
  body.page-template-use-cases #main .uc-hubi-card { grid-template-columns: 1fr; }
  body.page-template-use-cases #main .uc-hubi-img { min-height: 0; aspect-ratio: 16 / 9; }
  body.page-template-use-cases #main .uc-hub-feat { grid-template-columns: 1fr; }
}

/* 活用事例トップ（v2） */
body.page-template-use-cases #main .uc-topi-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 40px; }
body.page-template-use-cases #main .uc-topi-card { background: #fff; border: 1px solid var(--ucs-line); border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; }
body.page-template-use-cases #main .uc-topi-head { display: block; text-decoration: none !important; color: inherit; }
body.page-template-use-cases #main .uc-topi-img { position: relative; display: block; aspect-ratio: 16 / 9; background: linear-gradient(135deg, #e3e6ea, #c9ced5); overflow: hidden; }
body.page-template-use-cases #main .uc-topi-img img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; transition: transform .4s; }
body.page-template-use-cases #main .uc-topi-head:hover .uc-topi-img img { transform: scale(1.03); }
body.page-template-use-cases #main .uc-topi-title { display: block; padding: 18px 22px 0; font-size: 19px; font-weight: 900; color: #1e2a38; }
body.page-template-use-cases #main .uc-topi-title::after { content: " →"; color: #27547c; }
body.page-template-use-cases #main .uc-topi-links { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 14px 22px 22px; list-style: none; }
body.page-template-use-cases #main .uc-topi-links li { margin: 0; }
body.page-template-use-cases #main .uc-topi-links a { display: inline-block; font-size: 13px; font-weight: 700; color: #27547c !important; background: #eef3f7; border-radius: 6px; padding: 5px 10px; text-decoration: none !important; }
body.page-template-use-cases #main .uc-topi-links a:hover { background: #dfe8f0; }
body.page-template-use-cases #main .uc-topq-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 40px; }
body.page-template-use-cases #main .uc-topq-card { display: flex; flex-direction: column; background: #fff; border-radius: 12px; padding: 24px 26px; text-decoration: none !important; color: inherit; transition: box-shadow .2s; }
body.page-template-use-cases #main .uc-topq-card:hover { box-shadow: 0 8px 24px rgba(30,42,56,.1); }
body.page-template-use-cases #main .uc-topq-title { font-size: 18px; font-weight: 900; color: #1e2a38; line-height: 1.5; }
body.page-template-use-cases #main .uc-topq-title::after { content: " →"; color: #27547c; }
body.page-template-use-cases #main .uc-topq-desc { margin-top: 10px; font-size: 14.5px; line-height: 1.75; color: var(--ucs-sub); }
body.page-template-use-cases #main .uc-topq-meta { margin-top: auto; padding-top: 14px; font-size: 12.5px; color: #27547c; font-weight: 700; }
body.page-template-use-cases #main .uc-topl-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 40px; }
body.page-template-use-cases #main .uc-topl-card { display: grid; grid-template-columns: 120px 1fr; align-items: stretch; background: #fff; border: 1px solid var(--ucs-line); border-radius: 12px; overflow: hidden; text-decoration: none !important; color: inherit; transition: box-shadow .2s; }
body.page-template-use-cases #main .uc-topl-card:hover { box-shadow: 0 8px 24px rgba(30,42,56,.1); }
body.page-template-use-cases #main .uc-topl-img { position: relative; display: block; min-height: 100px; background: linear-gradient(135deg, #e3e6ea, #c9ced5); overflow: hidden; }
body.page-template-use-cases #main .uc-topl-img img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
body.page-template-use-cases #main .uc-topl-body { display: block; padding: 16px 18px; }
body.page-template-use-cases #main .uc-topl-title { display: block; font-size: 16px; font-weight: 900; color: #1e2a38; }
body.page-template-use-cases #main .uc-topl-desc { display: block; margin-top: 4px; font-size: 13.5px; line-height: 1.7; color: var(--ucs-sub); }
@media (max-width: 1024px) {
  body.page-template-use-cases #main .uc-topi-grid, body.page-template-use-cases #main .uc-topq-grid, body.page-template-use-cases #main .uc-topl-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
  body.page-template-use-cases #main .uc-topi-grid, body.page-template-use-cases #main .uc-topq-grid, body.page-template-use-cases #main .uc-topl-grid { grid-template-columns: 1fr; }
}

/* 課題・設置場所ページ（v2） */
body.page-template-use-cases #main .uc-fv-eyebrow { font-size: 14px; font-weight: 700; color: #b9d3ea; letter-spacing: .04em; margin-bottom: 12px !important; }
body.page-template-use-cases #main .uc-issue-page .uc-fv h1 { font-size: 52px; }
body.page-template-use-cases #main .uc-is-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 40px 0 0; padding: 0; list-style: none; }
body.page-template-use-cases #main .uc-is-steps li { margin: 0; background: #fff; border: 1px solid var(--ucs-line); border-radius: 12px; padding: 26px 26px 28px; }
body.page-template-use-cases #main .uc-is-num { display: block; font-size: 28px; font-weight: 900; color: #27547c; line-height: 1; margin-bottom: 14px; }
body.page-template-use-cases #main .uc-is-steps p { font-size: 15px; line-height: 1.8; color: var(--ucs-ink); }
body.page-template-use-cases #main .uc-is-cmp { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 40px; }
body.page-template-use-cases #main .uc-is-cmp-col { background: #fff; border-radius: 12px; padding: 22px 22px 24px; }
body.page-template-use-cases #main .uc-is-cmp-col.is-signage { background: #27547c; color: #fff; }
body.page-template-use-cases #main .uc-is-cmp-col h3 { font-size: 17px; font-weight: 900; margin-bottom: 14px; }
body.page-template-use-cases #main .uc-is-cmp-col.is-signage h3 { color: #fff; }
body.page-template-use-cases #main .uc-is-cmp-col p { font-size: 14px; line-height: 1.75; color: var(--ucs-sub); }
body.page-template-use-cases #main .uc-is-cmp-col.is-signage p { color: rgba(255,255,255,.92); }
body.page-template-use-cases #main .uc-is-cmp-col p.uc-is-cmp-label { margin-top: 12px; font-size: 12.5px; font-weight: 700; color: #27547c; }
body.page-template-use-cases #main .uc-is-cmp-col p.uc-is-cmp-label:first-of-type { margin-top: 0; }
body.page-template-use-cases #main .uc-is-cmp-col p.uc-is-cmp-label.is-cons { color: #9a5b2e; }
body.page-template-use-cases #main .uc-is-cmp-col.is-signage p.uc-is-cmp-label { color: #b9d3ea; }
body.page-template-use-cases #main .uc-is-cases { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 40px; }
body.page-template-use-cases #main .uc-is-case { display: flex; flex-direction: column; background: #f4f6f8; border-radius: 14px; padding: 24px; }
body.page-template-use-cases #main .uc-is-case-label { display: inline-flex; align-self: flex-start; background: #27547c; color: #fff; font-size: 13px; font-weight: 700; padding: 4px 12px; border-radius: 999px; }
body.page-template-use-cases #main .uc-is-case .uc-ex-blocks { margin-top: 16px; gap: 10px; }
body.page-template-use-cases #main .uc-is-case .uc-ex-block { background: #fff; border-radius: 10px; padding: 14px 18px; }
body.page-template-use-cases #main .uc-is-case .uc-ex-block.is-after { background: #27547c; }
body.page-template-use-cases #main .uc-is-case .uc-ex-block.is-after p { color: #fff !important; }
body.page-template-use-cases #main .uc-is-case .uc-ex-block.is-after p.uc-ex-label { color: #b9d3ea !important; }
body.page-template-use-cases #main .uc-is-case-link { margin-top: 14px; font-size: 14px; font-weight: 700; color: #27547c !important; }
body.page-template-use-cases #main .uc-is-case-link::after { content: " →"; }
body.page-template-use-cases #main .uc-is-why { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 32px; }
body.page-template-use-cases #main .uc-is-why-card { background: #fff; border: 1px solid var(--ucs-line); border-left: 4px solid #27547c; border-radius: 10px; padding: 20px 22px; }
body.page-template-use-cases #main .uc-is-why-card p { font-size: 15px; line-height: 1.8; }
body.page-template-use-cases #main .uc-is-note { margin-top: 18px; font-size: 14px; color: var(--ucs-sub); }
body.page-template-use-cases #main .uc-is-gov-sec { padding-top: 0; }
@media (max-width: 1024px) {
  body.page-template-use-cases #main .uc-is-cmp { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
  body.page-template-use-cases #main .uc-issue-page .uc-fv h1 { font-size: 34px; }
    body.page-template-use-cases #main .uc-is-steps, body.page-template-use-cases #main .uc-is-cmp, body.page-template-use-cases #main .uc-is-cases, body.page-template-use-cases #main .uc-is-why, }
body.page-template-use-cases #main .uc-sib-grid.is-4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 1024px) { body.page-template-use-cases #main .uc-sib-grid.is-4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) { body.page-template-use-cases #main .uc-sib-grid.is-4 { grid-template-columns: 1fr; } }

/* 課題・設置場所「進め方」：左にリスト、右に図解 */
body.page-template-use-cases #main .uc-is-split { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; margin-top: 40px; }
body.page-template-use-cases #main .uc-is-list { margin: 0; padding: 0; list-style: none; counter-reset: none; }
body.page-template-use-cases #main .uc-is-list li { display: grid; grid-template-columns: 44px 1fr; gap: 16px; margin: 0; padding: 22px 0; border-bottom: 1px solid var(--ucs-line); }
body.page-template-use-cases #main .uc-is-list li:first-child { padding-top: 0; }
body.page-template-use-cases #main .uc-is-list li:last-child { border-bottom: 0; }
body.page-template-use-cases #main .uc-is-list .uc-is-num { display: grid; place-items: center; width: 44px; height: 44px; margin: 0; border-radius: 50%; background: #27547c; color: #fff; font-size: 18px; font-weight: 900; line-height: 1; }
body.page-template-use-cases #main .uc-is-list p { font-size: 15.5px; line-height: 1.85; color: var(--ucs-ink); padding-top: 8px; }
body.page-template-use-cases #main .uc-is-ill { margin: 0; }
body.page-template-use-cases #main .uc-is-ill svg { display: block; width: 100%; height: auto; }
@media (max-width: 900px) {
  body.page-template-use-cases #main .uc-is-split { grid-template-columns: 1fr; gap: 32px; }
  body.page-template-use-cases #main .uc-is-ill { order: -1; }
}

/* 課題・設置場所ページ：相談ボタン横のチェックリスト */
body.page-template-use-cases #main .uc-wrap.is-v2.uc-issue-page .uc-cta-inner { grid-template-columns: 1.1fr 1fr; gap: 48px; justify-items: stretch; text-align: left; }
body.page-template-use-cases #main .uc-wrap.is-v2.uc-issue-page .uc-cta-desc { margin-left: 0 !important; }
body.page-template-use-cases #main .uc-wrap.is-v2.uc-issue-page .uc-cta-h2 { font-size: 36px; }
body.page-template-use-cases #main .uc-is-consult { padding: 28px 32px; }
body.page-template-use-cases #main .uc-is-consult h3 { font-size: 15px; color: #27547c; margin-bottom: 8px; }
body.page-template-use-cases #main .uc-is-consult h3.uc-is-consult-get { margin-top: 20px; }
body.page-template-use-cases #main .uc-is-consult ul { margin: 0; padding: 0; list-style: none; }
body.page-template-use-cases #main .uc-is-consult li { position: relative; padding: 8px 0 8px 26px; border-bottom: 1px solid var(--ucs-line); font-size: 14.5px; color: var(--ucs-ink); }
body.page-template-use-cases #main .uc-is-consult li::before { content: "✓"; position: absolute; left: 2px; top: 8px; color: #27547c; font-weight: 900; }
body.page-template-use-cases #main .uc-is-consult li:last-child { border-bottom: 0; }
@media (max-width: 900px) {
  body.page-template-use-cases #main .uc-wrap.is-v2.uc-issue-page .uc-cta-inner { grid-template-columns: 1fr; }
  body.page-template-use-cases #main .uc-wrap.is-v2.uc-issue-page .uc-cta-h2 { font-size: 28px; }
}
body.page-template-use-cases #main #uc-faq .uc-faq-card { border: 1px solid var(--ucs-line); }

/* 課題・設置場所ページ：デザイン強化 */
body.page-template-use-cases #main .uc-is-bens { flex-direction: column; align-items: flex-end; gap: 8px; }
body.page-template-use-cases #main .uc-is-bens li { padding: 10px 16px; }
body.page-template-use-cases #main .uc-is-bens li strong { font-size: 14px; }
body.page-template-use-cases #main .uc-is-bens li strong::before { content: "✓"; color: #27547c; margin-right: 8px; }
body.page-template-use-cases #main .uc-is-cmp-fit { margin: -6px 0 14px; padding-bottom: 12px; border-bottom: 1px dashed var(--ucs-line); font-size: 12.5px; color: var(--ucs-sub); }
body.page-template-use-cases #main .uc-is-cmp-fit strong { display: block; margin-top: 2px; font-size: 14px; color: #1e2a38; }
body.page-template-use-cases #main .is-signage .uc-is-cmp-fit { border-color: rgba(255,255,255,.3); color: rgba(255,255,255,.8); }
body.page-template-use-cases #main .is-signage .uc-is-cmp-fit strong { color: #fff; }
body.page-template-use-cases #main .uc-is-marks-wrap { margin-top: 20px; overflow-x: auto; }
body.page-template-use-cases #main .uc-is-marks { width: 100%; border-collapse: separate; border-spacing: 0; background: #fff; border: 1px solid var(--ucs-line); border-radius: 12px; overflow: hidden; font-size: 14px; }
body.page-template-use-cases #main .uc-is-marks th, body.page-template-use-cases #main .uc-is-marks td { padding: 12px 14px; text-align: center; border-bottom: 1px solid var(--ucs-line); }
body.page-template-use-cases #main .uc-is-marks tr:last-child th, body.page-template-use-cases #main .uc-is-marks tr:last-child td { border-bottom: 0; }
body.page-template-use-cases #main .uc-is-marks thead th { font-size: 13px; font-weight: 700; color: var(--ucs-sub); background: #f4f6f8; }
body.page-template-use-cases #main .uc-is-marks tbody th { text-align: left; font-weight: 700; color: #1e2a38; white-space: nowrap; }
body.page-template-use-cases #main .uc-is-marks .is-signage { background: #eef3f7; }
body.page-template-use-cases #main .uc-is-marks thead th.is-signage { color: #27547c; }
body.page-template-use-cases #main .uc-is-mark { display: inline-block; font-size: 18px; font-weight: 900; line-height: 1; }
body.page-template-use-cases #main .uc-is-mark.is-a { color: #27547c; }
body.page-template-use-cases #main .uc-is-mark.is-b { color: #5f7f9c; }
body.page-template-use-cases #main .uc-is-mark.is-c { color: #b0b8c1; }
body.page-template-use-cases #main .uc-is-gov { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 32px 0 0; padding: 0; list-style: none; }
body.page-template-use-cases #main .uc-is-gov li { margin: 0; background: #fff; border: 1px solid var(--ucs-line); border-radius: 12px; padding: 24px 24px 26px; }
body.page-template-use-cases #main .uc-is-gov-num { display: block; font-size: 13px; font-weight: 900; color: #27547c; letter-spacing: .06em; margin-bottom: 10px; }
body.page-template-use-cases #main .uc-is-gov h3 { font-size: 17px; font-weight: 700; line-height: 1.5; margin-bottom: 8px; }
body.page-template-use-cases #main .uc-is-gov p { font-size: 14.5px; line-height: 1.8; color: var(--ucs-sub); }
body.page-template-use-cases #main .uc-issue-page .uc-hubi-grid { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 767px) {
  body.page-template-use-cases #main .uc-is-bens { position: static; align-items: stretch; margin-top: 8px; }
  body.page-template-use-cases #main .uc-is-gov { grid-template-columns: 1fr; }
  body.page-template-use-cases #main .uc-is-marks { font-size: 13px; }
  body.page-template-use-cases #main .uc-is-marks th, body.page-template-use-cases #main .uc-is-marks td { padding: 10px 8px; }
}

/* 課題ページ：活用イメージに写真 */
body.page-template-use-cases #main .uc-is-case.has-img { padding: 0; overflow: hidden; background: #fff; border: 1px solid var(--ucs-line); }
body.page-template-use-cases #main .uc-is-case-img { position: relative; aspect-ratio: 16 / 9; background: linear-gradient(135deg, #e3e6ea, #c9ced5); overflow: hidden; }
body.page-template-use-cases #main .uc-is-case-img img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
body.page-template-use-cases #main .uc-is-case-img .uc-is-case-label { position: absolute; top: 16px; left: 16px; margin: 0; }
body.page-template-use-cases #main .uc-is-case-place { position: absolute; left: 16px; bottom: 16px; display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,.94); color: #27547c; font-size: 13px; font-weight: 700; padding: 4px 12px; border-radius: 999px; }
body.page-template-use-cases #main .uc-is-case-place::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #27547c; }
body.page-template-use-cases #main .uc-is-case-body { display: flex; flex-direction: column; flex: 1; padding: 20px 22px 22px; }
body.page-template-use-cases #main .uc-is-case.has-img .uc-ex-blocks { margin-top: 0; }
body.page-template-use-cases #main .uc-is-case.has-img .uc-ex-block.is-before { background: #f4f6f8; }

/* 課題ページ：比較を1枚の表に */
body.page-template-use-cases #main .uc-is-ctable-wrap { margin-top: 40px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
body.page-template-use-cases #main .uc-is-ctable { width: 100%; min-width: 820px; border-collapse: separate; border-spacing: 0; table-layout: fixed; font-size: 14px; }
body.page-template-use-cases #main .uc-is-ctable th, body.page-template-use-cases #main .uc-is-ctable td { padding: 16px 18px; vertical-align: top; text-align: left; border-bottom: 1px solid var(--ucs-line); background: #fff; line-height: 1.75; }
body.page-template-use-cases #main .uc-is-ctable thead th { padding: 18px; font-size: 16px; font-weight: 900; color: #1e2a38; background: #f4f6f8; border-bottom: 0; }
body.page-template-use-cases #main .uc-is-ctable thead th:nth-child(2) { border-top-left-radius: 12px; }
body.page-template-use-cases #main .uc-is-ctable thead th.is-corner { background: transparent; width: 150px; }
body.page-template-use-cases #main .uc-is-ctable tbody th { width: 150px; font-size: 13px; font-weight: 700; color: var(--ucs-sub); background: transparent; }
body.page-template-use-cases #main .uc-is-ctable .is-signage { background: #eef3f7; border-left: 2px solid #27547c; border-right: 2px solid #27547c; }
body.page-template-use-cases #main .uc-is-ctable thead th.is-signage { background: #27547c; color: #fff; border-top-left-radius: 12px; border-top-right-radius: 12px; }
body.page-template-use-cases #main .uc-is-ctable tbody tr:last-child td.is-signage { border-bottom: 2px solid #27547c; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
body.page-template-use-cases #main .uc-is-ctable-badge { display: block; margin-bottom: 4px; font-size: 11px; font-weight: 700; letter-spacing: .08em; color: #ffb366; }
body.page-template-use-cases #main .uc-is-ctable tr.is-fit td { font-weight: 700; color: #1e2a38; }
body.page-template-use-cases #main .uc-is-ctable tr.is-mark td { text-align: center; padding-top: 12px; padding-bottom: 12px; }
body.page-template-use-cases #main .uc-is-ctable tr.is-mark .uc-is-mark { font-size: 22px; }
body.page-template-use-cases #main .uc-is-ctable tr.is-text td { color: var(--ucs-sub); font-size: 13.5px; }
body.page-template-use-cases #main .uc-is-ctable tr.is-text td.is-signage { color: #1e2a38; }
body.page-template-use-cases #main .uc-is-ctable tr.is-cons th { color: #9a5b2e; }
@media (max-width: 767px) {
  body.page-template-use-cases #main .uc-is-ctable thead th.is-corner, body.page-template-use-cases #main .uc-is-ctable tbody th { position: sticky; left: 0; z-index: 1; background: #fff; width: 110px; }
}

/* ===== 課題・設置場所ページ：導入の流れ（簡易版）／ほかの課題カード／FVの暗さ ===== */
body.page-template-use-cases #main .uc-is-flow { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; margin: 32px 0 0; padding: 0; list-style: none; counter-reset: none; }
body.page-template-use-cases #main .uc-is-flow li { position: relative; background: #fff; border: 1px solid var(--ucs-line); border-top: 3px solid #27547c; border-radius: 10px; padding: 16px 14px 18px; }
body.page-template-use-cases #main .uc-is-flow li:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: -10px; width: 8px; height: 8px; border-top: 2px solid #9fb3c6; border-right: 2px solid #9fb3c6; transform: translateY(-50%) rotate(45deg); }
body.page-template-use-cases #main .uc-is-flow-num { display: block; font-size: 11.5px; font-weight: 700; letter-spacing: .08em; color: #27547c; }
body.page-template-use-cases #main .uc-is-flow h3 { margin: 6px 0 0; font-size: 15px; font-weight: 700; line-height: 1.5; color: #1e2a38; }
body.page-template-use-cases #main .uc-is-flow p { margin: 8px 0 0; font-size: 13px; line-height: 1.7; color: var(--ucs-sub); }
body.page-template-use-cases #main .uc-sib-grid.uc-is-sibs .uc-sib-title { font-size: 16px; }
body.page-template-use-cases #main .uc-wrap.is-v2.uc-issue-page .uc-fv-bg::after { background: linear-gradient(90deg, rgba(20,30,42,.86) 0%, rgba(20,30,42,.6) 36%, rgba(20,30,42,.08) 62%, rgba(20,30,42,0) 100%); }
@media (max-width: 1024px) {
  body.page-template-use-cases #main .uc-is-flow { grid-template-columns: repeat(3, 1fr); }
  body.page-template-use-cases #main .uc-is-flow li:nth-child(3n)::after { display: none; }
}
@media (max-width: 767px) {
  body.page-template-use-cases #main .uc-is-flow { grid-template-columns: 1fr; gap: 10px; }
  body.page-template-use-cases #main .uc-is-flow li::after { display: none; }
  body.page-template-use-cases #main .uc-is-flow li { display: grid; grid-template-columns: 64px 1fr; column-gap: 8px; padding: 14px 16px; border-top-width: 1px; border-left: 3px solid #27547c; }
  body.page-template-use-cases #main .uc-is-flow-num { grid-row: 1 / span 2; padding-top: 3px; }
  body.page-template-use-cases #main .uc-is-flow h3 { margin: 0; }
  body.page-template-use-cases #main .uc-is-flow p { margin-top: 4px; }
}

/* ===== 課題・設置場所の一覧（v2） ===== */
body.page-template-use-cases #main .uc-lst-grid .uc-sib-body { display: flex; flex-direction: column; flex: 1; }
body.page-template-use-cases #main .uc-lst-grid .uc-hubi-tags { margin-top: 12px; }
body.page-template-use-cases #main .uc-lst-h2-2 { margin-top: 64px; }
@media (max-width: 767px) { body.page-template-use-cases #main .uc-lst-h2-2 { margin-top: 48px; } }

/* ===== 料金プランへのリンク（費用セクション・よくある質問） ===== */
body.page-template-use-cases #main .uc-cost-more { margin-top: 28px; text-align: center; }
body.page-template-use-cases #main .uc-cost-more a { display: inline-block; padding: 14px 32px; border: 1.5px solid #27547c; border-radius: 999px; background: #fff; color: #27547c !important; font-weight: 700; font-size: 15px; text-decoration: none !important; transition: background .2s, color .2s; }
body.page-template-use-cases #main .uc-cost-more a:hover { background: #27547c; color: #fff !important; }
body.page-template-use-cases #main .uc-cost-more a::after,
body.page-template-use-cases #main .uc-faq-link::after { content: " →"; }
body.page-template-use-cases #main .uc-faq-link { display: inline-block; margin-top: 10px; font-size: 14px; font-weight: 700; color: #27547c !important; }

/* ===== 管理画面（タブ版） ===== */
body.page-template-use-cases #main .uc-ui3 { background: #eef3f7; }
body.page-template-use-cases #main .uc-ui3 p.uc-ui3-sub { font-size: 16px; font-weight: 700; color: #27547c; letter-spacing: .04em; margin-bottom: 8px; }
body.page-template-use-cases #main .uc-ui3-box { margin-top: 40px; display: grid; grid-template-columns: 240px 1fr; gap: 32px; align-items: start; }
body.page-template-use-cases #main .uc-ui3-tabs { display: flex; flex-direction: column; gap: 8px; position: sticky; top: 120px; }
body.page-template-use-cases #main .uc-ui3-tab { display: flex; align-items: center; gap: 14px; width: 100%; text-align: left; padding: 18px 20px; border: 1px solid var(--ucs-line); border-radius: 12px; background: #fff; color: var(--ucs-ink); font: inherit; font-size: 16px; font-weight: 700; cursor: pointer; transition: background .2s, color .2s, border-color .2s; }
body.page-template-use-cases #main .uc-ui3-tab:hover { border-color: #27547c; }
body.page-template-use-cases #main .uc-ui3-tab:focus-visible { outline: 3px solid var(--ucs-brand); outline-offset: 2px; }
body.page-template-use-cases #main .uc-ui3-tab.is-active { background: #27547c; border-color: #27547c; color: #fff; }
body.page-template-use-cases #main .uc-ui3-tab-num { font-size: 13px; font-weight: 900; color: #27547c; letter-spacing: .04em; }
body.page-template-use-cases #main .uc-ui3-tab.is-active .uc-ui3-tab-num { color: #9fc0dc; }
body.page-template-use-cases #main .uc-ui3-panel[hidden] { display: none; }
body.page-template-use-cases #main .uc-ui3-panel.is-active { animation: ucUi3In .3s ease; }
@keyframes ucUi3In { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
body.page-template-use-cases #main .uc-ui3-text h3 { font-size: 22px; font-weight: 900; line-height: 1.5; color: #27547c; }
body.page-template-use-cases #main .uc-ui3-text p { margin-top: 8px; font-size: 15px; line-height: 1.8; color: var(--ucs-sub); }
body.page-template-use-cases #main .uc-ui3-legend { list-style: none; margin: 14px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 20px; counter-reset: ucui3; }
body.page-template-use-cases #main .uc-ui3-legend li { counter-increment: ucui3; display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; color: var(--ucs-ink); }
body.page-template-use-cases #main .uc-ui3-legend li::before { content: counter(ucui3); display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--ucs-cta); color: #fff; font-size: 12px; font-weight: 900; }
body.page-template-use-cases #main .uc-ui3-frame { position: relative; margin-top: 20px; background: #2f3349; border-radius: 12px; padding: 28px 0 0; overflow: hidden; box-shadow: 0 18px 40px rgba(39,84,124,.22); }
body.page-template-use-cases #main .uc-ui3-dots { position: absolute; top: 10px; left: 14px; display: flex; gap: 6px; }
body.page-template-use-cases #main .uc-ui3-dots i { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,.3); }
body.page-template-use-cases #main .uc-ui3-full { position: relative; }
body.page-template-use-cases #main .uc-ui3-full img { display: block; width: 100%; height: auto; }
body.page-template-use-cases #main .uc-ui3-zoom { display: none; position: relative; }
body.page-template-use-cases #main .uc-ui3-zoom-in { position: absolute; inset: 0; overflow: hidden; display: block; }
body.page-template-use-cases #main .uc-ui3-zoom img { position: absolute; max-width: none; height: auto; display: block; }
body.page-template-use-cases #main .uc-ui3-mark { position: absolute; border: 2px solid var(--ucs-cta); border-radius: 8px; box-shadow: 0 0 0 4px rgba(255,119,0,.18); pointer-events: none; }
body.page-template-use-cases #main .uc-ui3-mark i { position: absolute; top: -12px; left: 6px; width: 24px; height: 24px; border-radius: 50%; background: var(--ucs-cta); color: #fff; font-style: normal; font-size: 12px; font-weight: 900; display: grid; place-items: center; box-shadow: 0 2px 6px rgba(0,0,0,.25); }
body.page-template-use-cases #main .uc-ui3-mats { margin-top: 48px; background: #fff; border-radius: var(--ucs-r); padding: 28px 32px; }
body.page-template-use-cases #main .uc-ui3-mats p.uc-ui3-mats-title { font-size: 16px; font-weight: 900; color: #27547c; }
body.page-template-use-cases #main .uc-ui3-mats ul { list-style: none; margin: 16px 0 0; padding: 0; display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
body.page-template-use-cases #main .uc-ui3-mats li { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; padding: 16px 8px; border-radius: 12px; background: #f5f8fb; }
body.page-template-use-cases #main .uc-ui3-mat-icon { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: #fff; color: #27547c; border: 1px solid #d6e2ec; margin-bottom: 4px; }
body.page-template-use-cases #main .uc-ui3-mat-name { font-size: 15px; font-weight: 900; color: var(--ucs-ink); }
body.page-template-use-cases #main .uc-ui3-mat-sub { font-size: 12.5px; color: var(--ucs-sub); }
body.page-template-use-cases #main .uc-ui3 p.uc-ui3-note { margin-top: 16px; font-size: 12.5px; color: var(--ucs-faint); }
@media (max-width: 1024px) {
  body.page-template-use-cases #main .uc-ui3-box { grid-template-columns: 1fr; gap: 20px; }
  body.page-template-use-cases #main .uc-ui3-tabs { position: static; flex-direction: row; }
  body.page-template-use-cases #main .uc-ui3-tab { flex: 1; justify-content: center; flex-direction: column; gap: 2px; padding: 12px 8px; text-align: center; font-size: 14px; }
  body.page-template-use-cases #main .uc-ui3-mats ul { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
  body.page-template-use-cases #main .uc-ui3 p.uc-ui3-sub { font-size: 14px; }
  body.page-template-use-cases #main .uc-ui3-box { margin-top: 28px; }
  body.page-template-use-cases #main .uc-ui3-tab { font-size: 13px; padding: 10px 4px; border-radius: 10px; line-height: 1.4; }
  body.page-template-use-cases #main .uc-ui3-text h3 { font-size: 18px; }
  body.page-template-use-cases #main .uc-ui3-text p { font-size: 14px; }
  body.page-template-use-cases #main .uc-ui3-legend li { font-size: 13px; }
  body.page-template-use-cases #main .uc-ui3-frame { padding-top: 22px; border-radius: 10px; }
  body.page-template-use-cases #main .uc-ui3-full { display: none; }
  body.page-template-use-cases #main .uc-ui3-zoom { display: block; }
  body.page-template-use-cases #main .uc-ui3-mark i { top: -10px; left: 4px; width: 20px; height: 20px; font-size: 11px; }
  body.page-template-use-cases #main .uc-ui3-mats { margin-top: 32px; padding: 20px 16px; }
  body.page-template-use-cases #main .uc-ui3-mats ul { gap: 8px; }
  body.page-template-use-cases #main .uc-ui3-mats li { padding: 12px 4px; }
  body.page-template-use-cases #main .uc-ui3-mat-icon { width: 44px; height: 44px; }
  body.page-template-use-cases #main .uc-ui3-mat-name { font-size: 14px; }
  body.page-template-use-cases #main .uc-ui3-mat-sub { font-size: 11.5px; }
}

/* ===== 配信の1日（FV直下・動画とカードの連動） ===== */
body.page-template-use-cases #main .uc-day-top { padding-top: 72px; padding-bottom: 72px; }
body.page-template-use-cases #main .uc-day-top .uc-day-video { margin-top: 28px; }
body.page-template-use-cases #main .uc-day-top .uc-day-note { margin-top: 16px; font-size: 13px; }
@media (max-width: 767px) {
  body.page-template-use-cases #main .uc-day-top { padding-top: 48px; padding-bottom: 48px; }
  body.page-template-use-cases #main .uc-day-top .uc-day-video { margin-top: 20px; }
}
body.page-template-use-cases #main .uc-day-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 720px); gap: 48px; align-items: start; }
@media (min-width: 1025px) { body.page-template-use-cases #main .uc-wrap.is-v2 .uc-day-head .uc-h2 { font-size: 32px; } }
body.page-template-use-cases #main .uc-day-head .uc-day-video { margin-top: 0; }
body.page-template-use-cases #main .uc-day-top .uc-day-head + .uc-prog-grid,
body.page-template-use-cases #main .uc-day-top .uc-day-head + .uc-car-hint { margin-top: 40px; }
@media (max-width: 1024px) {
  body.page-template-use-cases #main .uc-day-head { grid-template-columns: 1fr; gap: 0; }
  body.page-template-use-cases #main .uc-day-head .uc-day-video { margin-top: 24px; }
}

/* ===== 信頼の帯（実績の数字と体制） ===== */
body.page-template-use-cases #main .uc-trust { background: #1e2a38; color: #fff; }
body.page-template-use-cases #main .uc-trust .uc-h2 { color: #fff; }
body.page-template-use-cases #main .uc-trust-nums { margin-top: 56px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
body.page-template-use-cases #main .uc-trust-num { border-top: 1px solid rgba(255,255,255,.2); padding-top: 28px; }
body.page-template-use-cases #main .uc-trust p.uc-trust-big { display: flex; align-items: baseline; gap: 6px; line-height: 1; margin: 0; }
body.page-template-use-cases #main .uc-trust-big b { font-size: 88px; font-weight: 900; letter-spacing: -0.04em; color: #9fd2ff; font-variant-numeric: tabular-nums; }
body.page-template-use-cases #main .uc-trust-big span { font-size: 22px; font-weight: 900; }
body.page-template-use-cases #main .uc-trust-num h3 { margin-top: 16px; font-size: 19px; font-weight: 900; color: #fff; }
body.page-template-use-cases #main .uc-trust-num p:not(.uc-trust-big) { margin-top: 6px; font-size: 14px; line-height: 1.8; color: #b9cbe0; }
body.page-template-use-cases #main .uc-trust-list { margin: 56px 0 0; padding: 0; list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
body.page-template-use-cases #main .uc-trust-list li { background: rgba(255,255,255,.06); border-radius: var(--ucs-r); padding: 22px 24px; font-size: 14px; line-height: 1.8; color: #b9cbe0; }
body.page-template-use-cases #main .uc-trust-list b { display: block; font-size: 17px; color: #fff; margin-bottom: 4px; }
body.page-template-use-cases #main .uc-trust-link { margin-top: 32px; }
body.page-template-use-cases #main .uc-trust-link a { display: inline-flex; align-items: center; height: 48px; padding: 0 24px; border-radius: 999px; border: 1.5px solid rgba(255,255,255,.6); color: #fff; font-weight: 700; text-decoration: none; }
body.page-template-use-cases #main .uc-trust-link a:hover { background: #fff; color: #1e2a38; }
@media (max-width: 1024px) {
  body.page-template-use-cases #main .uc-trust-nums { grid-template-columns: 1fr; gap: 28px; }
  body.page-template-use-cases #main .uc-trust-big b { font-size: 72px; }
}
@media (max-width: 767px) {
  body.page-template-use-cases #main .uc-trust-list { grid-template-columns: 1fr; }
  body.page-template-use-cases #main .uc-trust-big b { font-size: 60px; }
}