/* 全サービス共通のサービス一覧リンク。 */
@font-face {
  font-family: "Noabase Navigation";
  src: url("/assets/shared/fonts/NotoSansJP-ui.woff2") format("woff2");
  font-style: normal;
  font-weight: 600 700;
  font-display: swap;
}
header a.noabase-services-link,
header a.noabase-services-link#services,
header a.noabase-services-link#home-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  box-sizing: border-box;
  min-height: 44px;
  padding: 12px 0 12px 16px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #111;
  font: 600 13px/20px "Noabase Navigation", sans-serif;
  font-synthesis: none;
  letter-spacing: normal;
  white-space: nowrap;
  text-decoration: none;
  box-shadow: none;
}
header a.noabase-services-link:hover,
header a.noabase-services-link#services:hover,
header a.noabase-services-link#home-link:hover { color: #222b38; text-decoration: none; }
header a.noabase-services-link:focus-visible,
header a.noabase-services-link#services:focus-visible,
header a.noabase-services-link#home-link:focus-visible { outline: 2px solid #4978b8; outline-offset: 2px; }
/* 長いサービス名と併記しても狭い画面からはみ出さない。 */
@media (max-width: 700px) {
  header:has(a.noabase-services-link) { flex-wrap: wrap; height: auto; min-height: 60px; row-gap: 0; }
  header:has(a.noabase-services-link) > nav { margin-left: auto; }
  header > a.noabase-services-link { margin-left: auto; }
}