.splide {
  overflow: hidden;
  width: 100%;
}

.splide__slide {
  -webkit-transition: -webkit-transform 400ms;
  transition: -webkit-transform 400ms;
  transition: transform 400ms;
  transition: transform 400ms, -webkit-transform 400ms;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.splide__slide a {
  display: block;
  width: 100%;
  height: 19.444vw;
}

.splide__slide img {
  cursor: pointer;
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 19.5vw;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1vw;
}

.splide__arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 1.12vw;
  padding: .5%;
}

.splide__arrow {
  padding: 1.42vw 1.84vw;
  border-radius: 0.83vw;
}

.splide__arrow svg {
  width: .6vw;
}

.splide__arrow:hover {
  background-color: #BBBBBB;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.splide__arrow:last-child svg {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

@media screen and (max-width: 630px) {
  .splide a {
    height: 76.8vw;
  }
  .splide img {
    border-radius: 4.1vw;
  }
  .splide__arrows {
    margin-top: 4vw;
  }
  .splide__arrow {
    padding: 4vw;
  }
  .splide__arrow svg {
    display: block;
    width: 1.3vw;
  }
}