.swiper-container {
  padding: 0 20px;
}
.swiper-container .swiper-wrapper {
  padding: 30px 0;
}
.swiper-container .swiper-wrapper .swiper-slide {
  width: 450px;
  height: 608px;
  border-radius: 8px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}
.swiper-container .swiper-wrapper .swiper-slide .thumnail {
  width: 450px;
  height: 410px;
}
.swiper-container .swiper-wrapper .swiper-slide .thumnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
/*施工実績のサムネイルつきswiper*/
.slider-thumbnail .swiper-slide {
  opacity: .5;
  transition: opacity .5s;
  width: calc(100% / 3);
}
.slider-thumbnail .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}
#slider, #thumbnail_slider {
  width: 906px;
  max-width: 100%;
  margin: 0 auto 60px;
}
.slide-item img {
  width: 100%;
}
.thumbnail-item img {
  width: 100%;
  margin: 0 auto;
}
.workslider {
  position: relative;
}
.workslider .slick-slide {
  margin: 0 15px;
  width: 906px;
  max-width: 90vw;
}
.workslider .slick-list {
  margin: 0 0;
}
.thumnail-workslider .slick-list {
  margin: 0 0;
}
.thumnail-workslider .slick-slide {
  margin: 0;
}
.thumnail-workslider .thumbnail-item.slick-slide {
  width: 32%;
  max-width: 280px;
  margin-right: 33px;
}

@media screen and (max-width: 768px) {
	.thumnail-workslider .thumbnail-item.slick-slide {
	max-width: 29vw;
		margin-right: 1.3vw;
	}
}

.thumnail-workslider .thumbnail-item.slick-slide img {
  margin: 0;
}
.slide-arrow.prev-arrow.slick-arrow {
  position: absolute;
  left: -40px;
  z-index: 2;
  width: 80px;
  height: 80px;
  top: 260px;
}
.slide-arrow.next-arrow.slick-arrow {
  position: absolute;
  right: -40px;
  z-index: 2;
  width: 80px;
  height: 80px;
  top: 260px;
}
@media screen and (max-width: 768px) {
  .slide-arrow.prev-arrow.slick-arrow {
    left: -19px;
    width: 51px;
    height: 51px;
    top: 40%;
  }
  .slide-arrow.next-arrow.slick-arrow {
    right: -19px;
    width: 51px;
    height: 51px;
    top: 40%;
  }
}



.youtube-ratio iframe {
  width: 100%;
	height: 100%;
  aspect-ratio: 16 / 9;
}
@media screen and (max-width: 768px) {
.footer-up .right .footer-nav ul.flex.mgt0{
	margin-top: 0;
	}}

div.head-wrap h1.logo{
	width: 236px;
    height: 59px;
    position: absolute;
    top: 18px;
    left: 72px;
}
@media screen and (max-width: 768px) {
	div.head-wrap h1.logo{
width: 158px;
        height: 40px;
        left: 22px;
        top: 10px;
}
}