@charset "UTF-8";

/* 共通 */
.p-mt {
  margin-top: 3rem;
}

.h-mt {
  margin-top: 10rem;
}


/* Youtube */

.thumb-filter {
  background: url(images/bnr-quality.jpg) no-repeat center center / cover;
}



/* ====================================
	スマートフォン専用スタイル
===================================== */
@media screen and (width < 768px) {

  .h-mt {
    margin-top: 4rem;
  }

  .p-mt {
    margin-top: 2rem;
  }

  /* Youtube */

  .movie-container .flex-movie-item {
    padding-bottom: 0;
  }

  .movie-container .flex-movie-item {
    inline-size: 40%;
    max-inline-size: 200px;
  }

}