@charset "utf-8";
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
body {
	background-color: #000;
}
#container {
	overflow: hidden;
}
#gHeader {
	background: none;
}
#gHeader .title {
	display: none;
}
#gHeader address {
	display: none;
}

/* headerBox */
.headerBox {
	padding-top: 4.2rem;
	width: 20rem;
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.headerBox .logo {
	text-align: center;
	margin-bottom: 4rem;
	opacity: 0;
	visibility: hidden;
	transition: all 2s ease 1.5s;
}
.headerBox .logo.show {
	opacity: 1;
	visibility: visible;
}
.headerBox .logo img {
	width: 2.9rem;
}
@media all and (max-width: 999px) {
	.headerBox {
		padding-top: 3.5rem;
	}
	.headerBox .logo {
		margin-bottom: 3.9rem;
	}
	.headerBox .logo img {
		width: 2.7rem;
	}
}

.headerBox .naviUl li {
	opacity: 0;
	visibility: hidden;
	transition: all 2s ease;
}
.headerBox .naviUl.show li {
	opacity: 1;
	visibility: visible;
}

#main .imgUl {
	display: flex;
	height: 100%;
}
#main .imgUl li {
	width: 82rem;
	flex-shrink: 0;
	height: 100%;
}
#main .imgUl .image {
	height: 100vh;
}
#main .imgUl .image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	opacity: 0.7;
}

#main .btmTxt {
	position: fixed;
	bottom: -2.6rem;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	color: #fff;
	font-weight: 400;
	font-size: 13.9rem;
	line-height: 1;
	white-space:nowrap;
	letter-spacing: -0.02em;
	opacity: 0;
	visibility: hidden;
	transition: all 3s ease 0.5s;
}
#main .btmTxt.show {
	opacity: 1;
	visibility: visible;
}
#main .fullH {
	opacity: 0;
	transition: all 2s 0.1s;
}
#main .fullH.active {
	opacity: 1;
}
@media all and (max-width: 999px) {
	#main .imgUl li {
		width: 100%;
		height: auto;
	}
	#main .imgUl .image {
		height: auto !important;
	}
	#main .imgUl .image img {
		opacity: 0.58;
	}
	#main .btmTxt {
		bottom: -0.8rem;
		font-size: 6.9rem;
		line-height: 0.87;
		letter-spacing: -0.02em;
	}
}