@charset "utf-8";
/* CSS Document */
.voice_a {
  background:
    linear-gradient(rgba(255, 255, 255, .88), rgba(255, 255, 255, .88)), url("https://risora.jp/system_panel/uploads/images/bg1.jpg") center center / cover no-repeat;
}
.voice_a .titlebox h2 {
  color: #333;
  line-height: 1.5;
  letter-spacing: .16em;
  font-weight: 400;
}
.voice_a .titlebox .fonteb {
  line-height: 1.2;
  letter-spacing: .16em;
  font-weight: 400;
  margin-top: 4px;
}
.voice_a .titlebox .zenkaku {
  color: #333;
  line-height: 2.1;
  letter-spacing: .08em;
  font-weight: 400;
}
.gallery_b {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(38px, 5vw, 70px) clamp(48px, 6vw, 80px);
  max-width: 1180px;
  margin-right: auto;
  margin-left: auto;
}
.gallery_b a {
  display: block;
  text-decoration: none;
  transition: .3s ease;
}
.gallery_b a:hover {
  opacity: .82;
  transform: translateY(-3px);
}
.gallery_b .imgbox {
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  background: #eee;
}
.gallery_b .imgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media screen and (max-width: 768px) {
  .gallery_b {
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
  }
  .voice_a .titlebox .zenkaku br {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .gallery_b {
    gap: 18px;
  }
}
/* ---------- 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) {}