@charset "UTF-8";

body{
font-family: 'Cormorant Garamond', serif;
	font-weight: 300;
}
#wrap{
	overflow:hidden;
}

.main{
	background: url("../img/index_img/untilthen_bg.jpg") no-repeat center center fixed;
	background-size:cover;
	height: 100vh;
	width: 100%;
	position: relative;
}
.main a{
	width:100%;
	height: auto;
	position: absolute;
	top: 50%;
  rright: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
@media print, screen and (min-width:992px) {
.main a{
	width:60%;
	height: auto;
}
}
#main_everis{
	background:#9ba29b;
	background-size:cover;
	height: 100vh;
	width: 100%;
	position: relative;
}
#main_everis a{
	width:100%;
	height: auto;
	position: absolute;
	top: 50%;
  rright: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
@media print, screen and (min-width:992px) {
#main_everis a{
	width:60%;
	height: auto;
}
}

header{
	left: 5%;
	top: 1%;
	position: absolute;
	z-index: 999;
}
@media print, screen and (min-width:768px) {
header{
	left: 3%;
	top: 3%;
}	
}
h1{
	font-size:40px;
	text-align: left;
	color: #fff;
	position:fixed;
}
copyright{
	color: #fff;
	font-size: 10px;
	font-weight: 400;
	text-align: center;
	bottom: 30px;
	right: 15px;
	position: fixed;
	z-index: 999;
	-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
h2{
	font-size: 30px;
	color: #102f1f;
	position: absolute;
	top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
.buy{
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	bottom: 15%;
	position: absolute;
	z-index: 999;
	width:100%;
}
.icon{
	position: fixed;
	z-index: 999;
	bottom: 4%;
	width: 100%;
}
.icon ul{
	display: flex;
align-items: center;
justify-content: center;
}
.icon ul li{
	padding: 0 7px;
}
.icon a i{
	color: #fff;
	font-size: 26px;
}
@media print, screen and (min-width:768px) {
.icon a i{
	font-size: 32px;
}
}