@charset "UTF-8";
/*数値の設定
------------------------------------------*/
/*上記数値の設定を呼び出しているmixin
------------------------------------------*/
/*
よく使用するmixin
------------------------------------------*/
/* route_video ＝＝＝＝＝＝*/
.route_video { background: #7A6A56; margin: 60px 0 0; padding: 60px 0; text-align: center; }
.route_video h3 { color: #F8F9F3; font-size: 24px; line-height: 1.5; margin: 0 0 30px; }
.route_video h3 b { display: block; font-size: 200%; font-weight: 400; letter-spacing: 2px; }
.route_video h3 + p { color: #F8F9F3; }
.route_video .movie_box { max-width: 1000px; width: 100%; margin: 30px auto 0; position: relative; aspect-ratio: 16 / 9; }
.route_video .movie_box iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
@media only screen and (max-width: 767px) { .route_video { padding: 40px 15px; margin: 30px 0 0; }
  .route_video h3 { font-size: 16px; margin: 0 0 20px; }
  .route_video h3 b { font-size: 170%; letter-spacing: 0; }
  .route_video h3 + p { font-size: 13px; } }