.cast_box{
  padding: 0 0.5rem 1rem;
}

@media screen and (min-width: 768px){
  .cast_box{
    padding: 0 0 2rem;
    justify-content: center;
  }
}

.cast .rank{
  margin: -4rem 0 -1rem;
  display: block;
  text-align: center;
  position: relative;
  z-index: 888;
}

.cast .rank img{
  height: 5rem;
  width: auto;
}

.cast_box .cast {
  margin-top: 4rem;
}

@media screen and (min-width: 768px){
  .cast .rank{
    margin: -7rem 0 -2rem;
  }
  .cast .rank img{
    height: 9rem;
    width: auto;
  }
  .cast_box .cast {
    width: 28%;
    margin-top: 8rem;
    margin-bottom: 1.5rem;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
    padding: 0 1rem;
  }
  .cast_box .cast:nth-child(2n+2){
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
}