.c-form {
  padding-block: var(--spc-2);
  background-color: var(--c-black-100);
  input,
  textarea {
    display: block;
    width: 100%;
    padding: var(--spc-2);
  }
  .c-form-head {
    padding-inline: var(--spc-4); 
    padding-bottom: var(--spc-2);
    font-weight: var(--fw-bold);
  }
  .c-form-content {
    padding-top: var(--spc-2);
    padding-inline: var(--spc-2);
    border-top: solid .1rem var(--c-white);
  }
  &.-required {
    .c-form-head {
      display: flex;
      align-items: center;
      gap: var(--spc-2);
      &:after {
        content: "*必須";
        color: var(--c-danger);
      }
    }
  }
  &.-money {
    width: fit-content;
    .c-form-content {
      display: flex;
      align-items: flex-end;
      gap: var(--spc-2);
      &:after {
        content: "千円";
        font-weight: var(--fw-bold);
      }
      input {
        text-align: right;
      }
    }
  }
}