予約フォーム

<div class="helkema-reservation-frame">
  <iframe
    src="https://script.google.com/macros/s/AKfycbx7aoQ1UG53l8JdUtAmuR1PsZ8-RmeLDk79zuLxqtM3YNHQhMn7x-A2zSq1j7dWiaPJSQ/exec"
    title="お酒と暮らしの相談室 予約フォーム"
    loading="lazy"
    allow="clipboard-write"
  ></iframe>
</div>

<style>
  .helkema-reservation-frame {
    width: 100%;
    max-width: 780px;
    margin: 30px auto;
  }

  .helkema-reservation-frame iframe {
    display: block;
    width: 100%;
    height: 1450px;
    border: 0;
    border-radius: 14px;
    background: #f7f8f7;
  }

  @media screen and (max-width: 600px) {
    .helkema-reservation-frame {
      margin: 20px auto;
    }

    .helkema-reservation-frame iframe {
      height: 1750px;
      border-radius: 8px;
    }
  }
</style>