/* =================================
   仕組み化デザイン 事業ページ専用（style.css を前提に読み込む）
   ・グローバルセレクタ（.section / #concept / .concept-blockquote 等）の
     上書きを含むため、共有 style.css には統合しない
================================= */
.local_nav {position: sticky; top: var(--header-h); z-index: 90; margin-top: var(--header-h); background: rgba(193, 193, 193, 0.75); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); animation: heroFadeIn 0.5s ease 2.1s both;}
.local_nav ul {display: flex; justify-content: center; gap: 4px; list-style: none; max-width: calc(var(--section-max) + var(--section-pad-x) * 2); margin: 0 auto; padding: 0 var(--section-pad-x); overflow-x: auto;}
.local_nav a {display: block; padding: 12px 10px; color: var(--black); font-size: var(--sm); font-weight: 700; white-space: nowrap; transition: color 0.2s;}
.local_nav a:hover {color: var(--pink);}
.local_nav a.is_current {color: var(--pink);}
.nav_ext_icon {width: 0.8em; height: 0.8em; margin-left: 0.3em; vertical-align: -0.08em; fill: currentColor;}
.section, #concept {scroll-margin-top: calc(var(--header-h) + 72px);}
.concept-blockquote {max-width: 860px;}
.about_links {display: flex; flex-wrap: wrap; gap: 12px 16px; margin: 28px 0 0 45px;}
.about_links .btn-outline {margin: 0; padding: 8px 24px; min-width: 280px;}
.phase_final {background: #c8006e;}

/* =================================
   Smartphone   max-width: 767.9px
================================= */
@media (max-width: 767.9px) {
  .local_nav ul {justify-content: flex-start;}
  .about_links {flex-direction: column; margin-left: 0;}
  .about_links .btn-outline {min-width: 0; width: 100%;}
}