.site-header .brand {
  min-width: 168px;
  min-height: 48px;
  padding-left: 54px;
  background: url("/favicon.png") left center / 44px 44px no-repeat;
}

.site-header .brand > * {
  display: none !important;
}

.site-header .brand::after {
  content: "みっちゃん教室";
  color: var(--navy);
  font-family: var(--font-zen-maru), sans-serif;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.2;
  white-space: nowrap;
}

footer .footer-brand {
  min-width: 168px;
  min-height: 48px;
  padding-left: 54px;
  background: url("/favicon.png") left center / 44px 44px no-repeat;
}

footer .footer-brand > * {
  display: none !important;
}

footer .footer-brand::after {
  content: "みっちゃん教室";
  color: #ffffff;
  font-family: var(--font-zen-maru), sans-serif;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.2;
  white-space: nowrap;
}

@media (max-width: 720px) {
  .site-header .brand {
    min-width: 148px;
    min-height: 42px;
    padding-left: 48px;
    background-size: 38px 38px;
  }

  .site-header .brand::after {
    font-size: 15px;
  }

  footer .footer-brand {
    min-width: 148px;
    min-height: 42px;
    padding-left: 48px;
    background-size: 38px 38px;
  }

  footer .footer-brand::after {
    font-size: 15px;
  }
}