.movieLP {
  font-size: 0.9765625vw; }

@media screen and (min-width: 1024px) {
  .movieLP {
    font-size: 10px; } }
@media screen and (max-width: 767px) {
  .movieLP {
    font-size: 1.3333333333vw; } }
.mainArea {
  padding: 60px 0 0; }

.movieLP {
  max-width: 1024px;
  margin: 0 auto; }
  .movieLP img {
    width: 100%;
    max-width: 100%;
    height: auto; }
  .movieLP .visual {
    background: #f092b5;
    padding: 7.2em 0 6em;
    margin: 0 0 8em; }
    .movieLP .visual_ttl {
      width: 17.579%;
      margin: 0 auto 3em; }
      .movieLP .visual_ttl + p {
        width: 59.083%;
        margin: 0 auto 3.2em; }
    .movieLP .visual_img {
      width: 57.032%;
      margin: 0 auto; }
    .movieLP .visual + p {
      text-align: center;
      line-height: 1.819em;
      color: #595757;
      font-size: 2.2em;
      font-weight: bold;
      margin: 0 0 4.1em;
      letter-spacing: .05em; }
  .movieLP .movie {
    background: #f9d3e1;
    padding: 4.6em 0 11.4em; }
    .movieLP .movie_img {
      width: 12.403%;
      margin: 0 auto 2.1em; }
    .movieLP .movie_video {
      position: relative;
      width: 100%;
      padding-top: 56.25%; }
      .movieLP .movie_video iframe,
      .movieLP .movie_video video {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important; }
      .movieLP .movie_video_wrap {
        width: 62.5%;
        margin: 0 auto; }
  .movieLP .movie2 {
    background: #F092B5;
    padding: 8.9em 0 10em; }
    .movieLP .movie2 > p {
      text-align: center;
      line-height: 1.773em;
      color: #595757;
      font-size: 2.2em;
      font-weight: bold;
      letter-spacing: .04em;
      margin: 0 0 1.9em;
      color: #ffffff; }

@media screen and (max-width: 767px) {
  .mainArea {
    padding: 15px 0 0; }

  .movieLP {
    max-width: none;
    width: 100%; }
    .movieLP .visual {
      padding: 10.2em 0 13.1em; }
      .movieLP .visual_ttl {
        width: 33.334%;
        margin: 0 auto 3.3em; }
        .movieLP .visual_ttl + p {
          width: 91.734%;
          margin: 0 auto; }
      .movieLP .visual + p {
        line-height: 160.967%;
        font-size: 3em;
        margin: 0 0 2.85em; }
    .movieLP .movie {
      padding: 9.1em 0 11.2em; }
      .movieLP .movie_img {
        width: 25.067%;
        margin: 0 auto 2.3em; }
      .movieLP .movie_video_wrap {
        width: 96%; }
    .movieLP .movie2 {
      padding: 10.8em 0 12.6em; }
      .movieLP .movie2 > p {
        line-height: 160.967%;
        font-size: 3em;
        margin: 0 0 2.07em; } }

/*# sourceMappingURL=style.css.map */