.c-inputDate {
  border: var(--color--gray-dark) solid 1px;
  padding: 2px 4px;
  max-width: 100%;
}

.c-inputText {
  border: var(--color--gray-dark) solid 1px;
  padding: 2px 4px;
  max-width: 100%;
}

.c-inputText.w-fill {
  width: 100%;
}

.c-inputText.w-middle {
  width: 100%;
  max-width: 450px;
}

.c-textarea {
  border: var(--color--gray-dark) solid 1px;
  padding: 2px 8px;
  width: 100%;
  max-width: 100%;
}

.c-textarea.w-auto {
  width: auto;
}

.c-textarea.w-100,
.p-form input.w-100 {
  max-width: 100px;
}

.c-select {
  background-color: var(--color--white);
  border: var(--color--gray-dark) solid 1px;
  border-radius: 0;
  margin: 0;
  padding: 2px 4px;
  max-width: 100%;
}

.p-form__label.c-unit + .c-select {
  margin-left: 4px;
}

.c-inputDate[aria-invalid="true"],
.c-inputText[aria-invalid="true"],
.c-textarea[aria-invalid="true"],
.c-select[aria-invalid="true"] {
  background-color: var(--color--pink-exLight);
  border: var(--color--red) solid 2px;
}

.p-form__divider {
  display: block;
  width: 100%;
  height: 1px;
  border-top: var(--color--black) solid 1px;
  margin: 24px 0;
}

@media screen and (max-width: 768px) {
  .p-form__divider {
    margin: 16px 0;
  }
}

.p-form .p-form__field .p-form__divider {
  border-top-style: dotted;
  margin: 16px 0;
}

.p-form__fieldset:has(.c-checkbox[aria-invalid="true"]) .c-checkbox,
.p-form__fieldset:has(.c-radio[aria-invalid="true"]) .c-radio{
  outline: var(--color--red) solid 2px;
  outline-offset: 2px;
}

.p-form input + .c-unit,
.p-form select + .c-unit {
  margin-left: 4px;
  margin-right: 0;
  color: #444;
  font-size: 1.5rem;
  vertical-align: bottom;
  align-self: flex-end;
}

.c-checkbox,
.c-radio {
  margin: 0 4px 2px 0;
}

.c-checkbox:not(:first-child),
.c-radio:not(:first-child) {
  margin-top: 12px;
}

.p-form label + br + input {
  margin-top: 8px;
}

.p-form__fieldset {
  display: contents;
}

.p-form__label {
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 8px;
}

.p-form__field .p-form__label {
  font-size: 1.5rem;
}

@media screen and (max-width: 1024px) {
  .p-form__field.l-flexBox .p-form__label:is(span),
  .p-form__field.l-flexBox .p-form__label:first-child {
    display: block;
    margin: 0 0 8px;
  }
}

.p-form__label.label--timeschedule {
  background: var(--keyColor);
  color: var(--color--white);
  padding: 0 8px;
}

.p-form__field {
  line-height: 1.5;
  margin: 24px 0;
  padding: 0 24px;
}

@media screen and (max-width: 768px) {
  .p-form__field {
    margin-top: 16px;
    padding: 0 8px;
  }
}

.p-form__field .p-form__field {
  margin: 16px 0 24px;
  padding: 0 8px;
}

@media screen and (max-width: 768px) {
  .p-form__field .p-form__field {
    margin-top: 8px;
  }
}

.p-form__field:last-child {
  margin-bottom: 24px;
}

.c-subsection .p-form__field {
  margin-top: 16px;
}

.p-form__field .c-subsection {
  padding: 16px;
  margin-top: 24px;
}

.p-form__note {
  color: #444;
  font-size: 1.5rem;
  line-height: 1.4;
  white-space: normal;
  margin-top: 0.5em;
}

@media screen and (max-width: 768px) {
  .p-form__note {
    display: block;
  }
}

.p-form__note.indent {
  padding-left: 2em;
}

.p-form__label .p-form__note {
  margin-left: 1em;
}

.c-subsection .p-form__note {
  color: var(--color--black);
  margin: 0.5em 0;
}

.c-textarea__countedNumber {
  font-weight: 500;
}

.c-textarea__countedNumber.is-error {
  color: var(--color--red);
}

.c-textarea__utility {
  margin-top: 8px;
}

.p-form__errMsg {
  background: url(../img/icon/error-red.svg) no-repeat left top 0.2em/1em;
  color: var(--color--red);
  font-weight: 500;
  line-height: 1.4;
  padding-left: 1.3em;
  margin-top: 0.5em;
  text-align: left;
}

.p-form .c-btnWrapper {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .p-form .c-btnWrapper {
    margin-top: 32px;
  }
}

.c-requiredIcon {
  background-color: var(--color--red);
  color: var(--color--white);
  display: inline-block;
  font-weight: 700;
  font-size: 1.4rem;
  padding: 0 2px 1px;
  line-height: 1.3;
  margin-right: 8px;
}

.p-form__label .c-requiredIcon {
  margin-right: 0;
  margin-left: 8px;
}

.p-form__confirmText {
  font-size: 1.8rem;
  margin-top: 40px;
  text-align: center;
}


/* timeSchedule */
@media screen and (max-width: 1024px) {
  .p-timeSchedule.l-flexBox,
  .p-nameInput.l-flexBox {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .p-timeSchedule .p-form__fieldset > * {
   width: 100%;
  }
}

.p-timeSchedule .p-form__fieldset:not(:last-child) > *:last-child,
.p-nameInput .p-form__fieldset:not(:last-child) > *:last-child {
  margin-right: 24px;
}

@media screen and (max-width: 1024px) {
  .p-timeSchedule .p-form__fieldset > *:last-child,
  .p-nameInput .p-form__fieldset > *:last-child {
    margin-right: 0;
  }
}

.p-timeSchedule .p-form__label,
.p-nameInput .p-form__label {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .p-timeSchedule .p-form__label,
  .p-nameInput .p-form__label {
    margin-top: 8px;
  }
}