/* サイトロゴ（マーク＋テキスト＋会長挨拶ボタン） */
header #logo.site-brand {
  display: flex;
  align-items: center;
  gap: 0.7em;
  box-sizing: border-box;
}

header #logo.site-brand .site-brand__mark {
  flex: 0 0 auto;
  display: block;
  line-height: 0;
}

header #logo.site-brand .site-brand__mark img {
  display: block;
  width: 87px;
  height: 88px;
  max-height: 88px;
  aspect-ratio: 112 / 113;
}

header #logo.site-brand .site-brand__mark:hover img,
header #logo.site-brand .site-brand__mark:focus-visible img {
  opacity: 0.75;
}

.site-brand__text {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2em;
}

.site-brand__org {
  margin: 0;
  font-size: 0.72em;
  line-height: 1.3;
  color: #222;
}

.site-brand__name {
  font-size: 1.05em;
  font-weight: bold;
  line-height: 1.3;
  color: #111;
  text-decoration: none;
}

.site-brand__name:hover,
.site-brand__name:focus-visible {
  color: #0a6fa8;
}

.site-brand__btn {
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
  margin-top: 0.25em;
  padding: 0.35em 0.7em;
  border-radius: 6px;
  background: #1177a6; /* 白文字で WCAG AA（4.5:1）以上 */
  color: #fff !important;
  font-size: 0.78em;
  font-weight: bold;
  line-height: 1.3;
  text-decoration: none;
  white-space: nowrap;
}

.site-brand__btn:hover,
.site-brand__btn:focus-visible {
  background: #0d6289;
}

.site-brand__btn svg {
  width: 1.1em;
  height: 1.1em;
  flex: 0 0 auto;
}

@media (max-width: 450px) {
  header #logo.site-brand {
    justify-content: center;
  }
  .site-brand__btn {
    white-space: normal;
  }
}