@charset "UTF-8";
/* スライダー */
.slider {
  width: 100%;
  overflow: hidden;
}

.slick__item{
  height: 100vh;
  position: relative;
}

.slick__item::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: .1;
}

.slick__item::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: url('../images/top/ojt_top.png') no-repeat;
  background-size: 90%;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  mix-blend-mode: screen;
}

.slick__item--img img{
    width: 100%;
}

@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
.add-animation {
  animation: zoomUp 10s linear 0s normal both;
}

/* sp */
@media (max-width: 768px) {

  .slick__item::before {
    background: url('../images/top/ojt_multiply.png');
    background-size: 150%;
    background-position: top 20% left;
  }
  
  .slick__item::after {
    background: url('../images/top/ojt_top_sp.png') no-repeat;
    background-size: 100%;
    background-position: center;
  }
}