/* ctaボタンの追加 */
#cta-section {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
}

#cta-section img {
  width: 100%;
  height: auto;
}
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: rgba(216, 163, 123, 0.6);
}

.header img {
  width: 100%;
}

.header .logo {
  width: auto !important;
}

.header p {
  font-size: 1rem;
  font-weight: normal;
  color: #fff;
}

footer {
  text-align: center;
  padding: 4%;
  box-sizing: border-box;
}
footer h2 {
  font-size: clamp(20px, 10vw, 24px);
}
footer p {
  font-size: clamp(10px, 2vw, 14px);
  margin: 4% 0;
}
footer .logo {
  width: 10%;
}
footer .secrules {
  text-align: center;
  font-size: clamp(14px, 3vw, 16px);
}

.footer-bottom {
  margin-bottom: 60px;
}

/* セクション間にあるCTAボタン */

.fv-btn {
  text-align: center;
  margin: 8% auto;
}

.fv-btn p {
  margin-bottom: 2%;
  font-weight: bold;
  color: #83b78a;
}

.fv-btn img {
  width: 88%;
}
@media (min-width: 1000px) {
  body {
    max-width: 400px;
    margin: 0 auto;
  }

  #cta-section {
    left: auto;
  }

  #cta-section img {
    width: 100%;
    max-width: 400px;
    height: auto;
    margin: 0 auto;
  }
}