/********************************************************

setting

********************************************************/
:root {
  --margin-block: 200px; }

@media (min-width: 1101px) and (max-width: 1280px) {
  :root {
    --margin-block: 120px; } }
@media (min-width: 641px) and (max-width: 1100px) {
  :root {
    --margin-block: 90px; } }
@media (max-width: 640px) {
  :root {
    --margin-block: 70px; } }
.block_movie {
  padding: calc( var(--margin-block) / 2 ) 0; }
  .block_movie .wrap_text {
    width: 100%;
    text-align: center;
    color: #FFF;
    line-height: 2.2;
    margin-bottom: calc( var(--margin-block) / 2.8 );
    font-size: 14px; }
    @media screen and (min-width: 750px) {
      .block_movie .wrap_text {
        font-size: calc(14px + 0.0085470085 * (100vw - 750px)); } }
    @media screen and (min-width: 1920px) {
      .block_movie .wrap_text {
        font-size: 24px; } }
  .block_movie .movie {
    width: min(90%, 1240px);
    margin: 0 auto;
    cursor: pointer;
    aspect-ratio: 16 / 9; }
    .block_movie .movie iframe {
      width: 100%;
      height: 100%; }