/* ---------------------------------------------------------- */
/* home */
/* ---------------------------------------------------------- */

#home{
    background-color: #000000;
}

#reg-header{
    position: fixed;
    z-index: 10;
    padding: 0 100px 0 20px;
}

#reg-home{
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #000000;
    color: #FFF;
}

#zone-video{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

#zone-video video{
	position: absolute;
	top: 50%;
	left: 50%;
	object-fit: cover;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
}

.dots{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	overflow: hidden;
	background-image: url('/img/dot2.png');
}

#reg-footer{
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 20px;
	background-color: transparent;
	opacity: 0.8;
}

#reg-footer .zone-sns{
	display: none;
}

#area-footer-logo-je, #area-footer-logo-gt{
	display: none;
}


/* ---------------------------------------------------------- */
/* Tablet */
/* ---------------------------------------------------------- */

@media only screen and (max-width:1024px) {
    
	#reg-header{
		/* padding: 0 0 0 10px; */
	}

	#area-footer-logo-je, #area-footer-logo-gt{
		display: block;
	}

}


/* ---------------------------------------------------------- */
/* Smart Phone */
/* ---------------------------------------------------------- */

@media only screen and (max-width:599px) {
    
	#reg-header{
		padding: 0 0 0 10px;
	}

	#area-footer-logo-je, #area-footer-logo-gt{
		display: block;
	}

}