@charset "UTF-8";
/* ==========================================================================
   コンポーネント
   ========================================================================== */
/* バナー
-------------------------------------------------------------------------- */
.banner-area {
	margin-top: 60px;
}

.banner-area .banner--movie {
	display: block;
	margin-top: -24px;
}



/* ==========================================================================
   レスポンシブスタイル (メディアクエリ)
   ========================================================================== */

/* 720px以下の画面幅 */
@media screen and (max-width: 720px) {
	.banner-area .banner--movie {
		margin-top: calc(-25 / 706 * 100%);
	}
}

/* 601px以上の画面幅 */
@media screen and (min-width: 601px) {
	.banner-area .banner--movie:hover {
		opacity: inherit;
		filter: brightness(110%);
	}
}

/* 600px以下の画面幅 */
@media screen and (max-width: 600px) {
	.banner-area {
		margin-top: 40px;
	}
}