@charset "UTF-8";

.localNav2 .nav-block2 ul {
  text-align: center;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.8rem;
}
@media screen and (min-width: 1000px) {
  .localNav2 .nav-block2 ul {
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    max-width: 835px;
    margin: 0 auto;
    gap: 8.8rem;
  }
}
.localNav2 .nav-block2 ul li {
  position: relative;
}
.localNav2 .nav-block2 ul li:not(:last-child)::after {
  content: "";
  width: 40px;
  height: 2px;
  background: #d9d9d9;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -1.4rem;
}
@media screen and (min-width: 1000px) {
  .localNav2 .nav-block2 ul li:not(:last-child)::after {
    width: 2px;
    height: 40px;
    right: -44px;
    left: auto;
    transform: none;
  }
}
.localNav2 .nav-block2 ul li a {
  font-weight: bold;
  position: relative;
  white-space: nowrap;
}
@media screen and (min-width: 835px) {
  .localNav2 .nav-block2 ul li a {
    padding-right: 36px;
  }
}
.localNav2 .nav-block2 ul li a::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("../images/bxs_right-arrow.svg") no-repeat center/contain;
  padding-left: 1.8rem;
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media screen and (min-width: 835px) {
  .localNav2 .nav-block2 ul li a::after {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
}
.localNav2 .nav-block2 ul li a:hover::after {
  transform: translateY(-50%) translateY(5px);
}