@charset "utf-8";

.form {
  margin: 20px 0 80px;

  .form-outline {
    width: 100%;
    max-width: 800px;
    padding: 3em 0;
    margin-left: auto;
    margin-right: auto;
    /* background-color: #e8d1a8; */
    background-color: #f3f1e7;
    border-radius: 3px;

    .form-preface {
      margin: 0 2em 4em;
    }

    .form-title {
      display: block;
      text-align: center;
      margin-bottom: 2em;
      text-decoration: underline;
    }

    /* reCAPTCHAの書式 */
    .protector {
      text-align: center;
      padding: 0 1.5em;
      margin-top: 3em;

      a {
        color: #722620;
        text-decoration: underline;
      }

      a:hover {
        color: #009ee6;
      }
    }
  }

  @media (max-width: 601px) {
    .pc {
      display: none;
    }
  }

  @media (min-width: 600px) {
    .sp {
      display: none;
    }
  }

  @media (max-width: 450px) {
    .pc {
      display: block;
    }
  }

  .booking-package-calendar {
    padding: 0 2em;
    margin-left: auto;
    margin-right: auto;
  }
}