ウィンドウ横幅で2カラム（左イメージ、右テキスト）

テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト

<div class="component col2-w-full">
  <div class="column-item column-img-wrap">
    <img>
  </div>
  <div class="column-item column-content-wrap">
    テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト
  </div>
</div>

ウィンドウ横幅で2カラム（左テキスト、右イメージ）

テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト

<div class="component col2-w-full column-reverse">
  <div class="column-item column-img-wrap">
    <img>
  </div>
  <div class="column-item column-content-wrap">
    テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト
  </div>
</div>

コンテンツ横幅で2カラム（左イメージ、右テキスト）

テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト

<div class="component col2-w-content">
  <div class="column-item column-img-wrap">
    <div class="content-inner">
      <img src="" alt="">
    </div>
  </div>
  <div class="column-item column-content-wrap">
    <div class="content-inner">
      テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト
    </div>
  </div>
</div>

コンテンツ横幅で2カラム（左テキスト、右イメージ）

テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト

<div class="component col2-w-content column-reverse">
  <div class="column-item column-img-wrap">
    <div class="content-inner">
      <img src="" alt="">
    </div>
  </div>
  <div class="column-item column-content-wrap">
    <div class="content-inner">
      テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト
    </div>
  </div>
</div>

3カラム

テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト

<div class="component col3-w-full">
  <div class="column-item column-img-wrap">
    <img>
  </div>
  <div class="column-item column-content-wrap">
    テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト テキスト
  </div>
</div>