.lp-navigation {
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 1024px) {
  .lp-navigation {
    margin-top: calc(clamp(0px, 4.625vw, 82.14px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-navigation {
    margin-top: calc(clamp(0px, 13.6977777777vw, 97.2542222219px) * 1);
    padding: 0 calc(clamp(0px, 4.7644444444vw, 33.8275555554px) * 1);
  }
}
.lp-navigation .nav {
  display: flex;
}
@media screen and (min-width: 1024px) {
  .lp-navigation .nav {
    gap: calc(clamp(0px, 0.72265625vw, 12.834375px) * 1);
    justify-content: center;
    align-items: center;
  }
}
@media screen and (max-width: 1023px) {
  .lp-navigation .nav {
    row-gap: calc(clamp(0px, 2.3822222222vw, 16.9137777777px) * 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, 13.0078125vw, 231.01875px) * 1);
    height: calc(clamp(0px, 4.8177083333vw, 85.5625px) * 1);
    padding-right: calc(clamp(0px, 0.4817708333vw, 8.55625px) * 1);
    font-size: calc(clamp(0px, 0.9635416667vw, 17.1125px) * 1);
    line-height: 1.5;
  }
}
@media screen and (max-width: 1023px) {
  .lp-navigation .nav .item a {
    width: calc(clamp(0px, 38.8302222221vw, 275.6945777767px) * 1);
    height: calc(clamp(0px, 14.2933333333vw, 101.4826666663px) * 1);
    font-size: calc(clamp(0px, 3.0968888889vw, 21.987911111px) * 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.4817708333vw, 8.55625px) * -1);
    width: calc(clamp(0px, 0.4817708333vw, 8.55625px) * 1);
    height: calc(clamp(0px, 0.4817708333vw, 8.55625px) * 1);
    right: calc(clamp(0px, 0.9635416667vw, 17.1125px) * 1);
    border-left-width: calc(clamp(0px, 0.0963541667vw, 1.71125px) * 1);
    border-bottom-width: calc(clamp(0px, 0.0963541667vw, 1.71125px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-navigation .nav .item::after {
    margin-top: calc(clamp(0px, 1.4293333333vw, 10.1482666666px) * -1);
    width: calc(clamp(0px, 1.4293333333vw, 10.1482666666px) * 1);
    height: calc(clamp(0px, 1.4293333333vw, 10.1482666666px) * 1);
    right: calc(clamp(0px, 2.3822222222vw, 16.9137777777px) * 1);
    border-left-width: calc(clamp(0px, 0.2382222222vw, 1.6913777778px) * 1);
    border-bottom-width: calc(clamp(0px, 0.2382222222vw, 1.6913777778px) * 1);
  }
}