@charset "utf-8";
/* CSS Document */

.gallery_wrap {
  max-width: 1280px;
  margin: 0 auto;
}

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

.gallery_b {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(12px, 2vw, 24px);
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

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

.gallery_b .imgbox {
  width: 100%;
  aspect-ratio: 290/338;
  overflow: hidden;
  border-radius: 4px;
  background: #eee;
}

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

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

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

@media screen and (max-width: 576px) {
  .gallery_b {
    gap: 12px;
  }

  .gallery_b .imgbox {
    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){
}