@charset "utf-8";

.photo_gallery{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
  margin: 2em 0;
}

.photo_gallery a{
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.photo_gallery img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){
  .photo_gallery{
    grid-template-columns: repeat(2, 1fr);
  }
}