.lp-navigation {
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 1024px) {
  .lp-navigation {
    margin-top: calc(clamp(0px, 5vw, 96px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-navigation {
    margin-top: calc(clamp(0px, 15.3333333333vw, 156.86px) * 1);
    padding: 0 calc(clamp(0px, 5.3333333333vw, 54.56px) * 1);
  }
}
.lp-navigation .nav {
  display: flex;
}
@media screen and (min-width: 1024px) {
  .lp-navigation .nav {
    gap: calc(clamp(0px, 0.78125vw, 15px) * 1);
    justify-content: center;
    align-items: center;
  }
}
@media screen and (max-width: 1023px) {
  .lp-navigation .nav {
    row-gap: calc(clamp(0px, 2.6666666667vw, 27.28px) * 1);
    flex-flow: row wrap;
    justify-content: space-between;
  }
}
.lp-navigation .nav .item {
  position: relative;
}
.lp-navigation .nav .item a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 700;
  background-color: #ffd2cd;
}
@media screen and (min-width: 1024px) {
  .lp-navigation .nav .item a {
    width: calc(clamp(0px, 14.0625vw, 270px) * 1);
    height: calc(clamp(0px, 5.2083333333vw, 100px) * 1);
    padding-right: calc(clamp(0px, 0.5208333333vw, 10px) * 1);
    font-size: calc(clamp(0px, 1.0416666667vw, 20px) * 1);
    line-height: 1.5;
  }
}
@media screen and (max-width: 1023px) {
  .lp-navigation .nav .item a {
    width: calc(clamp(0px, 43.4666666667vw, 444.664px) * 1);
    height: calc(clamp(0px, 16vw, 163.68px) * 1);
    font-size: calc(clamp(0px, 3.4666666667vw, 35.464px) * 1);
    line-height: 1.5;
  }
}
.lp-navigation .nav .item a.nav-color {
  background-color: #ffeae8;
}
.lp-navigation .nav .item::after {
  content: "";
  pointer-events: none;
  position: absolute;
  display: block;
  transform: rotate(-45deg);
  border-left: 1px solid;
  border-bottom: 1px solid;
  top: 50%;
}
@media screen and (min-width: 1024px) {
  .lp-navigation .nav .item::after {
    margin-top: calc(clamp(0px, 0.5208333333vw, 10px) * -1);
    width: calc(clamp(0px, 0.5208333333vw, 10px) * 1);
    height: calc(clamp(0px, 0.5208333333vw, 10px) * 1);
    right: calc(clamp(0px, 1.0416666667vw, 20px) * 1);
    border-left-width: calc(clamp(0px, 0.1041666667vw, 2px) * 1);
    border-bottom-width: calc(clamp(0px, 0.1041666667vw, 2px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-navigation .nav .item::after {
    margin-top: calc(clamp(0px, 1.6vw, 16.368px) * -1);
    width: calc(clamp(0px, 1.6vw, 16.368px) * 1);
    height: calc(clamp(0px, 1.6vw, 16.368px) * 1);
    right: calc(clamp(0px, 2.6666666667vw, 27.28px) * 1);
    border-left-width: calc(clamp(0px, 0.2666666667vw, 2.728px) * 1);
    border-bottom-width: calc(clamp(0px, 0.2666666667vw, 2.728px) * 1);
  }
}