@charset "utf-8";

.gallery-wrap img {
  display: block;
}

.w1 {
  width: 320px;
}

.w2 {
  width: 380px;
}

.w3 {
  width: 440px;
}

.w4 {
  width: 500px;
}

.w5 {
  width: 560px;
}

.center {
  margin-left: auto;
  margin-right: auto;
}

.ml0 {
  margin-left: 0;
  margin-top: auto;
}

.ml-small {
  margin-left: 10%;
  margin-right: auto;
}

.mr0 {
  margin-left: auto;
  margin-right: 0;
}

.mr-small {
  margin-left: auto;
  margin-right: 10%;
}

.mt-small {
  margin-top: 60px;
}

.mb-small {
  margin-bottom: 60px;
}

.mt-large {
  margin-top: 100px;
}

.mb-large {
  margin-bottom: 100px;
}

.mt-neg-small {
  margin-top: -30px;
}

.mt-neg-large {
  margin-top: -60px;
}

.gallery-wrap img:nth-child(7),
.gallery-wrap img:nth-child(15) {
  position: relative;
  z-index: 2;
}

.fade-up {
  opacity: 0;
  transform: translateY(60px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.fade-up.show {
  opacity: 1;
  transform: translateY(0);
}

@media screen and (max-width: 1024px) {
  .w1 {
    width: 200px;
  }

  .w2 {
    width: 270px;
  }

  .w3 {
    width: 340px;
  }

  .w4 {
    width: 410px;
  }

  .w5 {
    width: 480px;
  }

  .ml-small {
    margin-left: 5%;
  }

  .mr-small {
    margin-right: 5%;
  }
}

@media screen and (max-width: 767px) {
  .w1 {
    width: 120px;
  }

  .w2 {
    width: 160px;
  }

  .w3 {
    width: 200px;
  }

  .w4 {
    width: 240px;
  }

  .w5 {
    width: 280px;
  }

.mt-neg-small {
  margin-top: -10px;
}

.mt-neg-large {
  margin-top: -20px;
}
}