.toppage-menu-area + div[data-v-7f83b6a4] {
  padding-top: 40px;
}
.toppage-menu-area[data-v-7f83b6a4] {
  width: 100%;
  background: #2D2D2D;
  height: 40px;
  z-index: 15;
}
.toppage-menu[data-v-7f83b6a4] {
  max-width: 1024px;
  margin: 0 auto;
  display: flex;
  height: 40px;
  justify-content: space-between;
}
@media (max-width: 575px) {
.toppage-menu[data-v-7f83b6a4] {
    overflow: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.toppage-menu[data-v-7f83b6a4]::-webkit-scrollbar {
    display: none;
}
}
.toppage-menu li[data-v-7f83b6a4] {
  height: 40px;
  width: auto;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  line-height: 37px;
  white-space: nowrap;
  margin: 0;
}
@media (max-width: 575px) {
.toppage-menu li[data-v-7f83b6a4] {
    margin: 0 5px;
}
}
.toppage-menu li a[data-v-7f83b6a4]:hover {
  border-bottom: 3px solid #E47931;
}
.toppage-menu li:last-child a[data-v-7f83b6a4]:hover {
  border-bottom: 3px solid #fff;
}
.toppage-menu li a[data-v-7f83b6a4] {
  display: block;
  color: #ababab;
  padding: 0 10px;
}
@media (max-width: 575px) {
.toppage-menu li a[data-v-7f83b6a4] {
    padding: 0 5px;
}
}
.toppage-menu li a[data-v-7f83b6a4]:hover {
  color: #fff;
}
.toppage-menu li.active[data-v-7f83b6a4] {
  border-bottom: 3px solid #E47931;
}
.toppage-menu li.active[data-v-7f83b6a4]:last-child {
  border-bottom: 3px solid #fff;
}
.toppage-menu li.active a[data-v-7f83b6a4] {
  pointer-events: none;
  color: #fff;
}
.toppage-menu li a img[data-v-7f83b6a4] {
  height: 40px;
  width: auto;
}