@charset "utf-8";

.test-slick__item img {
  height: auto;
  width: 100%;
}


/* works page slide */
.test-slick {
  width: 90%;
  max-width: 500px;
  margin: 40px auto;
}

.test-slick__item img {
  height: auto;
  width: 100%;
}

.test-slick button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  padding: 0;
  border: none;
  background-color: transparent;
}

.test-slick button:focus {
  outline: none;
}

.test-slick button.arrow-common {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  top: 30%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 5;
}

.test-slick button.arrow-prev {
  left: -10%;
  border-width: 25px 25px 25px 0;
  border-color: transparent #535353 transparent transparent;
}
.test-slick button.arrow-next {
  right: -10%;
  border-width: 25px 0 25px 25px;
  border-color: transparent transparent transparent #535353;
}




/* sp responsive */
    @media screen and (max-width: 1024px) {
      .test-slick button.arrow-prev {
        left: -5%;
      }

      .test-slick button.arrow-next {
        right: -5%;
      }

    }