@media screen and (min-width: 768px) {
  .currentMapSect__cont {
    margin: 0 auto;
    width: 998px;
  }
}

@media screen and (min-width: 768px) {
  .currentMapSect__cont + .currentMapSect__bottom {
    margin-top: 104px;
  }
}

@media screen and (max-width: 768px) {
  .currentMapSect__cont + .currentMapSect__bottom {
    margin-top: 56px;
  }
}

.currentMapSect__notice {
  background: #f4f4f4;
  text-align: center;
}

.currentMapSect__notice .txt {
  padding: 32px 0;
  line-height: 1.75;
}

.currentMapSect__notice .txt:before {
  content: '';
  margin-top: calc((1 - 1.75) * .5em);
}

.currentMapSect__notice .txt:after {
  margin-bottom: calc((1 - 1.75) * .5em);
}

.currentMapSect__notice .txt:before, .currentMapSect__notice .txt:after {
  content: '';
  display: block;
  height: 0;
  width: 0;
}

@media screen and (min-width: 768px) {
  .currentMapSect__notice .txt {
    font-size: 15px;
  }
}

@media screen and (max-width: 768px) {
  .currentMapSect__notice .txt {
    font-size: calc(13 / 390 * 100vw);
    letter-spacing: .001em;
  }
}

.currentMapSect__notice .link {
  color: #436b6c;
  text-decoration: underline;
  -webkit-transition: .3s;
  transition: .3s;
}

.currentMapSect__notice .link:hover {
  opacity: .6;
}

.currentMapSect__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 768px) {
  .map-current {
    padding-bottom: 180px;
  }
}

@media screen and (max-width: 768px) {
  .map-current {
    padding-bottom: 120px;
  }
}