.slider {
  position: relative;
  z-index: 1;
  height: 50vh;
}

.slider-top,
.slider-bottom {
  height: 25vh;
}

.slider-item01 {
  background: url(../images/top_img/img_01.webp);
}

.slider-item02 {
  background: url(../images/top_img/img_02.webp);
}

.slider-item03 {
  background: url(../images/top_img/img_03.webp);
}

.slider-item04 {
  background: url(../images/top_img/img_04.webp);
}

.slider-item05 {
  background: url(../images/top_img/img_05.webp);
}

.slider-item06 {
  background: url(../images/top_img/img_06.webp);
}

.slider-item01_s {
  background: url(../images/top_img/img_01_s.webp);
}

.slider-item02_s {
  background: url(../images/top_img/img_02_s.webp);
}

.slider-item03_s {
  background: url(../images/top_img/img_03_s.webp);
}

.slider-item04_s {
  background: url(../images/top_img/img_04_s.webp);
}

.slider-item05_s {
  background: url(../images/top_img/img_05_s.webp);
}

.slider-item06_s {
  background: url(../images/top_img/img_06_s.webp);
}

.slider-item {
  width: 100%;
  height: 25vh;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.slider h1 {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 3vw;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}