@font-face {
  font-family: "Noto Sans JP Bold";
  src: url("../fonts/NotoSansJP-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Noto Sans JP Medium";
  src: url("../fonts/NotoSansJP-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Noto Sans JP Regular";
  src: url("../fonts/NotoSansJP-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "M Plus 1c";
  src: url("../fonts/MPLUSRounded1c-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Oswald";
  src: url("../fonts/Oswald-VariableFont_wght.ttf") format("truetype");
}
/*--------------------
gallery
--------------------*/
.gallery {
  padding-top: 120px;
}

.gallery_title {
  color: transparent;
  font-size: 65px;
  -webkit-text-stroke: #feeb00 1px;
  background-image: url("../../assets/img/backgrounds/gallery_background.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 145px;
  padding-top: 158px;
  position: relative;
  text-align: center;
  z-index: 10;
}

.gallery_container {
  gap: 26px;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 71px;
  margin-top: 50px;
}

.gallery_image {
  aspect-ratio: 1/1;
  width: 100%;
}

@media (max-width: 500px) {
  .gallery {
    padding-top: 0;
  }
  .gallery_title {
    background-image: url("../../assets/img/backgrounds/gallery_background_sp.png");
    font-size: 42px;
    padding-bottom: 64px;
    padding-top: 54px;
  }
  .gallery_container {
    gap: 8px 10px;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 32px;
    margin-top: 26px;
  }
}/*# sourceMappingURL=gallery.css.map */