section.situation {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1.56;
}
section.situation .layer1 {
	top: -17.1%
}
section.situation .layer2 {
	width: 81.3%;
	top: -3%;
	right: 0;
	opacity: 0;
}
section.situation .layer3 {
	width: 0.8%;
	top: 11.2%;
	left: 13%;
	clip-path: inset(0 0 100% 0);
}
section.situation .layer4 {
	width: 81.3%;
	top: 46%;
	right: 0;
	opacity: 0;
}
section.situation .layer5 {
	width: 0.8%;
	top: 65.5%;
	left: 13%;
	clip-path: inset(0 0 100% 0);
}
section.situation .layer6 {
	width: 22.7%;
	top: -10.8%;
	left: 2%;
}
section.situation .layer7 {
	width: 22.7%;
	top: 43.5%;
	left: 2%;
}
.situationDotIn {
	animation: situationDotInAnime 0.6s ease-in-out forwards;
}
@keyframes situationDotInAnime {
	from {
    clip-path: inset(0 0 100% 0);
  }
	to {
    clip-path: inset(0);
  }
}