@charset "UTF-8";

.second-mv {
  position: relative;
}
.second-mv::after{
  content: "";
  background-color: var(--lightgray);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 53.466667vw;
  z-index: -1;
}
.content01{
  background-color: var(--lightgray);
}
.second-mv .inner::after{
  content: "";
  background-image: url(../../img/works/mv_bg.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 77.86666666666666vw;
  height: 14.266666666666666vw;
  position: absolute;
  bottom: 4.666667vw;
  right: 0;
  z-index: 1;
}
.second-mv .img{
  background-image: url(../../img/works/mv_sp.png);
  width: 100%;
  height: 61.6vw;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 24px;
  margin-bottom: 11.733333333333333vw;
}
.content01 ul{
  padding: 9.6vw 0 21.333333333333332vw;
  display: flex;
  gap: 2.1333333333333333vw;
  flex-wrap: wrap;
}
.content01 ul li{
  width: 44.266666666666666vw;
}