body,html {
	margin: 0;
	padding: 0;
	box-sizing:border-box;
}
.anime-img {
	position: absolute;
    top: 0;
    left: 0;
	width: 100%;
	height:auto;
	min-height: 100vh;
	margin:0;
	padding:0;
	z-index:-1;
	background:url(../images/intro-back.jpg) no-repeat top center;
	background-size: contain;
	background-position:center;
	opacity : 1;
}
.anime {
	position: relative;
	width: 100%;
	top: 0;
    left: 0;
	height:100%;
	min-height: 100vh;
	z-index:1;
	margin:0;
	padding:0;

}
.anime-inner {
	position: absolute;
	width:26vh;
	height:0;
	padding-top:calc(580/420*26vh);
	top: 50%;
	left:50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
#logo-base {
	width:100%;
	height:100%;
	z-index:5;
	position: absolute;
	top: 0;
   left:0;
}
#logo-color {
	width:100%;
	height:100%;
	z-index:4;
	position: absolute;
	top:0;
	left:0;
    display:none;
}
.anime-back{
	position: absolute;
	width:26vh;
	height:0;
	padding-top:calc(580/420*26vh);
	top: 50%;
	left:50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index:-99;
}

#logo-colorback {
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
}
@media only screen and (max-width: 798px) {
	.anime-img {background-size: 120% auto;}
	.anime-inner,.anime-back{width:22vw;padding-top:calc(580/420*22vw);}
}
@media only screen and (max-width: 400px) {
	.anime-img {background-size: 130% auto;}
	.anime-inner,.anime-back{width:20vw;padding-top:calc(580/420*20vw);}
}

.fill{
	fill: #009DC4;
	fill-opacity: 1;
	stroke:none;
}