@charset "utf-8";

/*==================================================*/
.slider {
  position: relative;
  z-index: 1;
  height: 100vh;
  background-color: #C2CFC7;
}

/* 背景画像設定 */
.slider-item01 {
  background: url(../img/kv1.jpg);
}

.slider-item02 {
  background: url(../img/kv2.jpg);
}

.slider-item03 {
  background: url(../img/kv3.jpg);
}

.slider-item04 {
  background: url(../img/kv4.jpg
);
}

.slider-item05 {
  background: url(../img/kv5.jpg);
}

.slider-item06 {
  background: url(../img/kv6.jpg);
}

.slider-item {
  width: 100%;
  height: 100vh;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  background-color: #C2CFC7;

}

/*戻る、次へ矢印の位置*/
.slick-prev,
.slick-next {
  position: absolute;
  z-index: 3;
  top: -20%;
  cursor: pointer;
  outline: none;
  border-top: 2px solid #ccc;
  border-right: 2px solid #ccc;
  height: 25px;
  width: 25px;

}

.news {
  position: relative;
}

.news .slick-prev,
.news .slick-next {
  position: absolute;
  top: -20%;
}

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

/*次へ矢印の位置と形状*/
.slick-next {
  right: 2.5%;
  transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/
.slick-dots {
  position: relative;
  z-index: 3;
  text-align: center;
  margin: -50px 0 0 0;
}

.slick-dots li {
  display: inline-block;
  margin: 0 5px;
}

/* .slick-dots button {
  color: transparent;
  outline: none;
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 50%;
  background: #ccc;
}

.slick-dots .slick-active button {
  background: #333;
} */

/*-------------------------------------------
 news
-------------------------------------------*/
.news li {
  margin: 0 20px;
  position: relative;
}

.news li .vertical {
  position: absolute;
  top: 0;
  right: -20px;
  writing-mode: vertical-rl;
  font-size: 20px;
  letter-spacing: 0.3rem;
}

.news li .pic {
  aspect-ratio: 4 / 3;
  /* height: 200px; */
  /* overflow: hidden; */
  margin-bottom: 10px;
}