.visual_title {
  text-align: left;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
@media screen and (min-width: 768px) {
  .visual_title {
    padding-right: 50px;
  }
}

.movie-button {
  max-width: 1008px;
}
.movie-button img {
  width: 100%;
}

@media screen and (max-width: 766.98px), print {
  .special_back::after {
    height: 90.625% !important;
  }
}

@media screen and (min-width: 768px) {
  .c-column-image {
    flex-direction: row-reverse;
  }
}

@media screen and (min-width: 768px) {
  .c-column-image_image {
    margin-right: 40px;
    margin-left: 0;
  }
}

.br--xl {
  display: none;
}
@media screen and (min-width: 1025px), print {
  .br--xl {
    display: block;
  }
}

.br--l {
  display: none;
}
@media screen and (min-width: 769px) and (max-width: 1024.98px), print {
  .br--l {
    display: block;
  }
}

.br--m {
  display: none;
}
@media screen and (min-width: 481px) and (max-width: 768.98px), print {
  .br--m {
    display: block;
  }
}

.br--s {
  display: none;
}
@media screen and (max-width: 480.98px), print {
  .br--s {
    display: block;
  }
}

.br--pc {
  display: none;
}
@media screen and (min-width: 769px), print {
  .br--pc {
    display: block;
  }
}

.br--sp {
  display: none;
}
@media screen and (max-width: 768.98px), print {
  .br--sp {
    display: block;
  }
}

@media screen and (min-width: 769px), print {
  .display-none--pc {
    display: none;
  }
}

@media screen and (max-width: 768.98px), print {
  .display-none--sp {
    display: none;
  }
}