.mv {
  background: url("../img/common/bglower.jpg");
  height: 352px
}

@media(max-width: 896px) {
  .mv {
    height: 350px
  }
}

@media(max-width: 480px) {
  .mv {
    height: 300px
  }
}

.mv__title {
  width: 90%;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  z-index: 3
}

.mv__title h1 {
  font-size: 3.6rem;
  font-weight: normal;
  letter-spacing: 3px
}

@media(max-width: 896px) {
  .mv__title h1 {
    font-size: 3.5rem
  }
}

.mv__title p {
  font-size: 2rem
}

@media(max-width: 896px) {
  .mv__title p {
    font-size: 1.6rem
  }
}


.gallery__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/common/bgnew.jpg);
  background-size: cover;
  z-index: -1;
  opacity: .2
}

.gallery__inner {
  padding-bottom: 5.5%
}

.gallery__block {
  margin-top: -85vh;
  padding: 5% 5% 5% 5%;
  background-color: #fff
}

@media(max-width: 896px) {
  .gallery__block {
    margin-top: -93vh;
    padding: 5% 5% 10% 5%
  }
}

@media(max-width: 767px) {
  .gallery__block {
    margin-top: 0 !important
  }
}

@media(max-width: 480px) {
  .gallery__block {
    width: 100% !important;
    padding: 10% 5% 20% 5%
  }
}

.gallery__map {
  width: 85%;
  margin: 0 auto 60px
}

@media(max-width: 480px) {
  .gallery__map {
    margin-bottom: 30px
  }
}

.gallery__info dl {
  margin-bottom: 20px
}

.gallery__info dt {
  color: #11347a;
  font-size: 1.8rem;
  font-weight: 700
}

@media(max-width: 480px) {
  .gallery__info dt {
    font-size: 1.6rem
  }
}

/*# sourceMappingURL=gallery.css.map */