@charset "UTF-8";
/**
* 共通パーツ-マップ
*/
.secMap {
  position: relative;
}
.secMap .mapText {
  position: absolute;
  z-index: 1;
  width: 97vw;
  opacity: 0.95 !important;
  left: 1vw;
  top: 10vw;
}
.secMap .mapFlag {
  position: absolute;
  z-index: 10;
  width: 15.72vw;
  right: 4vw;
  bottom: -2vw;
}
.secMap .mapBalloon {
  position: absolute;
}
.secMap .mapBalloon.type01 {
  z-index: 2;
  left: 2%;
  top: 18.5%;
}
.secMap .mapBalloon.type02 {
  z-index: 3;
  left: 49%;
  top: 4.5%;
}
.secMap .mapBalloon.type03 {
  z-index: 4;
  left: 64%;
  top: 12%;
}
.secMap .mapBalloon.type04 {
  z-index: 5;
  left: 61.6%;
  top: 45.5%;
}
.secMap .mapImg {
  position: relative;
  z-index: 0;
}
.secMap .popup {
  transform: scale(0);
  opacity: 0;
  transition: 0.3s;
  transition-timing-function: cubic-bezier(0.68, 0.15, 0.53, 1.62);
}
.secMap.animated .popup {
  transform: scale(1);
  opacity: 1;
}
.secMap .mapNum {
  position: absolute;
  z-index: 10;
  text-decoration: none;
  border: solid 0.2vw #ffffff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #596ab0;
  color: #ffffff;
  font-weight: 600;
  letter-spacing: 0;
  width: 3vw;
  height: 3vw;
  font-size: 1.9vw;
}
.secMap .mapNum.num01 {
  left: 3.2%;
  top: 65.5%;
}
.secMap .mapNum.num02 {
  left: 9.2%;
  top: 43%;
}
.secMap .mapNum.num03 {
  left: 10.5%;
  top: 56%;
}
.secMap .mapNum.num04 {
  left: 20%;
  top: 33%;
}
.secMap .mapNum.num05 {
  left: 22.5%;
  top: 37%;
}
.secMap .mapNum.num06 {
  left: 25.7%;
  top: 38.2%;
}
.secMap .mapNum.num07 {
  left: 40.5%;
  top: 23.5%;
}
.secMap .mapNum.num08 {
  left: 43%;
  top: 30%;
}
.secMap .mapNum.num09 {
  left: 41.4%;
  top: 40.8%;
}
.secMap .mapNum.num10 {
  left: 46%;
  top: 41%;
}
.secMap .mapNum.num11 {
  left: 52%;
  top: 41.4%;
}
.secMap .mapNum.num12 {
  left: 47.5%;
  top: 46.2%;
}
.secMap .mapNum.num13 {
  left: 76.5%;
  top: 29%;
}
.secMap .mapNum.num14 {
  left: 82%;
  top: 34%;
}
.secMap .mapNum.num15 {
  left: 82%;
  top: 40.7%;
}
.secMap .mapNum.num16 {
  left: 93.5%;
  top: 38%;
}
.secMap .mapNum.num17 {
  left: 56%;
  top: 32%;
}

.mapNote {
  font-weight: bold;
  text-align: right;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.mapNote .noteIcon {
  width: 16px;
  height: 16px;
  background: #596ab0;
  border: solid 2px #ffffff;
  border-radius: 50%;
}

.secMapInfo {
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .secMap .mapBalloon {
    width: 11.15vw;
  }
  .mapNote {
    padding: 8px 10px 16px 0;
  }
  .mapNote .noteText {
    font-size: 13px;
  }
  .secMapInfo {
    font-size: 14px;
    padding: 8px 0 16px 0;
  }
  .secMapInfo .infoNote {
    padding: 24px 0 0 0;
    font-size: 13px;
  }
}
@media print, screen and (min-width: 768px) {
  .secMap .mapBalloon {
    width: 11.15vw;
  }
  .mapNote {
    padding: 30px 10px 0 0;
  }
  .mapNote .noteText {
    font-size: clamp(14px, 1.25vw, 15px);
  }
  .secMapInfo {
    text-align: center;
    font-size: clamp(14px, 1.83vw, 22px);
    padding: 12px 0 24px 0;
  }
  .secMapInfo .infoNote {
    padding: 24px 0 0 0;
    font-size: clamp(14px, 1.5vw, 18px);
  }
}/*# sourceMappingURL=common_map.css.map */