/* 動画全体のコンテナ（親要素） */
.mv-container {
  width: 100%;
  max-width: 1280px; /* 動画の最大幅に合わせて制限（お好みで外して全幅にしてもOK） */
  margin: 0 auto; /* 画面中央に配置 */
padding-top: 50px; /* 背景色の内側が広がります */
}
body {
  background-color: #000000;
  color: #ffffff; /* 文字を見やすくするために白に設定 */
}
.container {
  display: flex;
  justify-content: center; /* 左右の真ん中 */
  align-items: center;     /* 上下の真ん中 */
  height: 100vh;           /* 画面いっぱいに広げる場合 */
}
/* 動画自体のレスポンシブ設定 */
.mv-video {
  width: 90%;
  height: auto; /* アスペクト比（16:9）を保ったまま伸縮 */
  display: block; /* 動画の下にできる謎の隙間を消す */
	margin: 0 auto;   /* 動画を中央寄せにする */
	  /* border: 1px solid #141414;  */ /* 太さ 種類（実線） 色（薄いグレー） */
	box-shadow: 0 0 20px 2px rgba(205, 205, 205, 0.15);
}
/* ボタンエリアの設定 */
.btn-area {
  text-align: center;
  padding: 40px 20px; /* 上下の余白（スマホでも押しやすい間隔に） */
}
/* お問い合わせボタンのデザイン */
.contact-btn {
  display: inline-block;
  background: linear-gradient(#222222, #999999, #222222);
    color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  padding: 14px 26px;
  border-radius: 8px; /* 角丸 */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease; /* マウスを乗せたときの動きを滑らかに */
}
/* ボタンにマウスを乗せたときの動き（PC用） */
.contact-btn:hover {
  background: linear-gradient(#111111, #666666, #111111); /* 少し暗い色に変化 */
  transform: translate(-2px, -2px); /* 少し上に浮き上がる */
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}