/* Faithful adopted professional-services comp, mechanically scoped to this page only. Shared chrome is unchanged. */
main#shigyo-marketing[data-page="shigyo-marketing"] {
  --color-white: #ffffff;
  --color-navy: #102c3a;
  --color-text: #243944;
  --color-muted: #5c6d73;
  --color-neutral: #f4f5f4;
  --color-border: #d9e0e3;
  --color-green: #137a52;
  --color-green-dark: #0f6544;
  --color-overlay: rgba(16, 44, 58, 0.78);
  --color-overlay-strong: rgba(16, 44, 58, 0.95);
  --color-overlay-soft: rgba(16, 44, 58, 0.18);
  --font-display: "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif;
  --content-width: 1120px;
  --section-space: 80px;
  --mobile-space: 56px;
  --shell-gutter: 48px;
  --mobile-gutter: 48px;
  --radius: 4px;
  --focus-ring: 3px solid var(--color-green);
}
main#shigyo-marketing[data-page="shigyo-marketing"] {
  overflow-x: clip;
  margin: 0;
  background: var(--color-white);
  color: var(--color-text);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.9;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
main#shigyo-marketing[data-page="shigyo-marketing"],
main#shigyo-marketing[data-page="shigyo-marketing"] *,
main#shigyo-marketing[data-page="shigyo-marketing"]::before,
main#shigyo-marketing[data-page="shigyo-marketing"] *::before,
main#shigyo-marketing[data-page="shigyo-marketing"]::after,
main#shigyo-marketing[data-page="shigyo-marketing"] *::after {
  box-sizing: border-box;
}
main#shigyo-marketing[data-page="shigyo-marketing"] img {
  display: block;
  max-width: 100%;
  height: auto;
}
main#shigyo-marketing[data-page="shigyo-marketing"] a {
  color: inherit;
}
main#shigyo-marketing[data-page="shigyo-marketing"] h1,
main#shigyo-marketing[data-page="shigyo-marketing"] h2,
main#shigyo-marketing[data-page="shigyo-marketing"] h3,
main#shigyo-marketing[data-page="shigyo-marketing"] p,
main#shigyo-marketing[data-page="shigyo-marketing"] ol {
  min-width: 0;
  margin: 0;
}
main#shigyo-marketing[data-page="shigyo-marketing"] h1,
main#shigyo-marketing[data-page="shigyo-marketing"] h2,
main#shigyo-marketing[data-page="shigyo-marketing"] h3 {
  overflow-wrap: break-word;
  color: var(--color-navy);
  font-family: var(--font-display);
  font-weight: 500;
  line-height: 1.4;
  text-wrap: balance;
}
main#shigyo-marketing[data-page="shigyo-marketing"] p {
  overflow-wrap: anywhere;
}
main#shigyo-marketing[data-page="shigyo-marketing"] a:focus-visible,
main#shigyo-marketing[data-page="shigyo-marketing"] summary:focus-visible {
  outline: var(--focus-ring);
  outline-offset: 4px;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .site-shell {
  width: min(var(--content-width), calc(100% - var(--shell-gutter)));
  max-width: 100%;
  min-width: 0;
  margin-inline: auto;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .narrow-shell {
  width: min(800px, calc(100% - var(--shell-gutter)));
}
main#shigyo-marketing[data-page="shigyo-marketing"] .text-link:hover,
main#shigyo-marketing[data-page="shigyo-marketing"] .section-link:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .button {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 11px 22px;
  border: 1px solid var(--color-green);
  border-radius: var(--radius);
  background: var(--color-green);
  color: var(--color-white);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .button:hover {
  background: var(--color-green-dark);
  border-color: var(--color-green-dark);
  color: var(--color-white);
}
main#shigyo-marketing[data-page="shigyo-marketing"] .hero {
  display: flex;
  min-height: 520px;
  align-items: stretch;
  background-color: var(--color-navy);
  background-image: none;
  background-position: center;
  background-size: cover;
  color: var(--color-white);
}
main#shigyo-marketing[data-page="shigyo-marketing"] .hero__inner {
  display: flex;
  min-height: 520px;
  align-items: center;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .hero__content {
  width: min(700px, 100%);
  padding: 72px 0;
  color: var(--color-white);
}
main#shigyo-marketing[data-page="shigyo-marketing"] .hero h1 {
  max-width: 760px;
  margin-bottom: 26px;
  color: var(--color-white);
  font-size: 48px;
  letter-spacing: 0.01em;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .hero p {
  max-width: 680px;
  margin-bottom: 32px;
  color: var(--color-white);
  font-size: 17px;
  line-height: 1.9;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .button--primary {
  min-width: 260px;
  min-height: 56px;
  padding: 14px 26px;
  font-size: 16px;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .section-cta {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .section {
  padding: var(--section-space) 0;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .section--white {
  background: var(--color-white);
}
main#shigyo-marketing[data-page="shigyo-marketing"] .section--neutral {
  background: var(--color-neutral);
}
main#shigyo-marketing[data-page="shigyo-marketing"] .section--navy {
  background: var(--color-navy);
  color: var(--color-white);
}
main#shigyo-marketing[data-page="shigyo-marketing"] .section--navy h2 {
  color: var(--color-white);
}
main#shigyo-marketing[data-page="shigyo-marketing"] .section h2 {
  max-width: 960px;
  margin-inline: auto;
  margin-bottom: 48px;
  font-size: 34px;
  text-align: center;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .section-lead {
  max-width: 760px;
  margin: -20px auto 42px;
  text-align: center;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .flat-grid,
main#shigyo-marketing[data-page="shigyo-marketing"] .work-grid,
main#shigyo-marketing[data-page="shigyo-marketing"] .case-grid,
main#shigyo-marketing[data-page="shigyo-marketing"] .plan-grid,
main#shigyo-marketing[data-page="shigyo-marketing"] .alternative-grid,
main#shigyo-marketing[data-page="shigyo-marketing"] .flow-list {
  display: grid;
  min-width: 0;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .flat-grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 44px;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .flat-item {
  min-width: 0;
  padding-top: 20px;
  border-top: 1px solid var(--color-navy);
}
main#shigyo-marketing[data-page="shigyo-marketing"] .section--neutral .flat-item {
  border-top-color: var(--color-text);
}
main#shigyo-marketing[data-page="shigyo-marketing"] .flat-item h3,
main#shigyo-marketing[data-page="shigyo-marketing"] .work-item h3,
main#shigyo-marketing[data-page="shigyo-marketing"] .case-item h3,
main#shigyo-marketing[data-page="shigyo-marketing"] .alternative-item h3,
main#shigyo-marketing[data-page="shigyo-marketing"] .flow-item h3 {
  margin-bottom: 14px;
  font-size: 21px;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .flat-item p,
main#shigyo-marketing[data-page="shigyo-marketing"] .work-item p,
main#shigyo-marketing[data-page="shigyo-marketing"] .case-item p,
main#shigyo-marketing[data-page="shigyo-marketing"] .alternative-item p,
main#shigyo-marketing[data-page="shigyo-marketing"] .flow-item p {
  font-size: 15px;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .approach-grid .flat-item {
  padding-top: 24px;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .work-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 48px 56px;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .work-item {
  min-width: 0;
  padding-top: 24px;
  border-top: 1px solid var(--color-border);
}
main#shigyo-marketing[data-page="shigyo-marketing"] .section-note {
  max-width: 920px;
  margin: 48px auto 0;
  padding-top: 24px;
  border-top: 1px solid var(--color-border);
}
main#shigyo-marketing[data-page="shigyo-marketing"] .case-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .case-item {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 32px;
  border: 1px solid var(--color-border);
  border-top: 3px solid var(--color-navy);
  background: var(--color-white);
}
main#shigyo-marketing[data-page="shigyo-marketing"] .case-item h3 {
  margin-bottom: 16px;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .case-item p {
  margin-bottom: 28px;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .text-link,
main#shigyo-marketing[data-page="shigyo-marketing"] .section-link {
  color: var(--color-text);
  font-weight: 700;
  text-underline-offset: 4px;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .case-item .text-link {
  margin-top: auto;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .section-link {
  display: inline-block;
  margin-top: 42px;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .section--navy .text-link,
main#shigyo-marketing[data-page="shigyo-marketing"] .section--navy .section-link {
  color: var(--color-white);
}
main#shigyo-marketing[data-page="shigyo-marketing"] .plan-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 36px;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .plan-item {
  min-width: 0;
  min-height: 184px;
  padding: 24px 0;
  border-top: 3px solid var(--color-green);
}
main#shigyo-marketing[data-page="shigyo-marketing"] .plan-summary {
  font-size: 16px;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .plan-summary > span:first-child {
  font-weight: 700;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .phrase {
  display: inline-block;
  max-width: 100%;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .plan-summary strong {
  display: block;
  margin: 14px 0 8px;
  color: var(--color-navy);
  font-family: var(--font-display);
  font-size: 30px;
  font-weight: 500;
  line-height: 1.25;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .plan-terms {
  max-width: 920px;
  margin: 28px auto 0;
  padding-top: 28px;
  border-top: 1px solid var(--color-border);
}
main#shigyo-marketing[data-page="shigyo-marketing"] .plan-terms p + p {
  margin-top: 18px;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .alternative-grid {
  grid-template-columns: minmax(0, 1fr);
  max-width: 760px;
  margin-inline: auto;
  gap: 0;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .alternative-item {
  min-width: 0;
  padding-top: 24px;
  border-top: 1px solid var(--color-navy);
}
main#shigyo-marketing[data-page="shigyo-marketing"] .alternative-item p {
  margin-bottom: 24px;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .flow-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  padding: 0;
  list-style: none;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .flow-item {
  min-width: 0;
  padding-top: 18px;
  border-top: 1px solid var(--color-navy);
}
main#shigyo-marketing[data-page="shigyo-marketing"] .flow-item__index {
  display: block;
  margin-bottom: 12px;
  color: var(--color-green);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .faq-list {
  border-top: 1px solid var(--color-border);
}
main#shigyo-marketing[data-page="shigyo-marketing"] .faq-list details {
  border-bottom: 1px solid var(--color-border);
}
main#shigyo-marketing[data-page="shigyo-marketing"] .faq-list summary {
  position: relative;
  padding: 22px 48px 22px 0;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  list-style: none;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .faq-list summary::-webkit-details-marker {
  display: none;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .faq-list summary::after {
  position: absolute;
  top: 28px;
  right: 8px;
  width: 12px;
  height: 12px;
  border-right: 2px solid var(--color-green);
  border-bottom: 2px solid var(--color-green);
  content: "";
  transform: rotate(45deg);
}
main#shigyo-marketing[data-page="shigyo-marketing"] .faq-list details[open] summary::after {
  top: 33px;
  transform: rotate(225deg);
}
main#shigyo-marketing[data-page="shigyo-marketing"] .faq-list details p {
  max-width: 760px;
  padding: 0 48px 24px 0;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .final-section {
  text-align: center;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .final-section h2 {
  margin-bottom: 24px;
}
main#shigyo-marketing[data-page="shigyo-marketing"] .final-section p {
  max-width: 720px;
  margin: 0 auto 32px;
}
@media (max-width: 900px) {
main#shigyo-marketing[data-page="shigyo-marketing"] {
    --shell-gutter: var(--mobile-gutter);
  }
main#shigyo-marketing[data-page="shigyo-marketing"] .hero,
main#shigyo-marketing[data-page="shigyo-marketing"] .hero__inner {
    min-height: 500px;
  }
main#shigyo-marketing[data-page="shigyo-marketing"] .hero {
    background-position: 62% center;
  }
main#shigyo-marketing[data-page="shigyo-marketing"] .hero__content {
    padding: 56px 0;
  }
main#shigyo-marketing[data-page="shigyo-marketing"] .hero h1 {
    margin-bottom: 22px;
    font-size: 28px;
    line-height: 1.55;
  }
main#shigyo-marketing[data-page="shigyo-marketing"] .hero p {
    margin-bottom: 28px;
    font-size: 16px;
  }
main#shigyo-marketing[data-page="shigyo-marketing"] .section {
    padding: var(--mobile-space) 0;
  }
main#shigyo-marketing[data-page="shigyo-marketing"] .section h2 {
    margin-bottom: 32px;
    font-size: 26px;
    line-height: 1.55;
  }
main#shigyo-marketing[data-page="shigyo-marketing"] .section-lead {
    margin: -8px auto 32px;
  }
main#shigyo-marketing[data-page="shigyo-marketing"] .flat-grid--three,
main#shigyo-marketing[data-page="shigyo-marketing"] .work-grid,
main#shigyo-marketing[data-page="shigyo-marketing"] .case-grid,
main#shigyo-marketing[data-page="shigyo-marketing"] .plan-grid,
main#shigyo-marketing[data-page="shigyo-marketing"] .alternative-grid,
main#shigyo-marketing[data-page="shigyo-marketing"] .flow-list {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }
main#shigyo-marketing[data-page="shigyo-marketing"] .flat-item,
main#shigyo-marketing[data-page="shigyo-marketing"] .work-item,
main#shigyo-marketing[data-page="shigyo-marketing"] .alternative-item,
main#shigyo-marketing[data-page="shigyo-marketing"] .flow-item {
    padding-top: 18px;
  }
main#shigyo-marketing[data-page="shigyo-marketing"] .case-item {
    padding: 24px;
  }
main#shigyo-marketing[data-page="shigyo-marketing"] .section-note,
main#shigyo-marketing[data-page="shigyo-marketing"] .plan-terms {
    margin-top: 32px;
    padding-top: 20px;
  }
main#shigyo-marketing[data-page="shigyo-marketing"] .plan-item {
    min-height: 0;
    padding: 20px 0;
  }
main#shigyo-marketing[data-page="shigyo-marketing"] .plan-summary strong {
    font-size: 28px;
  }
main#shigyo-marketing[data-page="shigyo-marketing"] .faq-list summary {
    padding: 19px 42px 19px 0;
    font-size: 17px;
  }
main#shigyo-marketing[data-page="shigyo-marketing"] .faq-list summary::after {
    top: 25px;
  }
main#shigyo-marketing[data-page="shigyo-marketing"] .faq-list details[open] summary::after {
    top: 30px;
  }
main#shigyo-marketing[data-page="shigyo-marketing"] .faq-list details p {
    padding: 0 24px 22px 0;
  }
}
@media (prefers-reduced-motion: reduce) {
main#shigyo-marketing[data-page="shigyo-marketing"],
main#shigyo-marketing[data-page="shigyo-marketing"] *,
main#shigyo-marketing[data-page="shigyo-marketing"]::before,
main#shigyo-marketing[data-page="shigyo-marketing"] *::before,
main#shigyo-marketing[data-page="shigyo-marketing"]::after,
main#shigyo-marketing[data-page="shigyo-marketing"] *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}
main#shigyo-marketing[data-page="shigyo-marketing"] {
  --color-header-text: #222222;
  --color-hero-target-border: rgba(255, 255, 255, 0.55);
  --color-hero-target-surface: rgba(255, 255, 255, 0.06);
}
main#shigyo-marketing[data-page="shigyo-marketing"] .nav-chevron {display: inline-block; width: 6px; height: 6px; margin-top: -3px; border-right: 1px solid; border-bottom: 1px solid; transform: rotate(45deg)}
main#shigyo-marketing[data-page="shigyo-marketing"] .comp-disclosure {position: relative}
main#shigyo-marketing[data-page="shigyo-marketing"] .comp-disclosure summary {display: inline-flex; align-items: center; gap: 8px; cursor: pointer; list-style: none; min-height: 44px}
main#shigyo-marketing[data-page="shigyo-marketing"] .comp-disclosure summary::-webkit-details-marker {display: none}
main#shigyo-marketing[data-page="shigyo-marketing"] .comp-nav-panel {position: absolute; top: 100%; left: 0; min-width: 240px; padding: 12px; border: 1px solid var(--color-border); background: var(--color-white)}
main#shigyo-marketing[data-page="shigyo-marketing"] .comp-nav-panel a {display: flex; align-items: center; padding: 8px; font-weight: 500}
main#shigyo-marketing[data-page="shigyo-marketing"] .hero p {font-size: 16px; max-width: 650px}
main#shigyo-marketing[data-page="shigyo-marketing"] .hero__targets {display: grid; grid-template-columns: repeat(3, max-content); gap: 8px; width: fit-content; max-width: 100%; margin: 0 0 24px; padding: 0; list-style: none; letter-spacing: 0}
main#shigyo-marketing[data-page="shigyo-marketing"] .hero__target {border: 1px solid var(--color-hero-target-border); border-radius: 4px; background: var(--color-hero-target-surface); padding: 6px 10px; color: var(--color-white); font-family: var(--font-body); font-size: 14px; font-weight: 500; line-height: 1.6; text-align: center; white-space: nowrap}
main#shigyo-marketing[data-page="shigyo-marketing"] .no-break {white-space: nowrap}
main#shigyo-marketing[data-page="shigyo-marketing"] .rationale-grid {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 44px}
main#shigyo-marketing[data-page="shigyo-marketing"] .rationale-grid h3 {font-size: 23px}
main#shigyo-marketing[data-page="shigyo-marketing"] .solution-list {border-top: 1px solid var(--color-border)}
main#shigyo-marketing[data-page="shigyo-marketing"] .solution-row {display: grid; grid-template-columns: minmax(0, 0.9fr) 32px minmax(0, 1.6fr); align-items: start; gap: 32px; padding: 32px 0; border-bottom: 1px solid var(--color-border)}
main#shigyo-marketing[data-page="shigyo-marketing"] .solution-row .solution-problem {font-size: 21px; line-height: 1.65; margin: 0}
main#shigyo-marketing[data-page="shigyo-marketing"] .solution-arrow {font-size: 28px; line-height: 1.4; color: var(--color-navy)}
main#shigyo-marketing[data-page="shigyo-marketing"] .solution-response h3 {font-size: 25px; line-height: 1.5; margin-bottom: 16px}
main#shigyo-marketing[data-page="shigyo-marketing"] .solution-response p {font-size: 16px; line-height: 1.95}
main#shigyo-marketing[data-page="shigyo-marketing"] .profession-grid {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 34px 42px}
main#shigyo-marketing[data-page="shigyo-marketing"] .profession-grid h3 {font-size: 21px}
main#shigyo-marketing[data-page="shigyo-marketing"] .profession-grid p {font-size: 15px}
main#shigyo-marketing[data-page="shigyo-marketing"] .work-list {border-top: 1px solid var(--color-border)}
main#shigyo-marketing[data-page="shigyo-marketing"] .work-row {display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.55fr) minmax(0, 1.05fr); gap: 32px; padding: 28px 0; border-bottom: 1px solid var(--color-border)}
main#shigyo-marketing[data-page="shigyo-marketing"] .work-row h3 {font-size: 22px}
main#shigyo-marketing[data-page="shigyo-marketing"] .work-row p,
main#shigyo-marketing[data-page="shigyo-marketing"] .work-output {font-size: 15px}
main#shigyo-marketing[data-page="shigyo-marketing"] .work-output {margin: 0; padding: 18px 20px; background: var(--color-neutral)}
main#shigyo-marketing[data-page="shigyo-marketing"] .work-output dt {font-weight: 700; margin-bottom: 8px}
main#shigyo-marketing[data-page="shigyo-marketing"] .work-output dd {margin: 0}
main#shigyo-marketing[data-page="shigyo-marketing"] .role-grid {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px; margin-top: 38px}
main#shigyo-marketing[data-page="shigyo-marketing"] .role-item {border-top: 1px solid var(--color-border); padding-top: 22px}
main#shigyo-marketing[data-page="shigyo-marketing"] .role-item h3 {font-size: 24px; color: var(--color-white); margin-bottom: 14px}
main#shigyo-marketing[data-page="shigyo-marketing"] .role-item p {font-size: 15px}
main#shigyo-marketing[data-page="shigyo-marketing"] .section--navy .section-lead {max-width: 820px}
main#shigyo-marketing[data-page="shigyo-marketing"] .fee-grid {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 42px}
main#shigyo-marketing[data-page="shigyo-marketing"] .fee-grid h3 {font-size: 22px}
main#shigyo-marketing[data-page="shigyo-marketing"] .fee-grid p {font-size: 15px}
main#shigyo-marketing[data-page="shigyo-marketing"] .flow-list {counter-reset: process}
main#shigyo-marketing[data-page="shigyo-marketing"] .flow-item::before {counter-increment: process; content: counter(process, decimal-leading-zero); display: block; color: var(--color-navy); font-family: var(--font-display); font-size: 32px; line-height: 1.3; margin-bottom: 16px}
main#shigyo-marketing[data-page="shigyo-marketing"] .flow-item h3 {font-size: 19px}
main#shigyo-marketing[data-page="shigyo-marketing"] .section-note {font-size: 14px; line-height: 1.9}
main#shigyo-marketing[data-page="shigyo-marketing"] .final-section .section-lead {margin: 0 auto 30px}
main#shigyo-marketing[data-page="shigyo-marketing"] .final-section .section-cta {margin-top: 0}
@media (max-width: 900px) {
main#shigyo-marketing[data-page="shigyo-marketing"] .hero__targets {grid-template-columns: repeat(2, minmax(0, 1fr)); width: min(360px, 100%); margin-bottom: 24px}
main#shigyo-marketing[data-page="shigyo-marketing"] .hero__target {padding: 6px; font-size: 13px}
main#shigyo-marketing[data-page="shigyo-marketing"] .solution-row {grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 28px 0}
main#shigyo-marketing[data-page="shigyo-marketing"] .solution-row .solution-problem {font-size: 20px}
main#shigyo-marketing[data-page="shigyo-marketing"] .solution-arrow {justify-self: start; transform: rotate(90deg); line-height: 1}
main#shigyo-marketing[data-page="shigyo-marketing"] .solution-response h3 {font-size: 23px; margin-bottom: 12px}
main#shigyo-marketing[data-page="shigyo-marketing"] .rationale-grid {grid-template-columns: minmax(0, 1fr); gap: 28px}
main#shigyo-marketing[data-page="shigyo-marketing"] .profession-grid,
main#shigyo-marketing[data-page="shigyo-marketing"] .role-grid,
main#shigyo-marketing[data-page="shigyo-marketing"] .fee-grid {grid-template-columns: minmax(0, 1fr); gap: 28px}
main#shigyo-marketing[data-page="shigyo-marketing"] .work-row {grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 26px 0}
main#shigyo-marketing[data-page="shigyo-marketing"] .work-row h3 {font-size: 23px}
main#shigyo-marketing[data-page="shigyo-marketing"] .work-output {padding: 16px 18px}
main#shigyo-marketing[data-page="shigyo-marketing"] .profession-grid h3,
main#shigyo-marketing[data-page="shigyo-marketing"] .fee-grid h3 {font-size: 22px}
main#shigyo-marketing[data-page="shigyo-marketing"] .role-grid {margin-top: 30px}
main#shigyo-marketing[data-page="shigyo-marketing"] .role-item h3 {font-size: 23px}
main#shigyo-marketing[data-page="shigyo-marketing"] .hero {background-position: 65% center}
main#shigyo-marketing[data-page="shigyo-marketing"] .hero__content {width: 100%}
main#shigyo-marketing[data-page="shigyo-marketing"] .hero .button--primary,
main#shigyo-marketing[data-page="shigyo-marketing"] .section-cta .button--primary {width: 100%; min-width: 0}
main#shigyo-marketing[data-page="shigyo-marketing"] .section-note {margin-top: 32px}
}
/* Adopted hero delivery: same source image with responsive WebP selection. */
main#shigyo-marketing[data-page="shigyo-marketing"] .faq-list summary::before { content: none; display: none; }
main#shigyo-marketing[data-page="shigyo-marketing"] .hero { position: relative; isolation: isolate; }
main#shigyo-marketing[data-page="shigyo-marketing"] .hero__media { position: absolute; inset: 0; z-index: -2; margin: 0; }
main#shigyo-marketing[data-page="shigyo-marketing"] .hero__media picture,
main#shigyo-marketing[data-page="shigyo-marketing"] .hero__media img { display: block; width: 100%; height: 100%; }
main#shigyo-marketing[data-page="shigyo-marketing"] .hero__media img { object-fit: cover; object-position: center; }
main#shigyo-marketing[data-page="shigyo-marketing"] .hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, var(--color-overlay-strong) 0%, var(--color-overlay) 48%, var(--color-overlay-soft) 100%); pointer-events: none; }
@media (max-width: 900px) { main#shigyo-marketing[data-page="shigyo-marketing"] .hero__media img { object-position: 65% center; } }
