.hero-visual .pigtail {
  width: 82%;
  right: -3%;
  top: 9%;
  z-index: 4;
  mix-blend-mode: multiply;
}

.hero-visual .fdf {
  width: 53%;
  right: -3%;
  bottom: 10%;
  z-index: 2;
  mix-blend-mode: normal;
  opacity: 1;
  filter: drop-shadow(0 22px 18px rgba(8, 46, 84, .2));
}

.hero-visual .blue-orbit { z-index: 0; }
.hero-visual > p { z-index: 5; }

@media (max-width: 900px) {
  .hero-visual .pigtail { width: 82%; top: 4%; }
  .hero-visual .fdf { width: 55%; bottom: 8%; }
}

@media (max-width: 520px) {
  .hero-visual .pigtail { width: 88%; right: -7%; }
  .hero-visual .fdf { width: 60%; right: -6%; bottom: 5%; }
}