@charset "UTF-8";

/*-----------------------------------------------------
	sign
------------------------------------------------------*/

.sign .swiper-slide {
	height: 720px;
	background-position: 50% 50%;
	background-size: cover;
}
.sign .slide-img_wrapper {
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

/* 画像のスタイル */
.sign .slide-img {
	width: 100%;
	position: relative;
	object-fit: contain;
}

/* 文字のスタイル */
.sign .text {
	margin: auto auto auto 10%;
}

@media only screen and (max-width: 1260px) {
	.sign .text {
		margin: auto auto auto 3.2rem;
	}
}
@media only screen and (max-width: 520px) {
	.sign .swiper-slide {
		height: 480px;
	}
	.sign .text {
		margin: auto 2.6rem;
	}
}

/* アニメーションのキーフレーム設定 */
@keyframes fade-text {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* テキストのアニメーション設定 */
.swiper-slide-active .text {
	animation-name: fade-text;
	animation-duration: 1s;
	animation-delay: 1.5s;
	animation-fill-mode: both;
}

/*-----------------------------------------------------
	banner
------------------------------------------------------*/