.event24{
  margin: 0 auto;
  background: #FFF;
}

.event24 a{
  display: block;
}

.event24 img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.banner-prod{
  position: relative;
}
.banner-prod ul{
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.banner-prod ul li{
  position: relative;
}
.banner-prod ul li .video-bx{
  background-color: #fff;
  position: absolute;
  overflow: hidden;
}
.banner-prod ul li .video-bx video{
  width: 100%;
  height: 100%;
}


/* PC */ 
@media (min-width: 1160px) {
  main{
    padding-top: 0;
  }
  .event24{
    max-width: 1160px;
    padding-top: 90px;
  }

  .banner-prod ul{
    width: 1022px;
    top: 281px;
    row-gap: 19px;
  }
  .banner-prod ul li.prod1 .video-bx{
    width: 448px;
    height: 326px;
    top: 73px;
    right: 17px;
  }  
  .banner-prod ul li.prod2 .video-bx{
    width: 448px;
    height: 326px;
    top: 73px;
    left: 17px;
  }
  .banner-prod ul li.prod3 .video-bx{
    width: 448px;
    height: 298px;
    top: 74px;
    right: 17px;
  }
  .banner-prod ul li.prod4 .video-bx{
    width: 448px;
    height: 298px;
    top: 74px;
    left: 17px;
  }
  .banner-prod ul li.prod5 .video-bx{
    width: 448px;
    height: 298px;
    top: 75px;
    right: 17px;
  }
  .banner-product-list .prod-list-container{
    padding: 50px 0;
  }
}


/* MO */
@media (max-width: 1159px) {
  .event24{
    max-width: 720px;
    min-width: 280px;
  }
  .banner-prod ul{
    width: 100%;
    padding: 0 5.55556%;
    top: 7.86422%;
    row-gap: min(5.55556vw, 40px);
  }

  .banner-prod ul li .video-bx{
    width: 92.8125%;
    height: 43.23608%;
    top: 9.6817%;
    left: 3.59375%;
  }
  .banner-product-list .prod-list-container{
    padding: 40px 20px;
  }

  .event-share{
    margin: 80px 0;
  }
}