@charset "utf-8";
.gallery_wrap {
  max-width: 1280px;
  margin: 0 auto;
}

.gallery_wrap .titlebox h2 {
  line-height: 1;
}

.gallery_grid_a {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(24px, 4vw, 46px);
  width: 100%;
}

.gallery_grid_a .gallery_item a {
  display: block;
  text-decoration: none;
}

.gallery_grid_a .imgbox {
  width: 100%;
  aspect-ratio: 1.55 / 1;
  overflow: hidden;
  border-radius: 8px;
  background: #E7DED1;
}

.gallery_grid_a .imgbox img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .4s;
}

.gallery_grid_a .gallery_item a:hover .imgbox img {
  transform: scale(1.04);
}

.gallery_grid_a.interior_grid {
  grid-template-columns: repeat(3, 1fr);
}

.gallery_grid_a.interior_grid .gallery_item {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .gallery_grid_a,
  .gallery_grid_a.interior_grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

@media screen and (max-width: 576px) {
  .gallery_grid_a,
  .gallery_grid_a.interior_grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .gallery_grid_a .imgbox {
    aspect-ratio: 16 / 10;
    border-radius: 6px;
  }
}

/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}