@charset "UTF-8";
/* ↓ garnet Color設定 */
/* ↑ garnet Color設定 */
/* ↓ garnet 変数設定 */
/* ↑ garnet 変数設定 */
/* ↓ amethyst フォントサイズ設定 */
/*↑基本的なフォントサイズ*/
/*↑h4タグのフォントサイズ ($basic-font-sizeの1.5倍の大きさ)*/
/*↑h3タグのフォントサイズ ($h4-font-sizeの1.5倍の大きさ)*/
/*↑h2タグのフォントサイズ ($h3-font-sizeの1.5倍の大きさ)*/
/*↑h1タグのフォントサイズ ($h2-font-sizeの1.5倍の大きさ)*/
/*↑サブタイトル(h2直下の読み)のフォントサイズ*/
/* ↑ amethyst フォントサイズ設定 */
.main-contents section {
  padding: 90px 0 0;
}

/*------------------------------------------------------------------------------*/
/* ↓ gallery
/*------------------------------------------------------------------------------*/
#gallery iframe {
  width: 100%;
}

.gallery-contents > p {
  text-align: center;
  font-size: 20px;
  padding-bottom: 10px;
}

.gallery-container {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 5px;
  padding: 0px 5px;
}

.gallery-container img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6px;
  transition: transform 0.3s ease;
  cursor: pointer;
}

.gallery-container img:hover {
  transform: scale(1.05);
}

@media (max-width: 1024px) {
  .gallery-container {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 768px) {
  .gallery-contents > p {
    font-size: 3vw;
  }
  .gallery-container {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 480px) {
  .gallery-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
/*------------------------------------------------------------------------------*/
/* ↑ gallery
/*------------------------------------------------------------------------------*//*# sourceMappingURL=gallery.css.map */