@media screen and (min-width: 992px) {
  .sp-logo {
    display: none !important;
  }
  .change-color {
    background-color: #FFFCD4;
  }
  .bg-navi::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    z-index: 1;
    background-image: url(../../../assets/img/bg-navi.png);
  }
  @supports (background-image: url(../../../assets/img/bg-navi.webp)) {
    .bg-navi::after {
      background-image: url(../../../assets/img/bg-navi.webp);
    }
  }
  .navi-l::after {
    background-image: url(../../../assets/img/bg-navi-l.png);
    background-size: 115% auto;
  }
  @supports (background-image: url(../../../assets/img/bg-navi-l.webp)) {
    .navi-l::after {
      background-image: url(../../../assets/img/bg-navi-l.webp);
    }
  }
  .change-color .bg-navi::after {
    display: none;
  }
}/*# sourceMappingURL=header.css.map */