フォームセット／Form set

<div class="c-form">
  <form action="">
    <div class="c-heading c-heading--h2">
      <div class="c-heading__inner">
        <h2 class="c-heading__label">フォームセットタイトル</h2>
      </div>
    </div>

    <div class="c-form__body">
      <div class="grid">
        <div class="grid__col grid__col--span6 md:grid__col--span6 sm:grid__col--span8">
          <div class="c-form__item">
            <label class="c-form__label" for="input-text"> <span class="c-form__labelText">ラベル</span><span class="c-form__required">必須</span><span class="c-form__description">入力項目の説明文が入ります。</span> </label>
            <input class="c-input" type="text" id="input-text" required placeholder="プレイスホルダー" />
          </div>
        </div>
        <div class="grid__col grid__col--span6 md:grid__col--span6 sm:grid__col--span8">
          <div class="c-form__item">
            <label class="c-form__label" for="input-text"> <span class="c-form__labelText">ラベル</span><span class="c-form__required">必須</span><span class="c-form__description">入力項目の説明文が入ります。</span> </label>
            <input class="c-input" type="text" id="input-text" required placeholder="プレイスホルダー" />
          </div>
        </div>
        <div class="grid__col grid__col--span12">
          <div class="c-form__item">
            <label class="c-form__label" for="input-text"> <span class="c-form__labelText">ラベル</span><span class="c-form__required">必須</span><span class="c-form__description">入力項目の説明文が入ります。</span> </label>
            <input class="c-input" type="text" id="input-text" required placeholder="プレイスホルダー" />
          </div>
        </div>
        <div class="grid__col grid__col--span12">
          <div class="c-form__item">
            <label id="select-label" class="c-form__label" for="select-sample"> <span class="c-form__labelText">ラベル</span><span class="c-form__required">必須</span><span class="c-form__description">入力項目の説明文が入ります。</span> </label>
            <div class="c-selectGroup">
              <select id="select-sample" class="c-select" name="pets" aria-labelledby="select-label" required>
                <option value="">デフォルトテキスト</option>
                <option value="dog">Dog</option>
                <option value="cat">Cat</option>
                <option value="hamster">Hamster</option>
                <option value="parrot">Parrot</option>
                <option value="spider">Spider</option>
                <option value="goldfish">Goldfish</option>
              </select>
            </div>
          </div>
        </div>
        <div class="grid__col grid__col--span12">
          <div class="c-form__item">
            <p id="group-label" class="c-form__label">
              <span class="c-form__labelText">ラベル</span>
              <span class="c-form__required">必須</span>
              <span class="c-form__description">入力項目の説明文が入ります。</span>
            </p>
            <div class="c-checkboxGroup" role="group" aria-labelledby="group-label">
              <div class="c-checkbox">
                <input type="checkbox" id="checkbox1" name="item.name" required />
                <label for="checkbox1">選択肢1</label>
              </div>

              <div class="c-checkbox">
                <input type="checkbox" id="checkbox2" name="item.name" required />
                <label for="checkbox2">選択肢2</label>
              </div>

              <div class="c-checkbox">
                <input type="checkbox" id="checkbox3" name="item.name" required />
                <label for="checkbox3">選択肢3</label>
              </div>
            </div>
          </div>
        </div>
        <div class="grid__col grid__col--span12">
          <div class="c-form__item">
            <p id="group-label" class="c-form__label"><span class="c-form__labelText">ラベル</span><span class="c-form__required">必須</span><span class="c-form__description">入力項目の説明文が入ります。</span></p>
            <div class="c-radioGroup" role="radiogroup" aria-labelledby="group-label">
              <div class="c-radioButton">
                <input type="radio" id="radio1" name="radio_sample" value="" required />
                <label for="radio1">選択肢1</label>
              </div>

              <div class="c-radioButton">
                <input type="radio" id="radio2" name="radio_sample" value="" required />
                <label for="radio2">選択肢2</label>
              </div>

              <div class="c-radioButton">
                <input type="radio" id="radio3" name="radio_sample" value="" required />
                <label for="radio3">選択肢3</label>
              </div>
            </div>
          </div>
        </div>
        <div class="grid__col grid__col--span12">
          <div class="c-form__item">
            <label class="c-form__label" for="input-textarea"> <span class="c-form__labelText">ラベル</span><span class="c-form__required">必須</span><span class="c-form__description">入力項目の説明文が入ります。</span> </label>
            <textarea class="c-input" id="input-textarea" cols="50" rows="5" required placeholder="入力してください"></textarea>
          </div>
        </div>
      </div>
    </div>
    <div class="c-form__footer">
      <button class="c-button c-button--secondary">
        <span class="c-button__label">キャンセル</span>
      </button>

      <button class="c-button c-button--primary">
        <span class="c-button__label">送信</span>
      </button>
    </div>
  </form>
</div>