#top_dream {
  position: relative;
  overflow: hidden;
}

#top_dream ul,
#top_dream h3,
#top_dream h4,
#top_dream p {
  /* margin: 0; */
}

#top_dream ul,
#top_dream li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#top_dream .top_dream-wrapper {
  position: relative;
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  padding: 83px 0 110px;
  text-align: center;
}
#top_dream::after{
  content: "";
  position: absolute;
  width: 100%;
  aspect-ratio: 1920 / 605;
  background-image: url("../images/dream/top/bg.png");
  background-repeat: no-repeat;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-size: cover;
  z-index: -1;
  top: 173px;
}

@media (min-width: 1921px) {
  #top_dream::after {
    top: 103px;
  }
}

@media (max-width: 1199px) {
  #top_dream::after {
    top: 13%;
  }
}
#top_dream .top_dream-wrapper::before{
  content: "";
  position: absolute;
  width: 324px;
  aspect-ratio: 324 / 244;
  background-image: url("../images/dream/top/star.png");
  background-repeat: no-repeat;
  top: 0;
  left: 81%;
  background-size: cover;
  z-index: 1;
  top: 92px;
}

@media (max-width: 1600px){
  #top_dream .top_dream-wrapper::before {
    left: 71vw;
  }
} 

@media (max-width: 1199px){
  #top_dream .top_dream-wrapper::before {
    display: none;
  }
} 
#top_dream .z-2{
  position: relative;
  z-index: 2;
}
#top_dream .dream-box {
  margin-bottom: 67px;
  margin-top: 32px;
}

#top_dream .dream-box h4 {
  text-align: center;
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  text-shadow: 0 0 1px #0055a7, 0 0 3px #0055a7, 0 0 6px #0055a7, 0 0 10px #0055a7, 0 0 20px #0055a7, 0 0 1px #0055a7, 0 0 3px #0055a7, 0 0 6px #0055a7, 0 0 10px #0055a7, 0 0 20px #0055a7;
  padding-bottom: 36px;
}

#top_dream .dream-box h4 span {
  font-family: 'Oswald';
}

#top_dream .second h4 {
  padding-top: 70px;
}

#top_dream .racers-flex {
  display: flex;
  justify-content: center;
  gap: 18px;
}

#top_dream .racer-img img {
  width: 100%;
}

#top_dream .top-btn-link {
  display: inline-block;
}

@media (max-width: 1199px) {
  #top_dream img {
    width: 746px;
  }

  #top_dream .top_dream-wrapper {
    padding: 8% 0 3%;
    overflow: hidden;
  }

  #top_dream .dream-box {
    margin-bottom: 6%;
  }

  #top_dream .dream-box.first {
    margin-top: 0;
  }

  #top_dream .dream-box.first,
  #top_dream .dream-box.second {
    padding: 1% 4% 0;
  }

  #top_dream .top-title {
    /* margin-bottom: 26%; */
  }

  #top_dream .second h4 {
    padding-top: 7%;
  }


  #top_dream .dream-box h4 {
    margin: auto;
    margin-bottom: 0;
  }

  #top_dream .dream-box.first h4,
  #top_dream .dream-box.second h4 {
    width: 62%;
    padding-bottom: 2%;
  }

  #top_dream .racers-flex {
    flex-wrap: wrap;
    justify-content: center;
    gap: 3vw;
    padding-inline: 0;
  }

  #top_dream .racers-flex .racer {
    width: calc((100% - 6vw) / 3);
    max-width: 350px;
  }

  #top_dream .top-btn-link {
    max-width: none;
    width: 47vw;
  }
}

@media (max-width: 767px) {
  #top_dream .top-title {
    /* margin-bottom: 25%; */
  }

  #top_dream .top_dream-wrapper {
    padding: 8% 0 3%;
  }

  #top_dream .dream-box.first h4,
  #top_dream .dream-box.second h4 {
    width: 71%;
    padding-bottom: 2%;
  }

  #top_dream .racers-flex {
    padding-inline: 0;
  }
}

@media (max-width: 499px) {
  #top_dream .top-title {
    /* margin-bottom: 17%; */
  }

  #top_dream .second h4 {
    padding-top: 2%;
  }

  #top_dream .top_dream-wrapper {
    padding: 8% 0 3%;
  }
}