.c-logo {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
}

.c-logo__new {
  display: block;
  width: min(100%, 27rem);
  max-width: none;
  height: auto;
  margin:auto;
}

.l-header__logo {
  width: auto;
  max-width: 30rem;
}

.l-header__logo-label {
  display: flex;
  align-items: center;
}

.l-footer-main__logo .c-logo__new {
  width: min(100%, 30rem);
}

.c-drawer .c-logo__new {
  width: min(100%, 22rem);
}

@media (max-width: 767.98px) {
  .c-logo__new {
    width: min(100%, 22rem);
  }

  .l-header__logo {
    max-width: 23rem;
  }
}