* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

body {
  background-color: #daf1dc;
}

.lp {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  background-color: #fff;
}

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


/* 画像の上にボタンを重ねるための準備 */
.lp-section {
  position: relative;
}


/* FVのボタン配置 */
.fv .contact-buttons {
  position: absolute;
  left: 12%;
  width: 77%;
  bottom: 1%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* FVの電話ボタンを少し下げる */
.fv .contact-button:first-child {
  transform: translateY(13px);
}

/* クロージングのボタン配置 */
.closing .contact-buttons {
  position: absolute;
  left: 12%;
  width: 77%;
  bottom: 4%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* ボタン共通 */
.contact-button {
  display: block;
  width: 100%;
}

.contact-button img {
  display: block;
  width: 100%;
  height: auto;
}