/* smartphone LP layout */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: system-ui, -apple-system, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  background: #fff;
}

.wrap {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  position: relative;
}

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

/* CTA（申し込みボタン） */
/* --- 位置調整（スマホ想定） --- */
.cta {
  text-align: center;
  margin-top: -85px;   /* ←重なり量。-70〜-110で好みに調整 */
  padding-bottom: 60px;
  position: relative;
  z-index: 10;
  background: transparent;
}

/* --- ボタン画像（サイズ＋アニメ） --- */
.cta img {
  width: 100%;
  max-width: 750px;
  transition: transform 0.2s ease, opacity 0.2s ease;
  animation: bob 2s ease-in-out infinite;  /* ← ここを3s→2sに変更（速く） */
  will-change: transform;
}

.cta img:hover {
  opacity: 0.9;
  transform: scale(1.02);       /* 触れたら少しだけ拡大 */
  animation-play-state: paused;  /* ホバー時は揺れを一時停止 */
}

/* 揺れのキーアニメーション */
@keyframes bob {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-6px); }  /* 揺れ幅（-4〜-10で調整可） */
  100% { transform: translateY(0); }
}

/* 省エネ・揺れが苦手な方向け：OS設定でアニメ無効 */
@media (prefers-reduced-motion: reduce) {
  .cta img { animation: none; }
}

/* PCでは重なりを少し弱める（任意） */
@media (min-width: 768px) {
  .cta { margin-top: -60px; }
}