@charset "UTF-8";
/*PC・タブレット・スマホ共通設定
 ---------------------------------------------------------------------------*/
/* mobile first*/
/* For Bootstrap4 Breakpoints  */
/* For Bootstrap4 Breakpoints  End */
/* ----
// * ex) @include text-stroke(2, #fff);
---- */
.gallery-item {
  box-sizing: border-box; }

/*
.gallery-item img {
  width: 100%;
  height: 200px; 固定の高さを設定
  object-fit: cover; 画像を中央でトリミング
}
*/
.responsive-image {
  width: 100%;
  /* 表示エリアの100%の横幅 */
  aspect-ratio: 4 / 3;
  -o-object-fit: cover;
     object-fit: cover;
  /* 画像がアスペクト比を保ちながらエリアに収まる */
  max-width: 350px;
  /*画像ロード時に拡大して表示されるのを防ぐ*/
  max-height: 300px;
  /**/
  border-radius: 10px;
  border: #ddd thin solid; }

.gallery-container {
  justify-content: center; }

.Corp__photo .-zoomicon {
  margin-top: -40px;
  max-width: 35px; }

/* デフォルトは1列表示
.gallery-item {
  flex: 0 0 100%;
  max-width: 100%;
}
 */
/* 画面幅が768px以上のときに3列表示
@media (min-width: 768px) {
  .gallery-item {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
}

#lightboxOverlay img {
  max-width: 80vw;
  max-height: 80vh;
}
*/