.pcg-img-map__viewport {
  width: 1140px;
  height: 1140px;
  position: relative;
  overflow: hidden;
}
.pcg-img-map__background {
  position: absolute;
}
.pcg-img-map__box {
  height: auto;
  z-index: 100;
  position: absolute;
}
.pcg-img-map__box:hover {
  z-index: 200;
}
.pcg-img-map__text {
  display: none;
}
.pcg-img-map__img {
  width: 100%;
}
.pcg-img-map {
  margin-bottom: 20px;
}
.pcg-img-map__viewport {
  margin: 0 auto;
}
@media screen and (min-width: 992px) {
  .pcg-img-map__img {
    transition: transform 0.2s;
  }
  .pcg-img-map__img:hover {
    transition: transform 0.2s;
    transform: scale(1.04);
  }
}
@media screen and (max-width: 991px) {
  .pcg-img-map__viewport {
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-wrap: wrap;
  }
  .pcg-img-map__background {
    display: none;
  }
  .pcg-img-map__box {
    position: static;
    flex-grow: 1;
    height: auto !important;
    width: 50% !important;
    padding: 10px;
  }
  .pcg-img-map__link {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .pcg-img-map__img {
    max-width: 75px;
    height: 100%;
  }
  .pcg-img-map__text {
    display: block;
    padding: 0 10px 0 20px;
    font-weight: 600;
    word-break: break-word;
  }
}
@media screen and (max-width: 496px) {
  .pcg-img-map__box {
    flex-basis: 100%;
  }
}