.pswp-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.pswp-gallery figure {
  display: block;
  position: relative;
  overflow: hidden;
  padding-top: 75%;
}
.pswp-gallery figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  object-fit: contain;
  font-family: 'object-fit: contain;';
  max-width: 100%;
  max-height: 100%;
}

.col {
    overflow: hidden;
}

.col-pc-2 .col { width: calc(50% - 10px); }
.col-pc-3 .col { width: calc(33.333% - 10px); }
.col-pc-4 .col { width: calc(25% - 10px); }
.col-pc-5 .col { width: calc(20% - 10px); }


@media(max-width: 768px) {
    .col-sp-1 .col { width: 100%; }
    .col-sp-2 .col { width: calc(50% - 10px); }
    .col-sp-3 .col { width: calc(33.333% - 10px); }
}