/* VISUAL */
.page_visual{
  position: relative;
  width: 100%;
  height: 200px;
  background: url(/assets/img/works/page_visual.jpg) no-repeat center center / cover;
}
@media screen and (min-width:769px) {
  .page_visual{
    height: 400px;
  }
}

/* WORKS */
.sec_works .works_list{
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(auto-fit , minmax(320px , 1fr));
  gap:2%;
  margin-bottom:50px;
}
.sec_works .works_list .list_item{
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 10px;
  border:1px solid var(--color-shadow);
  padding:15px 15px;
}
.sec_works .works_list .list_item .works_thumbnail{
  position:relative;
}
.sec_works .works_list .list_item .works_thumbnail img{
  aspect-ratio: 4 / 3;
}
.sec_works .works_list .list_item .works_thumbnail figcaption{
  margin-top:0.5em;
}
.sec_works .works_list .list_item .item_tag{
  display: flex;
  flex-wrap:wrap;
  gap: 0.5em;
  border-top:1px solid var(--color-shadow);
  padding-top:10px;
}
.sec_works .works_list .list_item .item_tag .tag{
  width:fit-content;
  height:fit-content;
  font-size:1.2rem;
  color:#FFFFFF;
  background:var(--color-main);
  padding:0.125em 0.5em;
}
@media screen and (min-width:769px) {
  .sec_works .works_list{
  }
}