html,
body {
	position: relative;
	height: 100%;
}

body {
	background: #eee;
	margin: 0;
	padding: 0;
}

a{
	color:#555555;
    text-decoration: none;
}

a:hover{
    color: #5BA389;
    text-decoration: none;
}

p{
	letter-spacing: 0.15em;
	color:#555555;
}

.swiper {
	position: relative;
	width: 100vw;
	height: 80vh;
	max-width: 100%;
	max-height: 70%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #eee;
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-slide img {
	display: block;
	width: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	align-self: center;
}

.swiper-button-prev{
	width:50%;
	height:90vh;
	color:#000;
	opacity:0;
	top:80px;
	cursor: url(../_obj/_other/prev.svg),auto;
}
.swiper-button-next{
	width:50%;
	height:90vh;
	color:#454545;
	opacity:0;
	top:80px;
	cursor: url(../_obj/_other/next.svg),auto;
}

.swiper-pagination{
	font-size: 12px;
	font-family: "Times New Roman", Times, "serif";
	color:#454545;
	bottom:20px;
}

@media(max-width:750px){
    .swiper-button-prev{
	opacity:0;
    }
}

@media(max-width:750px){
    .swiper-button-next{
	opacity:0;
    }
}


.title {
	position: fixed;
	font-size: 16px;
	font-family: "Times New Roman", "Times", "serif";
	letter-spacing: 0.25em;
	color:#454545;
	top:30px;
	left:30px;
}

.close {
	position: fixed;
	font-size: 25px;
	font-family: "Times New Roman", "Times", "serif";
	letter-spacing: 0.15em;
	top:30px;
	right:30px;
	z-index: 999;
}

.text-prev {
	position:fixed;
	font-size: 15px;
	font-family: "Times New Roman", "Times", "serif";
	letter-spacing: 0.15em;
	color:#666666;
	bottom:20px;
	left:30px;
}

.text-next {
	position:fixed;
	font-size: 15px;
	font-family: "Times New Roman", "Times", "serif";
	letter-spacing: 0.15em;
	color:#666666;
	bottom:20px;
	right:30px;
}