/* LP全幅＆全高さ対応 */
.lp-container {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0px;
}

.lp-image {
  width: 100%;
  height: auto;
  display: block;
}

/* PCとSPのバージョン切り替え */
.pc-version {
  display: block;
}

.sp-version {
  display: none;
}

/* スマホ（SP）表示 */
@media (max-width: 768px) {
  .pc-version {
    display: none;
  }

  .sp-version {
    display: block;
    max-width: 768px; /* 最大幅を768pxに固定 */
    width: 100%; /* スマホの画面幅100%に調整 */
    margin: 0 auto; /* 中央揃え */
  }

  .sp-version .lp-image {
    width: 100%; /* 画像はフル幅（768px内） */
    height: auto;
    max-width: 768px; /* 縦横比を保つ */
  }
}