@charset "UTF-8";

/* -----------------------------------------------------------
	common
----------------------------------------------------------- */
.page_ttlbox {
	background-image: url("../img/bg_page_ttl.jpg");
}

/* -----------------------------------------------------------
	動画
----------------------------------------------------------- */
.para {
	margin-bottom: 90px;
}
.movie_ttl {
	text-align: center;
	font-size: 24px;
	margin-bottom: 10px;
	letter-spacing: 0.1em;
}
.mv_box {
	width: 60%;
	margin: 0 auto;
}
.youtube_box {
  position: relative;
  padding-bottom: 56.25%;
  margin: 0 auto;
}
.youtube_box iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
.mv_box {
	width: 80%;
}
}
@media screen and (max-width: 767px) {
.para {
	margin-bottom: 40px;
}
.mv_box {
	width: 100%;
}
.movie_ttl {
	font-size: 17px;
	letter-spacing: 0.05em;
}
}