@charset "utf-8";
/* CSS Document */

.slide-wrap {
  margin: -50px 0 0;
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;

}
@media screen and (min-width: 960px) {
.slide-wrap {
  margin: -200px 0 0;
  }
}
.slide-img_wrapper img{
  object-fit: cover;
  height: 100vh;
  width: 100%;
}
.textw {
  color:#FFFFFF;
  font-size: 18px;
  line-height: 1.5;
  position: absolute;
  right: 0;
  bottom: -20;
  left: 0;
  margin: auto;
  width: fit-content;
  height: fit-content;
  text-align: center;
  text-shadow: 1px 1px 1px #888888;
  font-family: "din-2014", corporate-logo-ver2, sans-serif;
  font-style: normal;
  font-weight: 500;
}
@media screen and (min-width: 960px) {
.textw {
  font-size: 18px;
  
  }
}

.text {
  color:#FFFFFF;
  font-size: 18px;

  line-height: 1.5;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: fit-content;
  height: fit-content;
  text-align: center;
  text-shadow: 
	  1px 1px 5px #666666,
     -1px 1px 5px #666666,
      1px -1px 5px #666666,
     -1px -1px 5px #666666;
  font-family: "din-2014", corporate-logo-ver2, sans-serif;
  font-style: normal;
  font-weight: 500;
}
@media screen and (min-width: 960px) {
.text {
  font-size: 30px;
  
  }
}

.swiper-slide .text {
  opacity: 0;
}
.swiper-slide-active .text {
  opacity: 1;
  transition: 2s;
  transition-delay: 1s;
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 30px;
}
@media screen and (min-width: 960px) {
 .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 50px;
  }
}
.swiper-pagination-bullet {
  /*ドットの色を変更*/
  background-color: white;
  opacity: 0.5;
}
.swiper-pagination-bullet-active {
  background-color: red ;
  opacity: 1;
}
/*トップページ施工事例*/
.swiper2 {
  margin: 0;
  width: 100%;
  overflow: visible;
}
@media screen and (min-width: 960px) {
.swiper2 {
  margin: 0 auto;
  }
}
.slide-wrap2 {
  margin: 0;
  width: 100%;
  overflow: visible;
}
@media screen and (min-width: 960px) {
.slide-wrap2 {
  margin: 0 auto;
  }
}
.slide-wrap2 .swiper-wrapper{
  transition-timing-function: linear;
  
}
@media screen and (min-width: 960px) {
.slide-wrap2 .swiper-wrapper{
  
  }
}
.slide-wrap2 .swiper-slide{
  width: 100vw;
}
@media screen and (min-width: 960px) {
.slide-wrap2 .swiper-slide{
  width: calc(100vw / 3);
  }
}
.slide-wrap2 .swiper-slide img{
  width: 100%;
}
@media screen and (min-width: 960px) {
.slide-wrap2 .swiper-slide img{
  width: 100%;
  }
}

.zoom-box {
  overflow: visible;
  position:relative;
  top:0;
  transition: .5s;
}

.zoom-box:hover {
  top:-15px;
  transition: .5s;
}