/*
 * Unified top-page section headings, 2026-08-17.
 * Reference: SWITCHING CHECK heading system.
 * Scope is intentionally limited to the seven requested top-page sections.
 */

:root{
  --r2-heading-navy:#17285f;
  --r2-heading-blue:#1658a0;
  --r2-heading-sky:#1e8fc9;
}

/* Kicker: short blue rule + compact label. */
section[data-sec="06 FEATURES 特徴"] .ofe-kicker,
section[data-sec="07 RESULT 導入成果"] .rr-kicker,
section[data-sec="08 INDUSTRY 業種別"] .ind-wm,
section[data-sec="09 HISTORY 開発秘話"] .history-head > .eyebrow,
section[data-sec="10 CASE お客様の声"] > .container > .eyebrow,
section[data-sec="11 NEWS お知らせ"] .news-head > .eyebrow,
section[data-sec="12 CTA"] .cta2-eyebrow{
  position:static !important;
  inset:auto !important;
  display:flex !important;
  align-items:center;
  gap:14px !important;
  width:auto;
  max-width:none;
  margin:0 0 17px !important;
  color:var(--r2-heading-sky) !important;
  font-family:"Noto Sans JP","Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1.5 !important;
  letter-spacing:.2em !important;
  text-transform:uppercase;
  white-space:normal;
  opacity:1 !important;
  transform:none !important;
  user-select:auto;
  pointer-events:auto;
}

section[data-sec="06 FEATURES 特徴"] .ofe-kicker::before,
section[data-sec="07 RESULT 導入成果"] .rr-kicker::before,
section[data-sec="08 INDUSTRY 業種別"] .ind-wm::before,
section[data-sec="09 HISTORY 開発秘話"] .history-head > .eyebrow::before,
section[data-sec="10 CASE お客様の声"] > .container > .eyebrow::before,
section[data-sec="11 NEWS お知らせ"] .news-head > .eyebrow::before,
section[data-sec="12 CTA"] .cta2-eyebrow::before{
  content:"" !important;
  position:static !important;
  display:block !important;
  flex:0 0 38px;
  width:38px !important;
  height:2px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:linear-gradient(90deg,var(--r2-heading-blue),var(--r2-heading-sky)) !important;
  opacity:1 !important;
  transform:none !important;
}

section[data-sec="06 FEATURES 特徴"] .ofe-kicker::after,
section[data-sec="07 RESULT 導入成果"] .rr-kicker::after,
section[data-sec="08 INDUSTRY 業種別"] .ind-wm::after,
section[data-sec="09 HISTORY 開発秘話"] .history-head > .eyebrow::after,
section[data-sec="10 CASE お客様の声"] > .container > .eyebrow::after,
section[data-sec="11 NEWS お知らせ"] .news-head > .eyebrow::after,
section[data-sec="12 CTA"] .cta2-eyebrow::after{
  display:none !important;
  content:none !important;
}

/* H2: one gothic, navy, high-contrast typographic rule. */
section[data-sec="06 FEATURES 特徴"] .ofe-title,
section[data-sec="07 RESULT 導入成果"] .rr-title,
section[data-sec="08 INDUSTRY 業種別"] .ind-title > .h2,
section[data-sec="09 HISTORY 開発秘話"] .history-head > .h2,
section[data-sec="10 CASE お客様の声"] > .container > .h2,
section[data-sec="11 NEWS お知らせ"] .news-head > .h2,
section[data-sec="12 CTA"] .cta2-in > h2{
  position:relative;
  max-width:850px;
  margin:0 !important;
  padding:0 !important;
  color:var(--r2-heading-navy) !important;
  background:none !important;
  font-family:"Noto Sans JP","Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif !important;
  font-size:50px !important;
  font-weight:800 !important;
  line-height:1.38 !important;
  letter-spacing:.035em !important;
  text-align:left !important;
  text-indent:0 !important;
  text-shadow:none !important;
  white-space:normal !important;
  transform:none !important;
}

section[data-sec="06 FEATURES 特徴"] .ofe-title::before,
section[data-sec="06 FEATURES 特徴"] .ofe-title::after,
section[data-sec="07 RESULT 導入成果"] .rr-title::before,
section[data-sec="07 RESULT 導入成果"] .rr-title::after,
section[data-sec="08 INDUSTRY 業種別"] .ind-title > .h2::before,
section[data-sec="08 INDUSTRY 業種別"] .ind-title > .h2::after,
section[data-sec="09 HISTORY 開発秘話"] .history-head > .h2::before,
section[data-sec="09 HISTORY 開発秘話"] .history-head > .h2::after,
section[data-sec="10 CASE お客様の声"] > .container > .h2::before,
section[data-sec="10 CASE お客様の声"] > .container > .h2::after,
section[data-sec="11 NEWS お知らせ"] .news-head > .h2::before,
section[data-sec="11 NEWS お知らせ"] .news-head > .h2::after,
section[data-sec="12 CTA"] .cta2-in > h2::before,
section[data-sec="12 CTA"] .cta2-in > h2::after{
  display:none !important;
  content:none !important;
}

/* Preserve each section's body rhythm while normalizing only its heading block. */
section[data-sec="08 INDUSTRY 業種別"] .ind-head{
  display:block;
  align-items:initial;
  justify-content:initial;
}

section[data-sec="08 INDUSTRY 業種別"] .ind-title{
  max-width:none;
  text-align:left;
}

section[data-sec="09 HISTORY 開発秘話"] .history-head{
  padding-top:0 !important;
}

section[data-sec="09 HISTORY 開発秘話"] .history-head > .lead{
  margin-top:28px;
}

section[data-sec="10 CASE お客様の声"] > .container > .h2{
  margin-bottom:56px !important;
}

/* Keep the 1920px composition on the same 1220px left guide. */
@media (min-width:769px){
  section[data-sec="08 INDUSTRY 業種別"] .ind-head,
  section[data-sec="09 HISTORY 開発秘話"] .history-head,
  section[data-sec="11 NEWS お知らせ"] .news-head{
    margin-left:-9px;
  }

  section[data-sec="10 CASE お客様の声"] > .container > .eyebrow,
  section[data-sec="10 CASE お客様の声"] > .container > .h2{
    margin-left:-9px !important;
  }
}

/* The page switches to its dedicated mobile composition at 768px. */
@media (max-width:768px){
  section[data-sec="06 FEATURES 特徴"] .ofe-kicker,
  section[data-sec="07 RESULT 導入成果"] .rr-kicker,
  section[data-sec="08 INDUSTRY 業種別"] .ind-wm,
  section[data-sec="09 HISTORY 開発秘話"] .history-head > .eyebrow,
  section[data-sec="10 CASE お客様の声"] > .container > .eyebrow,
  section[data-sec="11 NEWS お知らせ"] .news-head > .eyebrow,
  section[data-sec="12 CTA"] .cta2-eyebrow{
    gap:12px !important;
    margin-bottom:14px !important;
    font-size:12px !important;
  }

  section[data-sec="06 FEATURES 特徴"] .ofe-kicker::before,
  section[data-sec="07 RESULT 導入成果"] .rr-kicker::before,
  section[data-sec="08 INDUSTRY 業種別"] .ind-wm::before,
  section[data-sec="09 HISTORY 開発秘話"] .history-head > .eyebrow::before,
  section[data-sec="10 CASE お客様の声"] > .container > .eyebrow::before,
  section[data-sec="11 NEWS お知らせ"] .news-head > .eyebrow::before,
  section[data-sec="12 CTA"] .cta2-eyebrow::before{
    flex-basis:28px;
    width:28px !important;
  }

  section[data-sec="06 FEATURES 特徴"] .ofe-title,
  section[data-sec="07 RESULT 導入成果"] .rr-title,
  section[data-sec="08 INDUSTRY 業種別"] .ind-title > .h2,
  section[data-sec="09 HISTORY 開発秘話"] .history-head > .h2,
  section[data-sec="10 CASE お客様の声"] > .container > .h2,
  section[data-sec="11 NEWS お知らせ"] .news-head > .h2,
  section[data-sec="12 CTA"] .cta2-in > h2{
    max-width:100%;
    font-size:30px !important;
    line-height:1.45 !important;
    letter-spacing:.025em !important;
  }

  section[data-sec="10 CASE お客様の声"] > .container > .h2{
    margin-bottom:38px !important;
  }

  /* A later desktop rule kept HISTORY in two columns on small screens. */
  section[data-sec="09 HISTORY 開発秘話"] .history-2col{
    grid-template-columns:minmax(0,1fr) !important;
    gap:28px !important;
  }

  section[data-sec="09 HISTORY 開発秘話"] .history-head,
  section[data-sec="09 HISTORY 開発秘話"] .history-scroll{
    min-width:0;
    max-width:100%;
  }
}