/* ---------------------------
   LP基礎設定
--------------------------- */
html, body {
  background: #ffffff;
  margin: 0;
  padding: 0;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",
    "メイリオ", "Meiryo", sans-serif;
}

#lp {
  overflow: hidden;
  max-width: 690px;
  margin: 0 auto;
  position: relative;
}

img {
  vertical-align: bottom;
  display: block;
  width: 100%;
}

a {
  text-decoration: none;
  color: #333;
}

a:hover {
  opacity: 0.7;
}

/* ---------------------------
   オファーエリア
--------------------------- */
.offer {
  position: relative;
}

/* ボタン位置アニメーション */
.offer_btn {
  position: absolute;
  margin-top: -37%; /* 以前の基準を維持 */
  left: 4%;
  width: 93%;
  animation: 1.4s ponpon ease-in-out infinite;
}

/* 特商法リンク・解約リンク（配置のみ） */
.tokusho_link {
    position: absolute;
    width: 12.2%;
}
.kaiyaku {
position: absolute;
    width: 8.1%;
}

.tokusho_link {
    bottom: 13.6%;
    left: 83.3%;
}

.kaiyaku {
    bottom: 15.27%;
    right: 25%;
}

/* ---------------------------
   アニメーション
--------------------------- */
@keyframes ponpon {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.8);
  }
}