.map_area {
  display: inline-block;
  padding: 80px 0 50px;
}

@media screen and (max-width: 750px) {
  .map_area {
    padding: 8vw 0;
  }
}

.map_area .map_list {
  font-size: 2rem;
  text-align: left;
}

@media screen and (max-width: 750px) {
  .map_area .map_list {
    font-size: 1.6rem;
  }
}

.map_area .map_list > li:not(:first-child) {
  margin-top: 1.5em;
}

.map_area .map_list > li a {
  transition: color 0.3s;
}

.map_area .map_list > li a:hover {
  color: #d7508a;
}

.map_area .map_list > li > .map_list {
  margin-top: 1.5em;
  padding-left: 2em;
}