.sec_livedouga_video {
  .intro, .outro { display: none; }
}

body.mode_movie.mode_service {
  background: #fff;
  color: #182039;

  .sec_livedouga_video {
    padding-bottom: 24px;

    > .wrap { padding: 0; }

    .intro {
      margin-bottom: 24px;
      display: block;
      text-align: center;

      h1 {
        margin: 0 auto 18px;
        padding: 14px 20px;
        width: calc(100% - 32px);
        max-width: 840px;
        background: #9bcfdc;
        color: #173e50;
        font-size: 24px;
        font-weight: 800;
        line-height: 1.5em;
        letter-spacing: .06em;

        @media (max-width: 700px) { padding: 12px 16px; font-size: 20px; }
      }

      p {
        padding: 0 20px;
        font-size: 16px;
        line-height: 1.8em;

        @media (max-width: 700px) { padding: 0 16px; font-size: 14px; }
      }
    }

    .player {
      margin: 0 auto;
      max-width: 840px;
      overflow: hidden;
      border-radius: 12px;
      box-shadow: 0 10px 30px rgba(17, 28, 71, .13);

      @media (max-width: 700px) { margin: 0 8px; border-radius: 8px; }

      iframe { width: 100%; height: 800px; display: block; border: 0; }
    }

    .outro {
      margin: 18px auto 0;
      padding: 0 16px;
      max-width: 840px;
      display: block;
      color: #54606b;
      font-size: 14px;
      line-height: 1.8em;
      text-align: center;

      @media (max-width: 700px) { margin-top: 16px; text-align: left; }
    }
  }
}