/******************* 
* 共通部分
********************/
  
/*slick-arrowカスタマイズ*/
.slick-arrow {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 0;
    width: 20px;
    height: 38px;
    color: transparent;
    z-index: 1;
    transition: opacity 0.5s;
    z-index: 1;
  }
  .slick-arrow:hover {
    opacity: 0.7;
    border: none;
  }
  
  /* 共通設定 */
  
  .slick-next::before,
  .slick-next::after,
  .slick-prev::before,
  .slick-prev::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
  }
  .slick-next::after,
  .slick-prev::after {
    width: 26px;
    height: 26px;
    border-top: 3px solid #0F25A2;
    border-right: 3px solid #0F25A2;
  }
  
  /* next */
  
  .slick-next {
    position: absolute;
    right: 300px;
    top: 0px;
    border: none;
    background: none;
  }
  .slick-next::after {
    right: 4px;
    transform: rotate(45deg);
  }
  
  /* prev */
  
  .slick-prev {
    position: absolute;
    left: 300px;
    top: 0px;
    border: none;
    background: none;
  }
  .slick-prev::after {
    left: 4px;
    transform: rotate(-135deg);
  }
  
  @media screen and (max-width: 768px) {
    .slick-next::after,
    .slick-prev::after {
      width: 20px;
      height: 20px;
    }
    .slick-next {
      right: 30px;
    }
    .slick-prev {
      left: 30px;
    }
    .slick-next::after {
      right: 2px;
    }
  }

/******************* 
* サービス・事業ページ
********************/


@media screen and (max-width: 768px) {
  .l-slide-item{
    width: 70vw;
  }

}