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

.style_gallery_block {
  position: relative;
  overflow: hidden;
}

.style_gallery_block .title_e2 {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.style_gallery_block .style_gallery_list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(28px, 4vw, 42px) clamp(18px, 3vw, 28px);
}

.style_gallery_block .style_gallery_item .imgbox {
  width: 100%;
  margin-bottom: 12px;
  overflow: hidden;
}

.style_gallery_block .style_gallery_item .imgbox img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1.15;
  object-fit: cover;
}

.style_gallery_block .style_gallery_item .comment {
  margin-bottom: 5px;
  color: #9ab9a7;
  font-size: 13px;
  letter-spacing: 0.06em;
  line-height: 1.5;
}

.style_gallery_block .style_gallery_item .body_txt {
  font-size: 13px;
  letter-spacing: 0.06em;
}

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

@media screen and (max-width: 576px) {
  .style_gallery_block .style_gallery_list {
    grid-template-columns: 1fr;
  }
}
/* ---------- 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){
}