/* ========================================
   基本設定
   750px幅を基準に、スマホでは画面幅に合わせます。
======================================== */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  min-width: 0;
  margin: 0;
  overflow-x: hidden;
  background: #eeeae4;
}

/* PCではLP全体を最大750pxで中央寄せ */
.lp {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  overflow: hidden;
  background: #fff;
}

/* ========================================
   LP画像
   line-height: 0 と display: block で画像間の隙間を防ぎます。
======================================== */
.lp-image {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 0;
}

.lp-image img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
}

/* ========================================
   CTAクリック領域
   画像内のボタンの上に透明リンクを重ねています。
   位置は left / top / width / height で調整できます。
======================================== */
.cta-hit-area {
  position: absolute;
  z-index: 2;
  display: block;
  min-height: 44px;
  border-radius: 999px;
  line-height: normal;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgb(255 255 255 / 20%);
}

/* 1枚目下部の金色CTA */
.cta-hit-area--01 {
  left: 8%;
  top: 85.6%;
  width: 84%;
  height: 8.7%;
}

/* 9枚目上部の赤色CTA */
.cta-hit-area--09 {
  left: 10.5%;
  top: 3.5%;
  width: 79%;
  height: 7.8%;
}

/* 21枚目下部の金色CTA */
.cta-hit-area--21 {
  left: 9%;
  top: 85.2%;
  width: 82%;
  height: 9.2%;
}

/* キーボード操作時にクリック領域を表示 */
.cta-hit-area:focus-visible {
  outline: 4px solid #1769ff;
  outline-offset: -4px;
}

/* 仮のフォームリンク到達位置。表示には影響しません。 */
.form-anchor {
  width: 100%;
  height: 1px;
}

/* ========================================
   フッター
   7期LP（superwoman.jp/lp/3days-7ad.html）と同じ体裁に合わせています。
   背景 #fff / リンク12px / コピーライト15px / 文字色 #000 / 中央寄せ。
======================================== */
.lp-footer {
  background: #fff;
  padding: 20px 16px 25px;
  line-height: normal;
  text-align: center;
}

@media (min-width: 751px) {
  .lp-footer {
    padding: 10px 16px 20px;
  }
}

.lp-footer .footer-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.lp-footer .footer-item {
  font-size: 12px;
  line-height: 1.9;
  color: #000;
}

.lp-footer .footer-item a {
  color: #000;
  /* 小さい文字なのでタップ領域を確保する */
  display: inline-block;
  padding: 6px 2px;
}

.lp-footer .footer-copyright {
  margin: 6px 0 0;
  font-size: 15px;
  color: #000;
}

.lp-footer a:focus-visible {
  outline: 3px solid #1769ff;
  outline-offset: 2px;
}

/* アニメーションを減らす設定を尊重 */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}