/* マッチング実績例・slickスライダー */
* {
    box-sizing: border-box;
}

.sliderArea {
    max-width: 100%;
    margin: 0 auto;
    padding:80px 0 0 0;
    opacity: 0;
    transform: translate(0, 50%);
    transition: 2s;
}

.sliderArea.w300 {
    max-width: 300px;
}

.slick-slide {
    margin: 0 5px;
}

.slick-slide img {
    width: 100%;

}

.slick-prev, .slick-next {
    z-index: 1;
}

.slick-prev:before, .slick-next:before {
    color: #000;
}



.slick-slide {
    transition: all ease-in-out 3s;
    opacity: 0.2;
}

.slick-active {
    opacity: 1;
}

.slick-current {
    opacity: 1;
}


/* スライダー画像全体のサイズを調整 */
.slider img {
    width: 60%;
    margin: auto;
}

.slick-track.slick-next:before {
    display: none;
}

/* inviewで動かす */
.sliderArea.show {
    transform: translate(0, 0);
    opacity: 1;
}
.home-mv-slider{
    height: 100%;
    margin-inline:auto;
    overflow: hidden;
    width: 100%;
    position: absolute;
    top:0;
    left:0;
}
@keyframes zoomUp{
    0%{
        transform:scale(1.15);
    }
    100%{
        transform:scale(1);
    }
}
.add-animation{
    animation:zoomUp 10s linear 0s normal both;
}
.slide-items {
  width: 100%;
  display: flex;
  max-width: 100%;
  margin: auto;
}
.slide-items li {
  height: auto;
  margin-right: 10px;
  margin-left: 10px;
}
.home-mv-slider__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slick-prev:before,
.slick-next:before {
  color: black;
}
.slick-dots {
  left: 50%;
  transform: translateX(-50%);
}
.home-mv-slider * {
    height: 100%;
}