@charset "UTF-8";

/* staff一覧 */
.staff {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4rem;
}

.works-list-wrap {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  row-gap: 0;
  background-color: #285fa8;
  color: #ffffff;
  padding: 1.5vw 0;
}

.works-list-wrap h2 {
  border-bottom: 1px solid #fff;
}

.works-list-wrap > span,
.works-list-wrap > h2,
.works-list-wrap > div {
  margin-inline: 1.5vw;
}

.works-list-wrap img {
  backface-visibility: visible;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

@media (width <= 750px) {
  .staff {
    grid-template-columns: unset;
  }
}