@charset "UTF-8";
@media (min-width: 62rem) {
  .form {
    margin: 0 calc((100% / 12) * 3);
  }
}
.form-keep {
  margin-bottom: 36px;
  margin-bottom: 2.25rem;
  text-align: center;
}
.form-must::before {
  background-color: #e59900;
  background-color: var(--colorAlert);
  content: " ";
  height: 1.125rem;
  left: 0;
  width: 2px;
  width: var(--borderWidth);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.form-keep .form-must {
  display: inline-block;
  margin-left: 10px;
  margin-left: var(--decoPadding);
  padding-left: 20px;
  padding-left: calc(var(--borderWidth) + var(--decoPadding));
  position: relative;
}
.form-list + .form-list {
  margin-top: 24px;
  margin-top: 1.5rem;
}
.form-label {
  font-weight: 600;
  padding-left: 20px;
  padding-left: calc(var(--borderWidth) + var(--decoPadding));
  line-height: 30px;
  line-height: 1.875rem;
  position: relative;
}
.form-inputWrap.flex {
  margin-left: calc(-1 * 10px);
  margin-right: calc(-1 * 10px);
  padding-left: 2px;
  padding-left: var(--borderWidth);
}
.form-inputWrap.flex > * {
  margin-left: 10px;
  margin-left: var(--decoPadding);
  margin-right: 10px;
  margin-right: var(--decoPadding);
}
.form-inputWrap.flex .formSelector {
  width: 50%;
}
.form-inputWrap + .form-inputWrap {
  margin-top: 12px;
  margin-top: 0.75rem;
}
.form-errorMsg {
  color: #c00000;
  display: none;
  margin-left: 10px;
  margin-left: var(--decoPadding);
  margin-top: 6px;
  margin-top: 0.375rem;
}
.form-errorMsg_has {
  display: block;
}
.form textarea.form-input {
  border-style: solid;
  border-width: 0.125rem;
  height: 6.375rem;
  height: calc(5.625rem + ((var(--borderWidth) + calc(0.375rem - var(--borderWidth))) * 2));
  padding-bottom: 0.25rem;
  padding-bottom: calc(0.375rem - var(--borderWidth));
  padding-top: 0.25rem;
  padding-top: calc(0.375rem - var(--borderWidth));
}
.form-captcha, .form-reload {
  height: 1.875rem;
}
.form-captcha img {
  height: 100%;
}
.form-reload {
  fill: #808080;
  fill: var(--colorMedium);
  -webkit-flex: 0 0 1.875rem;
  flex: 0 0 1.875rem;
  max-width: 1.875rem;
}
.form-reload:hover, .form-reload:focus, .form-reload:active {
  fill: #e59900;
  fill: var(--colorAlert);
}
.form-reload:hover svg, .form-reload:focus svg, .form-reload:active svg {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

/*# sourceMappingURL=form.css.map */