/*------------------------
  TOPアイコン
------------------------*/
.top-icon01,
.top-icon02,
.top-icon03,
.top-icon04,
.top-icon05,
.top-icon06,
.top-icon07,
.top-icon08,
.top-icon09,
.top-icon10{
	filter: drop-shadow(0 0 0.2rem #666);
	position: absolute;
	z-index: 99;
}

.top-icon01{
	width: 10%;
	/*top: 17%;*/
	top: 27%;
	right: -5%;
}

.top-icon02{
	width: 10%;
	/*top: 23%;*/
	top: 33%;
	left: -7%;
}

.top-icon03{
	width: 10%;
	/*top: 27%;*/
	top: 37%;
	right: -5%;
}

.top-icon04{
	top: -18%;
	left: 1%;

}

.top-icon05{
	bottom: -20%;
	right: 2%;
}
.top-icon05 img{
	width: 120%;
	max-width: 120%;
}

.top-icon06{
	width: 16%;
	top: 3%;
	left: 2%;
}

.top-icon07{
	top: -4%;
	left: -5%;
}
.top-icon08{
	top: -2%;
	right: 0;
}
.top-icon09{
	top: 57%;
	left: 0%;
}
.top-icon09 img{
	width: 80%;
}

.top-icon10{
	top: 96%;
	right: 0%;
}

.top-icon11{}



.zoomInTrigger{
	opacity: 0;
}
/* 拡大 */
.zoomIn{
  animation-name:zoomInAnime;
  animation-duration:0.6s;
  animation-fill-mode:forwards;
}


@keyframes zoomInAnime{
	0%{
		width: 0%;
		opacity: 0;
	}
	50%{
		width: 21%;
		opacity: 1;
	}
	100%{
		width: 20%;
		opacity: 1;
	}
}