グループ|アイコン付きver1

1,657 views

様々なアイコン・カラーパターンを用意

アイコンはFont awesome 5です。※JINオリジナルアイコン用も用意しております。

men

men

背景色タイトルカラーは後から変更可能です

おすすめ6つ

注意

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-mein-exclamation","style":{"color":{"background":"#fef6f4"}},"plusbfClassName":"bfgrp-title-icon1-mein-exclamation","plusbfStyle":".bfgrp-title-icon1-mein-exclamation {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-mein-exclamation__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-mein-exclamation__title:before,\np.bfgrp-title-icon1-mein-exclamation__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-mein-exclamation__title:after,\np.bfgrp-title-icon1-mein-exclamation__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-mein-exclamation__title:before {\n    z-index: 1;\n    content: \u0022\\f12a\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-mein-exclamation *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-mein-exclamation *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-mein-exclamation has-background" style="background-color:#fef6f4"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-mein-exclamation__title","style":{"color":{"text":"#fb7272"}},"plusbfClassName":"bfgrp-title-icon1-mein-exclamation__title"} -->
<p class="bfgrp-title-icon1-mein-exclamation__title has-text-color" style="color:#fb7272">注意</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

ポイント

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-mein-lightbulb","style":{"color":{"background":"#fffcf5"}},"plusbfClassName":"bfgrp-title-icon1-mein-lightbulb","plusbfStyle":".bfgrp-title-icon1-mein-lightbulb {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-mein-lightbulb__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-mein-lightbulb__title:before,\np.bfgrp-title-icon1-mein-lightbulb__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-mein-lightbulb__title:after,\np.bfgrp-title-icon1-mein-lightbulb__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-mein-lightbulb__title:before {\n    z-index: 1;\n    content: \u0022\\f0eb\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-mein-lightbulb *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-mein-lightbulb *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-mein-lightbulb has-background" style="background-color:#fffcf5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-mein-lightbulb__title","style":{"color":{"text":"#f4df86"}},"plusbfClassName":"bfgrp-title-icon1-mein-lightbulb__title"} -->
<p class="bfgrp-title-icon1-mein-lightbulb__title has-text-color" style="color:#f4df86">ポイント</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

おすすめ

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-mein-heart","style":{"color":{"background":"#fcf4f7"}},"plusbfClassName":"bfgrp-title-icon1-mein-heart","plusbfStyle":".bfgrp-title-icon1-mein-heart {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-mein-heart__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-mein-heart__title:before,\np.bfgrp-title-icon1-mein-heart__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-mein-heart__title:after,\np.bfgrp-title-icon1-mein-heart__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-mein-heart__title:before {\n    z-index: 1;\n    content: \u0022\\f004\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-mein-heart *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-mein-heart *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-mein-heart has-background" style="background-color:#fcf4f7"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-mein-heart__title","style":{"color":{"text":"#f992c2"}},"plusbfClassName":"bfgrp-title-icon1-mein-heart__title"} -->
<p class="bfgrp-title-icon1-mein-heart__title has-text-color" style="color:#f992c2">おすすめ</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

メモ

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-mein-pen","style":{"color":{"background":"#f3f8fc"}},"plusbfClassName":"bfgrp-title-icon1-mein-pen","plusbfStyle":".bfgrp-title-icon1-mein-pen {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-mein-pen__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-mein-pen__title:before,\np.bfgrp-title-icon1-mein-pen__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-mein-pen__title:after,\np.bfgrp-title-icon1-mein-pen__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-mein-pen__title:before {\n    z-index: 1;\n    content: \u0022\\f304\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-mein-pen *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-mein-pen *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-mein-pen has-background" style="background-color:#f3f8fc"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-mein-pen__title","style":{"color":{"text":"#609bd6"}},"plusbfClassName":"bfgrp-title-icon1-mein-pen__title"} -->
<p class="bfgrp-title-icon1-mein-pen__title has-text-color" style="color:#609bd6">メモ</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

確認

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-mein-check","style":{"color":{"background":"#f4fbfc"}},"plusbfClassName":"bfgrp-title-icon1-mein-check","plusbfStyle":".bfgrp-title-icon1-mein-check {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-mein-check__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-mein-check__title:before,\np.bfgrp-title-icon1-mein-check__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-mein-check__title:after,\np.bfgrp-title-icon1-mein-check__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-mein-check__title:before {\n    z-index: 1;\n    content: \u0022\\f00c\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-mein-check *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-mein-check *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-mein-check has-background" style="background-color:#f4fbfc"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-mein-check__title","style":{"color":{"text":"#73ced4"}},"plusbfClassName":"bfgrp-title-icon1-mein-check__title"} -->
<p class="bfgrp-title-icon1-mein-check__title has-text-color" style="color:#73ced4">確認</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

よくない

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-mein-times","style":{"color":{"background":"#f9f5fa"}},"plusbfClassName":"bfgrp-title-icon1-mein-times","plusbfStyle":".bfgrp-title-icon1-mein-times {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-mein-times__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-mein-times__title:before,\np.bfgrp-title-icon1-mein-times__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-mein-times__title:after,\np.bfgrp-title-icon1-mein-times__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-mein-times__title:before {\n    z-index: 1;\n    content: \u0022\\f00d\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-mein-times *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-mein-times *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-mein-times has-background" style="background-color:#f9f5fa"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-mein-times__title","style":{"color":{"text":"#c38ccc"}},"plusbfClassName":"bfgrp-title-icon1-mein-times__title"} -->
<p class="bfgrp-title-icon1-mein-times__title has-text-color" style="color:#c38ccc">よくない</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

優しいカラー

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-exclamation","style":{"color":{"background":"#fef6f4"}},"plusbfClassName":"bfgrp-title-icon1-exclamation","plusbfStyle":".bfgrp-title-icon1-exclamation {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-exclamation__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-exclamation__title:before,\np.bfgrp-title-icon1-exclamation__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-exclamation__title:after,\np.bfgrp-title-icon1-exclamation__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-exclamation__title:before {\n    z-index: 1;\n    content: \u0022\\f12a\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-exclamation *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-exclamation *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-exclamation has-background" style="background-color:#fef6f4"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-exclamation__title","style":{"color":{"text":"#f28d79"}},"plusbfClassName":"bfgrp-title-icon1-exclamation__title"} -->
<p class="bfgrp-title-icon1-exclamation__title has-text-color" style="color:#f28d79">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-apple-alt","style":{"color":{"background":"#fef6f4"}},"plusbfClassName":"bfgrp-title-icon1-apple-alt","plusbfStyle":".bfgrp-title-icon1-apple-alt {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-apple-alt__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-apple-alt__title:before,\np.bfgrp-title-icon1-apple-alt__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-apple-alt__title:after,\np.bfgrp-title-icon1-apple-alt__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-apple-alt__title:before {\n    z-index: 1;\n    content: \u0022\\f5d1\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-apple-alt *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-apple-alt *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-apple-alt has-background" style="background-color:#fef6f4"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-apple-alt__title","style":{"color":{"text":"#f28d79"}},"plusbfClassName":"bfgrp-title-icon1-apple-alt__title"} -->
<p class="bfgrp-title-icon1-apple-alt__title has-text-color" style="color:#f28d79">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-exclamation-triangle","style":{"color":{"background":"#fef6f4"}},"plusbfClassName":"bfgrp-title-icon1-exclamation-triangle","plusbfStyle":".bfgrp-title-icon1-exclamation-triangle {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-exclamation-triangle__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-exclamation-triangle__title:before,\np.bfgrp-title-icon1-exclamation-triangle__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-exclamation-triangle__title:after,\np.bfgrp-title-icon1-exclamation-triangle__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-exclamation-triangle__title:before {\n    z-index: 1;\n    content: \u0022\\f071\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-exclamation-triangle *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-exclamation-triangle *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-exclamation-triangle has-background" style="background-color:#fef6f4"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-exclamation-triangle__title","style":{"color":{"text":"#f28d79"}},"plusbfClassName":"bfgrp-title-icon1-exclamation-triangle__title"} -->
<p class="bfgrp-title-icon1-exclamation-triangle__title has-text-color" style="color:#f28d79">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-burn","style":{"color":{"background":"#fef6f4"}},"plusbfClassName":"bfgrp-title-icon1-burn","plusbfStyle":".bfgrp-title-icon1-burn {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-burn__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-burn__title:before,\np.bfgrp-title-icon1-burn__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-burn__title:after,\np.bfgrp-title-icon1-burn__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-burn__title:before {\n    z-index: 1;\n    content: \u0022\\f46a\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-burn *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-burn *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-burn has-background" style="background-color:#fef6f4"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-burn__title","style":{"color":{"text":"#f28d79"}},"plusbfClassName":"bfgrp-title-icon1-burn__title"} -->
<p class="bfgrp-title-icon1-burn__title has-text-color" style="color:#f28d79">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

ピンク

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-heart","style":{"color":{"background":"#fcf4f7"}},"plusbfClassName":"bfgrp-title-icon1-heart","plusbfStyle":".bfgrp-title-icon1-heart {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-heart__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-heart__title:before,\np.bfgrp-title-icon1-heart__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-heart__title:after,\np.bfgrp-title-icon1-heart__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-heart__title:before {\n    z-index: 1;\n    content: \u0022\\f004\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-heart *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-heart *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-heart has-background" style="background-color:#fcf4f7"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-heart__title","style":{"color":{"text":"#ec789f"}},"plusbfClassName":"bfgrp-title-icon1-heart__title"} -->
<p class="bfgrp-title-icon1-heart__title has-text-color" style="color:#ec789f">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-grin-hearts","style":{"color":{"background":"#fcf4f7"}},"plusbfClassName":"bfgrp-title-icon1-grin-hearts","plusbfStyle":".bfgrp-title-icon1-grin-hearts {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-grin-hearts__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-grin-hearts__title:before,\np.bfgrp-title-icon1-grin-hearts__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-grin-hearts__title:after,\np.bfgrp-title-icon1-grin-hearts__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-grin-hearts__title:before {\n    z-index: 1;\n    content: \u0022\\f584\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-grin-hearts *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-grin-hearts *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-grin-hearts has-background" style="background-color:#fcf4f7"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-grin-hearts__title","style":{"color":{"text":"#ec789f"}},"plusbfClassName":"bfgrp-title-icon1-grin-hearts__title"} -->
<p class="bfgrp-title-icon1-grin-hearts__title has-text-color" style="color:#ec789f">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-heartbeat","style":{"color":{"background":"#fcf4f7"}},"plusbfClassName":"bfgrp-title-icon1-heartbeat","plusbfStyle":".bfgrp-title-icon1-heartbeat {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-heartbeat__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-heartbeat__title:before,\np.bfgrp-title-icon1-heartbeat__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-heartbeat__title:after,\np.bfgrp-title-icon1-heartbeat__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-heartbeat__title:before {\n    z-index: 1;\n    content: \u0022\\f21e\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-heartbeat *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-heartbeat *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-heartbeat has-background" style="background-color:#fcf4f7"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-heartbeat__title","style":{"color":{"text":"#ec789f"}},"plusbfClassName":"bfgrp-title-icon1-heartbeat__title"} -->
<p class="bfgrp-title-icon1-heartbeat__title has-text-color" style="color:#ec789f">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-female","style":{"color":{"background":"#fcf4f7"}},"plusbfClassName":"bfgrp-title-icon1-female","plusbfStyle":".bfgrp-title-icon1-female {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-female__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-female__title:before,\np.bfgrp-title-icon1-female__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-female__title:after,\np.bfgrp-title-icon1-female__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-female__title:before {\n    z-index: 1;\n    content: \u0022\\f182\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-female *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-female *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-female has-background" style="background-color:#fcf4f7"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-female__title","style":{"color":{"text":"#ec789f"}},"plusbfClassName":"bfgrp-title-icon1-female__title"} -->
<p class="bfgrp-title-icon1-female__title has-text-color" style="color:#ec789f">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-ghost","style":{"color":{"background":"#f9f5fa"}},"plusbfClassName":"bfgrp-title-icon1-ghost","plusbfStyle":".bfgrp-title-icon1-ghost {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-ghost__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-ghost__title:before,\np.bfgrp-title-icon1-ghost__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-ghost__title:after,\np.bfgrp-title-icon1-ghost__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-ghost__title:before {\n    z-index: 1;\n    content: \u0022\\f6e2\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-ghost *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-ghost *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-ghost has-background" style="background-color:#f9f5fa"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-ghost__title","style":{"color":{"text":"#be87c7"}},"plusbfClassName":"bfgrp-title-icon1-ghost__title"} -->
<p class="bfgrp-title-icon1-ghost__title has-text-color" style="color:#be87c7">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-biohazard","style":{"color":{"background":"#f9f5fa"}},"plusbfClassName":"bfgrp-title-icon1-biohazard","plusbfStyle":".bfgrp-title-icon1-biohazard {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-biohazard__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-biohazard__title:before,\np.bfgrp-title-icon1-biohazard__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-biohazard__title:after,\np.bfgrp-title-icon1-biohazard__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-biohazard__title:before {\n    z-index: 1;\n    content: \u0022\\f780\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-biohazard *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-biohazard *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-biohazard has-background" style="background-color:#f9f5fa"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-biohazard__title","style":{"color":{"text":"#be87c7"}},"plusbfClassName":"bfgrp-title-icon1-biohazard__title"} -->
<p class="bfgrp-title-icon1-biohazard__title has-text-color" style="color:#be87c7">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-moon","style":{"color":{"background":"#f9f5fa"}},"plusbfClassName":"bfgrp-title-icon1-moon","plusbfStyle":".bfgrp-title-icon1-moon {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-moon__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-moon__title:before,\np.bfgrp-title-icon1-moon__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-moon__title:after,\np.bfgrp-title-icon1-moon__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-moon__title:before {\n    z-index: 1;\n    content: \u0022\\f186\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-moon *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-moon *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-moon has-background" style="background-color:#f9f5fa"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-moon__title","style":{"color":{"text":"#be87c7"}},"plusbfClassName":"bfgrp-title-icon1-moon__title"} -->
<p class="bfgrp-title-icon1-moon__title has-text-color" style="color:#be87c7">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-eye","style":{"color":{"background":"#f9f5fa"}},"plusbfClassName":"bfgrp-title-icon1-eye","plusbfStyle":".bfgrp-title-icon1-eye {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-eye__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-eye__title:before,\np.bfgrp-title-icon1-eye__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-eye__title:after,\np.bfgrp-title-icon1-eye__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-eye__title:before {\n    z-index: 1;\n    content: \u0022\\f06e\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-eye *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-eye *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-eye has-background" style="background-color:#f9f5fa"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-eye__title","style":{"color":{"text":"#be87c7"}},"plusbfClassName":"bfgrp-title-icon1-eye__title"} -->
<p class="bfgrp-title-icon1-eye__title has-text-color" style="color:#be87c7">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

濃い紫

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-rocket","style":{"color":{"background":"#f5f2fa"}},"plusbfClassName":"bfgrp-title-icon1-rocket","plusbfStyle":".bfgrp-title-icon1-rocket {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-rocket__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-rocket__title:before,\np.bfgrp-title-icon1-rocket__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-rocket__title:after,\np.bfgrp-title-icon1-rocket__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-rocket__title:before {\n    z-index: 1;\n    content: \u0022\\f135\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-rocket *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-rocket *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-rocket has-background" style="background-color:#f5f2fa"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-rocket__title","style":{"color":{"text":"#9d85c7"}},"plusbfClassName":"bfgrp-title-icon1-rocket__title"} -->
<p class="bfgrp-title-icon1-rocket__title has-text-color" style="color:#9d85c7">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-spider","style":{"color":{"background":"#f5f2fa"}},"plusbfClassName":"bfgrp-title-icon1-spider","plusbfStyle":".bfgrp-title-icon1-spider {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-spider__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-spider__title:before,\np.bfgrp-title-icon1-spider__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-spider__title:after,\np.bfgrp-title-icon1-spider__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-spider__title:before {\n    z-index: 1;\n    content: \u0022\\f717\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-spider *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-spider *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-spider has-background" style="background-color:#f5f2fa"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-spider__title","style":{"color":{"text":"#9d85c7"}},"plusbfClassName":"bfgrp-title-icon1-spider__title"} -->
<p class="bfgrp-title-icon1-spider__title has-text-color" style="color:#9d85c7">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-skull","style":{"color":{"background":"#f5f2fa"}},"plusbfClassName":"bfgrp-title-icon1-skull","plusbfStyle":".bfgrp-title-icon1-skull {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-skull__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-skull__title:before,\np.bfgrp-title-icon1-skull__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-skull__title:after,\np.bfgrp-title-icon1-skull__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-skull__title:before {\n    z-index: 1;\n    content: \u0022\\f54c\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-skull *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-skull *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-skull has-background" style="background-color:#f5f2fa"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-skull__title","style":{"color":{"text":"#9d85c7"}},"plusbfClassName":"bfgrp-title-icon1-skull__title"} -->
<p class="bfgrp-title-icon1-skull__title has-text-color" style="color:#9d85c7">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-sad-tear","style":{"color":{"background":"#f5f2fa"}},"plusbfClassName":"bfgrp-title-icon1-sad-tear","plusbfStyle":".bfgrp-title-icon1-sad-tear {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-sad-tear__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-sad-tear__title:before,\np.bfgrp-title-icon1-sad-tear__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-sad-tear__title:after,\np.bfgrp-title-icon1-sad-tear__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-sad-tear__title:before {\n    z-index: 1;\n    content: \u0022\\f5b4\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-sad-tear *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-sad-tear *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-sad-tear has-background" style="background-color:#f5f2fa"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-sad-tear__title","style":{"color":{"text":"#9d85c7"}},"plusbfClassName":"bfgrp-title-icon1-sad-tear__title"} -->
<p class="bfgrp-title-icon1-sad-tear__title has-text-color" style="color:#9d85c7">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jira","style":{"color":{"background":"#f2f4fc"}},"plusbfClassName":"bfgrp-title-icon1-jira","plusbfStyle":".bfgrp-title-icon1-jira {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jira__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jira__title:before,\np.bfgrp-title-icon1-jira__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jira__title:after,\np.bfgrp-title-icon1-jira__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jira__title:before {\n    z-index: 1;\n    content: \u0022\\f7b1\u0022;\n    font-family: font awesome\\ 5 brands;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n    font-weight: 500;\n}\n.bfgrp-title-icon1-jira *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jira *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jira has-background" style="background-color:#f2f4fc"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jira__title","style":{"color":{"text":"#8791cc"}},"plusbfClassName":"bfgrp-title-icon1-jira__title"} -->
<p class="bfgrp-title-icon1-jira__title has-text-color" style="color:#8791cc">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-bomb","style":{"color":{"background":"#f2f4fc"}},"plusbfClassName":"bfgrp-title-icon1-bomb","plusbfStyle":".bfgrp-title-icon1-bomb {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-bomb__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-bomb__title:before,\np.bfgrp-title-icon1-bomb__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-bomb__title:after,\np.bfgrp-title-icon1-bomb__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-bomb__title:before {\n    z-index: 1;\n    content: \u0022\\f1e2\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-bomb *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-bomb *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-bomb has-background" style="background-color:#f2f4fc"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-bomb__title","style":{"color":{"text":"#8791cc"}},"plusbfClassName":"bfgrp-title-icon1-bomb__title"} -->
<p class="bfgrp-title-icon1-bomb__title has-text-color" style="color:#8791cc">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-discord","style":{"color":{"background":"#f2f4fc"}},"plusbfClassName":"bfgrp-title-icon1-discord","plusbfStyle":".bfgrp-title-icon1-discord {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-discord__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-discord__title:before,\np.bfgrp-title-icon1-discord__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-discord__title:after,\np.bfgrp-title-icon1-discord__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-discord__title:before {\n    z-index: 1;\n    content: \u0022\\f392\u0022;\n    font-family: font awesome\\ 5 brands;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n    font-weight: 500;\n}\n.bfgrp-title-icon1-discord *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-discord *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-discord has-background" style="background-color:#f2f4fc"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-discord__title","style":{"color":{"text":"#8791cc"}},"plusbfClassName":"bfgrp-title-icon1-discord__title"} -->
<p class="bfgrp-title-icon1-discord__title has-text-color" style="color:#8791cc">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-space-shuttle","style":{"color":{"background":"#f2f4fc"}},"plusbfClassName":"bfgrp-title-icon1-space-shuttle","plusbfStyle":".bfgrp-title-icon1-space-shuttle {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-space-shuttle__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-space-shuttle__title:before,\np.bfgrp-title-icon1-space-shuttle__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-space-shuttle__title:after,\np.bfgrp-title-icon1-space-shuttle__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-space-shuttle__title:before {\n    z-index: 1;\n    content: \u0022\\f197\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-space-shuttle *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-space-shuttle *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-space-shuttle has-background" style="background-color:#f2f4fc"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-space-shuttle__title","style":{"color":{"text":"#8791cc"}},"plusbfClassName":"bfgrp-title-icon1-space-shuttle__title"} -->
<p class="bfgrp-title-icon1-space-shuttle__title has-text-color" style="color:#8791cc">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-bookmark","style":{"color":{"background":"#f3f8fc"}},"plusbfClassName":"bfgrp-title-icon1-bookmark","plusbfStyle":".bfgrp-title-icon1-bookmark {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-bookmark__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-bookmark__title:before,\np.bfgrp-title-icon1-bookmark__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-bookmark__title:after,\np.bfgrp-title-icon1-bookmark__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-bookmark__title:before {\n    z-index: 1;\n    content: \u0022\\f02e\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-bookmark *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-bookmark *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-bookmark has-background" style="background-color:#f3f8fc"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-bookmark__title","style":{"color":{"text":"#60a7d6"}},"plusbfClassName":"bfgrp-title-icon1-bookmark__title"} -->
<p class="bfgrp-title-icon1-bookmark__title has-text-color" style="color:#60a7d6">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-umbrella","style":{"color":{"background":"#f3f8fc"}},"plusbfClassName":"bfgrp-title-icon1-umbrella","plusbfStyle":".bfgrp-title-icon1-umbrella {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-umbrella__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-umbrella__title:before,\np.bfgrp-title-icon1-umbrella__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-umbrella__title:after,\np.bfgrp-title-icon1-umbrella__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-umbrella__title:before {\n    z-index: 1;\n    content: \u0022\\f0e9\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-umbrella *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-umbrella *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-umbrella has-background" style="background-color:#f3f8fc"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-umbrella__title","style":{"color":{"text":"#60a7d6"}},"plusbfClassName":"bfgrp-title-icon1-umbrella__title"} -->
<p class="bfgrp-title-icon1-umbrella__title has-text-color" style="color:#60a7d6">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-paper-plane","style":{"color":{"background":"#f3f8fc"}},"plusbfClassName":"bfgrp-title-icon1-paper-plane","plusbfStyle":".bfgrp-title-icon1-paper-plane {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-paper-plane__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-paper-plane__title:before,\np.bfgrp-title-icon1-paper-plane__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-paper-plane__title:after,\np.bfgrp-title-icon1-paper-plane__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-paper-plane__title:before {\n    z-index: 1;\n    content: \u0022\\f1d8\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-paper-plane *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-paper-plane *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-paper-plane has-background" style="background-color:#f3f8fc"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-paper-plane__title","style":{"color":{"text":"#60a7d6"}},"plusbfClassName":"bfgrp-title-icon1-paper-plane__title"} -->
<p class="bfgrp-title-icon1-paper-plane__title has-text-color" style="color:#60a7d6">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-bluetooth","style":{"color":{"background":"#f3f8fc"}},"plusbfClassName":"bfgrp-title-icon1-bluetooth","plusbfStyle":".bfgrp-title-icon1-bluetooth {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-bluetooth__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-bluetooth__title:before,\np.bfgrp-title-icon1-bluetooth__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-bluetooth__title:after,\np.bfgrp-title-icon1-bluetooth__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-bluetooth__title:before {\n    z-index: 1;\n    content: \u0022\\f293\u0022;\n    font-family: font awesome\\ 5 brands;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n    font-weight: 500;\n}\n.bfgrp-title-icon1-bluetooth *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-bluetooth *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-bluetooth has-background" style="background-color:#f3f8fc"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-bluetooth__title","style":{"color":{"text":"#60a7d6"}},"plusbfClassName":"bfgrp-title-icon1-bluetooth__title"} -->
<p class="bfgrp-title-icon1-bluetooth__title has-text-color" style="color:#60a7d6">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

明るい青

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-twitter","style":{"color":{"background":"#f4fbfe"}},"plusbfClassName":"bfgrp-title-icon1-twitter","plusbfStyle":".bfgrp-title-icon1-twitter {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-twitter__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-twitter__title:before,\np.bfgrp-title-icon1-twitter__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-twitter__title:after,\np.bfgrp-title-icon1-twitter__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-twitter__title:before {\n    z-index: 1;\n    content: \u0022\\f099\u0022;\n    font-family: font awesome\\ 5 brands;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n    font-weight: 500;\n}\n.bfgrp-title-icon1-twitter *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-twitter *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-twitter has-background" style="background-color:#f4fbfe"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-twitter__title","style":{"color":{"text":"#88d5f7"}},"plusbfClassName":"bfgrp-title-icon1-twitter__title"} -->
<p class="bfgrp-title-icon1-twitter__title has-text-color" style="color:#88d5f7">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-cloud-showers-heavy","style":{"color":{"background":"#f4fbfe"}},"plusbfClassName":"bfgrp-title-icon1-cloud-showers-heavy","plusbfStyle":".bfgrp-title-icon1-cloud-showers-heavy {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-cloud-showers-heavy__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-cloud-showers-heavy__title:before,\np.bfgrp-title-icon1-cloud-showers-heavy__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-cloud-showers-heavy__title:after,\np.bfgrp-title-icon1-cloud-showers-heavy__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-cloud-showers-heavy__title:before {\n    z-index: 1;\n    content: \u0022\\f740\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-cloud-showers-heavy *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-cloud-showers-heavy *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-cloud-showers-heavy has-background" style="background-color:#f4fbfe"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-cloud-showers-heavy__title","style":{"color":{"text":"#88d5f7"}},"plusbfClassName":"bfgrp-title-icon1-cloud-showers-heavy__title"} -->
<p class="bfgrp-title-icon1-cloud-showers-heavy__title has-text-color" style="color:#88d5f7">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-font-awesome-flag","style":{"color":{"background":"#f4fbfe"}},"plusbfClassName":"bfgrp-title-icon1-font-awesome-flag","plusbfStyle":".bfgrp-title-icon1-font-awesome-flag {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-font-awesome-flag__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-font-awesome-flag__title:before,\np.bfgrp-title-icon1-font-awesome-flag__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-font-awesome-flag__title:after,\np.bfgrp-title-icon1-font-awesome-flag__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-font-awesome-flag__title:before {\n    z-index: 1;\n    content: \u0022\\f425\u0022;\n    font-family: font awesome\\ 5 brands;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n    font-weight: 500;\n}\n.bfgrp-title-icon1-font-awesome-flag *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-font-awesome-flag *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-font-awesome-flag has-background" style="background-color:#f4fbfe"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-font-awesome-flag__title","style":{"color":{"text":"#88d5f7"}},"plusbfClassName":"bfgrp-title-icon1-font-awesome-flag__title"} -->
<p class="bfgrp-title-icon1-font-awesome-flag__title has-text-color" style="color:#88d5f7">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-fish","style":{"color":{"background":"#f4fbfe"}},"plusbfClassName":"bfgrp-title-icon1-fish","plusbfStyle":".bfgrp-title-icon1-fish {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-fish__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-fish__title:before,\np.bfgrp-title-icon1-fish__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-fish__title:after,\np.bfgrp-title-icon1-fish__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-fish__title:before {\n    z-index: 1;\n    content: \u0022\\f578\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-fish *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-fish *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-fish has-background" style="background-color:#f4fbfe"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-fish__title","style":{"color":{"text":"#88d5f7"}},"plusbfClassName":"bfgrp-title-icon1-fish__title"} -->
<p class="bfgrp-title-icon1-fish__title has-text-color" style="color:#88d5f7">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

シアン

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-gem","style":{"color":{"background":"#f4fbfc"}},"plusbfClassName":"bfgrp-title-icon1-gem","plusbfStyle":".bfgrp-title-icon1-gem {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-gem__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-gem__title:before,\np.bfgrp-title-icon1-gem__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-gem__title:after,\np.bfgrp-title-icon1-gem__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-gem__title:before {\n    z-index: 1;\n    content: \u0022\\f3a5\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-gem *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-gem *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-gem has-background" style="background-color:#f4fbfc"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-gem__title","style":{"color":{"text":"#76ced3"}},"plusbfClassName":"bfgrp-title-icon1-gem__title"} -->
<p class="bfgrp-title-icon1-gem__title has-text-color" style="color:#76ced3">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-dove","style":{"color":{"background":"#f4fbfc"}},"plusbfClassName":"bfgrp-title-icon1-dove","plusbfStyle":".bfgrp-title-icon1-dove {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-dove__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-dove__title:before,\np.bfgrp-title-icon1-dove__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-dove__title:after,\np.bfgrp-title-icon1-dove__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-dove__title:before {\n    z-index: 1;\n    content: \u0022\\f4ba\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-dove *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-dove *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-dove has-background" style="background-color:#f4fbfc"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-dove__title","style":{"color":{"text":"#76ced3"}},"plusbfClassName":"bfgrp-title-icon1-dove__title"} -->
<p class="bfgrp-title-icon1-dove__title has-text-color" style="color:#76ced3">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-leaf","style":{"color":{"background":"#f4fbfc"}},"plusbfClassName":"bfgrp-title-icon1-leaf","plusbfStyle":".bfgrp-title-icon1-leaf {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-leaf__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-leaf__title:before,\np.bfgrp-title-icon1-leaf__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-leaf__title:after,\np.bfgrp-title-icon1-leaf__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-leaf__title:before {\n    z-index: 1;\n    content: \u0022\\f06c\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-leaf *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-leaf *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-leaf has-background" style="background-color:#f4fbfc"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-leaf__title","style":{"color":{"text":"#76ced3"}},"plusbfClassName":"bfgrp-title-icon1-leaf__title"} -->
<p class="bfgrp-title-icon1-leaf__title has-text-color" style="color:#76ced3">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-ethereum","style":{"color":{"background":"#f4fbfc"}},"plusbfClassName":"bfgrp-title-icon1-ethereum","plusbfStyle":".bfgrp-title-icon1-ethereum {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-ethereum__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-ethereum__title:before,\np.bfgrp-title-icon1-ethereum__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-ethereum__title:after,\np.bfgrp-title-icon1-ethereum__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-ethereum__title:before {\n    z-index: 1;\n    content: \u0022\\f42e\u0022;\n    font-family: font awesome\\ 5 brands;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n    font-weight: 500;\n}\n.bfgrp-title-icon1-ethereum *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-ethereum *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-ethereum has-background" style="background-color:#f4fbfc"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-ethereum__title","style":{"color":{"text":"#76ced3"}},"plusbfClassName":"bfgrp-title-icon1-ethereum__title"} -->
<p class="bfgrp-title-icon1-ethereum__title has-text-color" style="color:#76ced3">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

緑青

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-smile","style":{"color":{"background":"#f2faf9"}},"plusbfClassName":"bfgrp-title-icon1-smile","plusbfStyle":".bfgrp-title-icon1-smile {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-smile__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-smile__title:before,\np.bfgrp-title-icon1-smile__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-smile__title:after,\np.bfgrp-title-icon1-smile__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-smile__title:before {\n    z-index: 1;\n    content: \u0022\\f118\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-smile *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-smile *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-smile has-background" style="background-color:#f2faf9"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-smile__title","style":{"color":{"text":"#5dbab1"}},"plusbfClassName":"bfgrp-title-icon1-smile__title"} -->
<p class="bfgrp-title-icon1-smile__title has-text-color" style="color:#5dbab1">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-seedling","style":{"color":{"background":"#f2faf9"}},"plusbfClassName":"bfgrp-title-icon1-seedling","plusbfStyle":".bfgrp-title-icon1-seedling {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-seedling__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-seedling__title:before,\np.bfgrp-title-icon1-seedling__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-seedling__title:after,\np.bfgrp-title-icon1-seedling__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-seedling__title:before {\n    z-index: 1;\n    content: \u0022\\f4d8\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-seedling *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-seedling *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-seedling has-background" style="background-color:#f2faf9"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-seedling__title","style":{"color":{"text":"#5dbab1"}},"plusbfClassName":"bfgrp-title-icon1-seedling__title"} -->
<p class="bfgrp-title-icon1-seedling__title has-text-color" style="color:#5dbab1">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-air-freshener","style":{"color":{"background":"#f2faf9"}},"plusbfClassName":"bfgrp-title-icon1-air-freshener","plusbfStyle":".bfgrp-title-icon1-air-freshener {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-air-freshener__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-air-freshener__title:before,\np.bfgrp-title-icon1-air-freshener__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-air-freshener__title:after,\np.bfgrp-title-icon1-air-freshener__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-air-freshener__title:before {\n    z-index: 1;\n    content: \u0022\\f5d0\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-air-freshener *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-air-freshener *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-air-freshener has-background" style="background-color:#f2faf9"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-air-freshener__title","style":{"color":{"text":"#5dbab1"}},"plusbfClassName":"bfgrp-title-icon1-air-freshener__title"} -->
<p class="bfgrp-title-icon1-air-freshener__title has-text-color" style="color:#5dbab1">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-canadian-maple-leaf","style":{"color":{"background":"#f2faf9"}},"plusbfClassName":"bfgrp-title-icon1-canadian-maple-leaf","plusbfStyle":".bfgrp-title-icon1-canadian-maple-leaf {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-canadian-maple-leaf__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-canadian-maple-leaf__title:before,\np.bfgrp-title-icon1-canadian-maple-leaf__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-canadian-maple-leaf__title:after,\np.bfgrp-title-icon1-canadian-maple-leaf__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-canadian-maple-leaf__title:before {\n    z-index: 1;\n    content: \u0022\\f785\u0022;\n    font-family: font awesome\\ 5 brands;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n    font-weight: 500;\n}\n.bfgrp-title-icon1-canadian-maple-leaf *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-canadian-maple-leaf *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-canadian-maple-leaf has-background" style="background-color:#f2faf9"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-canadian-maple-leaf__title","style":{"color":{"text":"#5dbab1"}},"plusbfClassName":"bfgrp-title-icon1-canadian-maple-leaf__title"} -->
<p class="bfgrp-title-icon1-canadian-maple-leaf__title has-text-color" style="color:#5dbab1">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-frog","style":{"color":{"background":"#f5faf5"}},"plusbfClassName":"bfgrp-title-icon1-frog","plusbfStyle":".bfgrp-title-icon1-frog {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-frog__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-frog__title:before,\np.bfgrp-title-icon1-frog__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-frog__title:after,\np.bfgrp-title-icon1-frog__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-frog__title:before {\n    z-index: 1;\n    content: \u0022\\f52e\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-frog *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-frog *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-frog has-background" style="background-color:#f5faf5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-frog__title","style":{"color":{"text":"#95db98"}},"plusbfClassName":"bfgrp-title-icon1-frog__title"} -->
<p class="bfgrp-title-icon1-frog__title has-text-color" style="color:#95db98">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-envira","style":{"color":{"background":"#f5faf5"}},"plusbfClassName":"bfgrp-title-icon1-envira","plusbfStyle":".bfgrp-title-icon1-envira {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-envira__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-envira__title:before,\np.bfgrp-title-icon1-envira__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-envira__title:after,\np.bfgrp-title-icon1-envira__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-envira__title:before {\n    z-index: 1;\n    content: \u0022\\f299\u0022;\n    font-family: font awesome\\ 5 brands;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n    font-weight: 500;\n}\n.bfgrp-title-icon1-envira *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-envira *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-envira has-background" style="background-color:#f5faf5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-envira__title","style":{"color":{"text":"#95db98"}},"plusbfClassName":"bfgrp-title-icon1-envira__title"} -->
<p class="bfgrp-title-icon1-envira__title has-text-color" style="color:#95db98">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-cannabis","style":{"color":{"background":"#f5faf5"}},"plusbfClassName":"bfgrp-title-icon1-cannabis","plusbfStyle":".bfgrp-title-icon1-cannabis {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-cannabis__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-cannabis__title:before,\np.bfgrp-title-icon1-cannabis__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-cannabis__title:after,\np.bfgrp-title-icon1-cannabis__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-cannabis__title:before {\n    z-index: 1;\n    content: \u0022\\f55f\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-cannabis *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-cannabis *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-cannabis has-background" style="background-color:#f5faf5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-cannabis__title","style":{"color":{"text":"#95db98"}},"plusbfClassName":"bfgrp-title-icon1-cannabis__title"} -->
<p class="bfgrp-title-icon1-cannabis__title has-text-color" style="color:#95db98">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-pray","style":{"color":{"background":"#f5faf5"}},"plusbfClassName":"bfgrp-title-icon1-pray","plusbfStyle":".bfgrp-title-icon1-pray {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-pray__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-pray__title:before,\np.bfgrp-title-icon1-pray__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-pray__title:after,\np.bfgrp-title-icon1-pray__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-pray__title:before {\n    z-index: 1;\n    content: \u0022\\f683\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-pray *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-pray *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-pray has-background" style="background-color:#f5faf5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-pray__title","style":{"color":{"text":"#95db98"}},"plusbfClassName":"bfgrp-title-icon1-pray__title"} -->
<p class="bfgrp-title-icon1-pray__title has-text-color" style="color:#95db98">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

明るい緑

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-money-bill-wave","style":{"color":{"background":"#f9fcf5"}},"plusbfClassName":"bfgrp-title-icon1-money-bill-wave","plusbfStyle":".bfgrp-title-icon1-money-bill-wave {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-money-bill-wave__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-money-bill-wave__title:before,\np.bfgrp-title-icon1-money-bill-wave__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-money-bill-wave__title:after,\np.bfgrp-title-icon1-money-bill-wave__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-money-bill-wave__title:before {\n    z-index: 1;\n    content: \u0022\\f53a\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-money-bill-wave *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-money-bill-wave *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-money-bill-wave has-background" style="background-color:#f9fcf5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-money-bill-wave__title","style":{"color":{"text":"#c1dea0"}},"plusbfClassName":"bfgrp-title-icon1-money-bill-wave__title"} -->
<p class="bfgrp-title-icon1-money-bill-wave__title has-text-color" style="color:#c1dea0">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-spa","style":{"color":{"background":"#f9fcf5"}},"plusbfClassName":"bfgrp-title-icon1-spa","plusbfStyle":".bfgrp-title-icon1-spa {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-spa__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-spa__title:before,\np.bfgrp-title-icon1-spa__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-spa__title:after,\np.bfgrp-title-icon1-spa__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-spa__title:before {\n    z-index: 1;\n    content: \u0022\\f5bb\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-spa *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-spa *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-spa has-background" style="background-color:#f9fcf5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-spa__title","style":{"color":{"text":"#c1dea0"}},"plusbfClassName":"bfgrp-title-icon1-spa__title"} -->
<p class="bfgrp-title-icon1-spa__title has-text-color" style="color:#c1dea0">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-pagelines","style":{"color":{"background":"#f9fcf5"}},"plusbfClassName":"bfgrp-title-icon1-pagelines","plusbfStyle":".bfgrp-title-icon1-pagelines {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-pagelines__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-pagelines__title:before,\np.bfgrp-title-icon1-pagelines__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-pagelines__title:after,\np.bfgrp-title-icon1-pagelines__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-pagelines__title:before {\n    z-index: 1;\n    content: \u0022\\f18c\u0022;\n    font-family: font awesome\\ 5 brands;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n    font-weight: 500p;\n}\n.bfgrp-title-icon1-pagelines *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-pagelines *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-pagelines has-background" style="background-color:#f9fcf5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-pagelines__title","style":{"color":{"text":"#c1dea0"}},"plusbfClassName":"bfgrp-title-icon1-pagelines__title"} -->
<p class="bfgrp-title-icon1-pagelines__title has-text-color" style="color:#c1dea0">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-tree","style":{"color":{"background":"#f9fcf5"}},"plusbfClassName":"bfgrp-title-icon1-tree","plusbfStyle":".bfgrp-title-icon1-tree {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-tree__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-tree__title:before,\np.bfgrp-title-icon1-tree__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-tree__title:after,\np.bfgrp-title-icon1-tree__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-tree__title:before {\n    z-index: 1;\n    content: \u0022\\f1bb\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-tree *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-tree *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-tree has-background" style="background-color:#f9fcf5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-tree__title","style":{"color":{"text":"#c1dea0"}},"plusbfClassName":"bfgrp-title-icon1-tree__title"} -->
<p class="bfgrp-title-icon1-tree__title has-text-color" style="color:#c1dea0">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

ライム

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-kiwi-bird","style":{"color":{"background":"#fcfcf5"}},"plusbfClassName":"bfgrp-title-icon1-kiwi-bird","plusbfStyle":".bfgrp-title-icon1-kiwi-bird {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-kiwi-bird__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-kiwi-bird__title:before,\np.bfgrp-title-icon1-kiwi-bird__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-kiwi-bird__title:after,\np.bfgrp-title-icon1-kiwi-bird__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-kiwi-bird__title:before {\n    z-index: 1;\n    content: \u0022\\f535\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-kiwi-bird *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-kiwi-bird *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-kiwi-bird has-background" style="background-color:#fcfcf5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-kiwi-bird__title","style":{"color":{"text":"#e1e899"}},"plusbfClassName":"bfgrp-title-icon1-kiwi-bird__title"} -->
<p class="bfgrp-title-icon1-kiwi-bird__title has-text-color" style="color:#e1e899">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-earlybirds","style":{"color":{"background":"#fcfcf5"}},"plusbfClassName":"bfgrp-title-icon1-earlybirds","plusbfStyle":".bfgrp-title-icon1-earlybirds {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-earlybirds__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-earlybirds__title:before,\np.bfgrp-title-icon1-earlybirds__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-earlybirds__title:after,\np.bfgrp-title-icon1-earlybirds__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-earlybirds__title:before {\n    z-index: 1;\n    content: \u0022\\f39a\u0022;\n    font-family: font awesome\\ 5 brands;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-earlybirds *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-earlybirds *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-earlybirds has-background" style="background-color:#fcfcf5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-earlybirds__title","style":{"color":{"text":"#e1e899"}},"plusbfClassName":"bfgrp-title-icon1-earlybirds__title"} -->
<p class="bfgrp-title-icon1-earlybirds__title has-text-color" style="color:#e1e899">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-tooth","style":{"color":{"background":"#fcfcf5"}},"plusbfClassName":"bfgrp-title-icon1-tooth","plusbfStyle":".bfgrp-title-icon1-tooth {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-tooth__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-tooth__title:before,\np.bfgrp-title-icon1-tooth__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-tooth__title:after,\np.bfgrp-title-icon1-tooth__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-tooth__title:before {\n    z-index: 1;\n    content: \u0022\\f5c9\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-tooth *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-tooth *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-tooth has-background" style="background-color:#fcfcf5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-tooth__title","style":{"color":{"text":"#e1e899"}},"plusbfClassName":"bfgrp-title-icon1-tooth__title"} -->
<p class="bfgrp-title-icon1-tooth__title has-text-color" style="color:#e1e899">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-meetup","style":{"color":{"background":"#fcfcf5"}},"plusbfClassName":"bfgrp-title-icon1-meetup","plusbfStyle":".bfgrp-title-icon1-meetup {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-meetup__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-meetup__title:before,\np.bfgrp-title-icon1-meetup__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-meetup__title:after,\np.bfgrp-title-icon1-meetup__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-meetup__title:before {\n    z-index: 1;\n    content: \u0022\\f2e0\u0022;\n    font-family: font awesome\\ 5 brands;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-meetup *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-meetup *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-meetup has-background" style="background-color:#fcfcf5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-meetup__title","style":{"color":{"text":"#e1e899"}},"plusbfClassName":"bfgrp-title-icon1-meetup__title"} -->
<p class="bfgrp-title-icon1-meetup__title has-text-color" style="color:#e1e899">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

黄色

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-bolt","style":{"color":{"background":"#fffef5"}},"plusbfClassName":"bfgrp-title-icon1-bolt","plusbfStyle":".bfgrp-title-icon1-bolt {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-bolt__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-bolt__title:before,\np.bfgrp-title-icon1-bolt__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-bolt__title:after,\np.bfgrp-title-icon1-bolt__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-bolt__title:before {\n    z-index: 1;\n    content: \u0022\\f0e7\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-bolt *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-bolt *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-bolt has-background" style="background-color:#fffef5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-bolt__title","style":{"color":{"text":"#f2e785"}},"plusbfClassName":"bfgrp-title-icon1-bolt__title"} -->
<p class="bfgrp-title-icon1-bolt__title has-text-color" style="color:#f2e785">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-lightbulb","style":{"color":{"background":"#fffef5"}},"plusbfClassName":"bfgrp-title-icon1-lightbulb","plusbfStyle":".bfgrp-title-icon1-lightbulb {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-lightbulb__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-lightbulb__title:before,\np.bfgrp-title-icon1-lightbulb__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-lightbulb__title:after,\np.bfgrp-title-icon1-lightbulb__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-lightbulb__title:before {\n    z-index: 1;\n    content: \u0022\\f0eb\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-lightbulb *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-lightbulb *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-lightbulb has-background" style="background-color:#fffef5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-lightbulb__title","style":{"color":{"text":"#f2e785"}},"plusbfClassName":"bfgrp-title-icon1-lightbulb__title"} -->
<p class="bfgrp-title-icon1-lightbulb__title has-text-color" style="color:#f2e785">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-lemon","style":{"color":{"background":"#fffef5"}},"plusbfClassName":"bfgrp-title-icon1-lemon","plusbfStyle":".bfgrp-title-icon1-lemon {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-lemon__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-lemon__title:before,\np.bfgrp-title-icon1-lemon__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-lemon__title:after,\np.bfgrp-title-icon1-lemon__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-lemon__title:before {\n    z-index: 1;\n    content: \u0022\\f094\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-lemon *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-lemon *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-lemon has-background" style="background-color:#fffef5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-lemon__title","style":{"color":{"text":"#f2e785"}},"plusbfClassName":"bfgrp-title-icon1-lemon__title"} -->
<p class="bfgrp-title-icon1-lemon__title has-text-color" style="color:#f2e785">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-brush","style":{"color":{"background":"#fffef5"}},"plusbfClassName":"bfgrp-title-icon1-brush","plusbfStyle":".bfgrp-title-icon1-brush {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-brush__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-brush__title:before,\np.bfgrp-title-icon1-brush__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-brush__title:after,\np.bfgrp-title-icon1-brush__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-brush__title:before {\n    z-index: 1;\n    content: \u0022\\f55d\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-brush *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-brush *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-brush has-background" style="background-color:#fffef5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-brush__title","style":{"color":{"text":"#f2e785"}},"plusbfClassName":"bfgrp-title-icon1-brush__title"} -->
<p class="bfgrp-title-icon1-brush__title has-text-color" style="color:#f2e785">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

こはく

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-pen-alt","style":{"color":{"background":"#fffcf5"}},"plusbfClassName":"bfgrp-title-icon1-pen-alt","plusbfStyle":".bfgrp-title-icon1-pen-alt {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-pen-alt__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-pen-alt__title:before,\np.bfgrp-title-icon1-pen-alt__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-pen-alt__title:after,\np.bfgrp-title-icon1-pen-alt__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-pen-alt__title:before {\n    z-index: 1;\n    content: \u0022\\f305\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-pen-alt *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-pen-alt *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-pen-alt has-background" style="background-color:#fffcf5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-pen-alt__title","style":{"color":{"text":"#ffde7a"}},"plusbfClassName":"bfgrp-title-icon1-pen-alt__title"} -->
<p class="bfgrp-title-icon1-pen-alt__title has-text-color" style="color:#ffde7a">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-bell","style":{"color":{"background":"#fffcf5"}},"plusbfClassName":"bfgrp-title-icon1-bell","plusbfStyle":".bfgrp-title-icon1-bell {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-bell__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-bell__title:before,\np.bfgrp-title-icon1-bell__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-bell__title:after,\np.bfgrp-title-icon1-bell__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-bell__title:before {\n    z-index: 1;\n    content: \u0022\\f0f3\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-bell *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-bell *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-bell has-background" style="background-color:#fffcf5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-bell__title","style":{"color":{"text":"#ffde7a"}},"plusbfClassName":"bfgrp-title-icon1-bell__title"} -->
<p class="bfgrp-title-icon1-bell__title has-text-color" style="color:#ffde7a">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-pencil-alt","style":{"color":{"background":"#fffcf5"}},"plusbfClassName":"bfgrp-title-icon1-pencil-alt","plusbfStyle":".bfgrp-title-icon1-pencil-alt {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-pencil-alt__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-pencil-alt__title:before,\np.bfgrp-title-icon1-pencil-alt__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-pencil-alt__title:after,\np.bfgrp-title-icon1-pencil-alt__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-pencil-alt__title:before {\n    z-index: 1;\n    content: \u0022\\f303\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-pencil-alt *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-pencil-alt *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-pencil-alt has-background" style="background-color:#fffcf5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-pencil-alt__title","style":{"color":{"text":"#ffde7a"}},"plusbfClassName":"bfgrp-title-icon1-pencil-alt__title"} -->
<p class="bfgrp-title-icon1-pencil-alt__title has-text-color" style="color:#ffde7a">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-crown","style":{"color":{"background":"#fffcf5"}},"plusbfClassName":"bfgrp-title-icon1-crown","plusbfStyle":".bfgrp-title-icon1-crown {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-crown__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-crown__title:before,\np.bfgrp-title-icon1-crown__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-crown__title:after,\np.bfgrp-title-icon1-crown__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-crown__title:before {\n    z-index: 1;\n    content: \u0022\\f521\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-crown *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-crown *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-crown has-background" style="background-color:#fffcf5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-crown__title","style":{"color":{"text":"#ffde7a"}},"plusbfClassName":"bfgrp-title-icon1-crown__title"} -->
<p class="bfgrp-title-icon1-crown__title has-text-color" style="color:#ffde7a">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

オレンジ

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-pen","style":{"color":{"background":"#fffaf3"}},"plusbfClassName":"bfgrp-title-icon1-pen","plusbfStyle":".bfgrp-title-icon1-pen {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-pen__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-pen__title:before,\np.bfgrp-title-icon1-pen__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-pen__title:after,\np.bfgrp-title-icon1-pen__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-pen__title:before {\n    z-index: 1;\n    content: \u0022\\f304\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-pen *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-pen *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-pen has-background" style="background-color:#fffaf3"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-pen__title","style":{"color":{"text":"#ffc266"}},"plusbfClassName":"bfgrp-title-icon1-pen__title"} -->
<p class="bfgrp-title-icon1-pen__title has-text-color" style="color:#ffc266">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-utensils","style":{"color":{"background":"#fffaf3"}},"plusbfClassName":"bfgrp-title-icon1-utensils","plusbfStyle":".bfgrp-title-icon1-utensils {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-utensils__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-utensils__title:before,\np.bfgrp-title-icon1-utensils__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-utensils__title:after,\np.bfgrp-title-icon1-utensils__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-utensils__title:before {\n    z-index: 1;\n    content: \u0022\\f2e7\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-utensils *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-utensils *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-utensils has-background" style="background-color:#fffaf3"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-utensils__title","style":{"color":{"text":"#ffc266"}},"plusbfClassName":"bfgrp-title-icon1-utensils__title"} -->
<p class="bfgrp-title-icon1-utensils__title has-text-color" style="color:#ffc266">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-paint-brush","style":{"color":{"background":"#fffaf3"}},"plusbfClassName":"bfgrp-title-icon1-paint-brush","plusbfStyle":".bfgrp-title-icon1-paint-brush {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-paint-brush__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-paint-brush__title:before,\np.bfgrp-title-icon1-paint-brush__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-paint-brush__title:after,\np.bfgrp-title-icon1-paint-brush__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-paint-brush__title:before {\n    z-index: 1;\n    content: \u0022\\f1fc\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-paint-brush *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-paint-brush *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-paint-brush has-background" style="background-color:#fffaf3"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-paint-brush__title","style":{"color":{"text":"#ffc266"}},"plusbfClassName":"bfgrp-title-icon1-paint-brush__title"} -->
<p class="bfgrp-title-icon1-paint-brush__title has-text-color" style="color:#ffc266">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-microphone","style":{"color":{"background":"#fffaf3"}},"plusbfClassName":"bfgrp-title-icon1-microphone","plusbfStyle":".bfgrp-title-icon1-microphone {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-microphone__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-microphone__title:before,\np.bfgrp-title-icon1-microphone__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-microphone__title:after,\np.bfgrp-title-icon1-microphone__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-microphone__title:before {\n    z-index: 1;\n    content: \u0022\\f130\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-microphone *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-microphone *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-microphone has-background" style="background-color:#fffaf3"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-microphone__title","style":{"color":{"text":"#ffc266"}},"plusbfClassName":"bfgrp-title-icon1-microphone__title"} -->
<p class="bfgrp-title-icon1-microphone__title has-text-color" style="color:#ffc266">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

濃いオレンジ

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-pen-fancy","style":{"color":{"background":"#fff8f7"}},"plusbfClassName":"bfgrp-title-icon1-pen-fancy","plusbfStyle":".bfgrp-title-icon1-pen-fancy {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-pen-fancy__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-pen-fancy__title:before,\np.bfgrp-title-icon1-pen-fancy__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-pen-fancy__title:after,\np.bfgrp-title-icon1-pen-fancy__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-pen-fancy__title:before {\n    z-index: 1;\n    content: \u0022\\f5ac\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-pen-fancy *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-pen-fancy *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-pen-fancy has-background" style="background-color:#fff8f7"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-pen-fancy__title","style":{"color":{"text":"#ff9473"}},"plusbfClassName":"bfgrp-title-icon1-pen-fancy__title"} -->
<p class="bfgrp-title-icon1-pen-fancy__title has-text-color" style="color:#ff9473">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-feather-alt","style":{"color":{"background":"#fff8f7"}},"plusbfClassName":"bfgrp-title-icon1-feather-alt","plusbfStyle":".bfgrp-title-icon1-feather-alt {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-feather-alt__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-feather-alt__title:before,\np.bfgrp-title-icon1-feather-alt__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-feather-alt__title:after,\np.bfgrp-title-icon1-feather-alt__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-feather-alt__title:before {\n    z-index: 1;\n    content: \u0022\\f56b\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-feather-alt *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-feather-alt *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-feather-alt has-background" style="background-color:#fff8f7"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-feather-alt__title","style":{"color":{"text":"#ff9473"}},"plusbfClassName":"bfgrp-title-icon1-feather-alt__title"} -->
<p class="bfgrp-title-icon1-feather-alt__title has-text-color" style="color:#ff9473">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-carrot","style":{"color":{"background":"#fff8f7"}},"plusbfClassName":"bfgrp-title-icon1-carrot","plusbfStyle":".bfgrp-title-icon1-carrot {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-carrot__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-carrot__title:before,\np.bfgrp-title-icon1-carrot__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-carrot__title:after,\np.bfgrp-title-icon1-carrot__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-carrot__title:before {\n    z-index: 1;\n    content: \u0022\\f787\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-carrot *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-carrot *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-carrot has-background" style="background-color:#fff8f7"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-carrot__title","style":{"color":{"text":"#ff9473"}},"plusbfClassName":"bfgrp-title-icon1-carrot__title"} -->
<p class="bfgrp-title-icon1-carrot__title has-text-color" style="color:#ff9473">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-comment","style":{"color":{"background":"#fff8f7"}},"plusbfClassName":"bfgrp-title-icon1-comment","plusbfStyle":".bfgrp-title-icon1-comment {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-comment__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-comment__title:before,\np.bfgrp-title-icon1-comment__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-comment__title:after,\np.bfgrp-title-icon1-comment__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-comment__title:before {\n    z-index: 1;\n    content: \u0022\\f12a\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-comment *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-comment *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-comment has-background" style="background-color:#fff8f7"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-comment__title","style":{"color":{"text":"#ff9473"}},"plusbfClassName":"bfgrp-title-icon1-comment__title"} -->
<p class="bfgrp-title-icon1-comment__title has-text-color" style="color:#ff9473">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

茶色

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-coffee","style":{"color":{"background":"#faf7f5"}},"plusbfClassName":"bfgrp-title-icon1-coffee","plusbfStyle":".bfgrp-title-icon1-coffee {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-coffee__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-coffee__title:before,\np.bfgrp-title-icon1-coffee__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-coffee__title:after,\np.bfgrp-title-icon1-coffee__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-coffee__title:before {\n    z-index: 1;\n    content: \u0022\\f0f4\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-coffee *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-coffee *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-coffee has-background" style="background-color:#faf7f5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-coffee__title","style":{"color":{"text":"#9c867e"}},"plusbfClassName":"bfgrp-title-icon1-coffee__title"} -->
<p class="bfgrp-title-icon1-coffee__title has-text-color" style="color:#9c867e">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-briefcase","style":{"color":{"background":"#faf7f5"}},"plusbfClassName":"bfgrp-title-icon1-briefcase","plusbfStyle":".bfgrp-title-icon1-briefcase {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-briefcase__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-briefcase__title:before,\np.bfgrp-title-icon1-briefcase__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-briefcase__title:after,\np.bfgrp-title-icon1-briefcase__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-briefcase__title:before {\n    z-index: 1;\n    content: \u0022\\f0b1\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-briefcase *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-briefcase *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-briefcase has-background" style="background-color:#faf7f5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-briefcase__title","style":{"color":{"text":"#9c867e"}},"plusbfClassName":"bfgrp-title-icon1-briefcase__title"} -->
<p class="bfgrp-title-icon1-briefcase__title has-text-color" style="color:#9c867e">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-paw","style":{"color":{"background":"#faf7f5"}},"plusbfClassName":"bfgrp-title-icon1-paw","plusbfStyle":".bfgrp-title-icon1-paw {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-paw__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-paw__title:before,\np.bfgrp-title-icon1-paw__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-paw__title:after,\np.bfgrp-title-icon1-paw__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-paw__title:before {\n    z-index: 1;\n    content: \u0022\\f1b0\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-paw *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-paw *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-paw has-background" style="background-color:#faf7f5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-paw__title","style":{"color":{"text":"#9c867e"}},"plusbfClassName":"bfgrp-title-icon1-paw__title"} -->
<p class="bfgrp-title-icon1-paw__title has-text-color" style="color:#9c867e">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-shoe-prints","style":{"color":{"background":"#faf7f5"}},"plusbfClassName":"bfgrp-title-icon1-shoe-prints","plusbfStyle":".bfgrp-title-icon1-shoe-prints {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-shoe-prints__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-shoe-prints__title:before,\np.bfgrp-title-icon1-shoe-prints__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-shoe-prints__title:after,\np.bfgrp-title-icon1-shoe-prints__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-shoe-prints__title:before {\n    z-index: 1;\n    content: \u0022\\f54b\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-shoe-prints *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-shoe-prints *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-shoe-prints has-background" style="background-color:#faf7f5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-shoe-prints__title","style":{"color":{"text":"#9c867e"}},"plusbfClassName":"bfgrp-title-icon1-shoe-prints__title"} -->
<p class="bfgrp-title-icon1-shoe-prints__title has-text-color" style="color:#9c867e">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

グレー

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-book-open","style":{"color":{"background":"#fafafa"}},"plusbfClassName":"bfgrp-title-icon1-book-open","plusbfStyle":".bfgrp-title-icon1-book-open {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-book-open__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-book-open__title:before,\np.bfgrp-title-icon1-book-open__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-book-open__title:after,\np.bfgrp-title-icon1-book-open__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-book-open__title:before {\n    z-index: 1;\n    content: \u0022\\f518\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-book-open *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-book-open *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-book-open has-background" style="background-color:#fafafa"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-book-open__title","style":{"color":{"text":"#cfcfcf"}},"plusbfClassName":"bfgrp-title-icon1-book-open__title"} -->
<p class="bfgrp-title-icon1-book-open__title has-text-color" style="color:#cfcfcf">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-cloud","style":{"color":{"background":"#fafafa"}},"plusbfClassName":"bfgrp-title-icon1-cloud","plusbfStyle":".bfgrp-title-icon1-cloud {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-cloud__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-cloud__title:before,\np.bfgrp-title-icon1-cloud__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-cloud__title:after,\np.bfgrp-title-icon1-cloud__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-cloud__title:before {\n    z-index: 1;\n    content: \u0022\\f0c2\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-cloud *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-cloud *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-cloud has-background" style="background-color:#fafafa"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-cloud__title","style":{"color":{"text":"#cfcfcf"}},"plusbfClassName":"bfgrp-title-icon1-cloud__title"} -->
<p class="bfgrp-title-icon1-cloud__title has-text-color" style="color:#cfcfcf">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-clipboard","style":{"color":{"background":"#fafafa"}},"plusbfClassName":"bfgrp-title-icon1-clipboard","plusbfStyle":".bfgrp-title-icon1-clipboard {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-clipboard__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-clipboard__title:before,\np.bfgrp-title-icon1-clipboard__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-clipboard__title:after,\np.bfgrp-title-icon1-clipboard__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-clipboard__title:before {\n    z-index: 1;\n    content: \u0022\\f328\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-clipboard *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-clipboard *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-clipboard has-background" style="background-color:#fafafa"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-clipboard__title","style":{"color":{"text":"#cfcfcf"}},"plusbfClassName":"bfgrp-title-icon1-clipboard__title"} -->
<p class="bfgrp-title-icon1-clipboard__title has-text-color" style="color:#cfcfcf">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-folder-open","style":{"color":{"background":"#fafafa"}},"plusbfClassName":"bfgrp-title-icon1-folder-open","plusbfStyle":".bfgrp-title-icon1-folder-open {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-folder-open__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-folder-open__title:before,\np.bfgrp-title-icon1-folder-open__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-folder-open__title:after,\np.bfgrp-title-icon1-folder-open__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-folder-open__title:before {\n    z-index: 1;\n    content: \u0022\\f07c\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-folder-open *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-folder-open *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-folder-open has-background" style="background-color:#fafafa"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-folder-open__title","style":{"color":{"text":"#cfcfcf"}},"plusbfClassName":"bfgrp-title-icon1-folder-open__title"} -->
<p class="bfgrp-title-icon1-folder-open__title has-text-color" style="color:#cfcfcf">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

ブルーグレー

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-graduation-cap","style":{"color":{"background":"#f5f8fa"}},"plusbfClassName":"bfgrp-title-icon1-graduation-cap","plusbfStyle":".bfgrp-title-icon1-graduation-cap {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-graduation-cap__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-graduation-cap__title:before,\np.bfgrp-title-icon1-graduation-cap__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-graduation-cap__title:after,\np.bfgrp-title-icon1-graduation-cap__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-graduation-cap__title:before {\n    z-index: 1;\n    content: \u0022\\f19d\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-graduation-cap *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-graduation-cap *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-graduation-cap has-background" style="background-color:#f5f8fa"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-graduation-cap__title","style":{"color":{"text":"#9eafb8"}},"plusbfClassName":"bfgrp-title-icon1-graduation-cap__title"} -->
<p class="bfgrp-title-icon1-graduation-cap__title has-text-color" style="color:#9eafb8">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-trash-alt","style":{"color":{"background":"#f5f8fa"}},"plusbfClassName":"bfgrp-title-icon1-trash-alt","plusbfStyle":".bfgrp-title-icon1-trash-alt {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-trash-alt__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-trash-alt__title:before,\np.bfgrp-title-icon1-trash-alt__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-trash-alt__title:after,\np.bfgrp-title-icon1-trash-alt__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-trash-alt__title:before {\n    z-index: 1;\n    content: \u0022\\f2ed\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-trash-alt *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-trash-alt *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-trash-alt has-background" style="background-color:#f5f8fa"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-trash-alt__title","style":{"color":{"text":"#9eafb8"}},"plusbfClassName":"bfgrp-title-icon1-trash-alt__title"} -->
<p class="bfgrp-title-icon1-trash-alt__title has-text-color" style="color:#9eafb8">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-leanpub","style":{"color":{"background":"#f5f8fa"}},"plusbfClassName":"bfgrp-title-icon1-leanpub","plusbfStyle":".bfgrp-title-icon1-leanpub {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-leanpub__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-leanpub__title:before,\np.bfgrp-title-icon1-leanpub__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-leanpub__title:after,\np.bfgrp-title-icon1-leanpub__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-leanpub__title:before {\n    z-index: 1;\n    content: \u0022\\f212\u0022;\n    font-family: font awesome\\ 5 brands;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-leanpub *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-leanpub *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-leanpub has-background" style="background-color:#f5f8fa"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-leanpub__title","style":{"color":{"text":"#9eafb8"}},"plusbfClassName":"bfgrp-title-icon1-leanpub__title"} -->
<p class="bfgrp-title-icon1-leanpub__title has-text-color" style="color:#9eafb8">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-tag","style":{"color":{"background":"#f5f8fa"}},"plusbfClassName":"bfgrp-title-icon1-tag","plusbfStyle":".bfgrp-title-icon1-tag {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-tag__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-tag__title:before,\np.bfgrp-title-icon1-tag__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-tag__title:after,\np.bfgrp-title-icon1-tag__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-tag__title:before {\n    z-index: 1;\n    content: \u0022\\f02b\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-tag *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-tag *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-tag has-background" style="background-color:#f5f8fa"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-tag__title","style":{"color":{"text":"#9eafb8"}},"plusbfClassName":"bfgrp-title-icon1-tag__title"} -->
<p class="bfgrp-title-icon1-tag__title has-text-color" style="color:#9eafb8">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-user","style":{"color":{"background":"#f9f9f9"}},"plusbfClassName":"bfgrp-title-icon1-user","plusbfStyle":".bfgrp-title-icon1-user {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-user__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-user__title:before,\np.bfgrp-title-icon1-user__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-user__title:after,\np.bfgrp-title-icon1-user__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-user__title:before {\n    z-index: 1;\n    content: \u0022\\f007\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-user *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-user *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-user has-background" style="background-color:#f9f9f9"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-user__title","textColor":"tsnc_text_color","plusbfClassName":"bfgrp-title-icon1-user__title"} -->
<p class="bfgrp-title-icon1-user__title has-tsnc-text-color-color has-text-color">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-folder","style":{"color":{"background":"#f9f9f9"}},"plusbfClassName":"bfgrp-title-icon1-folder","plusbfStyle":".bfgrp-title-icon1-folder {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-folder__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-folder__title:before,\np.bfgrp-title-icon1-folder__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-folder__title:after,\np.bfgrp-title-icon1-folder__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-folder__title:before {\n    z-index: 1;\n    content: \u0022\\f07b\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-folder *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-folder *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-folder has-background" style="background-color:#f9f9f9"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-folder__title","textColor":"tsnc_text_color","plusbfClassName":"bfgrp-title-icon1-folder__title"} -->
<p class="bfgrp-title-icon1-folder__title has-tsnc-text-color-color has-text-color">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-book","style":{"color":{"background":"#f9f9f9"}},"plusbfClassName":"bfgrp-title-icon1-book","plusbfStyle":".bfgrp-title-icon1-book {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-book__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-book__title:before,\np.bfgrp-title-icon1-book__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-book__title:after,\np.bfgrp-title-icon1-book__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-book__title:before {\n    z-index: 1;\n    content: \u0022\\f02d\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-book *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-book *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-book has-background" style="background-color:#f9f9f9"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-book__title","textColor":"tsnc_text_color","plusbfClassName":"bfgrp-title-icon1-book__title"} -->
<p class="bfgrp-title-icon1-book__title has-tsnc-text-color-color has-text-color">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

サンプルタイトル

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-key","style":{"color":{"background":"#f9f9f9"}},"plusbfClassName":"bfgrp-title-icon1-key","plusbfStyle":".bfgrp-title-icon1-key {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-key__title {\n    padding: 0 0 0 2.5rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-key__title:before,\np.bfgrp-title-icon1-key__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-key__title:after,\np.bfgrp-title-icon1-key__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-key__title:before {\n    z-index: 1;\n    content: \u0022\\f084\u0022;\n    font-family: font awesome\\ 5 free;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-key *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-key *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-key has-background" style="background-color:#f9f9f9"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-key__title","textColor":"tsnc_text_color","plusbfClassName":"bfgrp-title-icon1-key__title"} -->
<p class="bfgrp-title-icon1-key__title has-tsnc-text-color-color has-text-color">サンプルタイトル</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

JINアイコン

JINのオリジナルアイコンを使ったボックスです。

JINしか表示できないため、サンプルは画像になっています。

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_fire","style":{"color":{"background":"#fef6f4"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_fire","plusbfStyle":".bfgrp-title-icon1-jin_icon_fire {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_fire__title {\n    position: relative;\n    margin-bottom: 1rem;\n    padding: 0 0 0 2.75rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_fire__title:before,\np.bfgrp-title-icon1-jin_icon_fire__title:after {\n    display: inline-block;\n    left: 0;\n    width: 36px;\n    height: 36px;\n    line-height: 36px;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_fire__title:after,\np.bfgrp-title-icon1-jin_icon_fire__title:after {\n    position: absolute;\n    top: calc(50% - 18px);\n    z-index: 0;\n    border-radius: 50%;\n    background: currentColor;\n    content: \u0022\u0022;\n}\np.bfgrp-title-icon1-jin_icon_fire__title:before {\n    position: absolute;\n    top: calc(50% - 18px);\n    z-index: 1;\n    color: #fff;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    text-align: center;\n    content: \u0022\\e99f\u0022;\n}\n.bfgrp-title-icon1-jin_icon_fire *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_fire *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_fire {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_fire__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_fire has-background" style="background-color:#fef6f4"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_fire__title","style":{"color":{"text":"#f28d79"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_fire__title"} -->
<p class="bfgrp-title-icon1-jin_icon_fire__title has-text-color" style="color:#f28d79">ホット</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->
タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_caution","style":{"color":{"background":"#fef6f4"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_caution","plusbfStyle":".bfgrp-title-icon1-jin_icon_caution {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_caution__title {\n    position: relative;\n    margin-bottom: 1rem;\n    padding: 0 0 0 2.75rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_caution__title:before,\np.bfgrp-title-icon1-jin_icon_caution__title:after {\n    display: inline-block;\n    left: 0;\n    width: 36px;\n    height: 36px;\n    line-height: 36px;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_caution__title:after,\np.bfgrp-title-icon1-jin_icon_caution__title:after {\n    position: absolute;\n    top: calc(50% - 18px);\n    z-index: 0;\n    border-radius: 50%;\n    background: currentColor;\n    content: \u0022\u0022;\n}\np.bfgrp-title-icon1-jin_icon_caution__title:before {\n    position: absolute;\n    top: calc(50% - 18px);\n    z-index: 1;\n    color: #fff;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    text-align: center;\n    content: \u0022\\e909\u0022;\n}\n.bfgrp-title-icon1-jin_icon_caution *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_caution *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_caution {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_caution__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_caution has-background" style="background-color:#fef6f4"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_caution__title","style":{"color":{"text":"#f28d79"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_caution__title"} -->
<p class="bfgrp-title-icon1-jin_icon_caution__title has-text-color" style="color:#f28d79">注意</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

ピンク

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_heart","style":{"color":{"background":"#fcf4f7"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_heart","plusbfStyle":".bfgrp-title-icon1-jin_icon_heart {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_heart__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_heart__title:before,\np.bfgrp-title-icon1-jin_icon_heart__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_heart__title:after,\np.bfgrp-title-icon1-jin_icon_heart__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_heart__title:before {\n    z-index: 1;\n    content: \u0022\\e916\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_heart *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_heart *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_heart {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_heart__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_heart has-background" style="background-color:#fcf4f7"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_heart__title","style":{"color":{"text":"#ec789f"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_heart__title"} -->
<p class="bfgrp-title-icon1-jin_icon_heart__title has-text-color" style="color:#ec789f">ハート</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->
タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_girl","style":{"color":{"background":"#fcf4f7"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_girl","plusbfStyle":".bfgrp-title-icon1-jin_icon_girl {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_girl__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_girl__title:before,\np.bfgrp-title-icon1-jin_icon_girl__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_girl__title:after,\np.bfgrp-title-icon1-jin_icon_girl__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_girl__title:before {\n    z-index: 1;\n    content: \u0022\\e96d\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_girl *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_girl *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_girl {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_girl__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_girl has-background" style="background-color:#fcf4f7"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_girl__title","style":{"color":{"text":"#ec789f"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_girl__title"} -->
<p class="bfgrp-title-icon1-jin_icon_girl__title has-text-color" style="color:#ec789f">女の子</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_rocket","style":{"color":{"background":"#f9f5fa"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_rocket","plusbfStyle":".bfgrp-title-icon1-jin_icon_rocket {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_rocket__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_rocket__title:before,\np.bfgrp-title-icon1-jin_icon_rocket__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_rocket__title:after,\np.bfgrp-title-icon1-jin_icon_rocket__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_rocket__title:before {\n    z-index: 1;\n    content: \u0022\\e9a8\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_rocket *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_rocket *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_rocket {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_rocket__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_rocket has-background" style="background-color:#f9f5fa"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_rocket__title","style":{"color":{"text":"#be87c7"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_rocket__title"} -->
<p class="bfgrp-title-icon1-jin_icon_rocket__title has-text-color" style="color:#be87c7">おすすめ</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->
タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_wine","style":{"color":{"background":"#f9f5fa"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_wine","plusbfStyle":".bfgrp-title-icon1-jin_icon_wine {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_wine__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_wine__title:before,\np.bfgrp-title-icon1-jin_icon_wine__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_wine__title:after,\np.bfgrp-title-icon1-jin_icon_wine__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_wine__title:before {\n    z-index: 1;\n    content: \u0022\\e9af\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_wine *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_wine *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_wine {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_wine__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_wine has-background" style="background-color:#f9f5fa"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_wine__title","style":{"color":{"text":"#be87c7"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_wine__title"} -->
<p class="bfgrp-title-icon1-jin_icon_wine__title has-text-color" style="color:#be87c7">おいしい</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

濃い紫

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_cosme","style":{"color":{"background":"#f5f2fa"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_cosme","plusbfStyle":".bfgrp-title-icon1-jin_icon_cosme {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_cosme__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_cosme__title:before,\np.bfgrp-title-icon1-jin_icon_cosme__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_cosme__title:after,\np.bfgrp-title-icon1-jin_icon_cosme__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_cosme__title:before {\n    z-index: 1;\n    content: \u0022\\e95e\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_cosme *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_cosme *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_cosme {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_cosme__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_cosme has-background" style="background-color:#f5f2fa"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_cosme__title","style":{"color":{"text":"#9d85c7"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_cosme__title"} -->
<p class="bfgrp-title-icon1-jin_icon_cosme__title has-text-color" style="color:#9d85c7">コスメ</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->
タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_movie","style":{"color":{"background":"#f5f2fa"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_movie","plusbfStyle":".bfgrp-title-icon1-jin_icon_movie {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_movie__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_movie__title:before,\np.bfgrp-title-icon1-jin_icon_movie__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_movie__title:after,\np.bfgrp-title-icon1-jin_icon_movie__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_movie__title:before {\n    z-index: 1;\n    content: \u0022\\e944\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_movie *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_movie *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_movie {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_movie__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_movie has-background" style="background-color:#f5f2fa"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_movie__title","style":{"color":{"text":"#9d85c7"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_movie__title"} -->
<p class="bfgrp-title-icon1-jin_icon_movie__title has-text-color" style="color:#9d85c7">映画</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_moon","style":{"color":{"background":"#f2f4fc"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_moon","plusbfStyle":".bfgrp-title-icon1-jin_icon_moon {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_moon__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_moon__title:before,\np.bfgrp-title-icon1-jin_icon_moon__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_moon__title:after,\np.bfgrp-title-icon1-jin_icon_moon__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_moon__title:before {\n    z-index: 1;\n    content: \u0022\\e9a6\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_moon *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_moon *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_moon {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_moon__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_moon has-background" style="background-color:#f2f4fc"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_moon__title","style":{"color":{"text":"#8791cc"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_moon__title"} -->
<p class="bfgrp-title-icon1-jin_icon_moon__title has-text-color" style="color:#8791cc">おやすみ</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->
タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_bookopen","style":{"color":{"background":"#f2f4fc"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_bookopen","plusbfStyle":".bfgrp-title-icon1-jin_icon_bookopen {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_bookopen__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_bookopen__title:before,\np.bfgrp-title-icon1-jin_icon_bookopen__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_bookopen__title:after,\np.bfgrp-title-icon1-jin_icon_bookopen__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_bookopen__title:before {\n    z-index: 1;\n    content: \u0022\\e954\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_bookopen *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_bookopen *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_bookopen {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_bookopen__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_bookopen has-background" style="background-color:#f2f4fc"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_bookopen__title","style":{"color":{"text":"#8791cc"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_bookopen__title"} -->
<p class="bfgrp-title-icon1-jin_icon_bookopen__title has-text-color" style="color:#8791cc">読書</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_pencil","style":{"color":{"background":"#f3f8fc"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_pencil","plusbfStyle":".bfgrp-title-icon1-jin_icon_pencil {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_pencil__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_pencil__title:before,\np.bfgrp-title-icon1-jin_icon_pencil__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_pencil__title:after,\np.bfgrp-title-icon1-jin_icon_pencil__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_pencil__title:before {\n    z-index: 1;\n    content: \u0022\\e921\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_pencil *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_pencil *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_pencil {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_pencil__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_pencil has-background" style="background-color:#f3f8fc"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_pencil__title","style":{"color":{"text":"#60a7d6"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_pencil__title"} -->
<p class="bfgrp-title-icon1-jin_icon_pencil__title has-text-color" style="color:#60a7d6">メモ</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->
タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_mailsend","style":{"color":{"background":"#f3f8fc"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_mailsend","plusbfStyle":".bfgrp-title-icon1-jin_icon_mailsend {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_mailsend__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_mailsend__title:before,\np.bfgrp-title-icon1-jin_icon_mailsend__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_mailsend__title:after,\np.bfgrp-title-icon1-jin_icon_mailsend__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_mailsend__title:before {\n    z-index: 1;\n    content: \u0022\\e943\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_mailsend *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_mailsend *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_mailsend {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_mailsend__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_mailsend has-background" style="background-color:#f3f8fc"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_mailsend__title","style":{"color":{"text":"#60a7d6"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_mailsend__title"} -->
<p class="bfgrp-title-icon1-jin_icon_mailsend__title has-text-color" style="color:#60a7d6">ニュース</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

明るい青

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_aqua","style":{"color":{"background":"#f4fbfe"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_aqua","plusbfStyle":".bfgrp-title-icon1-jin_icon_aqua {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_aqua__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_aqua__title:before,\np.bfgrp-title-icon1-jin_icon_aqua__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_aqua__title:after,\np.bfgrp-title-icon1-jin_icon_aqua__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_aqua__title:before {\n    z-index: 1;\n    content: \u0022\\e9b1\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_aqua *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_aqua *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_aqua {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_aqua__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_aqua has-background" style="background-color:#f4fbfe"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_aqua__title","style":{"color":{"text":"#88d5f7"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_aqua__title"} -->
<p class="bfgrp-title-icon1-jin_icon_aqua__title has-text-color" style="color:#88d5f7">うるおい</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->
タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_fish","style":{"color":{"background":"#f4fbfe"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_fish","plusbfStyle":".bfgrp-title-icon1-jin_icon_fish {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_fish__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_fish__title:before,\np.bfgrp-title-icon1-jin_icon_fish__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_fish__title:after,\np.bfgrp-title-icon1-jin_icon_fish__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_fish__title:before {\n    z-index: 1;\n    content: \u0022\\e9a1\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_fish *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_fish *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_fish {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_fish__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_fish has-background" style="background-color:#f4fbfe"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_fish__title","style":{"color":{"text":"#88d5f7"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_fish__title"} -->
<p class="bfgrp-title-icon1-jin_icon_fish__title has-text-color" style="color:#88d5f7">おさかな</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

シアン

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_writer","style":{"color":{"background":"#f4fbfc"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_writer","plusbfStyle":".bfgrp-title-icon1-jin_icon_writer {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_writer__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_writer__title:before,\np.bfgrp-title-icon1-jin_icon_writer__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_writer__title:after,\np.bfgrp-title-icon1-jin_icon_writer__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_writer__title:before {\n    z-index: 1;\n    content: \u0022\\e948\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_writer *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_writer *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_writer {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_writer__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_writer has-background" style="background-color:#f4fbfc"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_writer__title","style":{"color":{"text":"#76ced3"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_writer__title"} -->
<p class="bfgrp-title-icon1-jin_icon_writer__title has-text-color" style="color:#76ced3">メモ</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->
タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_diamond","style":{"color":{"background":"#f4fbfc"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_diamond","plusbfStyle":".bfgrp-title-icon1-jin_icon_diamond {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_diamond__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_diamond__title:before,\np.bfgrp-title-icon1-jin_icon_diamond__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_diamond__title:after,\np.bfgrp-title-icon1-jin_icon_diamond__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_diamond__title:before {\n    z-index: 1;\n    content: \u0022\\e962\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_diamond *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_diamond *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_diamond {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_diamond__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_diamond has-background" style="background-color:#f4fbfc"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_diamond__title","style":{"color":{"text":"#76ced3"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_diamond__title"} -->
<p class="bfgrp-title-icon1-jin_icon_diamond__title has-text-color" style="color:#76ced3">ポイント</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

緑青

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_clover","style":{"color":{"background":"#f2faf9"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_clover","plusbfStyle":".bfgrp-title-icon1-jin_icon_clover {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_clover__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_clover__title:before,\np.bfgrp-title-icon1-jin_icon_clover__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_clover__title:after,\np.bfgrp-title-icon1-jin_icon_clover__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_clover__title:before {\n    z-index: 1;\n    content: \u0022\\e935\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_clover *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_clover *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_clover {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_clover__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_clover has-background" style="background-color:#f2faf9"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_clover__title","style":{"color":{"text":"#5dbab1"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_clover__title"} -->
<p class="bfgrp-title-icon1-jin_icon_clover__title has-text-color" style="color:#5dbab1">大切</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->
タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_leaf","style":{"color":{"background":"#f2faf9"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_leaf","plusbfStyle":".bfgrp-title-icon1-jin_icon_leaf {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_leaf__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_leaf__title:before,\np.bfgrp-title-icon1-jin_icon_leaf__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_leaf__title:after,\np.bfgrp-title-icon1-jin_icon_leaf__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_leaf__title:before {\n    z-index: 1;\n    content: \u0022\\e9a5\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_leaf *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_leaf *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_leaf {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_leaf__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_leaf has-background" style="background-color:#f2faf9"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_leaf__title","style":{"color":{"text":"#5dbab1"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_leaf__title"} -->
<p class="bfgrp-title-icon1-jin_icon_leaf__title has-text-color" style="color:#5dbab1">優しさ</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_book","style":{"color":{"background":"#f5faf5"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_book","plusbfStyle":".bfgrp-title-icon1-jin_icon_book {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_book__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_book__title:before,\np.bfgrp-title-icon1-jin_icon_book__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_book__title:after,\np.bfgrp-title-icon1-jin_icon_book__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_book__title:before {\n    z-index: 1;\n    content: \u0022\\e906\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_book *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_book *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_book {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_book__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_book has-background" style="background-color:#f5faf5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_book__title","style":{"color":{"text":"#95db98"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_book__title"} -->
<p class="bfgrp-title-icon1-jin_icon_book__title has-text-color" style="color:#95db98">ブック</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->
タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_bitcoin","style":{"color":{"background":"#f5faf5"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_bitcoin","plusbfStyle":".bfgrp-title-icon1-jin_icon_bitcoin {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_bitcoin__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_bitcoin__title:before,\np.bfgrp-title-icon1-jin_icon_bitcoin__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_bitcoin__title:after,\np.bfgrp-title-icon1-jin_icon_bitcoin__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_bitcoin__title:before {\n    z-index: 1;\n    content: \u0022\\e952\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_bitcoin *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_bitcoin *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_bitcoin {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_bitcoin__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_bitcoin has-background" style="background-color:#f5faf5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_bitcoin__title","style":{"color":{"text":"#95db98"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_bitcoin__title"} -->
<p class="bfgrp-title-icon1-jin_icon_bitcoin__title has-text-color" style="color:#95db98">コイン</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

明るい緑

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_wifi","style":{"color":{"background":"#f9fcf5"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_wifi","plusbfStyle":".bfgrp-title-icon1-jin_icon_wifi {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_wifi__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_wifi__title:before,\np.bfgrp-title-icon1-jin_icon_wifi__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_wifi__title:after,\np.bfgrp-title-icon1-jin_icon_wifi__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_wifi__title:before {\n    z-index: 1;\n    content: \u0022\\e99a\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_wifi *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_wifi *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_wifi {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_wifi__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_wifi has-background" style="background-color:#f9fcf5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_wifi__title","style":{"color":{"text":"#c1dea0"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_wifi__title"} -->
<p class="bfgrp-title-icon1-jin_icon_wifi__title has-text-color" style="color:#c1dea0">アンテナ</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->
タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_cart","style":{"color":{"background":"#f9fcf5"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_cart","plusbfStyle":".bfgrp-title-icon1-jin_icon_cart {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_cart__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_cart__title:before,\np.bfgrp-title-icon1-jin_icon_cart__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_cart__title:after,\np.bfgrp-title-icon1-jin_icon_cart__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_cart__title:before {\n    z-index: 1;\n    content: \u0022\\e908\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_cart *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_cart *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_cart {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_cart__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_cart has-background" style="background-color:#f9fcf5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_cart__title","style":{"color":{"text":"#c1dea0"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_cart__title"} -->
<p class="bfgrp-title-icon1-jin_icon_cart__title has-text-color" style="color:#c1dea0">カート</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

ライム

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_flower","style":{"color":{"background":"#fcfcf5"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_flower","plusbfStyle":".bfgrp-title-icon1-jin_icon_flower {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_flower__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_flower__title:before,\np.bfgrp-title-icon1-jin_icon_flower__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_flower__title:after,\np.bfgrp-title-icon1-jin_icon_flower__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_flower__title:before {\n    z-index: 1;\n    content: \u0022\\e96a\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_flower *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_flower *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_flower {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_flower__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_flower has-background" style="background-color:#fcfcf5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_flower__title","style":{"color":{"text":"#e1e899"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_flower__title"} -->
<p class="bfgrp-title-icon1-jin_icon_flower__title has-text-color" style="color:#e1e899">ポイント</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->
タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_moneywallet","style":{"color":{"background":"#fcfcf5"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_moneywallet","plusbfStyle":".bfgrp-title-icon1-jin_icon_moneywallet {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_moneywallet__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_moneywallet__title:before,\np.bfgrp-title-icon1-jin_icon_moneywallet__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_moneywallet__title:after,\np.bfgrp-title-icon1-jin_icon_moneywallet__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_moneywallet__title:before {\n    z-index: 1;\n    content: \u0022\\e97a\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_moneywallet *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_moneywallet *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_moneywallet {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_moneywallet__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_moneywallet has-background" style="background-color:#fcfcf5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_moneywallet__title","style":{"color":{"text":"#e1e899"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_moneywallet__title"} -->
<p class="bfgrp-title-icon1-jin_icon_moneywallet__title has-text-color" style="color:#e1e899">大切</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

黄色

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_star","style":{"color":{"background":"#fffef5"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_star","plusbfStyle":".bfgrp-title-icon1-jin_icon_star {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_star__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_star__title:before,\np.bfgrp-title-icon1-jin_icon_star__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_star__title:after,\np.bfgrp-title-icon1-jin_icon_star__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_star__title:before {\n    z-index: 1;\n    content: \u0022\\e92b\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_star *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_star *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_star {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_star__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_star has-background" style="background-color:#fffef5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_star__title","style":{"color":{"text":"#f2e785"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_star__title"} -->
<p class="bfgrp-title-icon1-jin_icon_star__title has-text-color" style="color:#f2e785">スター</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->
タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_inazuma","style":{"color":{"background":"#fffef5"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_inazuma","plusbfStyle":".bfgrp-title-icon1-jin_icon_inazuma {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_inazuma__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_inazuma__title:before,\np.bfgrp-title-icon1-jin_icon_inazuma__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_inazuma__title:after,\np.bfgrp-title-icon1-jin_icon_inazuma__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_inazuma__title:before {\n    z-index: 1;\n    content: \u0022\\e93b\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_inazuma *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_inazuma *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_inazuma {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_inazuma__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_inazuma has-background" style="background-color:#fffef5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_inazuma__title","style":{"color":{"text":"#f2e785"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_inazuma__title"} -->
<p class="bfgrp-title-icon1-jin_icon_inazuma__title has-text-color" style="color:#f2e785">ここがスゴイ!</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

こはく

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_home","style":{"color":{"background":"#fffcf5"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_home","plusbfStyle":".bfgrp-title-icon1-jin_icon_home {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_home__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_home__title:before,\np.bfgrp-title-icon1-jin_icon_home__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_home__title:after,\np.bfgrp-title-icon1-jin_icon_home__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_home__title:before {\n    z-index: 1;\n    content: \u0022\\e917\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_home *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_home *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_home {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_home__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_home has-background" style="background-color:#fffcf5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_home__title","style":{"color":{"text":"#ffde7a"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_home__title"} -->
<p class="bfgrp-title-icon1-jin_icon_home__title has-text-color" style="color:#ffde7a">ホーム</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->
タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_bulb","style":{"color":{"background":"#fffcf5"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_bulb","plusbfStyle":".bfgrp-title-icon1-jin_icon_bulb {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_bulb__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_bulb__title:before,\np.bfgrp-title-icon1-jin_icon_bulb__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_bulb__title:after,\np.bfgrp-title-icon1-jin_icon_bulb__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_bulb__title:before {\n    z-index: 1;\n    content: \u0022\\e907\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_bulb *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_bulb *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_bulb {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_bulb__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_bulb has-background" style="background-color:#fffcf5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_bulb__title","style":{"color":{"text":"#ffde7a"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_bulb__title"} -->
<p class="bfgrp-title-icon1-jin_icon_bulb__title has-text-color" style="color:#ffde7a">ポイント</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

オレンジ

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_like","style":{"color":{"background":"#fffaf3"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_like","plusbfStyle":".bfgrp-title-icon1-jin_icon_like {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_like__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_like__title:before,\np.bfgrp-title-icon1-jin_icon_like__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_like__title:after,\np.bfgrp-title-icon1-jin_icon_like__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_like__title:before {\n    z-index: 1;\n    content: \u0022\\e91a\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_like *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_like *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_like {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_like__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_like has-background" style="background-color:#fffaf3"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_like__title","style":{"color":{"text":"#ffc266"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_like__title"} -->
<p class="bfgrp-title-icon1-jin_icon_like__title has-text-color" style="color:#ffc266">いいね</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->
タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_crown","style":{"color":{"background":"#fffaf3"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_crown","plusbfStyle":".bfgrp-title-icon1-jin_icon_crown {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_crown__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_crown__title:before,\np.bfgrp-title-icon1-jin_icon_crown__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_crown__title:after,\np.bfgrp-title-icon1-jin_icon_crown__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_crown__title:before {\n    z-index: 1;\n    content: \u0022\\e90f\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_crown *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_crown *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_crown {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_crown__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_crown has-background" style="background-color:#fffaf3"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_crown__title","style":{"color":{"text":"#ffc266"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_crown__title"} -->
<p class="bfgrp-title-icon1-jin_icon_crown__title has-text-color" style="color:#ffc266">最高</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

濃いオレンジ

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_check","style":{"color":{"background":"#fff8f7"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_check","plusbfStyle":".bfgrp-title-icon1-jin_icon_check {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_check__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_check__title:before,\np.bfgrp-title-icon1-jin_icon_check__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_check__title:after,\np.bfgrp-title-icon1-jin_icon_check__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_check__title:before {\n    z-index: 1;\n    content: \u0022\\e90b\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_check *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_check *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_check {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_check__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_check has-background" style="background-color:#fff8f7"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_check__title","style":{"color":{"text":"#ff9473"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_check__title"} -->
<p class="bfgrp-title-icon1-jin_icon_check__title has-text-color" style="color:#ff9473">チェック</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->
タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_illust","style":{"color":{"background":"#fff8f7"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_illust","plusbfStyle":".bfgrp-title-icon1-jin_icon_illust {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_illust__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_illust__title:before,\np.bfgrp-title-icon1-jin_icon_illust__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_illust__title:after,\np.bfgrp-title-icon1-jin_icon_illust__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_illust__title:before {\n    z-index: 1;\n    content: \u0022\\e941\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_illust *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_illust *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_illust {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_illust__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_illust has-background" style="background-color:#fff8f7"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_illust__title","style":{"color":{"text":"#ff9473"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_illust__title"} -->
<p class="bfgrp-title-icon1-jin_icon_illust__title has-text-color" style="color:#ff9473">メモ</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

茶色

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_cafe","style":{"color":{"background":"#faf7f5"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_cafe","plusbfStyle":".bfgrp-title-icon1-jin_icon_cafe {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_cafe__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_cafe__title:before,\np.bfgrp-title-icon1-jin_icon_cafe__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_cafe__title:after,\np.bfgrp-title-icon1-jin_icon_cafe__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_cafe__title:before {\n    z-index: 1;\n    content: \u0022\\e956\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_cafe *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_cafe *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_cafe {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_cafe__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_cafe has-background" style="background-color:#faf7f5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_cafe__title","style":{"color":{"text":"#9c867e"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_cafe__title"} -->
<p class="bfgrp-title-icon1-jin_icon_cafe__title has-text-color" style="color:#9c867e">ひと休み</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->
タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_nikukyu","style":{"color":{"background":"#faf7f5"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_nikukyu","plusbfStyle":".bfgrp-title-icon1-jin_icon_nikukyu {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_nikukyu__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_nikukyu__title:before,\np.bfgrp-title-icon1-jin_icon_nikukyu__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_nikukyu__title:after,\np.bfgrp-title-icon1-jin_icon_nikukyu__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_nikukyu__title:before {\n    z-index: 1;\n    content: \u0022\\e97b\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_nikukyu *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_nikukyu *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_nikukyu {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_nikukyu__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_nikukyu has-background" style="background-color:#faf7f5"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_nikukyu__title","style":{"color":{"text":"#9c867e"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_nikukyu__title"} -->
<p class="bfgrp-title-icon1-jin_icon_nikukyu__title has-text-color" style="color:#9c867e">にくきゅう</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

グレー

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_folder","style":{"color":{"background":"#fafafa"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_folder","plusbfStyle":".bfgrp-title-icon1-jin_icon_folder {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_folder__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_folder__title:before,\np.bfgrp-title-icon1-jin_icon_folder__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_folder__title:after,\np.bfgrp-title-icon1-jin_icon_folder__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_folder__title:before {\n    z-index: 1;\n    content: \u0022\\e914\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_folder *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_folder *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_folder {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_folder__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_folder has-background" style="background-color:#fafafa"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_folder__title","style":{"color":{"text":"#cfcfcf"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_folder__title"} -->
<p class="bfgrp-title-icon1-jin_icon_folder__title has-text-color" style="color:#cfcfcf">フォルダ</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->
タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_rice","style":{"color":{"background":"#fafafa"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_rice","plusbfStyle":".bfgrp-title-icon1-jin_icon_rice {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_rice__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_rice__title:before,\np.bfgrp-title-icon1-jin_icon_rice__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_rice__title:after,\np.bfgrp-title-icon1-jin_icon_rice__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_rice__title:before {\n    z-index: 1;\n    content: \u0022\\e984\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_rice *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_rice *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_rice {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_rice__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_rice has-background" style="background-color:#fafafa"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_rice__title","style":{"color":{"text":"#cfcfcf"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_rice__title"} -->
<p class="bfgrp-title-icon1-jin_icon_rice__title has-text-color" style="color:#cfcfcf">ライス</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

ブルーグレー

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_human","style":{"color":{"background":"#f5f8fa"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_human","plusbfStyle":".bfgrp-title-icon1-jin_icon_human {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_human__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_human__title:before,\np.bfgrp-title-icon1-jin_icon_human__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_human__title:after,\np.bfgrp-title-icon1-jin_icon_human__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_human__title:before {\n    z-index: 1;\n    content: \u0022\\e9df\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_human *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_human *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_human {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_human__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_human has-background" style="background-color:#f5f8fa"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_human__title","style":{"color":{"text":"#9eafb8"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_human__title"} -->
<p class="bfgrp-title-icon1-jin_icon_human__title has-text-color" style="color:#9eafb8">やったね</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->
タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_gear","style":{"color":{"background":"#f5f8fa"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_gear","plusbfStyle":".bfgrp-title-icon1-jin_icon_gear {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_gear__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_gear__title:before,\np.bfgrp-title-icon1-jin_icon_gear__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_gear__title:after,\np.bfgrp-title-icon1-jin_icon_gear__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_gear__title:before {\n    z-index: 1;\n    content: \u0022\\e915\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_gear *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_gear *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_gear {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_gear__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_gear has-background" style="background-color:#f5f8fa"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_gear__title","style":{"color":{"text":"#9eafb8"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_gear__title"} -->
<p class="bfgrp-title-icon1-jin_icon_gear__title has-text-color" style="color:#9eafb8">設定</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->

タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_dog","style":{"color":{"background":"#f9f9f9"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_dog","plusbfStyle":".bfgrp-title-icon1-jin_icon_dog {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_dog__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_dog__title:before,\np.bfgrp-title-icon1-jin_icon_dog__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_dog__title:after,\np.bfgrp-title-icon1-jin_icon_dog__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_dog__title:before {\n    z-index: 1;\n    content: \u0022\\e964\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_dog *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_dog *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_dog {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_dog__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_dog has-background" style="background-color:#f9f9f9"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_dog__title","style":{"color":{"text":"#797979"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_dog__title"} -->
<p class="bfgrp-title-icon1-jin_icon_dog__title has-text-color" style="color:#797979">いぬ</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->
タイトル
<!-- wp:group {"className":"bfgrp-title-icon1-jin_icon_cat","style":{"color":{"background":"#f9f9f9"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_cat","plusbfStyle":".bfgrp-title-icon1-jin_icon_cat {\n    padding: 1.5rem;\n    border-radius: 8px;\n}\np.bfgrp-title-icon1-jin_icon_cat__title {\n    padding: 0 0 0 2.75rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n}\np.bfgrp-title-icon1-jin_icon_cat__title:before,\np.bfgrp-title-icon1-jin_icon_cat__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_cat__title:after,\np.bfgrp-title-icon1-jin_icon_cat__title:after {\n    z-index: 0;\n    content: \u0022\u0022;\n    border-radius: 50%;\n    background: currentColor;\n    position: absolute;\n    top: calc(50% - 18px);\n}\np.bfgrp-title-icon1-jin_icon_cat__title:before {\n    z-index: 1;\n    content: \u0022\\e95b\u0022;\n    font-family: \u0022jin-icons\u0022;\n    font-weight: 500;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    top: calc(50% - 18px);\n}\n.bfgrp-title-icon1-jin_icon_cat *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon1-jin_icon_cat *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon1-jin_icon_cat {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon1-jin_icon_cat__title {\n    padding-bottom: 0!important;\n    margin-bottom: 1rem;\n}"} -->
<div class="wp-block-group bfgrp-title-icon1-jin_icon_cat has-background" style="background-color:#f9f9f9"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon1-jin_icon_cat__title","style":{"color":{"text":"#797979"}},"plusbfClassName":"bfgrp-title-icon1-jin_icon_cat__title"} -->
<p class="bfgrp-title-icon1-jin_icon_cat__title has-text-color" style="color:#797979">ねこ</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>サンプルテキスト</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->