タイトル

ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。

タイトル

ここに説明を書きます。サンプルテキスト。

タイトル

ここに説明を書きます。サンプルテキスト。

list-mask2-parts（mask1、mask2、mask3、の３パターンのうねうね動く枠）

画像のアスペクト比そのまま

• 3列レイアウト。mainの幅が900px未満で2列に。
• ブロックの一番外にある「section」に背景色のclassを足すと、背景色つきタイプでも使えます。
  section class="bg-parts bg1-light-parts"
  section class="bg-parts bg1-parts"
  section class="bg-parts bg1-primary-parts"
  section class="bg-parts bg1-accent-parts"

タイトル

ここに説明を書きます。サンプルテキスト。ここに説明を書きます。サンプルテキスト。

タイトル

ここに説明を書きます。サンプルテキスト。

タイトル

ここに説明を書きます。サンプルテキスト。

画像のアスペクト比を1:1に

• 画像自体の縦横比はそのままで、中央だけくり抜かれる感じです。
  使い分けは簡単で、外側のブロックの
  「list-mask2-parts」を「list-mask2-parts square」にするだけです。