.tpo-apng {
	position: relative;
	display: inline-block;
	margin-top: 80px;
}
.tpo-apng img {
    width: 100%;
    height: 100%;
}
.tpo-apng img:nth-of-type(2){
    position: absolute;
    left: 2.5%;
    top: 6.5%;
    width: 7%;
    height: auto;
}
.tpo-apng img:nth-of-type(3){
    position: absolute;
    left: 13%;
    top: 3%;
    width: 10%;
    height: auto;
}
.tpo-apng img:nth-of-type(4){
    position: absolute;
    left: 12%;
    top: 35.7%;
    width: 10%;
    height: auto;
}
.tpo-apng img:nth-of-type(5){
    position: absolute;
    left: 0.1%;
    top: 63%;
    width: 11%;
    height: auto;
}
.tpo-apng img:nth-of-type(6){
    position: absolute;
    right: 4%;
    top: 7.5%;
    width: 15.5%;
    height: auto;
}
.tpo-apng img:nth-of-type(7){
    position: absolute;
    right: 7%;
    top: 34%;
    width: 14.5%;
    height: auto;
}
.tpo-apng img:nth-of-type(8){
    position: absolute;
    right: 1.5%;
    top: 65%;
    width: 10%;
    height: auto;
}
.tpo-apng img:nth-of-type(9){
    position: absolute;
    left: 5%;
    top: 10%;
    width: 13.5%;
    height: auto;
}
.tpo-apng img:nth-of-type(10){
    position: absolute;
    left: 27%;
    top: 4%;
    width: 45%;
    height: auto;
}
.tpo-apng img:nth-of-type(11){
    position: absolute;
    left: 26%;
    top: 50.9%;
    width: 47%;
    height: auto;
}
.tpo-apng img:nth-of-type(12){
    position: absolute;
    right: 8.6%;
    top: 65.3%;
    width: 12.5%;
    height: auto;
}
.tpo-apng img:nth-of-type(13){
    position: absolute;
    left: 3.6%;
    top: 34.8%;
    width: 13%;
    height: auto;
        transform: rotate(90deg)
}
.tpo-apng img:nth-of-type(14){
    position: absolute;
    right: 4%;
    top: 12%;
    width: 15%;
    height: auto;
}
.tpo-apng img:nth-of-type(15){
    position: absolute;
    left: 7.5%;
    top: 67.3%;
    width: 14%;
    height: auto;
}
.tpo-apng img:nth-of-type(16){
    position: absolute;
    right: 3%;
    top: 37.3%;
    width: 13%;
    height: auto;
}

.apngimg {
	opacity: 0;
    animation: apngimg 1s ease forwards;
}
@keyframes apngimg {
    100% {  opacity: 1;}
}
 
/*以下遅延の指定*/
.img02 {animation-delay: 2s;}


@media (min-width: 1921px) { 
	.tpo-apng {
		margin-top: 200px;
width: 100%;
	}
	.tpo-apng img {
		max-height: 100%;
		max-width: 100%;
	}
	.midasi {
		margin: 0px;
	}
    .tpo-apng img:nth-of-type(12){
    position: absolute;
    right: 8.6%;
    top: 65.6%;
    width: 12.5%;
    height: auto;
}
.tpo-apng img:nth-of-type(15) {
    position: absolute;
    left: 7.5%;
    top: 67.6%;
    width: 14%;
    height: auto;
}

.tpo-apng img:nth-of-type(11) {
    position: absolute;
    left: 26%;
    top: 51.1%;
    width: 47%;
    height: auto;
}
.tpo-apng img:nth-of-type(16) {
    position: absolute;
    right: 3%;
    top: 37.5%;
    width: 13%;
    height: auto;
}