@charset "utf-8";

/* ------------------------------------------------------------ canvas */
#wrapper { 
	overflow-x: hidden; 
	position: relative; 
}

#index { 
	position: relative; 
}

#index canvas, #fv canvas { 
	transition: 1s;
    position: absolute; 
    z-index: 3;
	right: 0;
    margin: auto;
    left: 50%;
}

#index canvas { 
	top: 0;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
}

#fv canvas {
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}


/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:767px){

#index canvas { 
	top: 0;
    width: 410vw !important;
    height: 410vw !important;
}

#about canvas { 
	width: 280vw !important;
	height: 280vw !important;
}

}