section#works {
  padding-top: 30px;
}

section#works .container {
}

section#works .content {
  display: flex;
  flex-wrap: wrap;
  margin: auto;
}

section#works .item {
  padding: 10px;
  max-width: 200px;
  width: calc((100% - 60px) / 3);
  aspect-ratio: 1 / 1;
  background-color: #fff;

  & img {
    border: 2px solid transparent;
    cursor: pointer;
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
}


@media not all and (min-width: 1024px) {
}


/* レスポンシブデザイン */
@media (max-width: 1024px) {

  section#works .item {
    width: calc((100% - 6px) / 3);
    height: auto;
    padding: 0px;
    margin: 1px;
    max-width: 82px;

    max-height: none;
  }

  section#works .content {

  }
  .item:not(:last-child) {
  }

}