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

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;
  }
}
.page_online-modelroom {
  background: #1c202e;
}
.page_online-modelroom .block {
  width: min(90%, 1240px);
  margin: 0 auto;
}

.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.0051282051 * (100vw - 750px));
  }
}
@media screen and (min-width: 1920px) {
  .block_movie .wrap_text {
    font-size: 20px;
  }
}
.block_movie .movie {
  width: min(90%, 1240px);
  margin: 0 auto;
  cursor: pointer;
  aspect-ratio: 16 / 9;
}
.block_movie .movie iframe {
  width: 100%;
  height: 100%;
}