@charset "utf-8";

.map {
  padding-block: 150px;
  position: relative;
}
.map::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: clamp(897px, calc(1097 / 1200 * 100vw), 1097px);
  background: url(../../img/common/img_bg.jpg) repeat center/1000px auto;
}
.map__content {
  max-width: 1000px;
  margin-top: 80px;
}
.map__btns {
  margin-top: 80px;
  gap: 50px;
}
.map__btn {
  width: 350px;
}
.map__btn--print a {
  background-color: rgba(var(--color-bluegreen), 1);
}
.map__gallery {
  margin-top: 100px;
}
.map__gallery__heading {
  font-size: clamp(14px, 1.6vw, 24px);
}
.map__gallery__content-wrap {
  max-width: 1060px;
  margin-top: 40px;
}
.map__gallery__content--1 {
  width: calc(396 / 1080 * 100%);
}
.map__gallery__content--2 {
  flex: 1;
}
@media screen and (max-width: 619px){
  .map {
    padding-top: 120px;
    padding-bottom: 70px;
  }
  .map::before {
    height: 490px;
  }
  .map__content {
    margin-top: 40px;
  }
  .map__btns {
    margin-top: 40px;
    gap: 20px;
  }
  .map__btn {
    width: 280px;
  }
  .map__gallery {
    margin-top: 60px;
  }
  .map__gallery__heading {
    font-size: 3.733333333vw;
  }
  .map__gallery__content-wrap {
    margin-top: 20px;
  }
  .map__gallery__content--1 {
    width: 100%;
  }
  .map__gallery__content--2 {
    flex: 1 0 100%;
    margin-top: 20px;
  }
}