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

.works-sec__swiper-container {
	max-width: 980px;
	margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.works-sec__swiper-container .swiper-wrapper {
	width: 80%;
	max-width: 90%;
}
.works-sec .swiper-slide {
	width: 38%;
	margin: 0 0 0 25px;
}
.works-sec .swiper-button-next {
	background-image: url("../images/swiper-next.svg");
	margin-right: 50px; 
}
.works-sec .swiper-button-prev {
	background-image: url("../images/swiper-prev.svg");
	margin-left: 50px;
}
.works-sec .swiper-container {
	width: calc(100% - 100px);
	padding-bottom: 50px;
	box-sizing: content-box;
}
/* 前・次スライドボタンの縦位置調整（スライドの高さの中央に合わせる） */
.works-sec .swiper-button-prev, .swiper-button-next {
	top: calc((100% - 50px) * 0.5);
	margin-top: 40px;
}
.works-sec .swiper-pagination {
	width: 100%;
	max-width: 90%;
}
.works-sec .swiper-pagination-bullet {
	background-color: #002034;
	margin: 4px;
}
.works-sec .swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 0;
}

.kv-sec .swiper-wrapper {
	width: 100%;
	max-width: 100%;
}

@media screen and (max-width:1850px){
.works-sec__swiper-container {
    max-width: 90%;
	}
.works-sec .swiper-slide {
	width: 40%;
	}
}
@media screen and (max-width:1450px){
.works-sec .swiper-button-next {
	right: 40px;
}
.works-sec .swiper-button-prev {
	left: 40px;
}
.works-sec .works-sec__swiper-container {
    max-width: 70%;
	}
}
@media screen and (max-width:990px){
.works-sec .swiper-button-next {
	right: 40px;
}
.works-sec .swiper-button-prev {
	left: 40px;
}
.works-sec .works-sec__swiper-container {
    max-width: 80%;
	}
}

@media screen and (max-width:768px){
.works-sec .swiper-slide {
	width: 100%;
	margin: 0;
}
swiper-wrapper .swiper-slide img {
	object-fit: contain;
	}
}