/* 施設・設備利用 仮申込フォーム */

#fel-form {
  scroll-margin-top: 8rem;
}

.fel-form-page__intro,
.wpcf7:has(#fel-form) {
  width: min(calc(100vw - 4rem), 77rem);
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 5rem;
}

.fel-form .oc-form__grid2 {
  grid-template-columns: 1fr;
}

.fel-form__notice {
  padding: 1.6rem 2rem;
  background: #fff8e8;
  border: 1px solid #f0dfaa;
  border-radius: 0.8rem;
}

.fel-form__notice strong {
  color: #d8121c;
}

.fel-form-page__intro {
  margin-bottom: 2.4rem;
}

.fel-form-page__intro .p-heading-primary {
  margin-bottom: 1.2rem;
}

.fel-form__file input[type="file"] {
  width: 100%;
}

.fel-form__acceptance-list {
  display: grid;
  gap: 1.2rem;
  margin-top: 1.6rem;
}

.fel-form__acceptance-list > .wpcf7-form-control-wrap,
.fel-form__acceptance-list .wpcf7-acceptance,
.fel-form__acceptance-list .wpcf7-list-item {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
}

.fel-form__acceptance-list label {
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}

.fel-form__acceptance-list label input[type="checkbox"] {
  flex: 0 0 auto;
  margin-right: 1rem;
}

.fel-form__acceptance-list .wpcf7-list-item-label {
  flex: 1 1 auto;
  text-align: left;
}

.fel-form__submit-note {
  margin: 0 0 1.6rem;
  font-size: 1.3rem;
  line-height: 1.75;
  color: #6e6b66;
  text-align: center;
}

.fel-form-cta {
  margin-top: 5rem;
}

.fel-form-cta .p-textarea p:last-child {
  text-align: center;
}

.fel-form-cta .p-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24rem;
  margin-top: 0.8rem;
}

.is-fel-form .p-form-submit__btn .wpcf7-submit[disabled],
.is-fel-form .p-form-submit.is-desabled .p-form-button {
  background-color: #d9d9d9;
  border-color: #999;
  color: #999;
  cursor: not-allowed;
  opacity: 1;
  pointer-events: none;
}

@media (max-width: 767px) {
  .fel-form-cta .p-btn {
    width: 100%;
    min-width: 0;
  }
}