@charset "UTF-8";

/* ドメインを跨ぐ共通パーツ用 ======================= */

/* OTHER WORKS LIST
========================================== */
.work_list{
  display: flex;
  flex-wrap: wrap;
  gap: 1px ;
}
.work_list_box{
  width: calc(50% - .5px);
}
.work_list_box a{
  display: block;
  position: relative;
}
.work_list_img_wrap{
  position: relative;
  background-color: #000;
  aspect-ratio: 1.618 / 1;
}
.work_list_img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.noah_school .work_list_img{
  opacity: .6;
}
.work_list_img_logo{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  width: 80%;
  height: auto;
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(152deg) brightness(103%) contrast(103%);
}

.work_list_txt {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  font-size: 10px;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.7);
  color: #fff;
  /* overflow-y: scroll; */
  /* visibility: visible; */
  transform: translateY(0);
  /* opacity: 1; */
  transition: transform .4s, opacity .4s;
  display: flex;
  justify-content: center;
  align-items: center;

  font-size: .7em;
  font-weight: 500;
  padding: .5em .8em;

  visibility: none;
  opacity: 0;
}
.work_list_box:hover .work_list_txt {
  opacity: 1;
  visibility: visible;
}
._kpop .work_list_img_logo{
  width: 30%;
}
/* .work_list_box._academy{
  display: none;
} */

@media (min-width:769px){

  /* .sec_other_brand .c_wide {
    max-width: 72.5em;
  } */
  .work_list_box { 
    width: calc((100% / 6) - (5px / 6));
  }
  .work_list_img_wrap{
    /* aspect-ratio: 3 / 2; */
    /* aspect-ratio: 4 / 3; */
    aspect-ratio: 1.414 / 1;
  }
  .work_list_img_logo {
    width: 60%;
  }
  ._kpop .work_list_img_logo {
    width: 24%;
  }
  .work_list_txt{
    font-size: min(.7em, 10px);
  }
}/*  */