@charset "utf-8";
.kv {
		position: relative;
}
.kv .kvSlider {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh
}
.kvSlider .swiper {
		width: 100%;
		height: 100%;
}
.kvSlider .swiper-slide {
		background-repeat: no-repeat;
		background-position: center center;
		height: 100%
}
.kvSlider .swiper-slide::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		transform: scale(1.1);
}
.kvSlider .txtBase .swiper-slide::after {
		display: none
}
@media(min-width: 768px) and (max-width: 840px) {
		.kv, .kv .kvSlider, .kvSlider .swiper-slide {
				height: 80vw !important
		}
}
@media(max-width: 840px) {
		.verLandscape .kvSlider .swiper-slide {
				height: 100vh !important
		}
}
.bg-1::after {
		background-image: url("../images/kv-1_pc.jpg")
}
.bg-2::after {
		background-image: url("../images/kv-2_pc.jpg")
}
.bg-3::after {
		background-image: url("../images/kv-3_pc.jpg")
}
@keyframes zoomUp {
		0% {
				transform: scale(1);
		}
		100% {
				transform: scale(1.15);
		}
}
.swiper-pagination {
		text-align: left;
		padding-left: 40px;
}
.swiper-slide-active::after, .swiper-slide-duplicate-active::after, .swiper-slide-prev::after {
		animation: zoomUp 7s linear 0s normal both;
}
.kvSlider .swiper-horizontal > .swiper-pagination-bullets, .kvSlider .swiper-pagination-bullets.swiper-pagination-horizontal, .kvSlider .swiper-pagination-custom, .kvSlider .swiper-pagination-fraction {
		bottom: 30px;
}
@media(max-width: 767px) {
		.verLandscape .kvSlider .swiper-horizontal > .swiper-pagination-bullets, .verLandscape .kvSlider .swiper-pagination-bullets.swiper-pagination-horizontal, .verLandscape .kvSlider .swiper-pagination-custom, .verLandscape .kvSlider .swiper-pagination-fraction {
				bottom: 10px;
		}
}
.kvSlider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .kvSlider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 5px;
}
.kvSlider .swiper-pagination-bullet {
		width: 37px;
		height: 7px;
		box-sizing: border-box;
		border-radius: 0;
		background: #fff;
		opacity: 1;
		transition: opacity 0.4s;
}
.kvSlider .swiper-pagination-bullet-active {
		opacity: 1;
		background: #D3372D;
}
@media(max-width: 1600px) {
		.swiper-pagination {
				padding-left: 80px;
		}
}
@media(max-width: 840px) {
		.swiper-pagination {
				padding-left: 40px;
		}
}
@media(max-width: 767px) {
		.kvSlider .swiper-slide::after {
				background-size: 100%;
				height: 100vh;
		}
		.bg-1::after {
				background-image: url("../images/kv-1_sp.jpg")
		}
		.bg-2::after {
				background-image: url("../images/kv-2_sp.jpg")
		}
		.bg-3::after {
				background-image: url("../images/kv-3_sp.jpg")
		}
		.swiper-pagination {
				padding-left: 25px;
		}
		.kvSlider .swiper-pagination-bullet {
				width: 23px;
				height: 5px;
		}
		.kvSlider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .kvSlider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
				margin: 0 2px;
		}
}
@media(max-width: 390px) {
		.kvSlider .swiper-horizontal > .swiper-pagination-bullets, .kvSlider .swiper-pagination-bullets.swiper-pagination-horizontal, .kvSlider .swiper-pagination-custom, .kvSlider .swiper-pagination-fraction {
				bottom: 10px;
		}
}