@charset "utf-8";
/*-----Swiper-----*/
html,
body {
	position: relative;
	height: 100%;
}
body {
	background: #eee;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000;
	margin: 0;
	padding: 0;
}
.swiper {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	display: flex;
	justify-content: center;
	max-width: 1100px;
	width: 100%;
	margin: auto;
	flex-flow: column;
}
.swiper-container {
	position: relative;
}
.swiper-button-next {
	background: url(../img/top/next.png) no-repeat center;
	background-size: cover;
	width: 25px;
	height: 42px;
	right: 15px;
	z-index: 101;
}
.swiper-button-prev {
	background: url(../img/top/prev.png) no-repeat center;
	background-size: cover;
	width: 25px;
	height: 42px;
	left: 15px;
	z-index: 101;
}
.swiper-slide-next {
	opacity: 0.4;
}
.swiper-slide-prev {
	opacity: 0.4;
}
@media screen and (max-width: 1100px) {
	.swiper-container {
		overflow: hidden;
		height: 397px;
	}
}
@media screen and (max-width: 500px) {
	.swiper-button-prev {
		width: 18px;
		height: 30px;
	}
	.swiper-button-next {
		width: 18px;
		height: 30px;
	}
}
/*-----/Swiper-----*/