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

@keyframes fade-in1 {
	from {
		opacity: 0;
		transform: translateY(50px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes fade-in2 {
	from {
		opacity: 0;
		transform: translateY(0);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.swiper-container {
	width: 100%;
	height: 450px;
}
.swiper-container .swiper-wrapper .swiper-slide {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.swiper-container .swiper-wrapper .swiper-slide .title {
	position: absolute;
	top: 30%;
	left: 10%;
	color: #FFF;
	font-size: calc(43rem / 16);
	line-height: calc(57em / 43);
	font-family: "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing: 0;
}
.swiper-container .swiper-wrapper .swiper-slide-active .title {
	animation-name: fade-in1;
	animation-duration: 2.0s;
	animation-delay: 1.5s;
	animation-fill-mode: both;
}
.swiper-container .swiper-wrapper .swiper-slide .lead {
	position: absolute;
	top: 47.5%;
	left: 10%;
	color: #FFF;
	font-size: calc(16rem / 16);
	line-height: calc(27em / 16);
}
.swiper-container .swiper-wrapper .swiper-slide-active .lead {
	animation-name: fade-in2;
	animation-duration: 2s;
	animation-delay: 3.0s;
	animation-fill-mode: both;
}
.swiper-button-prev,
.swiper-button-next {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	background-size: 30px 30px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	z-index: 10;
}
.swiper-button-prev {
	margin-left: 1.0vw;
	opacity: 0.65;
}
.swiper-button-next {
	margin-right: 1.0vw;
	opacity: 0.65;
}