.mapSect__ttl {
  font-family: "Cinzel", serif;
  line-height: .8;
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .mapSect__ttl {
    font-size: 32px;
  }
}

@media screen and (max-width: 768px) {
  .mapSect__ttl {
    font-size: 24px;
  }
}

@media print, screen and (min-width: 768px) {
  .mapSect__cont {
    margin-left: auto;
    margin-right: auto;
    width: 830px;
  }
}

@media print, screen and (min-width: 768px) {
  .mapSect__cont .arrowLink {
    margin: 80px auto 0;
  }
}

@media screen and (max-width: 768px) {
  .mapSect__cont .arrowLink {
    margin: 40px auto 0;
  }
}

@media print, screen and (min-width: 768px) {
  .mapSect__head + .mapSect__cont {
    margin-top: 60px;
  }
}

@media screen and (max-width: 768px) {
  .mapSect__head + .mapSect__cont {
    margin-top: 30px;
  }
}

.mapSect .photo {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media print, screen and (min-width: 768px) {
  .mapSect--gallery {
    margin-top: 145px;
  }
}

@media screen and (max-width: 768px) {
  .mapSect--gallery {
    margin-top: 40px;
  }
}

.mapSect--gallery .photo {
  width: 100%;
}

@media print, screen and (min-width: 768px) {
  .mapSect--gallery .photo {
    margin-top: 50px;
    max-width: 830px;
  }
}

@media screen and (max-width: 768px) {
  .mapSect--gallery .photo {
    margin-top: 30px;
  }
}

.mapSect--gallery .photo img {
  width: 100%;
}

.pageTtl {
  margin-bottom: 60px;
}

@media print, screen and (min-width: 768px) {
  .map-current {
    padding: 100px 0 140px;
  }
}

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