@charset "UTF-8";

/* ======================================================================

  "Snow Monkey Forms" SP Styles

====================================================================== */
.snow-monkey-form { font-size: calc(26 / 780 * 100vw); }
.smf-item {
  flex-direction: column;
  align-items: flex-start;
  margin: calc(80 / 780 * 100%) 0 0;
}
.smf-item__col--label {
  width: 100%;
  margin: 0 0 .5em;
}
.smf-item__col--controls { width: 100%; }

.postalcode-search {
  width: 100%;
  margin: 10px 0 0;
}

/*
  Text
---------------------------------------------------------------------- */
.smf-form .smf-text-control__control {
  height: calc(90 / 780 * 100vw);
  border-radius: 7.5px;
  padding: 0 .75em;
}

/*
  Textarea
---------------------------------------------------------------------- */
.smf-form .smf-textarea-control__control { border-radius: 7.5px; }

/*
  Select
---------------------------------------------------------------------- */
.smf-form .smf-select-control {
  height: calc(90 / 780 * 100vw);
  border-radius: 7.5px;
  padding: 0 .75em;
}

/*
  Button Styles
---------------------------------------------------------------------- */
.smf-action {
  max-width: 100%;
  flex-direction: column;
  gap: calc(25 / 780 * 100vw) 0;
}
.smf-action .smf-button-control {
  width: 100%;
  height: auto;
  margin-left: 0 !important;
}
.smf-action .smf-button-control__control {
  height: auto;
  line-height: 1.5;
  font-size: calc(28 / 780 * 100vw);
  padding: 1em 0;
}

/*
  Thanks Styles
---------------------------------------------------------------------- */
.smf-form .smf-complete-content .inquiry-unit figure { width: calc(333 / 780 * 100vw); }
.smf-form .smf-complete-content .inquiry-unit p {
  text-align: left;
  line-height: calc(48 / 24);
  margin: 0 0 calc(80 / 780 * 100%);
}