.main-sliderWrap{
      position: relative;
      display: block;
      padding: 10% 0px;
      background: #EDEDED;
          @media screen and (max-width:576px){
            padding: 15% 0px;
          }
      .main-slider{
        .slider-item{
          .item-img{
            img{
            }
          }
          &.img_2{
            display: flex;
            justify-content: space-between;
            .item-img{
              width: 50%;
              img{
                width: 100%;
              }
            }
          }
        }
      }
      .slick-list{
        .slick-track{
        }
      }
      .arrow_wrap{
        position: absolute;
        width: 100%;
        max-width: 10%;
        bottom: 3%;
        right: 8%;
        display: inline-flex;
        height: auto;
        align-items: center;
        justify-content: center;
      }
      .slick-num {
        font-size: clamp(1.0rem,3vw,3.0rem);
        line-height: 1;
        position: relative;
        text-align: center;
        white-space: nowrap;
        .now-count{
          font-size: clamp(1.0rem,5vw,3.0rem);
        }
      }
      .slick-slide  {
            max-height: 75vh;
         @media screen and (max-width:1200px){
            max-height: 55vh;
          }
           @media screen and (max-width:768px){
            max-height: 45vh;
          }
          @media screen and (max-width:576px){
            max-height: 35vh;
          }
        img{
            max-height: 75vh;
            margin: auto;
            width: 100%;
            object-fit: cover;
            height: 100%;
          @media screen and (max-width:1200px){
            max-height: 55vh;
          }
          @media screen and (max-width:768px){
            max-height: 45vh;
          }
           @media screen and (max-width:576px){
            max-height: 35vh;
          }
        }
      }
      .slick-prev, .slick-next {
         width: auto; 
         height: auto; 
      }
      .slick-prev{
          &:before {
            display: block;
            content: '';
            width:0;
            height:0;
            border-style:solid;
            border-width: 8px 12px 8px 0;
            border-color: transparent #343434 transparent transparent;
        }
      }
      .slick-next{
          &:before {
            display: block;
            content: '';
            width:0;
            height:0;
            border-style:solid;
            border-width: 8px 0 8px 12px;
            border-color: transparent transparent transparent #343434;
        }
      }
    }

/*$(function () {
  $('.main-slider').slick({
    arrows: true, // 前・次のボタンを表示する
    dots: false, // ドットナビゲーションを表示する
    speed: 1000, // スライドさせるスピード（ミリ秒）
    slidesToShow: 1, // 表示させるスライド数
    autoplay: true
  });
});*/
$(function () {
  $(".main-slider").on("init", function (event, slick) {
      $('.dots').append(
        '<div class="slick-num"><span class="now-count"></span> / <span class="all-count"></span></div>'
      );
      $(".now-count").text(slick.currentSlide + 1);
      $(".all-count").text(slick.slideCount);
    })
    .slick({
      arrows: true, // 前・次のボタンを表示する
      autoplay: true,
      autoplaySpeed: 1500,
      fade: true,
      speed: 1500,
      appendArrows: $('.arrows'),
      appendDots: $('.dots'),
    })
    .on("beforeChange", function (event, slick, currentSlide, nextSlide) {
      $(".now-count").text(nextSlide + 1);
    });
});