/*--------スライダーcss-----------------------------------*/
  :root{
    /*スライダー用関数*/
    --swiper-pagination-bullet-size: 12px;
    --swiper-theme-color: #009260;
    --swiper-navigation-sides-offset: -60px; /*prev/nextボタン位置(左右)*/
    --swiper-navigation-size: 35px;
    --swiper-navigation-color: #fff;
  }
  .slide-main{
    position: relative;
    width: 100%;
    height: 350px;
    margin: 10px auto 0 auto;
    overflow: hidden;
  }
  .swiper{
    width: 900px;
    max-height: 300px;
    overflow: visible;
    margin: 0 auto;
  }
  .swiper-slide{
    /*スライド*/
    max-width: 900px;
    width: 100%;
    opacity: .5;
  }
  .swiper-slide-active {
    /*アクティブなスライド*/
    opacity: 1;
  }
  .slide-item{
    width: 100%;
  }
  .swiper-button-prev, .swiper-button-next{
    background-color: rgba(0, 0, 0, 0.5);
    width: 60px;
    height: 60px;
    border-radius: 50%;
  }
  .swiper-button-prev::after, .swiper-button-next::after{
    font-weight: bold;
  }
  .swiper-pagination {
    bottom: 0 !important;
  }
/*-------------------------------------------*/
	@media screen and (max-width: 1020px) {
    .swiper-button-prev, .swiper-button-next{
      display: none;
    }    
  }
/*-------------------------------------------*/
	@media screen and (max-width: 890px) {
    :root{
      /*スライダー用関数*/
      --swiper-pagination-bullet-size: 10px;
    }
    .slide-main{
      height: calc(320vw/8.90); /*高さ計算(幅890pxの時に高さ310px)*/
    }
    .swiper{
      width: 100%;
      overflow: hidden;
    }
    .swiper-slide{
      /*スライド*/
      width: 100%;
      opacity: 1;
    }
    .slide-item img{
      width: 100%;
      object-fit: contain;
    }
  }
/*-------------------------------------------*/
	@media screen and (max-width: 540px) {
    .slide-main{
      height: calc(220vw/5.40); /*高さ計算(幅540pxの時に高さ220px)*/
    }
  }
/*--------スライダーcss-----------------------------------*/