.top-menu {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(30 / 1620 * 100cqw);
}
.top-menu > li:has(.top-menu-panel:nth-child(2)) {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.top-menu > li:has(.top-menu-panel:nth-child(2)) .top-menu-panel > h2 {
  top: 50%;
  translate: 0 -50%;
}
.top-menu > li:nth-of-type(1) .top-menu-panel > h2 {
  font-size: calc(32 / 1620 * 100cqw);
}
.top-menu > li:nth-of-type(1) .top-menu-panel > h2 > span {
  font-size: calc(38 / 1620 * 100cqw);
}
.top-menu > li:nth-of-type(2) .top-menu-panel > h2, .top-menu > li:nth-of-type(4) .top-menu-panel > h2 {
  font-size: calc(44 / 1620 * 100cqw);
}
.top-menu > li:nth-of-type(2) .top-menu-panel > h2 > span, .top-menu > li:nth-of-type(4) .top-menu-panel > h2 > span {
  font-size: calc(54 / 1620 * 100cqw);
}
.top-menu > li:nth-of-type(3) .top-menu-panel > h2, .top-menu > li:nth-of-type(5) .top-menu-panel > h2, .top-menu > li:nth-of-type(7) .top-menu-panel > h2 {
  font-size: calc(40 / 1620 * 100cqw);
}
.top-menu > li:nth-of-type(3) .top-menu-panel > h2 > span, .top-menu > li:nth-of-type(5) .top-menu-panel > h2 > span, .top-menu > li:nth-of-type(7) .top-menu-panel > h2 > span {
  font-size: calc(48 / 1620 * 100cqw);
}
.top-menu > li:nth-of-type(6) .top-menu-panel > h2 {
  font-size: calc(34 / 1620 * 100cqw);
}
.top-menu > li:nth-of-type(6) .top-menu-panel > h2 > span {
  font-size: calc(40 / 1620 * 100cqw);
}
.top-menu > li:nth-of-type(8) .top-menu-panel:nth-child(1) > h2 {
  font-size: calc(32 / 1620 * 100cqw);
}
.top-menu > li:nth-of-type(9) .top-menu-panel {
  color: #fff;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}
.top-menu > li:nth-of-type(9) .top-menu-panel:nth-child(2) > h2 {
  font-size: calc(30 / 1620 * 100cqw);
}
.top-menu-panel {
  display: block;
  position: relative;
  color: #3b3b3b;
  cursor: pointer;
}
.top-menu-panel > h2 {
  position: absolute;
  left: calc(30 / 1620 * 100cqw);
  top: calc(40 / 1620 * 100cqw);
  font-size: calc(36 / 1620 * 100cqw);
  line-height: 1.3;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767.98px) {
  .top-menu {
    gap: calc(25 / 750 * 100vw);
    grid-template-columns: repeat(2, 1fr);
    padding-top: calc(60 / 750 * 100vw);
    border-top: 1.5px solid #e1e1e1;
  }
  .top-menu > li:last-of-type {
    grid-column: 1/3;
    flex-direction: row !important;
    gap: 0 calc(25 / 750 * 100vw);
  }
  .top-menu > li:nth-of-type(1) .top-menu-panel > h2 {
    font-size: calc(26 / 750 * 100vw);
  }
  .top-menu > li:nth-of-type(1) .top-menu-panel > h2 > span {
    font-size: calc(32 / 750 * 100vw);
  }
  .top-menu > li:nth-of-type(2) .top-menu-panel > h2, .top-menu > li:nth-of-type(4) .top-menu-panel > h2 {
    font-size: calc(36 / 750 * 100vw);
  }
  .top-menu > li:nth-of-type(2) .top-menu-panel > h2 > span, .top-menu > li:nth-of-type(4) .top-menu-panel > h2 > span {
    font-size: calc(44 / 750 * 100vw);
  }
  .top-menu > li:nth-of-type(3) .top-menu-panel > h2, .top-menu > li:nth-of-type(5) .top-menu-panel > h2, .top-menu > li:nth-of-type(7) .top-menu-panel > h2 {
    font-size: calc(32 / 750 * 100vw);
  }
  .top-menu > li:nth-of-type(3) .top-menu-panel > h2 > span, .top-menu > li:nth-of-type(5) .top-menu-panel > h2 > span, .top-menu > li:nth-of-type(7) .top-menu-panel > h2 > span {
    font-size: calc(40 / 750 * 100vw);
  }
  .top-menu > li:nth-of-type(6) .top-menu-panel > h2 {
    font-size: calc(30 / 750 * 100vw);
  }
  .top-menu > li:nth-of-type(6) .top-menu-panel > h2 > span {
    font-size: calc(36 / 750 * 100vw);
  }
  .top-menu > li:nth-of-type(8) .top-menu-panel:nth-child(1) > h2 {
    font-size: calc(30 / 750 * 100vw);
  }
  .top-menu > li:nth-of-type(9) .top-menu-panel:nth-child(2) > h2 {
    font-size: calc(28 / 750 * 100vw);
  }
  .top-menu-panel > h2 {
    left: calc(25 / 750 * 100vw);
    top: calc(25 / 750 * 100vw);
    font-size: calc(32 / 750 * 100vw);
  }
}
@media (any-hover: hover) and (pointer: fine) {
  .top-menu-panel {
    transition: scale 0.3s;
  }
  .top-menu-panel:hover {
    scale: 1.05;
  }
}