.about-section-layout {
  width: min(100%, 1420px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
  gap: clamp(34px, 4vw, 64px);
  align-items: start;
}
.about-section-layout .about-page-inner,
.about-section-layout .business-page-inner {
  width: 100%;
  margin: 0;
}
.local-nav-content { min-width: 0; }
.local-nav-content > .notice-inner,
.local-nav-content > .activity-board-inner,
.local-nav-content > .support-page-inner,
.local-nav-content > .purpose-page-inner {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.about-local-nav {
  position: sticky;
  top: 118px;
  display: grid;
  gap: 10px;
}
.about-local-nav-title {
  margin: 0 0 6px;
  color: #67736e;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
}
.about-local-nav a {
  display: flex;
  min-height: 48px;
  align-items: center;
  padding: 0 17px;
  border: 1px solid #dce4df;
  border-radius: 12px;
  background: rgba(255,255,255,.9);
  color: #33463e;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  transition: border-color .2s, background .2s, color .2s, transform .2s;
}
.about-local-nav a:hover,
.about-local-nav a:focus-visible {
  border-color: #27634f;
  color: #27634f;
  transform: translateX(3px);
}
.about-local-nav a[aria-current="page"] {
  border-color: #27634f;
  background: #27634f;
  color: #fff;
}
@media(max-width:900px) {
  .about-section-layout { grid-template-columns: 1fr; gap: 34px; }
  .about-local-nav { position: static; grid-template-columns: 1fr 1fr; gap: 10px; }
  .about-local-nav-title { grid-column: 1 / -1; }
  .about-local-nav a { justify-content: center; }
  .about-local-nav a:hover,
  .about-local-nav a:focus-visible { transform: translateY(-2px); }
}
.about-local-nav.is-three-items { grid-template-columns: 1fr; }
@media(max-width:900px) {
  .about-local-nav.is-three-items { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .about-local-nav.is-three-items a { padding: 10px 8px; text-align: center; line-height: 1.4; }
}
@media(max-width:560px) {
  .about-local-nav.is-three-items { grid-template-columns: 1fr; }
}