.map {
  margin: auto;
  max-width: 1080px;
  margin-top: -14%;
  position: relative;
}
@media screen and (max-width: 1080px) {
  .map {
    margin-top: 16px;
  }
}

.position-text {
  display: block;
  position: absolute;
}
.position-text#sapporo {
  left: 68.25%;
  top: 4.75%;
}
.position-text#sendai {
  left: 90.5%;
  top: 35%;
}
.position-text#tokyo {
  left: 90.5%;
  top: 52.75%;
}
.position-text#shizuoka {
  left: 80%;
  top: 70.75%;
}
.position-text#kanazawa {
  left: 55%;
  top: 36%;
}
.position-text#kyoto {
  left: 43.25%;
  top: 48.5%;
}
.position-text#nagoya {
  left: 63.75%;
  top: 76.75%;
}
.position-text#osaka-e {
  left: 54%;
  top: 83.5%;
}
.position-text#osaka-h {
  left: 66%;
  top: 83.5%;
}
.position-text#okayama {
  left: 28.75%;
  top: 48.5%;
}
.position-text#hiroshima {
  left: 18.75%;
  top: 54.25%;
}
.position-text#takamatsu-e {
  left: 45%;
  top: 93%;
}
.position-text#takamatsu-fac {
  left: 56%;
  top: 93%;
}
.position-text#fukuoka {
  left: 0.25%;
  top: 58.5%;
}
.position-text#kumamoto {
  left: 2%;
  top: 74.5%;
}
.position-text#kagoshima {
  left: 18%;
  top: 87%;
}
.position-text#okinawa {
  left: 14%;
  top: 95.25%;
}
@media screen and (max-width: 640px) {
  .position-text#sapporo {
    left: 68.25%;
    top: 3.75%;
  }
  .position-text#sendai {
    left: 90.5%;
    top: 34%;
  }
  .position-text#tokyo {
    left: 90.5%;
    top: 51.75%;
  }
  .position-text#shizuoka {
    left: 80%;
    top: 69.75%;
  }
  .position-text#kanazawa {
    left: 55%;
    top: 35%;
  }
  .position-text#kyoto {
    left: 43.25%;
    top: 47.5%;
  }
  .position-text#nagoya {
    left: 63.75%;
    top: 75.75%;
  }
  .position-text#osaka-e {
    left: 54%;
    top: 82.5%;
  }
  .position-text#osaka-h {
    left: 66%;
    top: 82.5%;
  }
  .position-text#okayama {
    left: 28.75%;
    top: 47.5%;
  }
  .position-text#hiroshima {
    left: 18.75%;
    top: 53.25%;
  }
  .position-text#takamatsu-e {
    left: 45%;
    top: 92%;
  }
  .position-text#takamatsu-fac {
    left: 56%;
    top: 92%;
  }
  .position-text#fukuoka {
    left: 0.25%;
    top: 57.5%;
  }
  .position-text#kumamoto {
    left: 2%;
    top: 73.5%;
  }
  .position-text#kagoshima {
    left: 18%;
    top: 86%;
  }
  .position-text#okinawa {
    left: 14%;
    top: 94.25%;
  }
}
@media screen and (max-width: 520px) {
  .position-text#sapporo {
    left: 68.25%;
    top: 2.75%;
  }
  .position-text#sendai {
    left: 90.5%;
    top: 33%;
  }
  .position-text#tokyo {
    left: 90.5%;
    top: 50.75%;
  }
  .position-text#shizuoka {
    left: 80%;
    top: 68.75%;
  }
  .position-text#kanazawa {
    left: 55%;
    top: 34%;
  }
  .position-text#kyoto {
    left: 43.25%;
    top: 46.5%;
  }
  .position-text#nagoya {
    left: 63.75%;
    top: 74.75%;
  }
  .position-text#osaka-e {
    left: 54%;
    top: 81.5%;
  }
  .position-text#osaka-h {
    left: 66%;
    top: 81.5%;
  }
  .position-text#okayama {
    left: 28.75%;
    top: 46.5%;
  }
  .position-text#hiroshima {
    left: 18.75%;
    top: 52.25%;
  }
  .position-text#takamatsu-e {
    left: 45%;
    top: 91%;
  }
  .position-text#takamatsu-fac {
    left: 56%;
    top: 91%;
  }
  .position-text#fukuoka {
    left: 0.25%;
    top: 56.5%;
  }
  .position-text#kumamoto {
    left: 2%;
    top: 72.5%;
  }
  .position-text#kagoshima {
    left: 18%;
    top: 85%;
  }
  .position-text#okinawa {
    left: 14%;
    top: 93.25%;
  }
}
@media screen and (max-width: 420px) {
  .position-text#sapporo {
    left: 68.25%;
    top: 1.75%;
  }
  .position-text#sendai {
    left: 90.5%;
    top: 32%;
  }
  .position-text#tokyo {
    left: 90.5%;
    top: 49.75%;
  }
  .position-text#shizuoka {
    left: 80%;
    top: 67.75%;
  }
  .position-text#kanazawa {
    left: 55%;
    top: 33%;
  }
  .position-text#kyoto {
    left: 43.25%;
    top: 45.5%;
  }
  .position-text#nagoya {
    left: 63.75%;
    top: 73.75%;
  }
  .position-text#osaka-e {
    left: 54%;
    top: 80.5%;
  }
  .position-text#osaka-h {
    left: 66%;
    top: 80.5%;
  }
  .position-text#okayama {
    left: 28.75%;
    top: 45.5%;
  }
  .position-text#hiroshima {
    left: 18.75%;
    top: 51.25%;
  }
  .position-text#takamatsu-e {
    left: 45%;
    top: 90%;
  }
  .position-text#takamatsu-fac {
    left: 56%;
    top: 90%;
  }
  .position-text#fukuoka {
    left: 0.25%;
    top: 55.5%;
  }
  .position-text#kumamoto {
    left: 2%;
    top: 71.5%;
  }
  .position-text#kagoshima {
    left: 18%;
    top: 84%;
  }
  .position-text#okinawa {
    left: 14%;
    top: 92.25%;
  }
}
.position-text a {
  font-size: 22px;
}
@media screen and (max-width: 1144px) {
  .position-text a {
    font-size: 2vw;
  }
  .position-text a::after {
    content: "";
    display: inline-block;
    width: 2.5vw;
    height: 2vw;
    margin-left: 1vw;
    background-image: url("/asset/common/img/arrow.svg");
    background-size: contain;
    background-repeat: no-repeat;
  }
}

.area-links > div {
  margin-top: 32px;
}
.area-links .grid-container.col5 {
  gap: 16px 32px;
}
.area-links .east h3 {
  color: #078EA1;
}
.area-links .east li {
  border-bottom: 1px solid #078EA1;
}
.area-links .west h3 {
  color: #7244B7;
}
.area-links .west li {
  border-bottom: 1px solid #7244B7;
}
.area-links .chugoku h3 {
  color: #3068C7;
}
.area-links .chugoku li {
  border-bottom: 1px solid #3068C7;
}
.area-links .kyushu h3 {
  color: #B66A14;
}
.area-links .kyushu li {
  border-bottom: 1px solid #B66A14;
}/*# sourceMappingURL=base.css.map */