/* slick 表示 */
.slick-slider {
  width: 100%; /* 横幅100%に変更 */
  height: calc(100% * 9 / 16); /* 高さも%ベースで設定 */
  max-width: 100vw; /* 横幅最大を画面幅に設定 */
  max-height: 90vh; /* 高さ最大を画面高さの90%に設定 */
  background-color: #FFFFFF;
  margin: 0 auto;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 0!important;

}


.slick-slider .slick-list, 
.slick-slider .slick-track {
  position: relative}

.slick-slider .slick-slide {
  height: 100%;
}

.slick-slider img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 画像を比率崩さずカバー */
  display: block;
  z-index: 10;
}


.slick-button-set{
  position: relative;
  display: flex;
background-color: rgba(2,48,48,1.00);
  background-image:url("../img/concrete.jpg");
  background-size: 20%
}


@media screen and (max-width: 767px) {
  
  .slick-button-set{
  /* [disabled]position: relative; */
  display: block;
  /* [disabled]background-color: rgba(2,48,48,1.00); */
}
  
  

  

}
