/* 画像のデザイン設定 ---------------------------------------------------*/
.slick-box-pc{
  display: block;
  width: 100%;
  padding: 0 0 50px 0;
}
.slick-box-sp{
  display: none;
}
/* ブレイクポイント毎のデザイン */
@media (max-width:768px) {
  .slick-box-pc{
    display: none;
  }
  .slick-box-sp{
    display: block;
    width: 100%;
    padding: 0 0 30px 0;
  }
}
/* 画像のデザイン設定 ---------------------------------------------------*/


/*前後ボタンのデザイン設定----------------------------------------------*/
/* slickの設定プロパティであるarrowsをtrueにする必要がある */
.slide-arrow{
  width: 14px !important;
}

.prev-arrow{
  position: absolute;
  z-index:1;
  left:-50px;
  top:50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
}

.next-arrow{
  position:absolute;
  z-index:1;
  right:-50px;
  top:50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
}
/*前後ボタンのデザイン設定----------------------------------------------*/