.head .logo {
  display: block;
  width: min(260px, 25vw);
}

.head .logo a,
.head .logo img {
  display: block;
  width: 100%;
}

.head .logo a:focus-visible {
  outline: 4px solid #3b82f6;
  outline-offset: 6px;
  border-radius: 8px;
}

.global-nav .menu-logo {
  width: min(500px, 62%);
}

.global-nav .menu-logo img,
.global-nav .copy_area .btm-logo img {
  display: block;
  width: 100%;
  height: auto;
}

.global-nav .copy_area .btm-logo {
  width: min(280px, 100%);
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 800px) {
  .head .logo {
    width: min(210px, 54vw);
  }

  .global-nav .menu-logo {
    width: min(320px, 78%);
  }
}