@charset "UTF-8";

/*============================
#header
============================*/
header#header.header {
  display: flex;
  padding: var(--scale-8, 8px) var(--padding-inline, 24px);
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  height: clamp(56px, 100vw / 375 * 56, 72px);
}
header#header.header div.header__container {
  max-width: none;
}
header#header.header div.header__container div.header__logo {
  width: min(100vw / 375 * 160, 300px);
  height: auto;
  font-weight: bold;
}

/*============================
#footer
============================*/
footer#footer.footer {
  border-top: 1px solid var(--border);
}
footer#footer.footer p.footer__copyright {
  display: flex;
  padding: var(--scale-40, 40px) var(--padding-inline, 24px);
  justify-content: center;
  align-items: center;
  align-self: stretch;
  color: var(--primary, #182987);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: var(--scale-14, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}