@media screen and (max-width: 1200px) {
  main #top_wrapper {
    background-size: cover;
    height: min(500px, 100vw);
  }
  main #top_wrapper div {
    top: 2em;
  }
  main .overview .c_box {
    flex-wrap: wrap;
  }
  main .overview .character {
    align-self: center;
    margin: auto;
  }
  main .overview .character .chara_box {
    margin-top: 2em;
  }
  main .overview .movie {
    margin: auto;
  }
}
@media screen and (max-width: 700px) {
  main #top_wrapper nav {
    display: none;
  }
  main .overview .c_box {
    height: auto;
    margin: 2em 0 2em 0;
  }
  main .overview .movie {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 2em;
    margin-bottom: 2em;
  }
}
@media screen and (max-width: 500px) {
  .overview .title {
    margin-top: 2em;
  }
  main .overview .character .chara_box img {
    width: min(40vw, 120px);
  }
}/*# sourceMappingURL=top_page_responsive.css.map */