.l-hdr-gnav {
  top: 0;
  background: #FFF;
}

.l-hdr-gnav__inner {
  height: 100px;
}

.l-hdr-gnav__logo a {
  height: clamp(45px, 6.5vw, 65px);
}
.l-hdr-gnav__logo a img {
  width: auto;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.l-hdr-gnav__link > a {
  position: relative;
  font-size: clamp(14px, 1.5vw, 15px);
}
.l-hdr-gnav__link > a::before {
  position: absolute;
  bottom: 0;
  right: 50%;
  transform: translate(50%, 50%);
  width: 3em;
  height: 1px;
  background: #b89535;
  opacity: 0;
  transition: 0.3s;
  content: "";
}
.l-hdr-gnav__link > a:hover::before {
  opacity: 1;
}

@media screen and (max-width: 1080px) {
  .l-hdr-gnav__inner {
    height: auto;
  }
  .l-hdr-spgnav {
    min-height: 100dvh;
    background: #F4F4F4;
  }
  .l-hdr-spgnav .l-hdr-gnav {
    background: #F4F4F4;
  }
  .l-hdr-spgnav .l-hdr-gnav__btn > span {
    background: #604e31;
  }
  .l-hdr-gnav__nav {
    background: rgba(244, 244, 244, 0.95);
  }
  .l-hdr-gnav__link {
    border-top: 1px solid #aaa;
  }
  .l-hdr-spgnav__footer {
    background: #F4F4F4;
    border-top: 1px solid #aaa;
  }
  .l-hdr-child {
    background: #FFF;
  }
  .l-hdr-child__menu a svg path {
    fill: #242424;
  }
  .l-hdr-gnav__link > a.js-megaMenu::before {
    display: none;
  }
  .l-hdr-gnav__link > a.js-megaMenu:after {
    background: url(../../../assets/images/common/icon_arrow_r_small-blk.svg) 50% no-repeat;
    background-size: contain;
  }
  .l-hdr-gnav__link > a.js-notMegaMenu:after {
    position: absolute;
    top: 0;
    right: 30px;
    bottom: 0;
    height: 15px;
    aspect-ratio: 9/18;
    margin: auto 0;
    transform: rotate(180deg);
    background: url(../../../assets/images/common/icon_arrow_r_small-blk.svg) 50% no-repeat;
    background-size: contain;
    content: "";
  }
  .l-hdr-gnav__link > a,
  .l-hdr-child__menu a,
  .l-hdr-spgnav__footer .link a,
  .l-hdr-spgnav__footer .logo a p {
    color: #242424;
  }
}