.slick-prev
{
    left: 25px;
}
.slick-next
{
    right: 25px;
}
.slick-prev,
.slick-next
{
    z-index: 100;
}

.slick-prev::before {
    content: url(./l_arrow.png);  
  }
  .slick-next::before {
     content: url(./r_arrow.png);
  }


.slick-dots{
    bottom:5px;
  }
  .slick-dots li {
    margin: 10px; 
    width: 70px;
    height: 5px;
  }
  .slick-dots li button:before {
    content:'';
    width: 70px;
    height: 5px;
    background: #E0E0E0;
    opacity: 1;
  }
  .slick-dots li.slick-active button:before{
    background: #F2C802;
  }

  /* メディアクエリサンプル */
/* ===============================
	device setting
 =============================== */
@media screen and (min-width: 1281px) {
  // 画面幅が1281px以上（PC専用スタイル）
}

@media screen and (max-width: 1280px) {
  // 画面幅が1280px以下（タブレット・スマホ共通スタイル）
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
  // 画面幅が768px～1280px（タブレット専用スタイル）
}

@media screen and (max-width: 767px) {


}

@media screen and (max-width: 414px) {

  .slick-prev
  {
      left: 15px;
  }
  .slick-next
  {
      right: 15px;
  }
  .slick-prev,
  .slick-next
  {
      z-index: 100;
  }
  
  .slick-prev::before {
      content: url(./l_arrow.png);  
    }
    .slick-next::before {
       content: url(./r_arrow.png);
    }
  
  
  .slick-dots{
      bottom:5px;
    }
    .slick-dots li {
      margin: 10px; 
      width: 55px;
      height: 5px;
    }
    .slick-dots li button:before {
      content:'';
      width: 55px;
      height: 5px;
      background: #E0E0E0;
      opacity: 1;
    }
    .slick-dots li.slick-active button:before{
      background: #F2C802;
    }
  

}