@charset "UTF-8";

#windowsize{
	top:200px;
	position:absolute;
	z-index:9999;
}
	
#fade{
    width: 100%;
    height: 100%;
    background-color: #fff;
	position:fixed;
    top: 0px;
    left: 0px;
    z-index: 9998;
	pointer-events: none;
}
#proc{
	position:absolute;
	z-index:9999;
}

@media screen and (min-width: 641px) { 
	#logoload{
		width:100px;
		height:200px;
		z-index:9999;
		position:fixed;
		top:0;
		bottom:0;
		left:0;
		right:0;
		margin:auto;
		opacity:1;
	}
	#logoloadend{
		width:100px;
		height:200px;
		z-index:9999;
		position:fixed;
		top:0;
		bottom:0;
		left:0;
		right:0;
		margin:auto;
	}
	#svg-fig2{
		opacity:0;
		transition: all 0.3s;
	}
	#svg-fig2.diplayon{
		opacity:1;
		transition: all 0s;
	}
}

@media screen and (max-width: 640px) {
	#logoload{
		width:20%;
		height:40%;
		z-index:9999;
		position:fixed;
		top:0;
		bottom:0;
		left:0;
		right:0;
		margin:auto;
		opacity:1;
	}
	
	#logoloadend{
		width:20%;
		height:40%;
		z-index:9999;
		position:fixed;
		top:0;
		bottom:0;
		left:0;
		right:0;
		margin:auto;
	}
	#svg-fig2{
		opacity:0;
		transition: all 0.3s;
	}
	#svg-fig2.diplayon{
		opacity:1;
		transition: all 0s;
	}
}