下層ページ：サンプル

大見出し H2 – section title

大見出し＋コンテンツをグループ化 ⇒ HTML要素にてsectionに設定

段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。

中見出しH3

<!-- コードを記載する際に使用 -->

body {
  &:not(.single) {
    main {
      min-height: calc(100vh - #{g.$ftrHgt}px);
      box-sizing: border-box;
      header {
        position: relative;
        height: #{g.$ttlHgt}px;
        margin: #{g.$hdrHgt}px 0 0 0;
        @include g.mq(medium) {
          height: #{g.$ttlHgtMB}px;
          margin: #{g.$hdrHgtMB}px 0 0 0;
        }
      }
      section {
        width: g.$wdBase;
        max-width: #{g.$wdMax}px;
        margin: 0 auto;
        padding: #{g.$blPdd}px 0;
        @include g.mq(medium) {
          padding: #{g.$blPddMB}px 0;
        }
        &.wp-block-group {
          position: relative;
          border-radius: #{g.$rdCnt}px;
          > div {
            &.wp-block-group__inner-container {
              display: grid;
              grid-template-columns: 1fr;
              row-gap: #{g.$parIvTitleSub}px;
              width: 100%;
              max-width: #{g.$wdContentMax}px;
              margin: 0 auto;
              border-radius: #{g.$rdCnt}px;
              box-sizing: border-box;
            }
          }
        }
      }
    }
  }
}

小見出し H4

段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。

• リストアイテム
• リストアイテム
• リストアイテム
• リストアイテム
• リストアイテム

引用 – 引用元なし
引用の際に使用します。引用の際に使用します。引用の際に使用します。引用の際に使用します。引用の際に使用します。引用の際に使用します。引用の際に使用します。引用の際に使用します。引用の際に使用します。引用の際に使用します。引用の際に使用します。引用の際に使用します。引用の際に使用します。引用の際に使用します。引用の際に使用します。引用の際に使用します。引用の際に使用します。引用の際に使用します。引用の際に使用します。引用の際に使用します。

引用 – 引用元あり
引用の際に使用します。引用の際に使用します。引用の際に使用します。引用の際に使用します。引用の際に使用します。引用の際に使用します。引用の際に使用します。引用の際に使用します。引用の際に使用します。引用の際に使用します。引用の際に使用します。引用の際に使用します。引用の際に使用します。引用の際に使用します。引用の際に使用します。引用の際に使用します。引用の際に使用します。引用の際に使用します。引用の際に使用します。引用の際に使用します。

https://gameprogramminglab.com.com/引用元を記載

大見出し H2 – section title

大見出し＋コンテンツをグループ化 ⇒ HTML要素にてsectionに設定

段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。

アコーディオンメニュー：タイトル

アコーディオンメニュー：詳細。アコーディオンメニュー：詳細。アコーディオンメニュー：詳細。アコーディオンメニュー：詳細。アコーディオンメニュー：詳細。アコーディオンメニュー：詳細。アコーディオンメニュー：詳細。アコーディオンメニュー：詳細。

アコーディオンメニュー：タイトル

アコーディオンメニュー：詳細。アコーディオンメニュー：詳細。アコーディオンメニュー：詳細。アコーディオンメニュー：詳細。アコーディオンメニュー：詳細。アコーディオンメニュー：詳細。アコーディオンメニュー：詳細。アコーディオンメニュー：詳細。

アコーディオンメニュー：タイトル

アコーディオンメニュー：詳細。アコーディオンメニュー：詳細。アコーディオンメニュー：詳細。アコーディオンメニュー：詳細。アコーディオンメニュー：詳細。アコーディオンメニュー：詳細。アコーディオンメニュー：詳細。アコーディオンメニュー：詳細。

中見出しH3

成形済テキスト - 強調したいときなどに使用。強調したいときなどに使用。強調したいときなどに使用。強調したいときなどに使用。強調したいときなどに使用。強調したいときなどに使用。強調したいときなどに使用。強調したいときなどに使用。強調したいときなどに使用。強調したいときなどに使用。

表：項目名	表：項目名	表：項目名
要素	要素	要素
要素	要素	要素
要素	要素	要素
要素	要素	要素

詩 - エピソードなどを記載する際に使用。エピソードなどを記載する際に使用。エピソードなどを記載する際に使用。エピソードなどを記載する際に使用。エピソードなどを記載する際に使用。エピソードなどを記載する際に使用。エピソードなどを記載する際に使用。エピソードなどを記載する際に使用。エピソードなどを記載する際に使用。

小見出し H4

大見出し H2 – section title

大見出し＋コンテンツをグループ化 ⇒ HTML要素にてsectionに設定

段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。段落です。

中見出しH3

小見出し H4

ボタンエリアに対し、ボタンの数が偶数だときれいに見えます。