@charset "UTF-8";
/* CSS Document */

.works_list_flex {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
  width: 100%;
  padding: 50px;
}
.works_list {
  width: calc((100% - 100px) / 3);
  padding: 0px;
}
@media screen and (max-width: 960px) { /* スマホ・タブレット用 */
  .works_list {
    width: 100%;
  }
}
.works_list a {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2; /* 3:2 の比率を維持 */
  overflow: hidden; /* はみ出した部分を隠す */
}
.works_list img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover; /* はみ出しつつ比率維持でトリミング */
  object-position: center; /* 中心を起点に表示 */
}
.works_list_title {
  display: inline-block;
  margin: 8px 5px 8px 0px;
  padding: 1px 5px 1px 5px;
  background-color: #517D4C;
  color: #FFFFFF;
}
.works_list_name {
  font-size: 1.2rem;
}