#work .area_map .area_list {
  list-style: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-size: var(--wp--preset--font-size--small);
}
#work .area_map .area_list > li {
  opacity: 0;
  position: absolute;
  translate: -50% -100%;
  padding-bottom: 0.75em;
}
#work .area_map .area_list > li.area01 {
  left: 23.08%;
  top: 60.2%;
}
#work .area_map .area_list > li.area02 {
  left: 25.08%;
  top: 56.6%;
}
#work .area_map .area_list > li.area03 {
  left: 17.08%;
  top: 59%;
}
#work .area_map .area_list > li.area04 {
  left: 26.41%;
  top: 62.8%;
}
#work .area_map .area_list > li.area05 {
  left: 24.41%;
  top: 68.2%;
}
#work .area_map .area_list > li.area06 {
  left: 19.52%;
  top: 73.4%;
}
#work .area_map .area_list > li.area07 {
  left: 28.86%;
  top: 51%;
}
#work .area_map .area_list > li.area08 {
  left: 34.97%;
  top: 40.8%;
}
#work .area_map .area_list > li.area09 {
  left: 14.19%;
  top: 88%;
}
#work .area_map .area_list > li.area10 {
  left: 42.41%;
  top: 64.6%;
}
#work .area_map .area_list > li.area11 {
  left: 52.86%;
  top: 58%;
}
#work .area_map .area_list > li.area12 {
  left: 43.08%;
  top: 35%;
}
#work .area_map .area_list > li a {
  display: block;
  padding: 0.25em 0.75em;
  background-color: var(--wp--preset--color--theme-black);
  color: var(--wp--preset--color--theme-white);
  text-decoration: none;
  word-break: keep-all;
  white-space: nowrap;
}
#work .area_map .area_list > li a::after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  margin: -1px auto auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.75em 0.25em 0;
  border-color: var(--wp--preset--color--theme-black) transparent;
}
#work .area_map .area_list > li:hover {
  opacity: 1;
}
@media screen and (max-width: 599px) {
  #work .area_map .area_list {
    width: 140%;
    max-width: none;
  }
  #work .area_map .map img {
    max-width: none;
    width: 140%;
    height: auto;
  }
}
@media (min-width:600px) {
  #work .area_map {
    display: flex;
  }
  #work .area_map::before, #work .area_map::after {
    content: "";
    display: block;
    flex-shrink: 0;
  }
  #work .area_map::before {
    width: 14%;
  }
  #work .area_map::after {
    width: 4%;
  }
  #work .area_map .area_list {
    left: 14%;
    right: 4%;
  }
}
/*# sourceMappingURL=aera_map.css.map */