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

130 views

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

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

men

men

枠線の色タイトルカラーは後から変更可能です

おすすめ6つ

注意

サンプルテキスト

タイトル
<!-- wp:group {"className":"bfgrp-title-icon3-mein-exclamation","style":{"color":{"text":"#fb7272"}},"plusbfClassName":"bfgrp-title-icon3-mein-exclamation","plusbfStyle":".bfgrp-title-icon3-mein-exclamation {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-mein-exclamation .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-mein-exclamation__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-mein-exclamation__title:before,\np.bfgrp-title-icon3-mein-exclamation__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-mein-exclamation__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-mein-exclamation__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-mein-exclamation *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-mein-exclamation *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-mein-exclamation has-text-color" style="color:#fb7272"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-mein-exclamation__title","style":{"color":{"text":"#fb7272"}},"plusbfClassName":"bfgrp-title-icon3-mein-exclamation__title"} -->
<p class="bfgrp-title-icon3-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-icon3-mein-lightbulb","style":{"color":{"text":"#f4df86"}},"plusbfClassName":"bfgrp-title-icon3-mein-lightbulb","plusbfStyle":".bfgrp-title-icon3-mein-lightbulb {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-mein-lightbulb .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-mein-lightbulb__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-mein-lightbulb__title:before,\np.bfgrp-title-icon3-mein-lightbulb__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-mein-lightbulb__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-mein-lightbulb__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-mein-lightbulb *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-mein-lightbulb *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-mein-lightbulb has-text-color" style="color:#f4df86"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-mein-lightbulb__title","style":{"color":{"text":"#f4df86"}},"plusbfClassName":"bfgrp-title-icon3-mein-lightbulb__title"} -->
<p class="bfgrp-title-icon3-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-icon3-mein-heart","style":{"color":{"text":"#f992c2"}},"plusbfClassName":"bfgrp-title-icon3-mein-heart","plusbfStyle":".bfgrp-title-icon3-mein-heart {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-mein-heart .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-mein-heart__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-mein-heart__title:before,\np.bfgrp-title-icon3-mein-heart__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-mein-heart__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-mein-heart__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-mein-heart *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-mein-heart *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-mein-heart has-text-color" style="color:#f992c2"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-mein-heart__title","style":{"color":{"text":"#f992c2"}},"plusbfClassName":"bfgrp-title-icon3-mein-heart__title"} -->
<p class="bfgrp-title-icon3-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-icon3-mein-pen","style":{"color":{"text":"#609bd6"}},"plusbfClassName":"bfgrp-title-icon3-mein-pen","plusbfStyle":".bfgrp-title-icon3-mein-pen {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-mein-pen .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-mein-pen__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-mein-pen__title:before,\np.bfgrp-title-icon3-mein-pen__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-mein-pen__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-mein-pen__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-mein-pen *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-mein-pen *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-mein-pen has-text-color" style="color:#609bd6"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-mein-pen__title","style":{"color":{"text":"#609bd6"}},"plusbfClassName":"bfgrp-title-icon3-mein-pen__title"} -->
<p class="bfgrp-title-icon3-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-icon3-mein-check","style":{"color":{"text":"#73ced4"}},"plusbfClassName":"bfgrp-title-icon3-mein-check","plusbfStyle":".bfgrp-title-icon3-mein-check {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-mein-check .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-mein-check__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-mein-check__title:before,\np.bfgrp-title-icon3-mein-check__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-mein-check__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-mein-check__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-mein-check *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-mein-check *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}  "} -->
<div class="wp-block-group bfgrp-title-icon3-mein-check has-text-color" style="color:#73ced4"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-mein-check__title","style":{"color":{"text":"#73ced4"}},"plusbfClassName":"bfgrp-title-icon3-mein-check__title"} -->
<p class="bfgrp-title-icon3-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-icon3-mein-times","style":{"color":{"text":"#c38ccc"}},"plusbfClassName":"bfgrp-title-icon3-mein-times","plusbfStyle":".bfgrp-title-icon3-mein-times {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-mein-times .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-mein-times__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-mein-times__title:before,\np.bfgrp-title-icon3-mein-times__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-mein-times__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-mein-times__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-mein-times *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-mein-times *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-mein-times has-text-color" style="color:#c38ccc"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-mein-times__title","style":{"color":{"text":"#c38ccc"}},"plusbfClassName":"bfgrp-title-icon3-mein-times__title"} -->
<p class="bfgrp-title-icon3-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-icon3-exclamation","style":{"color":{"text":"#f28d79"}},"plusbfClassName":"bfgrp-title-icon3-exclamation","plusbfStyle":".bfgrp-title-icon3-exclamation {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-exclamation .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-exclamation__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-exclamation__title:before,\np.bfgrp-title-icon3-exclamation__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-exclamation__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-exclamation__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-exclamation *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-exclamation *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-exclamation has-text-color" style="color:#f28d79"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-exclamation__title","style":{"color":{"text":"#f28d79"}},"plusbfClassName":"bfgrp-title-icon3-exclamation__title"} -->
<p class="bfgrp-title-icon3-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-icon3-apple-alt","style":{"color":{"text":"#f28d79"}},"plusbfClassName":"bfgrp-title-icon3-apple-alt","plusbfStyle":".bfgrp-title-icon3-apple-alt {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-apple-alt .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-apple-alt__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-apple-alt__title:before,\np.bfgrp-title-icon3-apple-alt__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-apple-alt__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-apple-alt__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-apple-alt *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-apple-alt *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-apple-alt has-text-color" style="color:#f28d79"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-apple-alt__title","style":{"color":{"text":"#f28d79"}},"plusbfClassName":"bfgrp-title-icon3-apple-alt__title"} -->
<p class="bfgrp-title-icon3-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-icon3-exclamation-triangle","style":{"color":{"text":"#f28d79"}},"plusbfClassName":"bfgrp-title-icon3-exclamation-triangle","plusbfStyle":".bfgrp-title-icon3-exclamation-triangle {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-exclamation-triangle .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-exclamation-triangle__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-exclamation-triangle__title:before,\np.bfgrp-title-icon3-exclamation-triangle__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-exclamation-triangle__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-exclamation-triangle__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-exclamation-triangle *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-exclamation-triangle *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-exclamation-triangle has-text-color" style="color:#f28d79"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-exclamation-triangle__title","style":{"color":{"text":"#f28d79"}},"plusbfClassName":"bfgrp-title-icon3-exclamation-triangle__title"} -->
<p class="bfgrp-title-icon3-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-icon3-burn","style":{"color":{"text":"#f28d79"}},"plusbfClassName":"bfgrp-title-icon3-burn","plusbfStyle":".bfgrp-title-icon3-burn {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-burn .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-burn__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-burn__title:before,\np.bfgrp-title-icon3-burn__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-burn__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-burn__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-burn *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-burn *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-burn has-text-color" style="color:#f28d79"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-burn__title","style":{"color":{"text":"#f28d79"}},"plusbfClassName":"bfgrp-title-icon3-burn__title"} -->
<p class="bfgrp-title-icon3-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-icon3-heart","style":{"color":{"text":"#ec789f"}},"plusbfClassName":"bfgrp-title-icon3-heart","plusbfStyle":".bfgrp-title-icon3-heart {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-heart .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-heart__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-heart__title:before,\np.bfgrp-title-icon3-heart__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-heart__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-heart__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-heart *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-heart *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-heart has-text-color" style="color:#ec789f"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-heart__title","style":{"color":{"text":"#ec789f"}},"plusbfClassName":"bfgrp-title-icon3-heart__title"} -->
<p class="bfgrp-title-icon3-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-icon3-grin-hearts","style":{"color":{"text":"#ec789f"}},"plusbfClassName":"bfgrp-title-icon3-grin-hearts","plusbfStyle":".bfgrp-title-icon3-grin-hearts {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-grin-hearts .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-grin-hearts__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-grin-hearts__title:before,\np.bfgrp-title-icon3-grin-hearts__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-grin-hearts__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-grin-hearts__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-grin-hearts *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-grin-hearts *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-grin-hearts has-text-color" style="color:#ec789f"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-grin-hearts__title","style":{"color":{"text":"#ec789f"}},"plusbfClassName":"bfgrp-title-icon3-grin-hearts__title"} -->
<p class="bfgrp-title-icon3-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-icon3-heartbeat","style":{"color":{"text":"#ec789f"}},"plusbfClassName":"bfgrp-title-icon3-heartbeat","plusbfStyle":".bfgrp-title-icon3-heartbeat {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-heartbeat .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-heartbeat__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-heartbeat__title:before,\np.bfgrp-title-icon3-heartbeat__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-heartbeat__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-heartbeat__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-heartbeat *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-heartbeat *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-heartbeat has-text-color" style="color:#ec789f"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-heartbeat__title","style":{"color":{"text":"#ec789f"}},"plusbfClassName":"bfgrp-title-icon3-heartbeat__title"} -->
<p class="bfgrp-title-icon3-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-icon3-female","style":{"color":{"text":"#ec789f"}},"plusbfClassName":"bfgrp-title-icon3-female","plusbfStyle":".bfgrp-title-icon3-female {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-female .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-female__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-female__title:before,\np.bfgrp-title-icon3-female__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-female__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-female__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-female *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-female *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-female has-text-color" style="color:#ec789f"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-female__title","style":{"color":{"text":"#ec789f"}},"plusbfClassName":"bfgrp-title-icon3-female__title"} -->
<p class="bfgrp-title-icon3-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-icon3-ghost","style":{"color":{"text":"#be87c7"}},"plusbfClassName":"bfgrp-title-icon3-ghost","plusbfStyle":".bfgrp-title-icon3-ghost {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-ghost .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-ghost__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-ghost__title:before,\np.bfgrp-title-icon3-ghost__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-ghost__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-ghost__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-ghost *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-ghost *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-ghost has-text-color" style="color:#be87c7"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-ghost__title","style":{"color":{"text":"#be87c7"}},"plusbfClassName":"bfgrp-title-icon3-ghost__title"} -->
<p class="bfgrp-title-icon3-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-icon3-biohazard","style":{"color":{"text":"#be87c7"}},"plusbfClassName":"bfgrp-title-icon3-biohazard","plusbfStyle":".bfgrp-title-icon3-biohazard {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-biohazard .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-biohazard__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-biohazard__title:before,\np.bfgrp-title-icon3-biohazard__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-biohazard__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-biohazard__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-biohazard *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-biohazard *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-biohazard has-text-color" style="color:#be87c7"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-biohazard__title","style":{"color":{"text":"#be87c7"}},"plusbfClassName":"bfgrp-title-icon3-biohazard__title"} -->
<p class="bfgrp-title-icon3-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-icon3-moon","style":{"color":{"text":"#be87c7"}},"plusbfClassName":"bfgrp-title-icon3-moon","plusbfStyle":".bfgrp-title-icon3-moon {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-moon .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-moon__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-moon__title:before,\np.bfgrp-title-icon3-moon__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-moon__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-moon__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-moon *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-moon *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-moon has-text-color" style="color:#be87c7"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-moon__title","style":{"color":{"text":"#be87c7"}},"plusbfClassName":"bfgrp-title-icon3-moon__title"} -->
<p class="bfgrp-title-icon3-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-icon3-eye","style":{"color":{"text":"#be87c7"}},"plusbfClassName":"bfgrp-title-icon3-eye","plusbfStyle":".bfgrp-title-icon3-eye {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-eye .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-eye__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-eye__title:before,\np.bfgrp-title-icon3-eye__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-eye__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-eye__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-eye *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-eye *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-eye has-text-color" style="color:#be87c7"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-eye__title","style":{"color":{"text":"#be87c7"}},"plusbfClassName":"bfgrp-title-icon3-eye__title"} -->
<p class="bfgrp-title-icon3-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-icon3-rocket","style":{"color":{"text":"#9d85c7"}},"plusbfClassName":"bfgrp-title-icon3-rocket","plusbfStyle":".bfgrp-title-icon3-rocket {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-rocket .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-rocket__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-rocket__title:before,\np.bfgrp-title-icon3-rocket__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-rocket__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-rocket__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-rocket *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-rocket *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-rocket has-text-color" style="color:#9d85c7"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-rocket__title","style":{"color":{"text":"#9d85c7"}},"plusbfClassName":"bfgrp-title-icon3-rocket__title"} -->
<p class="bfgrp-title-icon3-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-icon3-spider","style":{"color":{"text":"#9d85c7"}},"plusbfClassName":"bfgrp-title-icon3-spider","plusbfStyle":".bfgrp-title-icon3-spider {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-spider .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-spider__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-spider__title:before,\np.bfgrp-title-icon3-spider__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-spider__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-spider__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-spider *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-spider *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-spider has-text-color" style="color:#9d85c7"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-spider__title","style":{"color":{"text":"#9d85c7"}},"plusbfClassName":"bfgrp-title-icon3-spider__title"} -->
<p class="bfgrp-title-icon3-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-icon3-skull","style":{"color":{"text":"#9d85c7"}},"plusbfClassName":"bfgrp-title-icon3-skull","plusbfStyle":".bfgrp-title-icon3-skull {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-skull .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-skull__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-skull__title:before,\np.bfgrp-title-icon3-skull__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-skull__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-skull__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-skull *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-skull *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-skull has-text-color" style="color:#9d85c7"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-skull__title","style":{"color":{"text":"#9d85c7"}},"plusbfClassName":"bfgrp-title-icon3-skull__title"} -->
<p class="bfgrp-title-icon3-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-icon3-sad-tear","style":{"color":{"text":"#9d85c7"}},"plusbfClassName":"bfgrp-title-icon3-sad-tear","plusbfStyle":".bfgrp-title-icon3-sad-tear {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-sad-tear .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-sad-tear__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-sad-tear__title:before,\np.bfgrp-title-icon3-sad-tear__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-sad-tear__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-sad-tear__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-sad-tear *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-sad-tear *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-sad-tear has-text-color" style="color:#9d85c7"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-sad-tear__title","style":{"color":{"text":"#9d85c7"}},"plusbfClassName":"bfgrp-title-icon3-sad-tear__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jira","style":{"color":{"text":"#8791cc"}},"plusbfClassName":"bfgrp-title-icon3-jira","plusbfStyle":".bfgrp-title-icon3-jira {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jira .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jira__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jira__title:before,\np.bfgrp-title-icon3-jira__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jira__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jira__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jira *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jira *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jira has-text-color" style="color:#8791cc"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jira__title","style":{"color":{"text":"#8791cc"}},"plusbfClassName":"bfgrp-title-icon3-jira__title"} -->
<p class="bfgrp-title-icon3-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-icon3-bomb","style":{"color":{"text":"#8791cc"}},"plusbfClassName":"bfgrp-title-icon3-bomb","plusbfStyle":".bfgrp-title-icon3-bomb {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-bomb .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-bomb__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-bomb__title:before,\np.bfgrp-title-icon3-bomb__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-bomb__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-bomb__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-bomb *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-bomb *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-bomb has-text-color" style="color:#8791cc"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-bomb__title","style":{"color":{"text":"#8791cc"}},"plusbfClassName":"bfgrp-title-icon3-bomb__title"} -->
<p class="bfgrp-title-icon3-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-icon3-discord","style":{"color":{"text":"#8791cc"}},"plusbfClassName":"bfgrp-title-icon3-discord","plusbfStyle":".bfgrp-title-icon3-discord {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-discord .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-discord__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-discord__title:before,\np.bfgrp-title-icon3-discord__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-discord__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-discord__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-discord *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-discord *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-discord has-text-color" style="color:#8791cc"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-discord__title","style":{"color":{"text":"#8791cc"}},"plusbfClassName":"bfgrp-title-icon3-discord__title"} -->
<p class="bfgrp-title-icon3-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-icon3-space-shuttle","style":{"color":{"text":"#8791cc"}},"plusbfClassName":"bfgrp-title-icon3-space-shuttle","plusbfStyle":".bfgrp-title-icon3-space-shuttle {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-space-shuttle .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-space-shuttle__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-space-shuttle__title:before,\np.bfgrp-title-icon3-space-shuttle__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-space-shuttle__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-space-shuttle__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-space-shuttle *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-space-shuttle *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-space-shuttle has-text-color" style="color:#8791cc"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-space-shuttle__title","style":{"color":{"text":"#8791cc"}},"plusbfClassName":"bfgrp-title-icon3-space-shuttle__title"} -->
<p class="bfgrp-title-icon3-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-icon3-bookmark","style":{"color":{"text":"#60a7d6"}},"plusbfClassName":"bfgrp-title-icon3-bookmark","plusbfStyle":".bfgrp-title-icon3-bookmark {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-bookmark .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-bookmark__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-bookmark__title:before,\np.bfgrp-title-icon3-bookmark__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-bookmark__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-bookmark__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-bookmark *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-bookmark *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-bookmark has-text-color" style="color:#60a7d6"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-bookmark__title","style":{"color":{"text":"#60a7d6"}},"plusbfClassName":"bfgrp-title-icon3-bookmark__title"} -->
<p class="bfgrp-title-icon3-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-icon3-umbrella","style":{"color":{"text":"#60a7d6"}},"plusbfClassName":"bfgrp-title-icon3-umbrella","plusbfStyle":".bfgrp-title-icon3-umbrella {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-umbrella .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-umbrella__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-umbrella__title:before,\np.bfgrp-title-icon3-umbrella__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-umbrella__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-umbrella__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-umbrella *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-umbrella *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-umbrella has-text-color" style="color:#60a7d6"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-umbrella__title","style":{"color":{"text":"#60a7d6"}},"plusbfClassName":"bfgrp-title-icon3-umbrella__title"} -->
<p class="bfgrp-title-icon3-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-icon3-paper-plane","style":{"color":{"text":"#60a7d6"}},"plusbfClassName":"bfgrp-title-icon3-paper-plane","plusbfStyle":".bfgrp-title-icon3-paper-plane {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-paper-plane .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-paper-plane__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-paper-plane__title:before,\np.bfgrp-title-icon3-paper-plane__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-paper-plane__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-paper-plane__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-paper-plane *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-paper-plane *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-paper-plane has-text-color" style="color:#60a7d6"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-paper-plane__title","style":{"color":{"text":"#60a7d6"}},"plusbfClassName":"bfgrp-title-icon3-paper-plane__title"} -->
<p class="bfgrp-title-icon3-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-icon3-bluetooth","style":{"color":{"text":"#60a7d6"}},"plusbfClassName":"bfgrp-title-icon3-bluetooth","plusbfStyle":".bfgrp-title-icon3-bluetooth {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-bluetooth .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-bluetooth__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-bluetooth__title:before,\np.bfgrp-title-icon3-bluetooth__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-bluetooth__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-bluetooth__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-bluetooth *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-bluetooth *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-bluetooth has-text-color" style="color:#60a7d6"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-bluetooth__title","style":{"color":{"text":"#60a7d6"}},"plusbfClassName":"bfgrp-title-icon3-bluetooth__title"} -->
<p class="bfgrp-title-icon3-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-icon3-twitter","style":{"color":{"text":"#88d5f7"}},"plusbfClassName":"bfgrp-title-icon3-twitter","plusbfStyle":".bfgrp-title-icon3-twitter {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-twitter .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-twitter__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-twitter__title:before,\np.bfgrp-title-icon3-twitter__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-twitter__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-twitter__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-twitter *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-twitter *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-twitter has-text-color" style="color:#88d5f7"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-twitter__title","style":{"color":{"text":"#88d5f7"}},"plusbfClassName":"bfgrp-title-icon3-twitter__title"} -->
<p class="bfgrp-title-icon3-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-icon3-cloud-showers-heavy","style":{"color":{"text":"#88d5f7"}},"plusbfClassName":"bfgrp-title-icon3-cloud-showers-heavy","plusbfStyle":".bfgrp-title-icon3-cloud-showers-heavy {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-cloud-showers-heavy .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-cloud-showers-heavy__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-cloud-showers-heavy__title:before,\np.bfgrp-title-icon3-cloud-showers-heavy__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-cloud-showers-heavy__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-cloud-showers-heavy__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-cloud-showers-heavy *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-cloud-showers-heavy *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-cloud-showers-heavy has-text-color" style="color:#88d5f7"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-cloud-showers-heavy__title","style":{"color":{"text":"#88d5f7"}},"plusbfClassName":"bfgrp-title-icon3-cloud-showers-heavy__title"} -->
<p class="bfgrp-title-icon3-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-icon3-font-awesome-flag","style":{"color":{"text":"#88d5f7"}},"plusbfClassName":"bfgrp-title-icon3-font-awesome-flag","plusbfStyle":".bfgrp-title-icon3-font-awesome-flag {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-font-awesome-flag .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-font-awesome-flag__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-font-awesome-flag__title:before,\np.bfgrp-title-icon3-font-awesome-flag__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-font-awesome-flag__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-font-awesome-flag__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-font-awesome-flag *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-font-awesome-flag *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-font-awesome-flag has-text-color" style="color:#88d5f7"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-font-awesome-flag__title","style":{"color":{"text":"#88d5f7"}},"plusbfClassName":"bfgrp-title-icon3-font-awesome-flag__title"} -->
<p class="bfgrp-title-icon3-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-icon3-fish","style":{"color":{"text":"#88d5f7"}},"plusbfClassName":"bfgrp-title-icon3-fish","plusbfStyle":".bfgrp-title-icon3-fish {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-fish .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-fish__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-fish__title:before,\np.bfgrp-title-icon3-fish__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-fish__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-fish__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-fish *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-fish *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-fish has-text-color" style="color:#88d5f7"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-fish__title","style":{"color":{"text":"#88d5f7"}},"plusbfClassName":"bfgrp-title-icon3-fish__title"} -->
<p class="bfgrp-title-icon3-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-icon3-gem","style":{"color":{"text":"#76ced3"}},"plusbfClassName":"bfgrp-title-icon3-gem","plusbfStyle":".bfgrp-title-icon3-gem {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-gem .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-gem__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-gem__title:before,\np.bfgrp-title-icon3-gem__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-gem__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-gem__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-gem *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-gem *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-gem has-text-color" style="color:#76ced3"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-gem__title","style":{"color":{"text":"#76ced3"}},"plusbfClassName":"bfgrp-title-icon3-gem__title"} -->
<p class="bfgrp-title-icon3-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-icon3-dove","style":{"color":{"text":"#76ced3"}},"plusbfClassName":"bfgrp-title-icon3-dove","plusbfStyle":".bfgrp-title-icon3-dove {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-dove .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-dove__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-dove__title:before,\np.bfgrp-title-icon3-dove__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-dove__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-dove__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-dove *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-dove *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-dove has-text-color" style="color:#76ced3"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-dove__title","style":{"color":{"text":"#76ced3"}},"plusbfClassName":"bfgrp-title-icon3-dove__title"} -->
<p class="bfgrp-title-icon3-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-icon3-leaf","style":{"color":{"text":"#76ced3"}},"plusbfClassName":"bfgrp-title-icon3-leaf","plusbfStyle":".bfgrp-title-icon3-leaf {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-leaf .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-leaf__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-leaf__title:before,\np.bfgrp-title-icon3-leaf__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-leaf__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-leaf__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-leaf *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-leaf *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-leaf has-text-color" style="color:#76ced3"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-leaf__title","style":{"color":{"text":"#76ced3"}},"plusbfClassName":"bfgrp-title-icon3-leaf__title"} -->
<p class="bfgrp-title-icon3-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-icon3-ethereum","style":{"color":{"text":"#76ced3"}},"plusbfClassName":"bfgrp-title-icon3-ethereum","plusbfStyle":".bfgrp-title-icon3-ethereum {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-ethereum .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-ethereum__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-ethereum__title:before,\np.bfgrp-title-icon3-ethereum__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-ethereum__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-ethereum__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-ethereum *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-ethereum *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-ethereum has-text-color" style="color:#76ced3"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-ethereum__title","style":{"color":{"text":"#76ced3"}},"plusbfClassName":"bfgrp-title-icon3-ethereum__title"} -->
<p class="bfgrp-title-icon3-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-icon3-smile","style":{"color":{"text":"#5dbab1"}},"plusbfClassName":"bfgrp-title-icon3-smile","plusbfStyle":".bfgrp-title-icon3-smile {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-smile .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-smile__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-smile__title:before,\np.bfgrp-title-icon3-smile__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-smile__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-smile__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-smile *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-smile *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-smile has-text-color" style="color:#5dbab1"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-smile__title","style":{"color":{"text":"#5dbab1"}},"plusbfClassName":"bfgrp-title-icon3-smile__title"} -->
<p class="bfgrp-title-icon3-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-icon3-seedling","style":{"color":{"text":"#5dbab1"}},"plusbfClassName":"bfgrp-title-icon3-seedling","plusbfStyle":".bfgrp-title-icon3-seedling {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-seedling .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-seedling__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-seedling__title:before,\np.bfgrp-title-icon3-seedling__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-seedling__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-seedling__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-seedling *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-seedling *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-seedling has-text-color" style="color:#5dbab1"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-seedling__title","style":{"color":{"text":"#5dbab1"}},"plusbfClassName":"bfgrp-title-icon3-seedling__title"} -->
<p class="bfgrp-title-icon3-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-icon3-air-freshener","style":{"color":{"text":"#5dbab1"}},"plusbfClassName":"bfgrp-title-icon3-air-freshener","plusbfStyle":".bfgrp-title-icon3-air-freshener {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-air-freshener .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-air-freshener__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-air-freshener__title:before,\np.bfgrp-title-icon3-air-freshener__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-air-freshener__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-air-freshener__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-air-freshener *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-air-freshener *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-air-freshener has-text-color" style="color:#5dbab1"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-air-freshener__title","style":{"color":{"text":"#5dbab1"}},"plusbfClassName":"bfgrp-title-icon3-air-freshener__title"} -->
<p class="bfgrp-title-icon3-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-icon3-canadian-maple-leaf","style":{"color":{"text":"#5dbab1"}},"plusbfClassName":"bfgrp-title-icon3-canadian-maple-leaf","plusbfStyle":".bfgrp-title-icon3-canadian-maple-leaf {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-canadian-maple-leaf .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-canadian-maple-leaf__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-canadian-maple-leaf__title:before,\np.bfgrp-title-icon3-canadian-maple-leaf__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-canadian-maple-leaf__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-canadian-maple-leaf__title:after,\np.bfgrp-title-icon3-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-icon3-canadian-maple-leaf__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-icon3-canadian-maple-leaf *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-canadian-maple-leaf *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-canadian-maple-leaf has-text-color" style="color:#5dbab1"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-canadian-maple-leaf__title","style":{"color":{"text":"#5dbab1"}},"plusbfClassName":"bfgrp-title-icon3-canadian-maple-leaf__title"} -->
<p class="bfgrp-title-icon3-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-icon3-frog","style":{"color":{"text":"#95db98"}},"plusbfClassName":"bfgrp-title-icon3-frog","plusbfStyle":".bfgrp-title-icon3-frog {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-frog .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-frog__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-frog__title:before,\np.bfgrp-title-icon3-frog__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-frog__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-frog__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-frog *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-frog *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-frog has-text-color" style="color:#95db98"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-frog__title","style":{"color":{"text":"#95db98"}},"plusbfClassName":"bfgrp-title-icon3-frog__title"} -->
<p class="bfgrp-title-icon3-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-icon3-envira","style":{"color":{"text":"#95db98"}},"plusbfClassName":"bfgrp-title-icon3-envira","plusbfStyle":".bfgrp-title-icon3-envira {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-envira .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-envira__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-envira__title:before,\np.bfgrp-title-icon3-envira__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-envira__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-envira__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-envira *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-envira *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-envira has-text-color" style="color:#95db98"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-envira__title","style":{"color":{"text":"#95db98"}},"plusbfClassName":"bfgrp-title-icon3-envira__title"} -->
<p class="bfgrp-title-icon3-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-icon3-cannabis","style":{"color":{"text":"#95db98"}},"plusbfClassName":"bfgrp-title-icon3-cannabis","plusbfStyle":".bfgrp-title-icon3-cannabis {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-cannabis .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-cannabis__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-cannabis__title:before,\np.bfgrp-title-icon3-cannabis__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-cannabis__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-cannabis__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-cannabis *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-cannabis *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-cannabis has-text-color" style="color:#95db98"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-cannabis__title","style":{"color":{"text":"#95db98"}},"plusbfClassName":"bfgrp-title-icon3-cannabis__title"} -->
<p class="bfgrp-title-icon3-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-icon3-pray","style":{"color":{"text":"#95db98"}},"plusbfClassName":"bfgrp-title-icon3-pray","plusbfStyle":".bfgrp-title-icon3-pray {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-pray .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-pray__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-pray__title:before,\np.bfgrp-title-icon3-pray__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-pray__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-pray__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-pray *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-pray *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-pray has-text-color" style="color:#95db98"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-pray__title","style":{"color":{"text":"#95db98"}},"plusbfClassName":"bfgrp-title-icon3-pray__title"} -->
<p class="bfgrp-title-icon3-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-icon3-money-bill-wave","style":{"color":{"text":"#c1dea0"}},"plusbfClassName":"bfgrp-title-icon3-money-bill-wave","plusbfStyle":".bfgrp-title-icon3-money-bill-wave {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-money-bill-wave .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-money-bill-wave__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-money-bill-wave__title:before,\np.bfgrp-title-icon3-money-bill-wave__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-money-bill-wave__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-money-bill-wave__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-money-bill-wave *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-money-bill-wave *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-money-bill-wave has-text-color" style="color:#c1dea0"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-money-bill-wave__title","style":{"color":{"text":"#c1dea0"}},"plusbfClassName":"bfgrp-title-icon3-money-bill-wave__title"} -->
<p class="bfgrp-title-icon3-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-icon3-spa","style":{"color":{"text":"#c1dea0"}},"plusbfClassName":"bfgrp-title-icon3-spa","plusbfStyle":".bfgrp-title-icon3-spa {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-spa .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-spa__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-spa__title:before,\np.bfgrp-title-icon3-spa__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-spa__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-spa__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-spa *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-spa *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-spa has-text-color" style="color:#c1dea0"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-spa__title","style":{"color":{"text":"#c1dea0"}},"plusbfClassName":"bfgrp-title-icon3-spa__title"} -->
<p class="bfgrp-title-icon3-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-icon3-pagelines","style":{"color":{"text":"#c1dea0"}},"plusbfClassName":"bfgrp-title-icon3-pagelines","plusbfStyle":".bfgrp-title-icon3-pagelines {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-pagelines .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-pagelines__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-pagelines__title:before,\np.bfgrp-title-icon3-pagelines__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-pagelines__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-pagelines__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-pagelines *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-pagelines *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-pagelines has-text-color" style="color:#c1dea0"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-pagelines__title","style":{"color":{"text":"#c1dea0"}},"plusbfClassName":"bfgrp-title-icon3-pagelines__title"} -->
<p class="bfgrp-title-icon3-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-icon3-tree","style":{"color":{"text":"#c1dea0"}},"plusbfClassName":"bfgrp-title-icon3-tree","plusbfStyle":".bfgrp-title-icon3-tree {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-tree .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-tree__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-tree__title:before,\np.bfgrp-title-icon3-tree__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-tree__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-tree__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-tree *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-tree *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-tree has-text-color" style="color:#c1dea0"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-tree__title","style":{"color":{"text":"#c1dea0"}},"plusbfClassName":"bfgrp-title-icon3-tree__title"} -->
<p class="bfgrp-title-icon3-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-icon3-kiwi-bird","style":{"color":{"text":"#e1e899"}},"plusbfClassName":"bfgrp-title-icon3-kiwi-bird","plusbfStyle":".bfgrp-title-icon3-kiwi-bird {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-kiwi-bird .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-kiwi-bird__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-kiwi-bird__title:before,\np.bfgrp-title-icon3-kiwi-bird__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-kiwi-bird__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-kiwi-bird__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-kiwi-bird *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-kiwi-bird *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-kiwi-bird has-text-color" style="color:#e1e899"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-kiwi-bird__title","style":{"color":{"text":"#e1e899"}},"plusbfClassName":"bfgrp-title-icon3-kiwi-bird__title"} -->
<p class="bfgrp-title-icon3-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-icon3-earlybirds","style":{"color":{"text":"#e1e899"}},"plusbfClassName":"bfgrp-title-icon3-earlybirds","plusbfStyle":".bfgrp-title-icon3-earlybirds {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-earlybirds .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-earlybirds__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-earlybirds__title:before,\np.bfgrp-title-icon3-earlybirds__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-earlybirds__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-earlybirds__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-earlybirds *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-earlybirds *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-earlybirds has-text-color" style="color:#e1e899"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-earlybirds__title","style":{"color":{"text":"#e1e899"}},"plusbfClassName":"bfgrp-title-icon3-earlybirds__title"} -->
<p class="bfgrp-title-icon3-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-icon3-tooth","style":{"color":{"text":"#e1e899"}},"plusbfClassName":"bfgrp-title-icon3-tooth","plusbfStyle":".bfgrp-title-icon3-tooth {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-tooth .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-tooth__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-tooth__title:before,\np.bfgrp-title-icon3-tooth__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-tooth__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-tooth__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-tooth *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-tooth *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-tooth has-text-color" style="color:#e1e899"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-tooth__title","style":{"color":{"text":"#e1e899"}},"plusbfClassName":"bfgrp-title-icon3-tooth__title"} -->
<p class="bfgrp-title-icon3-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-icon3-meetup","style":{"color":{"text":"#e1e899"}},"plusbfClassName":"bfgrp-title-icon3-meetup","plusbfStyle":".bfgrp-title-icon3-meetup {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-meetup .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-meetup__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-meetup__title:before,\np.bfgrp-title-icon3-meetup__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-meetup__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-meetup__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-meetup *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-meetup *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-meetup has-text-color" style="color:#e1e899"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-meetup__title","style":{"color":{"text":"#e1e899"}},"plusbfClassName":"bfgrp-title-icon3-meetup__title"} -->
<p class="bfgrp-title-icon3-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-icon3-bolt","style":{"color":{"text":"#f2e785"}},"plusbfClassName":"bfgrp-title-icon3-bolt","plusbfStyle":".bfgrp-title-icon3-bolt {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-bolt .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-bolt__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-bolt__title:before,\np.bfgrp-title-icon3-bolt__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-bolt__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-bolt__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-bolt *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-bolt *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-bolt has-text-color" style="color:#f2e785"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-bolt__title","style":{"color":{"text":"#f2e785"}},"plusbfClassName":"bfgrp-title-icon3-bolt__title"} -->
<p class="bfgrp-title-icon3-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-icon3-lightbulb","style":{"color":{"text":"#f2e785"}},"plusbfClassName":"bfgrp-title-icon3-lightbulb","plusbfStyle":".bfgrp-title-icon3-lightbulb {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-lightbulb .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-lightbulb__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-lightbulb__title:before,\np.bfgrp-title-icon3-lightbulb__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-lightbulb__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-lightbulb__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-lightbulb *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-lightbulb *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-lightbulb has-text-color" style="color:#f2e785"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-lightbulb__title","style":{"color":{"text":"#f2e785"}},"plusbfClassName":"bfgrp-title-icon3-lightbulb__title"} -->
<p class="bfgrp-title-icon3-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-icon3-lemon","style":{"color":{"text":"#f2e785"}},"plusbfClassName":"bfgrp-title-icon3-lemon","plusbfStyle":".bfgrp-title-icon3-lemon {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-lemon .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-lemon__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-lemon__title:before,\np.bfgrp-title-icon3-lemon__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-lemon__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-lemon__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-lemon *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-lemon *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-lemon has-text-color" style="color:#f2e785"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-lemon__title","style":{"color":{"text":"#f2e785"}},"plusbfClassName":"bfgrp-title-icon3-lemon__title"} -->
<p class="bfgrp-title-icon3-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-icon3-brush","style":{"color":{"text":"#f2e785"}},"plusbfClassName":"bfgrp-title-icon3-brush","plusbfStyle":".bfgrp-title-icon3-brush {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-brush .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-brush__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-brush__title:before,\np.bfgrp-title-icon3-brush__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-brush__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-brush__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-brush *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-brush *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-brush has-text-color" style="color:#f2e785"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-brush__title","style":{"color":{"text":"#f2e785"}},"plusbfClassName":"bfgrp-title-icon3-brush__title"} -->
<p class="bfgrp-title-icon3-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-icon3-pen-alt","style":{"color":{"text":"#ffde7a"}},"plusbfClassName":"bfgrp-title-icon3-pen-alt","plusbfStyle":".bfgrp-title-icon3-pen-alt {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-pen-alt .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-pen-alt__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-pen-alt__title:before,\np.bfgrp-title-icon3-pen-alt__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-pen-alt__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-pen-alt__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-pen-alt *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-pen-alt *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-pen-alt has-text-color" style="color:#ffde7a"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-pen-alt__title","style":{"color":{"text":"#ffde7a"}},"plusbfClassName":"bfgrp-title-icon3-pen-alt__title"} -->
<p class="bfgrp-title-icon3-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-icon3-bell","style":{"color":{"text":"#ffde7a"}},"plusbfClassName":"bfgrp-title-icon3-bell","plusbfStyle":".bfgrp-title-icon3-bell {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-bell .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-bell__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-bell__title:before,\np.bfgrp-title-icon3-bell__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-bell__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-bell__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-bell *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-bell *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-bell has-text-color" style="color:#ffde7a"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-bell__title","style":{"color":{"text":"#ffde7a"}},"plusbfClassName":"bfgrp-title-icon3-bell__title"} -->
<p class="bfgrp-title-icon3-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-icon3-pencil-alt","style":{"color":{"text":"#ffde7a"}},"plusbfClassName":"bfgrp-title-icon3-pencil-alt","plusbfStyle":".bfgrp-title-icon3-pencil-alt {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-pencil-alt .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-pencil-alt__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-pencil-alt__title:before,\np.bfgrp-title-icon3-pencil-alt__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-pencil-alt__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-pencil-alt__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-pencil-alt *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-pencil-alt *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-pencil-alt has-text-color" style="color:#ffde7a"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-pencil-alt__title","style":{"color":{"text":"#ffde7a"}},"plusbfClassName":"bfgrp-title-icon3-pencil-alt__title"} -->
<p class="bfgrp-title-icon3-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-icon3-crown","style":{"color":{"text":"#ffde7a"}},"plusbfClassName":"bfgrp-title-icon3-crown","plusbfStyle":".bfgrp-title-icon3-crown {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-crown .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-crown__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-crown__title:before,\np.bfgrp-title-icon3-crown__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-crown__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-crown__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-crown *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-crown *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-crown has-text-color" style="color:#ffde7a"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-crown__title","style":{"color":{"text":"#ffde7a"}},"plusbfClassName":"bfgrp-title-icon3-crown__title"} -->
<p class="bfgrp-title-icon3-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-icon3-pen","style":{"color":{"text":"#ffc266"}},"plusbfClassName":"bfgrp-title-icon3-pen","plusbfStyle":".bfgrp-title-icon3-pen {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-pen .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-pen__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-pen__title:before,\np.bfgrp-title-icon3-pen__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-pen__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-pen__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-pen *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-pen *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-pen has-text-color" style="color:#ffc266"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-pen__title","style":{"color":{"text":"#ffc266"}},"plusbfClassName":"bfgrp-title-icon3-pen__title"} -->
<p class="bfgrp-title-icon3-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-icon3-utensils","style":{"color":{"text":"#ffc266"}},"plusbfClassName":"bfgrp-title-icon3-utensils","plusbfStyle":".bfgrp-title-icon3-utensils {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-utensils .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-utensils__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-utensils__title:before,\np.bfgrp-title-icon3-utensils__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-utensils__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-utensils__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-utensils *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-utensils *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-utensils has-text-color" style="color:#ffc266"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-utensils__title","style":{"color":{"text":"#ffc266"}},"plusbfClassName":"bfgrp-title-icon3-utensils__title"} -->
<p class="bfgrp-title-icon3-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-icon3-paint-brush","style":{"color":{"text":"#ffc266"}},"plusbfClassName":"bfgrp-title-icon3-paint-brush","plusbfStyle":".bfgrp-title-icon3-paint-brush {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-paint-brush .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-paint-brush__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-paint-brush__title:before,\np.bfgrp-title-icon3-paint-brush__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-paint-brush__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-paint-brush__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-paint-brush *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-paint-brush *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-paint-brush has-text-color" style="color:#ffc266"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-paint-brush__title","style":{"color":{"text":"#ffc266"}},"plusbfClassName":"bfgrp-title-icon3-paint-brush__title"} -->
<p class="bfgrp-title-icon3-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-icon3-microphone","style":{"color":{"text":"#ffc266"}},"plusbfClassName":"bfgrp-title-icon3-microphone","plusbfStyle":".bfgrp-title-icon3-microphone {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-microphone .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-microphone__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-microphone__title:before,\np.bfgrp-title-icon3-microphone__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-microphone__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-microphone__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-microphone *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-microphone *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-microphone has-text-color" style="color:#ffc266"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-microphone__title","style":{"color":{"text":"#ffc266"}},"plusbfClassName":"bfgrp-title-icon3-microphone__title"} -->
<p class="bfgrp-title-icon3-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-icon3-pen-fancy","style":{"color":{"text":"#ff9473"}},"plusbfClassName":"bfgrp-title-icon3-pen-fancy","plusbfStyle":".bfgrp-title-icon3-pen-fancy {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-pen-fancy .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-pen-fancy__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-pen-fancy__title:before,\np.bfgrp-title-icon3-pen-fancy__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-pen-fancy__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-pen-fancy__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-pen-fancy *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-pen-fancy *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-pen-fancy has-text-color" style="color:#ff9473"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-pen-fancy__title","style":{"color":{"text":"#ff9473"}},"plusbfClassName":"bfgrp-title-icon3-pen-fancy__title"} -->
<p class="bfgrp-title-icon3-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-icon3-feather-alt","style":{"color":{"text":"#ff9473"}},"plusbfClassName":"bfgrp-title-icon3-feather-alt","plusbfStyle":".bfgrp-title-icon3-feather-alt {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-feather-alt .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-feather-alt__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-feather-alt__title:before,\np.bfgrp-title-icon3-feather-alt__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-feather-alt__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-feather-alt__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-feather-alt *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-feather-alt *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-feather-alt has-text-color" style="color:#ff9473"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-feather-alt__title","style":{"color":{"text":"#ff9473"}},"plusbfClassName":"bfgrp-title-icon3-feather-alt__title"} -->
<p class="bfgrp-title-icon3-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-icon3-carrot","style":{"color":{"text":"#ff9473"}},"plusbfClassName":"bfgrp-title-icon3-carrot","plusbfStyle":".bfgrp-title-icon3-carrot {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-carrot .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-carrot__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-carrot__title:before,\np.bfgrp-title-icon3-carrot__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-carrot__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-carrot__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-carrot *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-carrot *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-carrot has-text-color" style="color:#ff9473"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-carrot__title","style":{"color":{"text":"#ff9473"}},"plusbfClassName":"bfgrp-title-icon3-carrot__title"} -->
<p class="bfgrp-title-icon3-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-icon3-comment","style":{"color":{"text":"#ff9473"}},"plusbfClassName":"bfgrp-title-icon3-comment","plusbfStyle":".bfgrp-title-icon3-comment {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-comment .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-comment__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-comment__title:before,\np.bfgrp-title-icon3-comment__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-comment__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-comment__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-comment *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-comment *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-comment has-text-color" style="color:#ff9473"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-comment__title","style":{"color":{"text":"#ff9473"}},"plusbfClassName":"bfgrp-title-icon3-comment__title"} -->
<p class="bfgrp-title-icon3-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-icon3-coffee","style":{"color":{"text":"#9c867e"}},"plusbfClassName":"bfgrp-title-icon3-coffee","plusbfStyle":".bfgrp-title-icon3-coffee {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-coffee .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-coffee__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-coffee__title:before,\np.bfgrp-title-icon3-coffee__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-coffee__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-coffee__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-coffee *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-coffee *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-coffee has-text-color" style="color:#9c867e"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-coffee__title","style":{"color":{"text":"#9c867e"}},"plusbfClassName":"bfgrp-title-icon3-coffee__title"} -->
<p class="bfgrp-title-icon3-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-icon3-briefcase","style":{"color":{"text":"#9c867e"}},"plusbfClassName":"bfgrp-title-icon3-briefcase","plusbfStyle":".bfgrp-title-icon3-briefcase {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-briefcase .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-briefcase__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-briefcase__title:before,\np.bfgrp-title-icon3-briefcase__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-briefcase__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-briefcase__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-briefcase *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-briefcase *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-briefcase has-text-color" style="color:#9c867e"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-briefcase__title","style":{"color":{"text":"#9c867e"}},"plusbfClassName":"bfgrp-title-icon3-briefcase__title"} -->
<p class="bfgrp-title-icon3-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-icon3-paw","style":{"color":{"text":"#9c867e"}},"plusbfClassName":"bfgrp-title-icon3-paw","plusbfStyle":".bfgrp-title-icon3-paw {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-paw .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-paw__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-paw__title:before,\np.bfgrp-title-icon3-paw__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-paw__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-paw__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-paw *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-paw *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-paw has-text-color" style="color:#9c867e"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-paw__title","style":{"color":{"text":"#9c867e"}},"plusbfClassName":"bfgrp-title-icon3-paw__title"} -->
<p class="bfgrp-title-icon3-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-icon3-shoe-prints","style":{"color":{"text":"#9c867e"}},"plusbfClassName":"bfgrp-title-icon3-shoe-prints","plusbfStyle":".bfgrp-title-icon3-shoe-prints {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-shoe-prints .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-shoe-prints__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-shoe-prints__title:before,\np.bfgrp-title-icon3-shoe-prints__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-shoe-prints__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-shoe-prints__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-shoe-prints *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-shoe-prints *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-shoe-prints has-text-color" style="color:#9c867e"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-shoe-prints__title","style":{"color":{"text":"#9c867e"}},"plusbfClassName":"bfgrp-title-icon3-shoe-prints__title"} -->
<p class="bfgrp-title-icon3-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-icon3-book-open","style":{"color":{"text":"#cfcfcf"}},"plusbfClassName":"bfgrp-title-icon3-book-open","plusbfStyle":".bfgrp-title-icon3-book-open {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-book-open .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-book-open__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-book-open__title:before,\np.bfgrp-title-icon3-book-open__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-book-open__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-book-open__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-book-open *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-book-open *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-book-open has-text-color" style="color:#cfcfcf"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-book-open__title","style":{"color":{"text":"#cfcfcf"}},"plusbfClassName":"bfgrp-title-icon3-book-open__title"} -->
<p class="bfgrp-title-icon3-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-icon3-cloud","style":{"color":{"text":"#cfcfcf"}},"plusbfClassName":"bfgrp-title-icon3-cloud","plusbfStyle":".bfgrp-title-icon3-cloud {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-cloud .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-cloud__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-cloud__title:before,\np.bfgrp-title-icon3-cloud__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-cloud__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-cloud__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-cloud *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-cloud *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-cloud has-text-color" style="color:#cfcfcf"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-cloud__title","style":{"color":{"text":"#cfcfcf"}},"plusbfClassName":"bfgrp-title-icon3-cloud__title"} -->
<p class="bfgrp-title-icon3-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-icon3-clipboard","style":{"color":{"text":"#cfcfcf"}},"plusbfClassName":"bfgrp-title-icon3-clipboard","plusbfStyle":".bfgrp-title-icon3-clipboard {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-clipboard .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-clipboard__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-clipboard__title:before,\np.bfgrp-title-icon3-clipboard__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-clipboard__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-clipboard__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-clipboard *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-clipboard *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-clipboard has-text-color" style="color:#cfcfcf"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-clipboard__title","style":{"color":{"text":"#cfcfcf"}},"plusbfClassName":"bfgrp-title-icon3-clipboard__title"} -->
<p class="bfgrp-title-icon3-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-icon3-folder-open","style":{"color":{"text":"#cfcfcf"}},"plusbfClassName":"bfgrp-title-icon3-folder-open","plusbfStyle":".bfgrp-title-icon3-folder-open {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-folder-open .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-folder-open__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-folder-open__title:before,\np.bfgrp-title-icon3-folder-open__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-folder-open__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-folder-open__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-folder-open *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-folder-open *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-folder-open has-text-color" style="color:#cfcfcf"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-folder-open__title","style":{"color":{"text":"#cfcfcf"}},"plusbfClassName":"bfgrp-title-icon3-folder-open__title"} -->
<p class="bfgrp-title-icon3-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-icon3-graduation-cap","style":{"color":{"text":"#9eafb8"}},"plusbfClassName":"bfgrp-title-icon3-graduation-cap","plusbfStyle":".bfgrp-title-icon3-graduation-cap {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-graduation-cap .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-graduation-cap__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-graduation-cap__title:before,\np.bfgrp-title-icon3-graduation-cap__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-graduation-cap__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-graduation-cap__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-graduation-cap *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-graduation-cap *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-graduation-cap has-text-color" style="color:#9eafb8"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-graduation-cap__title","style":{"color":{"text":"#9eafb8"}},"plusbfClassName":"bfgrp-title-icon3-graduation-cap__title"} -->
<p class="bfgrp-title-icon3-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-icon3-trash-alt","style":{"color":{"text":"#9eafb8"}},"plusbfClassName":"bfgrp-title-icon3-trash-alt","plusbfStyle":".bfgrp-title-icon3-trash-alt {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-trash-alt .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-trash-alt__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-trash-alt__title:before,\np.bfgrp-title-icon3-trash-alt__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-trash-alt__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-trash-alt__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-trash-alt *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-trash-alt *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-trash-alt has-text-color" style="color:#9eafb8"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-trash-alt__title","style":{"color":{"text":"#9eafb8"}},"plusbfClassName":"bfgrp-title-icon3-trash-alt__title"} -->
<p class="bfgrp-title-icon3-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-icon3-leanpub","style":{"color":{"text":"#9eafb8"}},"plusbfClassName":"bfgrp-title-icon3-leanpub","plusbfStyle":".bfgrp-title-icon3-leanpub {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-leanpub .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-leanpub__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-leanpub__title:before,\np.bfgrp-title-icon3-leanpub__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-leanpub__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-leanpub__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-leanpub *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-leanpub *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-leanpub has-text-color" style="color:#9eafb8"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-leanpub__title","style":{"color":{"text":"#9eafb8"}},"plusbfClassName":"bfgrp-title-icon3-leanpub__title"} -->
<p class="bfgrp-title-icon3-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-icon3-tag","style":{"color":{"text":"#9eafb8"}},"plusbfClassName":"bfgrp-title-icon3-tag","plusbfStyle":".bfgrp-title-icon3-tag {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-tag .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-tag__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-tag__title:before,\np.bfgrp-title-icon3-tag__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-tag__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-tag__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-tag *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-tag *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-tag has-text-color" style="color:#9eafb8"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-tag__title","style":{"color":{"text":"#9eafb8"}},"plusbfClassName":"bfgrp-title-icon3-tag__title"} -->
<p class="bfgrp-title-icon3-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-icon3-user","textColor":"tsnc_text_color","plusbfClassName":"bfgrp-title-icon3-user","plusbfStyle":".bfgrp-title-icon3-user {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-user .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-user__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-user__title:before,\np.bfgrp-title-icon3-user__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-user__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-user__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-user *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-user *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-user has-tsnc-text-color-color has-text-color"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-user__title","textColor":"tsnc_text_color","plusbfClassName":"bfgrp-title-icon3-user__title"} -->
<p class="bfgrp-title-icon3-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-icon3-folder","textColor":"tsnc_text_color","plusbfClassName":"bfgrp-title-icon3-folder","plusbfStyle":".bfgrp-title-icon3-folder {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-folder .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-folder__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-folder__title:before,\np.bfgrp-title-icon3-folder__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-folder__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-folder__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-folder *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-folder *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-folder has-tsnc-text-color-color has-text-color"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-folder__title","textColor":"tsnc_text_color","plusbfClassName":"bfgrp-title-icon3-folder__title"} -->
<p class="bfgrp-title-icon3-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-icon3-book","textColor":"tsnc_text_color","plusbfClassName":"bfgrp-title-icon3-book","plusbfStyle":".bfgrp-title-icon3-book {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-book .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-book__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-book__title:before,\np.bfgrp-title-icon3-book__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-book__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-book__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-book *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-book *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-book has-tsnc-text-color-color has-text-color"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-book__title","textColor":"tsnc_text_color","plusbfClassName":"bfgrp-title-icon3-book__title"} -->
<p class="bfgrp-title-icon3-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-icon3-key","textColor":"tsnc_text_color","plusbfClassName":"bfgrp-title-icon3-key","plusbfStyle":".bfgrp-title-icon3-key {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-key .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-key__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-key__title:before,\np.bfgrp-title-icon3-key__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-key__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-key__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-key *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-key *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-key has-tsnc-text-color-color has-text-color"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-key__title","textColor":"tsnc_text_color","plusbfClassName":"bfgrp-title-icon3-key__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_fire","style":{"color":{"text":"#f28d79"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_fire","plusbfStyle":".bfgrp-title-icon3-jin_icon_fire {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_fire .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_fire__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_fire__title:before,\np.bfgrp-title-icon3-jin_icon_fire__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_fire__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_fire__title:after,\np.bfgrp-title-icon3-jin_icon_fire__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-icon3-jin_icon_fire__title:before {\n    z-index: 1;\n    content: \u0022\\e99f\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-icon3-jin_icon_fire *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_fire *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_fire {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_fire__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_fire has-text-color" style="color:#f28d79"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_fire__title","style":{"color":{"text":"#f28d79"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_fire__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_caution","style":{"color":{"text":"#f28d79"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_caution","plusbfStyle":".bfgrp-title-icon3-jin_icon_caution {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_caution .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_caution__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_caution__title:before,\np.bfgrp-title-icon3-jin_icon_caution__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_caution__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_caution__title:after,\np.bfgrp-title-icon3-jin_icon_caution__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-icon3-jin_icon_caution__title:before {\n    z-index: 1;\n    content: \u0022\\e909\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-icon3-jin_icon_caution *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_caution *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_caution {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_caution__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_caution has-text-color" style="color:#f28d79"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_caution__title","style":{"color":{"text":"#f28d79"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_caution__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_heart","style":{"color":{"text":"#ec789f"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_heart","plusbfStyle":".bfgrp-title-icon3-jin_icon_heart {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_heart .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_heart__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_heart__title:before,\np.bfgrp-title-icon3-jin_icon_heart__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_heart__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_heart__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_heart *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_heart *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_heart {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_heart__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_heart has-text-color" style="color:#ec789f"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_heart__title","style":{"color":{"text":"#ec789f"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_heart__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_girl","style":{"color":{"text":"#ec789f"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_girl","plusbfStyle":".bfgrp-title-icon3-jin_icon_girl {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_girl .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_girl__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_girl__title:before,\np.bfgrp-title-icon3-jin_icon_girl__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_girl__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_girl__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_girl *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_girl *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_girl {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_girl__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_girl has-text-color" style="color:#ec789f"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_girl__title","style":{"color":{"text":"#ec789f"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_girl__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_rocket","style":{"color":{"text":"#be87c7"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_rocket","plusbfStyle":".bfgrp-title-icon3-jin_icon_rocket {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_rocket .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_rocket__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_rocket__title:before,\np.bfgrp-title-icon3-jin_icon_rocket__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_rocket__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_rocket__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_rocket *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_rocket *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_rocket {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_rocket__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_rocket has-text-color" style="color:#be87c7"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_rocket__title","style":{"color":{"text":"#be87c7"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_rocket__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_wine","style":{"color":{"text":"#be87c7"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_wine","plusbfStyle":".bfgrp-title-icon3-jin_icon_wine {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_wine .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_wine__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_wine__title:before,\np.bfgrp-title-icon3-jin_icon_wine__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_wine__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_wine__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_wine *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_wine *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_wine {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_wine__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_wine has-text-color" style="color:#be87c7"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_wine__title","style":{"color":{"text":"#be87c7"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_wine__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_cosme","style":{"color":{"text":"#9d85c7"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_cosme","plusbfStyle":".bfgrp-title-icon3-jin_icon_cosme {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_cosme .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_cosme__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_cosme__title:before,\np.bfgrp-title-icon3-jin_icon_cosme__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_cosme__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_cosme__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_cosme *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_cosme *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_cosme {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_cosme__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_cosme has-text-color" style="color:#9d85c7"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_cosme__title","style":{"color":{"text":"#9d85c7"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_cosme__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_movie","style":{"color":{"text":"#9d85c7"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_movie","plusbfStyle":".bfgrp-title-icon3-jin_icon_movie {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_movie .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_movie__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_movie__title:before,\np.bfgrp-title-icon3-jin_icon_movie__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_movie__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_movie__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_movie *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_movie *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_movie {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_movie__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_movie has-text-color" style="color:#9d85c7"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_movie__title","style":{"color":{"text":"#9d85c7"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_movie__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_moon","style":{"color":{"text":"#8791cc"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_moon","plusbfStyle":".bfgrp-title-icon3-jin_icon_moon {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_moon .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_moon__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_moon__title:before,\np.bfgrp-title-icon3-jin_icon_moon__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_moon__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_moon__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_moon *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_moon *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_moon {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_moon__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_moon has-text-color" style="color:#8791cc"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_moon__title","style":{"color":{"text":"#8791cc"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_moon__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_bookopen","style":{"color":{"text":"#8791cc"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_bookopen","plusbfStyle":".bfgrp-title-icon3-jin_icon_bookopen {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_bookopen .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_bookopen__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_bookopen__title:before,\np.bfgrp-title-icon3-jin_icon_bookopen__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_bookopen__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_bookopen__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_bookopen *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_bookopen *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_bookopen {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_bookopen__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_bookopen has-text-color" style="color:#8791cc"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_bookopen__title","style":{"color":{"text":"#8791cc"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_bookopen__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_pencil","style":{"color":{"text":"#60a7d6"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_pencil","plusbfStyle":".bfgrp-title-icon3-jin_icon_pencil {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_pencil .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_pencil__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_pencil__title:before,\np.bfgrp-title-icon3-jin_icon_pencil__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_pencil__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_pencil__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_pencil *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_pencil *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_pencil {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_pencil__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_pencil has-text-color" style="color:#60a7d6"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_pencil__title","style":{"color":{"text":"#60a7d6"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_pencil__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_mailsend","style":{"color":{"text":"#60a7d6"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_mailsend","plusbfStyle":".bfgrp-title-icon3-jin_icon_mailsend {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_mailsend .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_mailsend__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_mailsend__title:before,\np.bfgrp-title-icon3-jin_icon_mailsend__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_mailsend__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_mailsend__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_mailsend *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_mailsend *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_mailsend {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_mailsend__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_mailsend has-text-color" style="color:#60a7d6"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_mailsend__title","style":{"color":{"text":"#60a7d6"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_mailsend__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_aqua","style":{"color":{"text":"#88d5f7"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_aqua","plusbfStyle":".bfgrp-title-icon3-jin_icon_aqua {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_aqua .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_aqua__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_aqua__title:before,\np.bfgrp-title-icon3-jin_icon_aqua__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_aqua__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_aqua__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_aqua *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_aqua *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_aqua {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_aqua__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_aqua has-text-color" style="color:#88d5f7"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_aqua__title","style":{"color":{"text":"#88d5f7"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_aqua__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_fish","style":{"color":{"text":"#88d5f7"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_fish","plusbfStyle":".bfgrp-title-icon3-jin_icon_fish {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_fish .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_fish__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_fish__title:before,\np.bfgrp-title-icon3-jin_icon_fish__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_fish__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_fish__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_fish *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_fish *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_fish {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_fish__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_fish has-text-color" style="color:#88d5f7"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_fish__title","style":{"color":{"text":"#88d5f7"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_fish__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_writer","style":{"color":{"text":"#76ced3"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_writer","plusbfStyle":".bfgrp-title-icon3-jin_icon_writer {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_writer .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_writer__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_writer__title:before,\np.bfgrp-title-icon3-jin_icon_writer__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_writer__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_writer__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_writer *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_writer *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_writer {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_writer__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_writer has-text-color" style="color:#76ced3"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_writer__title","style":{"color":{"text":"#76ced3"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_writer__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_diamond","style":{"color":{"text":"#76ced3"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_diamond","plusbfStyle":".bfgrp-title-icon3-jin_icon_diamond {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_diamond .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_diamond__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_diamond__title:before,\np.bfgrp-title-icon3-jin_icon_diamond__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_diamond__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_diamond__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_diamond *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_diamond *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_diamond {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_diamond__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_diamond has-text-color" style="color:#76ced3"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_diamond__title","style":{"color":{"text":"#76ced3"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_diamond__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_clover","style":{"color":{"text":"#5dbab1"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_clover","plusbfStyle":".bfgrp-title-icon3-jin_icon_clover {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_clover .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_clover__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_clover__title:before,\np.bfgrp-title-icon3-jin_icon_clover__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_clover__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_clover__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_clover *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_clover *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_clover {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_clover__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_clover has-text-color" style="color:#5dbab1"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_clover__title","style":{"color":{"text":"#5dbab1"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_clover__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_leaf","style":{"color":{"text":"#5dbab1"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_leaf","plusbfStyle":".bfgrp-title-icon3-jin_icon_leaf {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_leaf .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_leaf__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_leaf__title:before,\np.bfgrp-title-icon3-jin_icon_leaf__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_leaf__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_leaf__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_leaf *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_leaf *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_leaf {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_leaf__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_leaf has-text-color" style="color:#5dbab1"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_leaf__title","style":{"color":{"text":"#5dbab1"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_leaf__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_book","style":{"color":{"text":"#95db98"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_book","plusbfStyle":".bfgrp-title-icon3-jin_icon_book {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_book .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_book__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_book__title:before,\np.bfgrp-title-icon3-jin_icon_book__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_book__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_book__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_book *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_book *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_book {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_book__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_book has-text-color" style="color:#95db98"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_book__title","style":{"color":{"text":"#95db98"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_book__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_bitcoin","style":{"color":{"text":"#95db98"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_bitcoin","plusbfStyle":".bfgrp-title-icon3-jin_icon_bitcoin {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_bitcoin .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_bitcoin__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_bitcoin__title:before,\np.bfgrp-title-icon3-jin_icon_bitcoin__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_bitcoin__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_bitcoin__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_bitcoin *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_bitcoin *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_bitcoin {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_bitcoin__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_bitcoin has-text-color" style="color:#95db98"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_bitcoin__title","style":{"color":{"text":"#95db98"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_bitcoin__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_wifi","style":{"color":{"text":"#c1dea0"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_wifi","plusbfStyle":".bfgrp-title-icon3-jin_icon_wifi {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_wifi .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_wifi__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_wifi__title:before,\np.bfgrp-title-icon3-jin_icon_wifi__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_wifi__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_wifi__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_wifi *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_wifi *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_wifi {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_wifi__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_wifi has-text-color" style="color:#c1dea0"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_wifi__title","style":{"color":{"text":"#c1dea0"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_wifi__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_cart","style":{"color":{"text":"#c1dea0"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_cart","plusbfStyle":".bfgrp-title-icon3-jin_icon_cart {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_cart .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_cart__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_cart__title:before,\np.bfgrp-title-icon3-jin_icon_cart__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_cart__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_cart__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_cart *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_cart *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_cart {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_cart__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_cart has-text-color" style="color:#c1dea0"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_cart__title","style":{"color":{"text":"#c1dea0"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_cart__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_flower","style":{"color":{"text":"#e1e899"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_flower","plusbfStyle":".bfgrp-title-icon3-jin_icon_flower {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_flower .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_flower__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_flower__title:before,\np.bfgrp-title-icon3-jin_icon_flower__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_flower__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_flower__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_flower *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_flower *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_flower {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_flower__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_flower has-text-color" style="color:#e1e899"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_flower__title","style":{"color":{"text":"#e1e899"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_flower__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_moneywallet","style":{"color":{"text":"#e1e899"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_moneywallet","plusbfStyle":".bfgrp-title-icon3-jin_icon_moneywallet {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_moneywallet .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_moneywallet__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_moneywallet__title:before,\np.bfgrp-title-icon3-jin_icon_moneywallet__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_moneywallet__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_moneywallet__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_moneywallet *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_moneywallet *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_moneywallet {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_moneywallet__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_moneywallet has-text-color" style="color:#e1e899"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_moneywallet__title","style":{"color":{"text":"#e1e899"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_moneywallet__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_star","style":{"color":{"text":"#f2e785"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_star","plusbfStyle":".bfgrp-title-icon3-jin_icon_star {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_star .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_star__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_star__title:before,\np.bfgrp-title-icon3-jin_icon_star__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_star__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_star__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_star *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_star *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_star {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_star__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_star has-text-color" style="color:#f2e785"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_star__title","style":{"color":{"text":"#f2e785"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_star__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_inazuma","style":{"color":{"text":"#f2e785"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_inazuma","plusbfStyle":".bfgrp-title-icon3-jin_icon_inazuma {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_inazuma .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_inazuma__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_inazuma__title:before,\np.bfgrp-title-icon3-jin_icon_inazuma__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_inazuma__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_inazuma__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_inazuma *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_inazuma *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_inazuma {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_inazuma__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_inazuma has-text-color" style="color:#f2e785"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_inazuma__title","style":{"color":{"text":"#f2e785"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_inazuma__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_home","style":{"color":{"text":"#ffde7a"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_home","plusbfStyle":".bfgrp-title-icon3-jin_icon_home {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_home .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_home__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_home__title:before,\np.bfgrp-title-icon3-jin_icon_home__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_home__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_home__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_home *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_home *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_home {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_home__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_home has-text-color" style="color:#ffde7a"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_home__title","style":{"color":{"text":"#ffde7a"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_home__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_bulb","style":{"color":{"text":"#ffde7a"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_bulb","plusbfStyle":".bfgrp-title-icon3-jin_icon_bulb {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_bulb .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_bulb__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_bulb__title:before,\np.bfgrp-title-icon3-jin_icon_bulb__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_bulb__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_bulb__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_bulb *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_bulb *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_bulb {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_bulb__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_bulb has-text-color" style="color:#ffde7a"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_bulb__title","style":{"color":{"text":"#ffde7a"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_bulb__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_like","style":{"color":{"text":"#ffc266"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_like","plusbfStyle":".bfgrp-title-icon3-jin_icon_like {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_like .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_like__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_like__title:before,\np.bfgrp-title-icon3-jin_icon_like__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_like__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_like__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_like *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_like *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_like {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_like__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_like has-text-color" style="color:#ffc266"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_like__title","style":{"color":{"text":"#ffc266"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_like__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_crown","style":{"color":{"text":"#ffc266"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_crown","plusbfStyle":".bfgrp-title-icon3-jin_icon_crown {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_crown .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_crown__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_crown__title:before,\np.bfgrp-title-icon3-jin_icon_crown__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_crown__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_crown__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_crown *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_crown *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_crown {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_crown__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_crown has-text-color" style="color:#ffc266"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_crown__title","style":{"color":{"text":"#ffc266"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_crown__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_check","style":{"color":{"text":"#ff9473"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_check","plusbfStyle":".bfgrp-title-icon3-jin_icon_check {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_check .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_check__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_check__title:before,\np.bfgrp-title-icon3-jin_icon_check__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_check__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_check__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_check *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_check *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_check {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_check__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_check has-text-color" style="color:#ff9473"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_check__title","style":{"color":{"text":"#ff9473"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_check__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_illust","style":{"color":{"text":"#ff9473"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_illust","plusbfStyle":".bfgrp-title-icon3-jin_icon_illust {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_illust .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_illust__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_illust__title:before,\np.bfgrp-title-icon3-jin_icon_illust__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_illust__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_illust__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_illust *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_illust *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_illust {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_illust__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_illust has-text-color" style="color:#ff9473"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_illust__title","style":{"color":{"text":"#ff9473"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_illust__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_cafe","style":{"color":{"text":"#9c867e"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_cafe","plusbfStyle":".bfgrp-title-icon3-jin_icon_cafe {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_cafe .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_cafe__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_cafe__title:before,\np.bfgrp-title-icon3-jin_icon_cafe__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_cafe__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_cafe__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_cafe *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_cafe *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_cafe {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_cafe__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_cafe has-text-color" style="color:#9c867e"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_cafe__title","style":{"color":{"text":"#9c867e"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_cafe__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_nikukyu","style":{"color":{"text":"#9c867e"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_nikukyu","plusbfStyle":".bfgrp-title-icon3-jin_icon_nikukyu {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_nikukyu .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_nikukyu__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_nikukyu__title:before,\np.bfgrp-title-icon3-jin_icon_nikukyu__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_nikukyu__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_nikukyu__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_nikukyu *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_nikukyu *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_nikukyu {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_nikukyu__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_nikukyu has-text-color" style="color:#9c867e"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_nikukyu__title","style":{"color":{"text":"#9c867e"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_nikukyu__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_folder","style":{"color":{"text":"#cfcfcf"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_folder","plusbfStyle":".bfgrp-title-icon3-jin_icon_folder {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_folder .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_folder__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_folder__title:before,\np.bfgrp-title-icon3-jin_icon_folder__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_folder__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_folder__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_folder *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_folder *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_folder {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_folder__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_folder has-text-color" style="color:#cfcfcf"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_folder__title","style":{"color":{"text":"#cfcfcf"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_folder__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_rice","style":{"color":{"text":"#cfcfcf"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_rice","plusbfStyle":".bfgrp-title-icon3-jin_icon_rice {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_rice .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_rice__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_rice__title:before,\np.bfgrp-title-icon3-jin_icon_rice__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_rice__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_rice__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_rice *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_rice *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_rice {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_rice__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_rice has-text-color" style="color:#cfcfcf"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_rice__title","style":{"color":{"text":"#cfcfcf"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_rice__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_human","style":{"color":{"text":"#9eafb8"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_human","plusbfStyle":".bfgrp-title-icon3-jin_icon_human {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_human .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_human__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_human__title:before,\np.bfgrp-title-icon3-jin_icon_human__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_human__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_human__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_human *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_human *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_human {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_human__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_human has-text-color" style="color:#9eafb8"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_human__title","style":{"color":{"text":"#9eafb8"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_human__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_gear","style":{"color":{"text":"#9eafb8"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_gear","plusbfStyle":".bfgrp-title-icon3-jin_icon_gear {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_gear .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_gear__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_gear__title:before,\np.bfgrp-title-icon3-jin_icon_gear__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_gear__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_gear__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_gear *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_gear *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_gear {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_gear__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_gear has-text-color" style="color:#9eafb8"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_gear__title","style":{"color":{"text":"#9eafb8"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_gear__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_dog","style":{"color":{"text":"#797979"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_dog","plusbfStyle":".bfgrp-title-icon3-jin_icon_dog {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_dog .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_dog__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_dog__title:before,\np.bfgrp-title-icon3-jin_icon_dog__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_dog__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_dog__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_dog *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_dog *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_dog {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_dog__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_dog has-text-color" style="color:#797979"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_dog__title","style":{"color":{"text":"#797979"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_dog__title"} -->
<p class="bfgrp-title-icon3-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-icon3-jin_icon_cat","style":{"color":{"text":"#797979"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_cat","plusbfStyle":".bfgrp-title-icon3-jin_icon_cat {\n    margin-top: 3rem;\n    padding: 1.5rem;\n    border-radius: 4px;\n    border: 1px solid;\n}\n.bfgrp-title-icon3-jin_icon_cat .wp-block-group__inner-container p {\n    color: #333;\n}\np.bfgrp-title-icon3-jin_icon_cat__title {\n    padding: 0 0.5rem 0 3rem;\n    position: relative;\n    margin-bottom: 1rem;\n    font-weight: 600;\n    margin-top: -2.5rem!important;\n    margin-left: -.5rem!important;\n    width: fit-content;\n    background: #fff;\n}\np.bfgrp-title-icon3-jin_icon_cat__title:before,\np.bfgrp-title-icon3-jin_icon_cat__title:after {\n    width: 36px;\n    height: 36px;\n    display: inline-block;\n    line-height: 36px;\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_cat__title:after{\n    left: 0.5rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_cat__title:after,\np.bfgrp-title-icon3-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-icon3-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-icon3-jin_icon_cat *:first-child {\n    margin-top: 0;\n}\n.bfgrp-title-icon3-jin_icon_cat *:last-child {\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n.wp-block-group.bfgrp-title-icon3-jin_icon_cat {\n    margin-bottom: 2rem;\n}\n.block-editor-block-list__layout p.bfgrp-title-icon3-jin_icon_cat__title {\n    margin-bottom: 1rem;\n    padding-bottom: 0!important;\n}"} -->
<div class="wp-block-group bfgrp-title-icon3-jin_icon_cat has-text-color" style="color:#797979"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"className":"bfgrp-title-icon3-jin_icon_cat__title","style":{"color":{"text":"#797979"}},"plusbfClassName":"bfgrp-title-icon3-jin_icon_cat__title"} -->
<p class="bfgrp-title-icon3-jin_icon_cat__title has-text-color" style="color:#797979">ねこ</p>
<!-- /wp:paragraph -->

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