/* CSS Document */
.media_wrap { display: block; margin-bottom: clamp(20px, 5%, 60px); max-width: 900px; margin-left: auto; margin-right: auto; }
.media_wrap h2 { display: block; text-align: center; padding: 0 15px; }
.media_wrap h2 img { width: 100%; height: auto; max-width: 500px; }
.media_wrap .movie_list { display: flex; flex-wrap: wrap; list-style-type: none; padding: 0; margin: 0; }
.media_wrap .movie_list li { display: block; width: 50%; padding: clamp(10px, 3%, 20px); text-align: center; }
.media_wrap .movie_list li video { width: 100%; height: auto; }
.media_wrap .movie_list li b { display: block; text-align: center; }
@media (max-width: 767px) { .media_wrap .movie_list li { width: 100%; margin-bottom: clamp(10px, 3%, 40px); }
  .media_wrap .movie_list li:first-of-type { padding-top: 0; } }