/* ======================================
HERO（完全サシカエ・最終確定）
このファイル以外でHEROを触らない
====================================== */

/* HERO本体：全幅＋高さ確保 */
#hero {
  position: relative;
  width: 100vw;
  min-height: 100vh;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow: hidden;
}

/* 背景レイヤー */
#hero .lp-hero-bg {
  position: absolute;
  inset: 0;
  background-image: url("https://syuzaidouga.com/wp/wp-content/uploads/2026/01/b23d7c46ddd1a4552d4c375f9e26b368.jpg");
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  z-index: 0;
}

/* 中身（文字・ボタン） */
#hero .lp-hero-inner {
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
  padding: 120px 20px;
}

/* テキストブロック（左揃え・中央寄せ） */
#hero .lp-hero-text {
  max-width: 640px;
  margin-left: 8%;
  text-align: left;
  color: #fff;
}

/* メインコピー */
#hero .lp-hero-copy {
  font-size: 40px;
  line-height: 1.3;
  margin-bottom: 24px;
  color: #fff;
}

/* サブコピー（黄色） */
#hero .lp-hero-highlight {
  color: #ffd84d;
  font-weight: 700;
  margin-bottom: 16px;
}

/* 説明文 */
#hero .lp-hero-desc {
  color: #fff;
  margin-bottom: 24px;
}

/* ベネフィット（黄色帯） */
#hero .lp-hero-benefits {
  list-style: none;
  padding: 0;
  margin: 24px 0 32px;
}

#hero .lp-hero-benefits li {
  display: inline-block;
  background: #ffd84d;
  color: #111;
  padding: 10px 16px;
  margin-bottom: 12px;
  font-weight: 600;
}

/* CTAボタン */
#hero .lp-hero-cta {
  display: flex;
  gap: 16px;
}

#hero .btn {
  background: #fff;
  color: #0099cc;
  border: 2px solid #0099cc;
  border-radius: 999px;
  padding: 14px 32px;
  font-weight: 700;
  text-decoration: none;
}

#hero .btn:hover {
  background: #0099cc;
  color: #fff;
}

/* ===============================
SP調整
=============================== */
@media (max-width: 768px) {

  #hero {
    min-height: 100svh;
  }

  #hero .lp-hero-bg {
    background-position: 85% bottom;
  }

  #hero .lp-hero-inner {
    padding: 96px 16px;
  }

  #hero .lp-hero-text {
    margin-left: 0;
    max-width: 100%;
  }

  #hero .lp-hero-copy {
    font-size: 28px;
    line-height: 1.4;
  }

  #hero .btn {
    font-size: 14px;
    white-space: nowrap;
  }

}
/* HERO画像を確実に表示させる（最小修正） */
.lp-hero {
  position: relative;
  min-height: 80vh;
  background-image: url("https://syuzaidouga.com/wp/wp-content/uploads/2026/01/b23d7c46ddd1a4552d4c375f9e26b368.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* 背景専用divは無効化（事故防止） */
.lp-hero-bg {
  display: none !important;
}

/* ===============================
SP専用 HERO背景差し替え
=============================== */
@media (max-width: 768px) {
  .lp-hero {
    background-image: url("https://syuzaidouga.com/wp/wp-content/uploads/2026/01/af8b38a5bddc3550546ed451dbeef2dd.jpg");
    background-position: center top; /* 全身を優先 */
    background-size: cover;
  }
}