@charset "UTF-8";
/* css : mobile first               */
/* breakpoint : pc min-width: 1090px */
/*              TB min-width: 750px */
/*              SP 749px以下　　　 　*/
/**********************************************
  facility
***********************************************/
.facility__inner {
  margin-top: 110px;
}
.facility__slider {
  margin-top: 60px;
}
.facility__dList {
  margin-top: 40px;
}
.facility__btnArea {
  width: fit-content;
  margin: 100px auto 0;
}
.facility__btn {
  width: auto;
  padding: 0.7rem;
}
.facility__gapTxtimg {
  margin-top: 40px;
}

/**********************************************
  slider02
***********************************************/
/*戻る、次へ矢印の位置*/
.slick-prev .slick-prev, 
.slick-prev, .slick-next {
  top: inherit;
}
.slider02 .slick-prev, 
.slider02 .slick-next {
    position: absolute;/*絶対配置にする*/
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #000;/*矢印の色*/
    border-right: 2px solid #000;/*矢印の色*/
    height: 10px;
    width: 10px;
    z-index: 10;
}

.slider02 .slick-prev {/*戻る矢印の位置と形状*/
    left: 30%;
    bottom: -9%;
    transform: rotate(-135deg);
}

.slider02 .slick-next {/*次へ矢印の位置と形状*/
    right: 30%;
    bottom: -9%;
    transform: rotate(45deg);
}
.slider02 .slick-prev:before,
.slider02 .slick-next:before {
  content: none;
}
@media screen and (min-width: 768px) {
  /* TB PCに打ち消されるためTBサイズで切り替える*/
  .slider02 .slick-prev {/*戻る矢印の位置と形状*/
    bottom: -5%;
}

.slider02 .slick-next {/*次へ矢印の位置と形状*/
    bottom: -5%;
}
}