.map-container {
  max-width: 795px;
  margin: 80px auto;
  position: relative;
}

.base-list h3 {
  margin-bottom: 16px;
}
.base-list h4 {
  font-size: 20px;
}
.base-list > div {
  border-radius: 16px;
  padding: 24px;
}
.base-list > div .grid-container {
  gap: 16px;
}
.base-list .green {
  background-color: #E1EAE2;
  border: 1px solid #296972;
}
.base-list .purple {
  background-color: #E5E1EA;
  border: 1px solid #462972;
}
.base-list .blue {
  background-color: #D9ECEB;
  border: 1px solid #0063A3;
}
.base-list .orange {
  background-color: #EAE7E1;
  border: 1px solid #725029;
}
@media screen and (max-width: 1080px) {
  .base-list .grid-container {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 768px) {
  .grid-container {
    grid-template-columns: 1fr;
  }
}
.position-text a {
  font-size: 22px;
}

.position-text a::after {
  content: "";
  display: inline-block;
  width: 21px;
  height: 21px;
  margin-left: 8px;
  position: relative;
  top: 2px;
  background-image: url("/asset/common/img/arrow-btn-small-green.svg");
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(90deg);
}

.east .position-text a::after {
  background-image: url("/asset/common/img/arrow-btn-small-green.svg");
}

.west .position-text a::after {
  background-image: url("/asset/common/img/arrow-btn-small-purple.svg");
}

.chugoku .position-text a::after {
  background-image: url("/asset/common/img/arrow-btn-small-blue.svg");
}

.kyushu .position-text a::after {
  background-image: url("/asset/common/img/arrow-btn-small-orange.svg");
}

.sapporo {
  position: absolute;
  bottom: 87%;
  left: 63%;
}

.sendai {
  position: absolute;
  bottom: 48.25%;
  left: 79%;
}

.tokyo {
  position: absolute;
  bottom: 29.25%;
  left: 73%;
}

.sizuoka {
  position: absolute;
  bottom: 16.5%;
  left: 53%;
}

.nagoya {
  position: absolute;
  bottom: 12%;
  left: 45%;
}

.kanazawa {
  position: absolute;
  bottom: 48.25%;
  left: 45%;
}

.kyoto {
  position: absolute;
  bottom: 42.75%;
  left: 31%;
}

.osaka {
  position: absolute;
  bottom: 7%;
  left: 38%;
}

.okayama {
  position: absolute;
  bottom: 38%;
  left: 27%;
}

.takamatsu {
  position: absolute;
  bottom: 12.25%;
  left: 28%;
}

.hiroshima {
  position: absolute;
  bottom: 34%;
  left: 13%;
}

.fukuoka {
  position: absolute;
  bottom: 23.5%;
  left: 0%;
}

.kumamoto {
  position: absolute;
  bottom: 17%;
  left: 0;
}

.kagoshima {
  position: absolute;
  bottom: 5%;
  left: 19%;
}

.okinawa {
  position: absolute;
  bottom: -5%;
  left: 0%;
}

@media screen and (min-width: 640px) {
  .position-text#sapporo {
    bottom: 87%;
  }
}
@media screen and (max-width: 859px) {
  .position-text a {
    font-size: 2.6vw;
  }
  .position-text a::after {
    width: 2.5vw;
    height: 2.5vw;
    margin-left: 1vw;
  }
}/*# sourceMappingURL=base.css.map */