/*------------------------
  TOPアイコン
------------------------*/
.top-icon01,
.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-icon02{
	filter: drop-shadow(0 0 0.2rem #666);
	position: absolute;
	z-index: 0;
}

.top-icon01{
	top: 15%;
	right: 5%;
}

.top-icon02{
	top: 21%;
	left: 5%;
}

.top-icon03{
	top: 25%;
	right: 5%;
}

.top-icon04{
	top: -8%;
	left: 3%;
}
.top-icon04 img{
	width: 120%;
	max-width: 120%;
}

.top-icon05{
	bottom: -20%;
	right: 2%;
	transform: translate(-50%, 0%);
}
.top-icon05 img{
	width: 160%;
	max-width: 160%;
}

.top-icon06{
	top: 5%;
	left: 2%;
}
.top-icon06 img{
	width: 130%;
	max-width: 130%;
}

.top-icon07{
	top: -10%;
	left: -3%;
}
.top-icon07 img{
	width: 130%;
	max-width: 130%;
}
.top-icon08{
	top: -3%;
	right: 0;
}
.top-icon09{
	top: 65%;
	left: 18%;
}
.top-icon09 img{
	width: 80%;
	max-width: 80%;
}

.top-icon10{
	top: 93%;
	right: 18%;
}

.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: 11%;
		opacity: 1;
	}
	100%{
		width: 10%;
		opacity: 1;
	}
}