@charset "utf-8";

/*---------------MVの設定-------------------------------*/
.main_visual {
  width: 100%;
  aspect-ratio: 2 / 1; /* 2:1の比率で1440pxなら720px */
  max-height: 920px; /* 最大720pxに制限 */
  margin-top: 70px; /* ヘッダーの高さ分のマージンを追加 */
  overflow: hidden;
  position: relative;
}
.main_visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
@media screen and (max-width: 768px) {
  .main_visual {
    aspect-ratio: 4 / 3; /* スマホは4:3など調整可能 */
    height: 100vh; /* ビューポートの高さに合わせる */
  }
}
/*---------------MVの設定終了-------------------------------*/