/* /kanri/contact.html — form embed area. Header, title band, copyright, and
   footer illustration reuse parking-management.css (.pm-ttl, .pm-copyright,
   .pm-main__illust-*). Same 960px-reference column as .pm-ttl__inner. */

.pm-form {
  display: flex;
  flex-direction: column;
  gap: calc(40 * var(--pc));
  width: calc(960 * var(--pc));
  margin: 0 auto;
  /* Extra top padding so the ttl illustration (bottom: -58pc) does not
     cover the lead copy. Matches .pm-point__heading's PC padding-top. */
  padding: calc(100 * var(--pc)) 0;
}

.pm-form__lead p {
  margin: 0;
  color: #222;
  font-family: "Noto Sans JP", "Mplus 1p", sans-serif;
  font-size: calc(16 * var(--pc));
  line-height: 1.8;
}

.pm-form .formrun-embed {
  width: 100%;
}

.pm-form .formrun-embed iframe {
  display: block;
  width: 100%;
  /* formrun starts the iframe at height:0 until postMessage resize. */
  min-height: 720px;
}

.pm-finish {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(40 * var(--pc));
  width: calc(960 * var(--pc));
  margin: 0 auto;
  padding: calc(100 * var(--pc)) 0;
}

.pm-finish__block {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--pc));
  width: 100%;
}

.pm-finish__heading {
  margin: 0;
  color: #005bac;
  font-family: "Noto Sans JP", "Mplus 1p", sans-serif;
  font-weight: 700;
  font-size: calc(24 * var(--pc));
  line-height: 1.5;
}

.pm-finish__subheading {
  margin: 0;
  color: #222;
  font-family: "Noto Sans JP", "Mplus 1p", sans-serif;
  font-weight: 700;
  font-size: calc(18 * var(--pc));
  line-height: 1.8;
}

.pm-finish__body p {
  margin: 0;
  color: #222;
  font-family: "Noto Sans JP", "Mplus 1p", sans-serif;
  font-size: calc(16 * var(--pc));
  line-height: 1.8;
}

.pm-finish__body p + p {
  margin-top: calc(8 * var(--pc));
}

.pm-finish__btn {
  width: calc(400 * var(--pc));
  max-width: 100%;
}

@media (max-width: 767px) {
  .pm-form {
    gap: calc(24 * var(--sp));
    width: 100%;
    padding: calc(64 * var(--sp)) calc(20 * var(--sp)) calc(56 * var(--sp));
  }

  .pm-form__lead p {
    font-size: calc(14 * var(--sp));
  }

  .pm-finish {
    gap: calc(32 * var(--sp));
    width: 100%;
    padding: calc(64 * var(--sp)) calc(20 * var(--sp)) calc(56 * var(--sp));
  }

  .pm-finish__block {
    gap: calc(12 * var(--sp));
  }

  .pm-finish__heading {
    font-size: calc(20 * var(--sp));
  }

  .pm-finish__subheading {
    font-size: calc(16 * var(--sp));
  }

  .pm-finish__body p {
    font-size: calc(14 * var(--sp));
  }

  .pm-finish__body p + p {
    margin-top: calc(8 * var(--sp));
  }

  .pm-finish__btn {
    width: 100%;
  }
}