/* ==========================================
   リセット・基本設定
   ========================================== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  width: 100%;
  overflow-x: hidden;
  line-height: 0; /* 画像を敷き詰めた時の隙間対策 */
}

img {
  display: block;
  width: 100%;
  height: auto;
}

a {
  text-decoration: none;
}

/* ==========================================
   MV(ファーストビュー)
   ========================================== */
.mv-wrap {
  position: relative;
  width: 100%;
  width: 90%;
  max-width: 1022px;
  margin: 100px auto 48px;
}

.mv-img {
  width: 100%;
}

/* ロゴ:MVの左上に重ねる */
.logo-link {
  position: absolute;
  top: 3%;
  left: 4%;
  width: 18%; /* ロゴのサイズに合わせて調整 */
  max-width: 200px;
  z-index: 10;
}

.logo-img {
  width: 100%;
}

/* ==========================================
   セクションラッパー(bg.pngが全セクションを覆う背景)
   ========================================== */

.section {
  position: relative;
  img {
    object-fit: contain;
    width: 100%;
  }
}
.section {
  width: 90%;
  max-width: 1022px;
  margin: 0 auto;
}

.section-img {
  width: 100%;
}
/* ==========================================
   section-contact:ボタンリンク2つ
   座標(top/left/width/height)は実データに合わせて微調整すること
   ========================================== */
.section-contact {
  width: 90%;
  max-width: 1022px;
  margin: 50px auto 100px;
  position: relative;
}

.btn-link {
  position: absolute;
  display: block;
}

.btn1 {
  top: 46%;
  left: 14%;
  width: 35%;
  height: 31%;
}

.btn2 {
  top: 46%;
  left: 51.3%;
  width: 35%;
  height: 31%;
}

/* ==========================================
   フッター
   ========================================== */
.footer {
  width: 100%;
  position: relative;
}

.footer-img {
  width: 100%;
}

.footer__btn-link {
  position: absolute;
  display: block;
  top: 21%;
  left: 16%;
  width: 6%;
  height: 22%;
}