white
black
gray
red
blue
light-blue
green
yellow
orange
purple

==white=={.white}
==black=={.black}
==gray=={.gray}
==red=={.red}
==blue=={.blue}
==light-blue=={.light-blue}
==green=={.green}
==yellow=={.yellow}
==orange=={.orange}
==purple=={.purple}

xl5
xl4
xl3
xl2
xl
lg
sm
xs
xs2
xs3

==xl5=={.text-xl5}
==xl4=={.text-xl4}
==xl3=={.text-xl3}
==xl2=={.text-xl2}
==xl=={.text-xl}
==lg=={.text-lg}
==sm=={.text-sm}
==xs=={.text-xs}
==xs2=={.text-xs2}
==xs3=={.text-xs3}

![height:300](./images/marp.png)

これは情報です。

これは情報です。{.note}

これは補足です。

これは補足です。{.tip}

これは重要です。

これは重要です。{.important}

これは注意です。

これは注意です。{.warning}

これは警告です。

これは警告です。{.caution}

:::c
ここに1列目の内容を書きます。
空行によって分割します。

ここに2列目の内容を書きます。

ここに3列目の内容を書きます。
:::

ここに1列目の内容を書きます。
空行によって分割します。

ここに2列目の内容を書きます。

ここに3列目の内容を書きます。