@charset "UTF-8";

@media (min-width: 992px) {
  .l-header {
    height: initial;
    min-height: 129px;
  }
}

.l-header__inner {
  gap: 10px;
}
@media (min-width: 992px) {
  .l-header__inner {
    gap: initial;
  }
}

.l-header__head {
  display: contents;
}
@media (min-width: 992px) {
  .l-header__head {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
    margin-right: calc(48 / 1536 * 100%);
  }
}

@media (min-width: 992px) {
  .l-header__ttl {
    position: inherit;
  }
}

@media (min-width: 992px) {
  .l-header__logo {
    order: -1;
    margin-right: auto;
    width: 100%;
    display: inline-block;
    max-width: 382px;
  }
}

.l-header__logo img {
  width: 100%;
  max-width: 238px;
}
@media (min-width: 992px) {
  .l-header__logo img {
    max-width: initial;
  }
}

.l-header .c-btn--web--secondary {
  margin-right: initial;
}

.l-header__btn-container {
  flex-shrink: 0;
  display: flex;
  gap: 10px;
}

.l-header__sns {
  flex-shrink: 0;
  max-width: 46px;
}
@media (min-width: 992px) {
  .l-header__sns {
    max-width: 50px;
  }
}

.l-header__sns-item {
  width: 100%;
  height: 100%;
  object-fit: contain;
  aspect-ratio: 1 / 1;
}

.l-hamburger {
  flex-shrink: 0;
}