@burger-editor/blocks 4.0.0-alpha.7 → 4.0.0-alpha.8

package/README.md

@@ -10,29 +10,38 @@
 
 ```html
 <div data-bge-name="{ブロック名}" data-bge-container="inline:center:wrap">
-	<div data-bge-group>
-		<div data-bge-item>{アイテムの01HTML}</div>
-		<div data-bge-item>{アイテムの02HTML}</div>
-	</div>
-	<div data-bge-group>
-		<div data-bge-item>{アイテムの01HTML}</div>
-		<div data-bge-item>{アイテムの02HTML}</div>
-	</div>
-	<div data-bge-group>
-		<div data-bge-item>{アイテムの01HTML}</div>
-		<div data-bge-item>{アイテムの02HTML}</div>
+	<div data-bge-container-frame>
+		<div data-bge-group>
+			<div data-bge-item>{アイテムの01HTML}</div>
+			<div data-bge-item>{アイテムの02HTML}</div>
+		</div>
+		<div data-bge-group>
+			<div data-bge-item>{アイテムの01HTML}</div>
+			<div data-bge-item>{アイテムの02HTML}</div>
+		</div>
+		<div data-bge-group>
+			<div data-bge-item>{アイテムの01HTML}</div>
+			<div data-bge-item>{アイテムの02HTML}</div>
+		</div>
 	</div>
 </div>
 ```
 
 ### ブロックを構成する要素
 
+- コンテナ: `data-bge-container`
+- コンテナフレーム: `data-bge-container-frame`
+- グループ: `data-bge-group`
+- アイテム: `data-bge-item`
+
 #### コンテナ
 
 `data-bge-container`属性はコンテナの性質を表します。ブロックのルート要素にあたります。属性値はコロン区切りで表現し、先頭はコンテナのタイプを表し、その後にオプションが続きます。
 
 `data-bge-name`属性はブロックの名前を表します。ブロック選択の際に利用されますが、振る舞いには影響しません（⚠️ つまり、この属性を利用したスタイル変更は推奨されません）。
 
+この要素には `container-name: bge-container` が付与されます。これは、CSSコンテナクエリのコンテナ名として利用されます。
+
 ##### コンテナタイプ
 
 アイテムの配置方法を表します。
@@ -76,6 +85,14 @@
 
 - `immutable`: コンテナのタイプやオプションを変更できない
 
+#### コンテナフレーム
+
+コンテナフレームは`data-bge-container-frame`属性をもつ要素で、コンテナの中身をラップします。
+
+`grid`や`inline`の性質が実際に適用される要素です。
+
+※CSS Containerは自信に再帰的にクエリーや`cq`系単位が使えない仕様があるため、CSS Containerを適用させる「コンテナ」と、コンテナの性質（`grid`や`inline`）を適用させる「コンテナフレーム」に分けています。
+
 #### グループ
 
 グループは`data-bge-group`属性をもつ任意の要素です。コンテナ内の直下に配置され、アイテムのまとまりをつくります。このグループは「要素の追加/削除」機能で**増減することができます**。グループがない場合は「要素の追加/削除」機能が無効になります。

package/dist/index.js

@@ -1,6 +1,15 @@
 import { itemImport } from '@burger-editor/core';
 import { formatByteSize, markdownToHtml, htmlToMarkdown, parseYTId, replaceCommentWithHTML } from '@burger-editor/utils';
-import Trix from 'trix';
+import { registerDragonSupport } from '@lexical/dragon';
+import { registerHistory, createEmptyHistoryState } from '@lexical/history';
+import { $generateNodesFromDOM, $generateHtmlFromNodes } from '@lexical/html';
+import { TOGGLE_LINK_COMMAND, $isLinkNode, toggleLink, LinkNode } from '@lexical/link';
+import { ListItemNode, ListNode } from '@lexical/list';
+import { HeadingNode, QuoteNode, registerRichText } from '@lexical/rich-text';
+import { TableCellNode, TableNode, TableRowNode } from '@lexical/table';
+import { mergeRegister } from '@lexical/utils';
+import { $getSelection, $isRangeSelection, COMMAND_PRIORITY_LOW, FORMAT_TEXT_COMMAND, createEditor, $getRoot, $insertNodes } from 'lexical';
+import { $isAtNodeEnd } from '@lexical/selection';
 
 function createItem(item) {
   return item;
@@ -8,12 +17,12 @@ function createItem(item) {
 
 var editor$9 = "<div>\n\t<label>\n\t\t<span>ボタンの種類</span>\n\t\t<select name=\"bge-kind\">\n\t\t\t<option value=\"link\">リンク</option>\n\t\t\t<option value=\"em\">強調リンク</option>\n\t\t\t<option value=\"external\">外部リンク</option>\n\t\t\t<option value=\"back\">戻る</option>\n\t\t</select>\n\t</label>\n\t<label>\n\t\t<span>テキスト</span>\n\t\t<input type=\"text\" name=\"bge-text\" />\n\t</label>\n\t<label>\n\t\t<span>リンク</span>\n\t\t<input type=\"text\" name=\"bge-link\" />\n\t</label>\n\t<label>\n\t\t<span>ターゲット</span>\n\t\t<select name=\"bge-target\">\n\t\t\t<option value=\"\">指定なし</option>\n\t\t\t<option value=\"_blank\">新しいウィンドウ(_blank)</option>\n\t\t\t<option value=\"_top\">最上部ウィンドウ(_top)</option>\n\t\t\t<option value=\"_self\">同じウィンドウ(_self)</option>\n\t\t</select>\n\t</label>\n</div>\n";
 
-var style$9 = ".bgi-btn-container {\n\ttext-align: center;\n}\n\n.bgi-btn {\n\tappearance: auto;\n}\n";
+var style$9 = "/* No Styling */\n";
 
-var template$A = "<div class=\"bgi-btn-container\" data-bgi-button-kind=\"link\" data-bge=\"kind:data-bgi-button-kind\">\n\t<a class=\"bgi-btn\" href=\"\" data-bge=\"link:href, target:target\">\n\t\t<span class=\"bgi-btn__text\" data-bge=\"text\">ボタン</span>\n\t</a>\n</div>\n";
+var template$A = "<div data-bgi-button-kind=\"link\" data-bge=\"kind:data-bgi-button-kind\">\n\t<a href=\"\" data-bge=\"link:href, target:target\">\n\t\t<span data-bge=\"text\">ボタン</span>\n\t</a>\n</div>\n";
 
 var button = createItem({
-  version: "4.0.0-alpha.6",
+  version: "4.0.0-alpha.7",
   name: "button",
   template: template$A,
   style: style$9,
@@ -22,12 +31,12 @@ var button = createItem({
 
 var editor$8 = "<div data-bge-dialog=\"2col\">\n\t<div data-bge-dialog-ui=\"sticky\">\n\t\t<div>\n\t\t\t<div data-bge-editor-ui=\"preview\"></div>\n\t\t\t<input type=\"hidden\" name=\"bge-path\" />\n\t\t\t<input type=\"hidden\" name=\"bge-formated-size\" value=\"0kB\" />\n\t\t\t<input type=\"hidden\" name=\"bge-size\" value=\"0\" />\n\t\t</div>\n\n\t\t<div>\n\t\t\t<label>\n\t\t\t\t<span>表示ファイル名</span>\n\t\t\t\t<input type=\"text\" name=\"bge-name\" />\n\t\t\t</label>\n\t\t\t<label><input type=\"checkbox\" name=\"bge-download-check\" />ブラウザで開かずに直接ダウンロードさせる</label>\n\t\t</div>\n\t</div>\n\t<div>\n\t\t<div data-bge-editor-ui=\"fileUploader\"></div>\n\t\t<div data-bge-editor-ui=\"fileList\"></div>\n\t</div>\n</div>\n";
 
-var style$8 = ".bgi-link__size {\n\t&::before {\n\t\tcontent: '(';\n\t}\n\n\t&::after {\n\t\tcontent: ')';\n\t}\n}\n\n.bgi-link__icon {\n\t&.bgi-link__icon--after {\n\t\tdisplay: none;\n\t}\n\n\t&::after {\n\t\tfont-size: 1.3em;\n\t\tvertical-align: bottom;\n\t\tcontent: '\\e623';\n\t}\n}\n\n.bgi-download-file__link {\n\t&[href$='pdf'] {\n\t\t.bgi-link__icon::after {\n\t\t\tcontent: '\\f1c1';\n\t\t}\n\t}\n\n\t&[href$='doc'],\n\t&[href$='docx'] {\n\t\t.bgi-link__icon::after {\n\t\t\tcontent: '\\f1c2';\n\t\t}\n\t}\n\n\t&[href$='xls'],\n\t&[href$='xlsx'] {\n\t\t.bgi-link__icon::after {\n\t\t\tcontent: '\\f1c3';\n\t\t}\n\t}\n\n\t&[href$='ppt'],\n\t&[href$='pptx'] {\n\t\t.bgi-link__icon::after {\n\t\t\tcontent: '\\f1c4';\n\t\t}\n\t}\n\n\t&[href$='zip'] {\n\t\t.bgi-link__icon::after {\n\t\t\tcontent: '\\f1c6';\n\t\t}\n\t}\n\n\t&[href$='xml'],\n\t&[href$='htm'],\n\t&[href$='html'],\n\t&[href$='css'],\n\t&[href$='sass'],\n\t&[href$='scss'],\n\t&[href$='less'],\n\t&[href$='styl'], /* cspell:disable-line */\n\t&[href$='json'] {\n\t\t.bgi-link__icon::after {\n\t\t\tcontent: '\\f1c9';\n\t\t}\n\t}\n\n\t&[href$='jpeg'],\n\t&[href$='jpg'],\n\t&[href$='png'],\n\t&[href$='gif'],\n\t&[href$='tif'],\n\t&[href$='tiff'],\n\t&[href$='webp'],\n\t&[href$='bmp'] {\n\t\t.bgi-link__icon::after {\n\t\t\tcontent: '\\f1c5';\n\t\t}\n\t}\n\n\t&[href$='mov'],\n\t&[href$='mp4'],\n\t&[href$='m4v'],\n\t&[href$='flv'],\n\t&[href$='swf'],\n\t&[href$='mpg'],\n\t&[href$='mpeg'],\n\t&[href$='wmv'],\n\t&[href$='webm'],\n\t&[href$='ogg'] {\n\t\t.bgi-link__icon::after {\n\t\t\tcontent: '\\f1c8';\n\t\t}\n\t}\n}\n";
+var style$8 = "[data-bgi='download-file'] {\n\t[data-bge*='size'] {\n\t\t&::before {\n\t\t\tcontent: '(';\n\t\t}\n\n\t\t&::after {\n\t\t\tcontent: ')';\n\t\t}\n\t}\n}\n";
 
-var template$z = "<div class=\"bgi-download-file\">\n\t<a class=\"bgi-download-file__link\" href=\"./files/bgeditor/bg-sample.pdf\" target=\"_blank\" data-bge=\"path:href, download:download\">\n\t\t<span class=\"bgi-link__icon bgi-link__icon--before\" role=\"none\"></span>\n\t\t<span class=\"bgi-link__name\" data-bge=\"name\">サンプルダウンロードファイル</span>\n\t\t<span class=\"bgi-link__size\" data-bge=\"formated-size, size:data-size\" data-size=\"138158\">134.92kB</span>\n\t\t<span class=\"bgi-link__icon bgi-link__icon--after\" role=\"none\"></span>\n\t</a>\n</div>\n";
+var template$z = "<a href=\"./files/bgeditor/bg-sample.pdf\" target=\"_blank\" data-bge=\"path:href, download:download\">\n\t<div>\n\t\t<span data-bge=\"name\">サンプルダウンロードファイル</span>\n\t\t<span data-bge=\"formated-size, size:data-size\" data-size=\"138158\">134.92kB</span>\n\t</div>\n</a>\n";
 
 var downloadFile = createItem({
-  version: "4.0.0-alpha.6",
+  version: "4.0.0-alpha.7",
   name: "download-file",
   template: template$z,
   style: style$8,
@@ -66,7 +75,7 @@ var style$7 = "[data-bgi='google-maps'] {\n\tdiv {\n\t\tinline-size: 100%;\n\t\t
 var template$y = "<div data-lat=\"35.681382\" data-lng=\"139.766084\" data-zoom=\"16\" data-bge=\"lat:data-lat, lng:data-lng, zoom:data-zoom\">\n\t<img data-bge=\"img:src\" src=\"https://maps.google.com/maps/api/staticmap?center=35.681382,139.766084&amp;zoom=16&amp;size=640x400&amp;markers=color:red|color:red|35.681382,139.766084&amp;scale=2&amp;key=%googleMapsApiKey%\" width=\"8\" height=\"5\" alt=\"Google Maps\" />\n</div>\n<a href=\"https://maps.apple.com/?q=35.681382,139.766084\" data-bge=\"url:href\" target=\"_blank\"><span>アプリで開く</span></a>\n";
 
 var googleMaps = createItem({
-  version: "4.0.0-alpha.6",
+  version: "4.0.0-alpha.7",
   name: "google-maps",
   template: template$y,
   style: style$7,
@@ -196,12 +205,12 @@ var googleMaps = createItem({
 
 var editor$6 = "<div>\n\t<label>\n\t\t<span>区切り線の種類</span>\n\t\t<select name=\"bge-kind\">\n\t\t\t<option value=\"primary\">標準</option>\n\t\t\t<option value=\"dashed\">破線</option>\n\t\t\t<option value=\"bold\">太い区切り線</option>\n\t\t\t<option value=\"narrow\">細い区切り線</option>\n\t\t\t<option value=\"short\">短い区切り線</option>\n\t\t</select>\n\t</label>\n</div>\n";
 
-var style$6 = "[data-bgi='hr'] {\n\t--border-color: #000;\n\t--border-width: 1px;\n\tinline-size: 100%;\n\tblock-size: var(--border-width);\n\tborder: none;\n}\n";
+var style$6 = "[data-bgi='hr'] {\n\t--inline-size: 100%;\n\t--border-color: #000;\n\t--border-width: 1px;\n\t--border-kind: solid;\n\n\t> div {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t}\n\n\thr {\n\t\tinline-size: var(--inline-size);\n\t\tborder: var(--border-color) var(--border-kind) var(--border-width);\n\t}\n}\n";
 
-var template$x = "<div class=\"bgi-hr-container\" data-bgi-hr-kind=\"primary\" data-bge=\"kind:data-bgi-hr-kind\">\n\t<hr class=\"bgi-hr\" />\n</div>\n";
+var template$x = "<div data-bgi-hr-kind=\"primary\" data-bge=\"kind:data-bgi-hr-kind\">\n\t<hr />\n</div>\n";
 
 var hr = createItem({
-  version: "4.0.0-alpha.6",
+  version: "4.0.0-alpha.7",
   name: "hr",
   template: template$x,
   style: style$6,
@@ -229,7 +238,7 @@ var template$w = "<div data-bge=\":style, :scale, :scale-type, :aspect-ratio\" d
 
 const ORIGIN = "__org";
 var image = createItem({
-  version: "4.0.0-alpha.6",
+  version: "4.0.0-alpha.7",
   name: "image",
   template: template$w,
   style: style$5,
@@ -387,12 +396,12 @@ async function loadImage(src) {
 
 var editor$4 = "<div data-bge-dialog=\"wide\">\n\t<div>\n\t\t<label>\n\t\t\t<span>表見出し</span>\n\t\t\t<input type=\"text\" name=\"bge-caption\" />\n\t\t</label>\n\t</div>\n\n\t<div data-bge-editor-ui=\"tableEditor\"></div>\n\t<input type=\"hidden\" name=\"bge\" />\n</div>\n";
 
-var style$4 = ".bge-type-table {\n\tmargin: 0;\n\n\tth {\n\t\tinline-size: calc(100% * 1 / 4);\n\t}\n\n\ttd {\n\t\tinline-size: calc(100% * 3 / 4);\n\t}\n}\n";
+var style$4 = "/* No Styling */\n";
 
 var template$v = "<table>\n\t<caption data-bge=\"caption\">\n\t\tキャプションを入力してください\n\t</caption>\n\t<tbody data-bge-list>\n\t\t<tr>\n\t\t\t<th data-bge=\"th\">表組の見出し</th>\n\t\t\t<td data-bge=\"td\">表組の内容を入力してください</td>\n\t\t</tr>\n\t</tbody>\n</table>\n";
 
 var table = createItem({
-  version: "4.0.0-alpha.6",
+  version: "4.0.0-alpha.7",
   name: "table",
   template: template$v,
   style: style$4,
@@ -415,12 +424,12 @@ var table = createItem({
 
 var editor$3 = "<input type=\"text\" name=\"bge-title-h2\" placeholder=\"見出しを入力してください\" />\n";
 
-var style$3 = ".bge-title-h2 {\n\tmargin-block-end: 0;\n}\n";
+var style$3 = "/* No Styling */\n";
 
-var template$u = "<h2 class=\"bge-title-h2\" data-bge=\"title-h2\">見出しを入力してください</h2>\n";
+var template$u = "<h2 data-bge=\"title-h2\">見出しを入力してください</h2>\n";
 
 var titleH2 = createItem({
-  version: "4.0.0-alpha.6",
+  version: "4.0.0-alpha.7",
   name: "title-h2",
   template: template$u,
   style: style$3,
@@ -429,77 +438,220 @@ var titleH2 = createItem({
 
 var editor$2 = "<input type=\"text\" name=\"bge-title-h3\" placeholder=\"見出しを入力してください\" />\n";
 
-var style$2 = ".bge-title-h3 {\n\tmargin-block-end: 0;\n}\n";
+var style$2 = "/* No Styling */\n";
 
-var template$t = "<h2 class=\"bge-title-h3\" data-bge=\"title-h3\">見出しを入力してください</h2>\n";
+var template$t = "<h3 data-bge=\"title-h3\">見出しを入力してください</h3>\n";
 
 var titleH3 = createItem({
-  version: "4.0.0-alpha.6",
+  version: "4.0.0-alpha.7",
   name: "title-h3",
   template: template$t,
   style: style$2,
   editor: editor$2
 });
 
-var editor$1 = "<div data-bgi-input=\"wysiwyg\"></div>\n<textarea name=\"bge-wysiwyg\" aria-label=\"入力内容\" hidden></textarea>\n";
+function registerToolButtonLink(editor, button) {
+  editor.registerCommand(
+    TOGGLE_LINK_COMMAND,
+    (url) => {
+      if (url == null) {
+        return false;
+      }
+      const selection = $getSelection();
+      if (!$isRangeSelection(selection)) {
+        return false;
+      }
+      const node = getSelectedNode(selection);
+      const parent = node.getParent();
+      if ($isLinkNode(parent) || $isLinkNode(node)) {
+        toggleLink(null);
+      } else {
+        if (typeof url === "string") {
+          toggleLink(url, { rel: null });
+        } else {
+          toggleLink(url.url, {
+            rel: null,
+            ...url
+          });
+        }
+      }
+      return true;
+    },
+    COMMAND_PRIORITY_LOW
+  );
+  button?.addEventListener("click", () => {
+    const url = prompt("Enter the URL", "https://");
+    if (!url?.trim()) {
+      return;
+    }
+    editor.dispatchCommand(TOGGLE_LINK_COMMAND, url);
+  });
+}
+function getSelectedNode(selection) {
+  const anchor = selection.anchor;
+  const focus = selection.focus;
+  const anchorNode = selection.anchor.getNode();
+  const focusNode = selection.focus.getNode();
+  if (anchorNode === focusNode) {
+    return anchorNode;
+  }
+  const isBackward = selection.isBackward();
+  if (isBackward) {
+    return $isAtNodeEnd(focus) ? anchorNode : focusNode;
+  } else {
+    return $isAtNodeEnd(anchor) ? focusNode : anchorNode;
+  }
+}
+
+function registerToolButton(editor, dialog, type) {
+  dialog.find(`[data-bge-toolbar-button="${type}"]`)?.addEventListener("click", () => {
+    editor.dispatchCommand(FORMAT_TEXT_COMMAND, type);
+  });
+}
+
+function createWysiwygEditor($editorArea, dialog, initialHTML) {
+  $editorArea.contentEditable = "true";
+  const lexicalEditor = createEditor({
+    namespace: "bge-wysiwyg",
+    nodes: [
+      HeadingNode,
+      LinkNode,
+      ListItemNode,
+      ListNode,
+      QuoteNode,
+      TableCellNode,
+      TableNode,
+      TableRowNode
+    ],
+    onError: (error) => {
+      throw error;
+    }
+  });
+  lexicalEditor.setRootElement($editorArea);
+  lexicalEditor.update(() => {
+    const parser = new DOMParser();
+    const dom = parser.parseFromString(initialHTML, "text/html");
+    const nodes = $generateNodesFromDOM(lexicalEditor, dom);
+    $getRoot().select();
+    $insertNodes(nodes);
+  });
+  mergeRegister(
+    registerRichText(lexicalEditor),
+    registerDragonSupport(lexicalEditor),
+    registerHistory(lexicalEditor, createEmptyHistoryState(), 300)
+  );
+  lexicalEditor.registerUpdateListener(({ editorState }) => {
+    editorState.read(() => {
+      const html = $generateHtmlFromNodes(lexicalEditor);
+      const parser = new DOMParser();
+      const dom = parser.parseFromString(html, "text/html");
+      const dirs = dom.body.querySelectorAll("[dir]");
+      for (const dir of dirs) {
+        dir.removeAttribute("dir");
+      }
+      while (true) {
+        const span = dom.body.querySelector("span[style]");
+        if (!span) {
+          break;
+        }
+        const children = span.childNodes;
+        span.after(...children);
+        span.remove();
+      }
+      const whitespacePrewrapStyles = dom.body.querySelectorAll(
+        '[style*="white-space: pre-wrap"]'
+      );
+      for (const whitespacePrewrapStyle of whitespacePrewrapStyles) {
+        whitespacePrewrapStyle.removeAttribute("style");
+      }
+      const htmlString = dom.body.innerHTML;
+      dialog.update("$wysiwyg", htmlString);
+    });
+  });
+  registerToolButton(lexicalEditor, dialog, "bold");
+  registerToolButton(lexicalEditor, dialog, "italic");
+  registerToolButton(lexicalEditor, dialog, "code");
+  registerToolButtonLink(
+    lexicalEditor,
+    dialog.find('[data-bge-toolbar-button="link"]')
+  );
+}
+
+var editor$1 = "<div data-bge-toolbar>\n\t<button data-bge-toolbar-button=\"bold\"><b>B</b></button>\n\t<button data-bge-toolbar-button=\"italic\"><i>I</i></button>\n\t<!-- <button data-bge-toolbar-button=\"superscript\"><sup>Sup</sup></button> -->\n\t<!-- <button data-bge-toolbar-button=\"underline\"><u>U</u></button> -->\n\t<!-- <button data-bge-toolbar-button=\"strikethrough\"><s>S</s></button> -->\n\t<button data-bge-toolbar-button=\"code\"><code>Code</code></button>\n\t<button data-bge-toolbar-button=\"link\">🔗 Link</button>\n\t<button data-bge-toolbar-button=\"html-mode\">HTML Mode</button>\n</div>\n<div data-bge-mode=\"wysiwyg\">\n\t<div data-bge-preview>\n\t\t<div data-bgi=\"wysiwyg\"></div>\n\t</div>\n\t<textarea name=\"bge-wysiwyg\" aria-label=\"入力内容\"></textarea>\n</div>\n";
 
 var style$1 = "/* No Styling */\n";
 
-var template$s = "<div class=\"bge-wysiwyg\" data-bge=\"wysiwyg\"><p>本文を入力してください</p></div>\n";
+var template$s = "<div data-bge=\"wysiwyg\"><p>本文を入力してください</p></div>\n";
 
 var wysiwyg = createItem({
-  version: "4.0.0-alpha.6",
+  version: "4.0.0-alpha.7",
   name: "wysiwyg",
   template: template$s,
   style: style$1,
   editor: editor$1,
   editorOptions: {
     async open(data, editor2) {
-      const EDITOR_AREA_SELECTOR = '[data-bgi-input="wysiwyg"]';
+      const PREVIEW_AREA_SELECTOR = "[data-bge-preview]";
+      const EDITOR_AREA_SELECTOR = '[data-bgi="wysiwyg"]';
       const $editorArea = editor2.find(EDITOR_AREA_SELECTOR);
       if (!$editorArea) {
         throw new Error(`Not found: "${EDITOR_AREA_SELECTOR}"`);
       }
-      const $editor = new Trix.elements.TrixEditorElement();
-      $editorArea.append($editor);
-      $editor.editor.insertHTML(data.wysiwyg);
-      $editor.addEventListener("trix-change", () => {
-        editor2.update("$wysiwyg", $editor.innerHTML);
-      });
-      $editor.classList.add(...editor2.engine.css.classList);
-      $editor.style.setProperty("padding", "1em", "important");
-      $editor.style.setProperty("inline-size", "100%", "important");
+      createWysiwygEditor($editorArea, editor2, data.wysiwyg);
       const style2 = document.createElement("style");
-      $editor.hidden = true;
-      const main = await Promise.all(
-        editor2.engine.css.stylesheets.filter((url) => url !== "/client.css").map(async (url) => {
-          const res = await fetch(url);
+      const css = await Promise.all(
+        editor2.engine.css.stylesheets.filter((sheet) => sheet.layer == null).map(async (sheet) => {
+          const res = await fetch(sheet.path);
           return res.text();
         })
       );
       style2.textContent = `
-				@scope (${EDITOR_AREA_SELECTOR}) {
-					${main.join("\n")}
-
-					[data-trix-button-group="file-tools"] {
-						display: none !important;
-					}
+				@scope (${PREVIEW_AREA_SELECTOR}) {
+					${css.join("\n")}
+				}
+
+				textarea[name="bge-wysiwyg"],
+				${PREVIEW_AREA_SELECTOR} ${EDITOR_AREA_SELECTOR} {
+					padding: 1em;
+					block-size: 50svh;
+					inline-size: 100%;
+					resize: vertical;
+					overflow-y: auto;
+				}
+
+				textarea[name="bge-wysiwyg"] {
+					font-family: var(--bge-font-family-monospace);
+				}
+
+				[data-bge-mode="wysiwyg"] textarea[name="bge-wysiwyg"] {
+					display: none;
+				}
+
+				[data-bge-mode="html"] [data-bge-preview] {
+					display: none;
 				}`;
-      $editorArea.before(style2);
-      $editor.hidden = false;
+      editor2.el.before(style2);
+      const htmlModeButton = editor2.find(
+        '[data-bge-toolbar-button="html-mode"]'
+      );
+      htmlModeButton.addEventListener("click", () => {
+        htmlModeButton.ariaPressed = htmlModeButton.ariaPressed === "true" ? "false" : "true";
+        const mode = htmlModeButton.ariaPressed === "true" ? "html" : "wysiwyg";
+        editor2.find(`[data-bge-mode]`)?.setAttribute("data-bge-mode", mode);
+      });
     }
   }
 });
 
 var editor = "<div>\n\t<iframe class=\"bge-youtube-preview\" title=\"YouTubeプレビュー\" loading=\"lazy\" style=\"aspect-ratio: 16 / 9\"></iframe>\n\t<input type=\"hidden\" name=\"bge-url\" />\n\t<input type=\"hidden\" name=\"bge-thumb\" />\n</div>\n\n<div>\n\t<label>\n\t\t<span>URLもしくは動画ID</span>\n\t\t<input type=\"text\" name=\"bge-id\" />\n\t</label>\n\t<label>\n\t\t<span>動画タイトル</span>\n\t\t<input type=\"text\" name=\"bge-title\" />\n\t</label>\n</div>\n";
 
-var style = "[data-bgi='youtube'] {\n\t> div {\n\t\tposition: relative;\n\t\tinline-size: 100%;\n\t\taspect-ratio: 16 / 9;\n\t\toverflow: hidden;\n\t}\n\n\tiframe {\n\t\tdisplay: block;\n\t\tinline-size: 100%;\n\t\tblock-size: 100%;\n\t\tmargin: 0 auto;\n\t\tborder: none;\n\t}\n\n\timg {\n\t\tposition: relative;\n\t\tz-index: 0;\n\t\tdisplay: block;\n\t\tinline-size: 100%;\n\t\tblock-size: 100%;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\tobject-fit: cover;\n\t}\n\n\tsvg {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tz-index: 1;\n\t\tinline-size: 10%;\n\t\tblock-size: auto;\n\t\tmargin: auto;\n\t}\n}\n";
+var style = "[data-bgi='youtube'] {\n\t> div {\n\t\tposition: relative;\n\t\tdisplay: grid;\n\t\tgrid-template-areas: 'one';\n\t\tinline-size: 100%;\n\t\taspect-ratio: 16 / 9;\n\t\toverflow: hidden;\n\t}\n\n\tiframe {\n\t\tdisplay: block;\n\t\tgrid-area: one;\n\t\tinline-size: 100%;\n\t\tblock-size: 100%;\n\t\tmargin: 0;\n\t\tborder: none;\n\t}\n\n\timg {\n\t\tposition: relative;\n\t\tz-index: 0;\n\t\tdisplay: block;\n\t\tgrid-area: one;\n\t\tinline-size: 100%;\n\t\tblock-size: 100%;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\tobject-fit: cover;\n\t}\n\n\tsvg {\n\t\tposition: relative;\n\t\tz-index: 1;\n\t\tdisplay: block;\n\t\tgrid-area: one;\n\t\tplace-self: center;\n\t\tinline-size: 10%;\n\t\tblock-size: auto;\n\t}\n}\n";
 
-var template$r = "<div data-id=\"3KtWfp0UopM\" data-title=\"YouTube動画\" data-width=\"1920\" data-height=\"1080\" data-bge=\"id:data-id, title:data-title\">\n\t<img src=\"//img.youtube.com/vi/3KtWfp0UopM/maxresdefault.jpg\" alt=\"動画のサムネイル\" data-bge=\"thumb:src\" width=\"16\" height=\"9\" loading=\"lazy\" decoding=\"auto\" />\n\t<svg viewBox=\"0 0 68 48\" role=\"none\">\n\t\t<path class=\"ytp-large-play-button-bg\" d=\"M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z\" fill=\"#f00\"></path>\n\t\t<path d=\"M 45,24 27,14 27,34\" fill=\"#fff\"></path>\n\t</svg>\n</div>\n";
+var template$r = "<div data-id=\"3KtWfp0UopM\" data-title=\"YouTube動画\" data-width=\"1920\" data-height=\"1080\" data-bge=\"id:data-id, title:data-title\">\n\t<img src=\"//img.youtube.com/vi/3KtWfp0UopM/maxresdefault.jpg\" alt=\"動画のサムネイル\" data-bge=\"thumb:src\" width=\"16\" height=\"9\" loading=\"lazy\" decoding=\"auto\" />\n\t<svg viewBox=\"0 0 68 48\" role=\"none\">\n\t\t<path d=\"M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z\" fill=\"#f00\"></path>\n\t\t<path d=\"M 45,24 27,14 27,34\" fill=\"#fff\"></path>\n\t</svg>\n</div>\n";
 
 const FALLBACK_TITLE = "YouTube\u52D5\u753B";
 var youtube = createItem({
-  version: "4.0.0-alpha.6",
+  version: "4.0.0-alpha.7",
   name: "youtube",
   template: template$r,
   style,
@@ -564,7 +716,7 @@ function importItems(template) {
 
 var icon$q = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><clipPath id=\"fd209399-0134-4350-b981-c8b8ae94ae7e\"><rect width=\"50.59\" height=\"39.31\" fill=\"none\"/></clipPath><clipPath id=\"bf554fee-e2dd-4b87-bcb8-62d1fc0d1c7f\"><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"none\"/></clipPath><linearGradient id=\"ffaf2791-f62f-4e94-bf07-d06118b0fa68\" x1=\"179.67\" y1=\"-292.99\" x2=\"180.67\" y2=\"-292.99\" gradientTransform=\"matrix(0, -72.25, -72.25, 0, -21142.98, 13022.73)\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#e7dbeb\"/><stop offset=\"1\" stop-color=\"#d6c1da\"/></linearGradient><clipPath id=\"b4d6358c-dbd1-461c-9863-afc1e103aeb7\"><rect x=\"9.75\" y=\"12.25\" width=\"31.09\" height=\"14.41\" rx=\"2.83\" fill=\"none\"/></clipPath></defs><title>button</title><g id=\"b38853b3-c703-4537-91c6-7499dd3828da\" data-name=\"レイヤー 2\"><g id=\"aad4bf5b-7942-4049-afa3-188448558c80\" data-name=\"レイヤー1\"><g clip-path=\"url(#fd209399-0134-4350-b981-c8b8ae94ae7e)\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#d1b9d5\"/></g><g clip-path=\"url(#bf554fee-e2dd-4b87-bcb8-62d1fc0d1c7f)\"><rect width=\"50.59\" height=\"37.5\" fill=\"url(#ffaf2791-f62f-4e94-bf07-d06118b0fa68)\"/></g><g clip-path=\"url(#fd209399-0134-4350-b981-c8b8ae94ae7e)\"><path d=\"M12.59,14.1H38a2.84,2.84,0,0,1,2.84,2.84v8.73A2.83,2.83,0,0,1,38,28.5H12.59a2.83,2.83,0,0,1-2.83-2.83V16.93A2.84,2.84,0,0,1,12.59,14.1Z\" fill=\"#905f94\"/><rect x=\"9.75\" y=\"12.22\" width=\"31.09\" height=\"14.41\" rx=\"2.83\" fill=\"#b992bc\"/><path d=\"M18,19.51a2.87,2.87,0,1,1-2.86-2.87A2.86,2.86,0,0,1,18,19.51Z\" fill=\"#fff\"/><g clip-path=\"url(#b4d6358c-dbd1-461c-9863-afc1e103aeb7)\"><polygon points=\"40.84 26.66 9.75 26.66 40.84 12.25 40.84 26.66\" fill=\"#ab7aac\"/></g><polygon points=\"14.35 21.09 14.35 17.92 16.65 19.5 14.35 21.09\" fill=\"#b992bc\"/></g></g></g></svg>";
 
-var template$q = "<div data-bge-container=\"inline:center:wrap\">\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- button --></div>\n\t</div>\n</div>\n";
+var template$q = "<div data-bge-container=\"inline:center:wrap\">\n\t<div data-bge-container-frame>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- button --></div>\n\t\t</div>\n\t</div>\n</div>\n";
 
 const blockTemplate$q = {
   name: "button",
@@ -574,7 +726,7 @@ const blockTemplate$q = {
 
 var icon$p = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><clipPath id=\"b153ff07-895d-4804-87cf-aa7badc810a8\"><rect width=\"50.59\" height=\"39.31\" fill=\"none\"/></clipPath><clipPath id=\"a7bae0c0-62bc-446c-bf0d-663d897e5a48\"><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"none\"/></clipPath><linearGradient id=\"bb60e0bf-29b7-438c-ad93-35e0141ae3a9\" x1=\"116.39\" y1=\"-292.32\" x2=\"117.39\" y2=\"-292.32\" gradientTransform=\"matrix(0, -72.25, -72.25, 0, -21094.73, 8451.1)\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#e7dbeb\"/><stop offset=\"1\" stop-color=\"#d6c1da\"/></linearGradient><clipPath id=\"a1723d6b-2f4d-4c07-ab69-97a7a59476e0\"><rect y=\"8.76\" width=\"28.03\" height=\"21.78\" fill=\"none\"/></clipPath><clipPath id=\"b0b34d52-2d56-4f80-827a-ad77b7bd7b2f\"><rect x=\"5.4\" y=\"15.55\" width=\"17.22\" height=\"7.98\" rx=\"1.57\" fill=\"none\"/></clipPath><clipPath id=\"b8d7ec36-a44f-439c-bf3e-ab66c919cbf7\"><rect x=\"22.56\" y=\"8.76\" width=\"28.03\" height=\"21.78\" fill=\"none\"/></clipPath><clipPath id=\"b450c3cd-31c6-4f6c-afbf-34881f955d9c\"><rect x=\"27.97\" y=\"15.55\" width=\"17.22\" height=\"7.98\" rx=\"1.57\" fill=\"none\"/></clipPath></defs><title>button2</title><g id=\"aeb13426-476a-417b-af4a-dd91ed7b5972\" data-name=\"レイヤー 2\"><g id=\"a3ae9667-184a-49a2-aacf-363d1e760b76\" data-name=\"レイヤー1\"><g clip-path=\"url(#b153ff07-895d-4804-87cf-aa7badc810a8)\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#d1b9d5\"/></g><g clip-path=\"url(#a7bae0c0-62bc-446c-bf0d-663d897e5a48)\"><rect width=\"50.59\" height=\"37.5\" fill=\"url(#bb60e0bf-29b7-438c-ad93-35e0141ae3a9)\"/></g><g clip-path=\"url(#a1723d6b-2f4d-4c07-ab69-97a7a59476e0)\"><rect x=\"5.4\" y=\"16.57\" width=\"17.22\" height=\"7.98\" rx=\"1.57\" fill=\"#905f94\"/><rect x=\"5.4\" y=\"15.54\" width=\"17.22\" height=\"7.98\" rx=\"1.57\" fill=\"#b992bc\"/><path d=\"M10,19.57A1.59,1.59,0,1,1,8.4,18,1.59,1.59,0,0,1,10,19.57Z\" fill=\"#fff\"/><g clip-path=\"url(#b0b34d52-2d56-4f80-827a-ad77b7bd7b2f)\"><polygon points=\"22.63 23.54 5.4 23.54 22.63 15.55 22.63 23.54\" fill=\"#ab7aac\"/></g><polygon points=\"7.95 20.45 7.95 18.69 9.22 19.57 7.95 20.45\" fill=\"#b992bc\"/></g><g clip-path=\"url(#b8d7ec36-a44f-439c-bf3e-ab66c919cbf7)\"><rect x=\"27.97\" y=\"16.57\" width=\"17.22\" height=\"7.98\" rx=\"1.57\" fill=\"#905f94\"/><rect x=\"27.97\" y=\"15.54\" width=\"17.22\" height=\"7.98\" rx=\"1.57\" fill=\"#b992bc\"/><path d=\"M32.55,19.57A1.59,1.59,0,1,1,31,18,1.59,1.59,0,0,1,32.55,19.57Z\" fill=\"#fff\"/><g clip-path=\"url(#b450c3cd-31c6-4f6c-afbf-34881f955d9c)\"><polygon points=\"45.19 23.54 27.97 23.54 45.19 15.55 45.19 23.54\" fill=\"#ab7aac\"/></g><polygon points=\"30.51 20.45 30.51 18.69 31.79 19.57 30.51 20.45\" fill=\"#b992bc\"/></g></g></g></svg>";
 
-var template$p = "<div data-bge-container=\"inline:center:wrap\">\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- button --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- button --></div>\n\t</div>\n</div>\n";
+var template$p = "<div data-bge-container=\"inline:center:wrap\">\n\t<div data-bge-container-frame>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- button --></div>\n\t\t</div>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- button --></div>\n\t\t</div>\n\t</div>\n</div>\n";
 
 const blockTemplate$p = {
   name: "button2",
@@ -584,7 +736,7 @@ const blockTemplate$p = {
 
 var icon$o = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><clipPath id=\"b056bd87-8dba-4e0d-aa72-716878a05a5f\"><rect width=\"50.59\" height=\"39.31\" fill=\"none\"/></clipPath><clipPath id=\"b763a0c7-e5d3-4838-81d6-b56aed526447\"><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"none\"/></clipPath><linearGradient id=\"a7cf91cd-fd5f-42ee-ac16-f023fb4564a1\" x1=\"52.39\" y1=\"-293.21\" x2=\"53.39\" y2=\"-293.21\" gradientTransform=\"matrix(0, -72.25, -72.25, 0, -21158.73, 3827.14)\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#e7dbeb\"/><stop offset=\"1\" stop-color=\"#d6c1da\"/></linearGradient><clipPath id=\"e3b93a2c-6a02-4ca9-8019-a0631cefd20c\"><rect y=\"10.78\" width=\"20.53\" height=\"15.95\" fill=\"none\"/></clipPath><clipPath id=\"bcd3e7b4-6b19-434c-b185-816b541cf24a\"><rect x=\"3.96\" y=\"15.75\" width=\"12.61\" height=\"5.84\" rx=\"1.15\" fill=\"none\"/></clipPath><clipPath id=\"f3c09aef-9059-4b8e-bdc4-94b27727ec2b\"><rect x=\"15.03\" y=\"10.78\" width=\"20.53\" height=\"15.95\" fill=\"none\"/></clipPath><clipPath id=\"a582dc04-5370-42cd-8885-ceab0760a39d\"><rect x=\"18.99\" y=\"15.75\" width=\"12.61\" height=\"5.84\" rx=\"1.15\" fill=\"none\"/></clipPath><clipPath id=\"b0615a06-7c95-4acd-9dc8-079f4b205ef6\"><rect x=\"30.07\" y=\"10.78\" width=\"20.53\" height=\"15.95\" fill=\"none\"/></clipPath><clipPath id=\"fe839737-2f17-42b7-9195-6f7d6bfc12f9\"><rect x=\"34.03\" y=\"15.75\" width=\"12.61\" height=\"5.84\" rx=\"1.15\" fill=\"none\"/></clipPath></defs><title>button3</title><g id=\"f1d0597a-7e94-40cc-81d2-7940e55002c1\" data-name=\"レイヤー 2\"><g id=\"bad110ee-d772-42ac-99a1-357d604f079b\" data-name=\"レイヤー1\"><g clip-path=\"url(#b056bd87-8dba-4e0d-aa72-716878a05a5f)\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#d1b9d5\"/></g><g clip-path=\"url(#b763a0c7-e5d3-4838-81d6-b56aed526447)\"><rect width=\"50.59\" height=\"37.5\" fill=\"url(#a7cf91cd-fd5f-42ee-ac16-f023fb4564a1)\"/></g><g clip-path=\"url(#e3b93a2c-6a02-4ca9-8019-a0631cefd20c)\"><rect x=\"3.96\" y=\"16.5\" width=\"12.61\" height=\"5.84\" rx=\"1.15\" fill=\"#905f94\"/><rect x=\"3.96\" y=\"15.74\" width=\"12.61\" height=\"5.84\" rx=\"1.15\" fill=\"#b992bc\"/><path d=\"M7.31,18.69a1.16,1.16,0,1,1-1.16-1.16A1.16,1.16,0,0,1,7.31,18.69Z\" fill=\"#fff\"/><g clip-path=\"url(#bcd3e7b4-6b19-434c-b185-816b541cf24a)\"><polygon points=\"16.57 21.59 3.96 21.59 16.57 15.75 16.57 21.59\" fill=\"#ab7aac\"/></g><polygon points=\"5.82 19.33 5.82 18.05 6.75 18.69 5.82 19.33\" fill=\"#b992bc\"/></g><g clip-path=\"url(#f3c09aef-9059-4b8e-bdc4-94b27727ec2b)\"><rect x=\"18.99\" y=\"16.5\" width=\"12.61\" height=\"5.84\" rx=\"1.15\" fill=\"#905f94\"/><rect x=\"18.99\" y=\"15.74\" width=\"12.61\" height=\"5.84\" rx=\"1.15\" fill=\"#b992bc\"/><path d=\"M22.35,18.69a1.17,1.17,0,1,1-1.16-1.16A1.16,1.16,0,0,1,22.35,18.69Z\" fill=\"#fff\"/><g clip-path=\"url(#a582dc04-5370-42cd-8885-ceab0760a39d)\"><polygon points=\"31.6 21.59 18.99 21.59 31.6 15.75 31.6 21.59\" fill=\"#ab7aac\"/></g><polygon points=\"20.85 19.33 20.85 18.05 21.79 18.69 20.85 19.33\" fill=\"#b992bc\"/></g><g clip-path=\"url(#b0615a06-7c95-4acd-9dc8-079f4b205ef6)\"><rect x=\"34.03\" y=\"16.49\" width=\"12.61\" height=\"5.84\" rx=\"1.15\" fill=\"#905f94\"/><rect x=\"34.03\" y=\"15.73\" width=\"12.61\" height=\"5.84\" rx=\"1.15\" fill=\"#b992bc\"/><path d=\"M37.38,18.69a1.16,1.16,0,1,1-1.16-1.16A1.16,1.16,0,0,1,37.38,18.69Z\" fill=\"#fff\"/><g clip-path=\"url(#fe839737-2f17-42b7-9195-6f7d6bfc12f9)\"><polygon points=\"46.64 21.59 34.02 21.59 46.64 15.75 46.64 21.59\" fill=\"#ab7aac\"/></g><polygon points=\"35.89 19.33 35.89 18.05 36.82 18.69 35.89 19.33\" fill=\"#b992bc\"/></g></g></g></svg>";
 
-var template$o = "<div data-bge-container=\"inline:center:wrap\">\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- button --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- button --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- button --></div>\n\t</div>\n</div>\n";
+var template$o = "<div data-bge-container=\"inline:center:wrap\">\n\t<div data-bge-container-frame>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- button --></div>\n\t\t</div>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- button --></div>\n\t\t</div>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- button --></div>\n\t\t</div>\n\t</div>\n</div>\n";
 
 const blockTemplate$o = {
   name: "button3",
@@ -594,7 +746,7 @@ const blockTemplate$o = {
 
 var icon$n = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.96mm\" viewBox=\"0 0 50.59 39.57\"><defs><linearGradient id=\"becb2f5d-9182-4a22-8379-911159e90b4e\" x1=\"25.3\" y1=\"-7.07\" x2=\"25.3\" y2=\"42.27\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#aecaea\"/><stop offset=\"1\" stop-color=\"#c7dcf2\"/></linearGradient><linearGradient id=\"f7b8815a-3812-4a86-9885-c90d87d413a4\" x1=\"16.52\" y1=\"11.42\" x2=\"33.21\" y2=\"24.26\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#4097cb\"/><stop offset=\"0.46\" stop-color=\"#4097cb\"/><stop offset=\"0.49\" stop-color=\"#2a88c2\"/><stop offset=\"1\" stop-color=\"#4097cb\"/></linearGradient></defs><title>download-file</title><g id=\"a40f4568-d3f8-494e-9ab4-361f542104e6\" data-name=\"レイヤー 2\"><g id=\"eac125cd-6705-4e59-94bd-9b5cf94c3ef0\" data-name=\"レイヤー1\"><rect y=\"2.07\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#759fc8\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#becb2f5d-9182-4a22-8379-911159e90b4e)\"/><path d=\"M36.6,14.11a5.05,5.05,0,0,0-1.23.15,8.24,8.24,0,0,0,.13-1.42A7.94,7.94,0,0,0,20.24,9.79,4.79,4.79,0,0,0,13.09,14c0,.07,0,.14,0,.21A5.5,5.5,0,0,0,14,25.12H36.6a5.51,5.51,0,1,0,0-11Z\" fill=\"url(#f7b8815a-3812-4a86-9885-c90d87d413a4)\"/><polygon points=\"27.36 27.03 27.36 21.85 23.24 21.85 23.24 27.03 20.48 27.03 25.3 31.85 30.11 27.03 27.36 27.03\" fill=\"#f5a725\"/></g></g></svg>";
 
-var template$n = "<div data-bge-container=\"inline:center:wrap\">\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- download-file --></div>\n\t</div>\n</div>\n";
+var template$n = "<div data-bge-container=\"inline:center:wrap\">\n\t<div data-bge-container-frame>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- download-file --></div>\n\t\t</div>\n\t</div>\n</div>\n";
 
 const blockTemplate$n = {
   name: "download-file",
@@ -604,7 +756,7 @@ const blockTemplate$n = {
 
 var icon$m = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"18.31mm\" height=\"13.96mm\" viewBox=\"0 0 51.91 39.57\"><defs><clipPath id=\"aeba98e8-5323-42ea-8924-cab300f24bf1\"><rect x=\"0.66\" width=\"50.59\" height=\"39.57\" fill=\"none\"/></clipPath><clipPath id=\"f6b1f76c-159f-4fd8-9649-7d9b300879fc\"><rect x=\"0.66\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"none\"/></clipPath><linearGradient id=\"b46a8061-b6c9-412b-a7e7-7f9ed6e06e92\" x1=\"124.76\" y1=\"-148.78\" x2=\"125.76\" y2=\"-148.78\" gradientTransform=\"matrix(0, 49.34, 49.34, 0, 7367.05, -6163.21)\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#aecaea\"/><stop offset=\"1\" stop-color=\"#c7dcf2\"/></linearGradient><clipPath id=\"b4befe88-beb5-4ebe-a1a8-f77c2ac349eb\"><path d=\"M11.09,14.63A2.49,2.49,0,0,0,7.4,16.8s0,.07,0,.1a2.84,2.84,0,0,0,.46,5.64H19.52a2.84,2.84,0,0,0,0-5.68,2.59,2.59,0,0,0-.63.08,4.4,4.4,0,0,0,.07-.73,4.09,4.09,0,0,0-7.87-1.58\" fill=\"none\"/></clipPath><linearGradient id=\"bc621572-15d4-4277-9b6a-7d3d12020503\" x1=\"121.69\" y1=\"-157.15\" x2=\"122.2\" y2=\"-157.15\" gradientTransform=\"matrix(0, 21.06, 21.06, 0, 3323.5, -2550.12)\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#4097cb\"/><stop offset=\"0.46\" stop-color=\"#4097cb\"/><stop offset=\"0.49\" stop-color=\"#2a88c2\"/><stop offset=\"1\" stop-color=\"#4097cb\"/></linearGradient><clipPath id=\"bb111474-00c2-4fbf-a9dc-5e714817e195\"><rect x=\"0.66\" y=\"9.59\" width=\"26.07\" height=\"20.39\" fill=\"none\"/></clipPath><clipPath id=\"b007783d-68bc-413d-9f28-e62e9dfb24f4\"><path d=\"M35.61,14.63a2.48,2.48,0,0,0-3.68,2.17v.1a2.84,2.84,0,0,0,.46,5.64H44.05a2.84,2.84,0,0,0,0-5.68,2.67,2.67,0,0,0-.64.08,4.4,4.4,0,0,0,.07-.73,4.09,4.09,0,0,0-7.87-1.58\" fill=\"none\"/></clipPath><linearGradient id=\"bb87b7e6-813d-403d-866c-7911014b963e\" x1=\"122.61\" y1=\"-156.44\" x2=\"123.12\" y2=\"-156.44\" gradientTransform=\"matrix(0, 21.06, 21.06, 0, 3333.04, -2569.6)\" xlink:href=\"#bc621572-15d4-4277-9b6a-7d3d12020503\"/><clipPath id=\"b4283aa0-0333-4f0f-8df7-5bf95c6dbc45\"><rect x=\"25.18\" y=\"9.59\" width=\"26.07\" height=\"20.39\" fill=\"none\"/></clipPath></defs><title>download-file2</title><g id=\"b5256a70-7e9c-494d-90e0-da27b974e2cf\" data-name=\"レイヤー 2\"><g id=\"bb18e753-2582-40b5-a26f-b35666026a47\" data-name=\"レイヤー1\"><g clip-path=\"url(#aeba98e8-5323-42ea-8924-cab300f24bf1)\"><rect x=\"0.66\" y=\"2.07\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#759fc8\"/></g><g clip-path=\"url(#f6b1f76c-159f-4fd8-9649-7d9b300879fc)\"><rect x=\"0.66\" width=\"50.59\" height=\"37.5\" fill=\"url(#b46a8061-b6c9-412b-a7e7-7f9ed6e06e92)\"/></g><g clip-path=\"url(#b4befe88-beb5-4ebe-a1a8-f77c2ac349eb)\"><rect x=\"4.29\" y=\"7.29\" width=\"18.82\" height=\"20.08\" transform=\"translate(-8.39 17.62) rotate(-52.43)\" fill=\"url(#bc621572-15d4-4277-9b6a-7d3d12020503)\"/></g><g clip-path=\"url(#bb111474-00c2-4fbf-a9dc-5e714817e195)\"><polygon points=\"14.76 23.52 14.76 20.85 12.63 20.85 12.63 23.52 11.21 23.52 13.7 26 16.18 23.52 14.76 23.52\" fill=\"#f5a725\"/></g><g clip-path=\"url(#b007783d-68bc-413d-9f28-e62e9dfb24f4)\"><rect x=\"28.81\" y=\"7.29\" width=\"18.82\" height=\"20.08\" transform=\"translate(1.18 37.06) rotate(-52.43)\" fill=\"url(#bb87b7e6-813d-403d-866c-7911014b963e)\"/></g><g clip-path=\"url(#b4283aa0-0333-4f0f-8df7-5bf95c6dbc45)\"><polygon points=\"39.28 23.52 39.28 20.85 37.16 20.85 37.16 23.52 35.74 23.52 38.22 26 40.7 23.52 39.28 23.52\" fill=\"#f5a725\"/></g></g></g></svg>";
 
-var template$m = "<div data-bge-container=\"inline:center:wrap\">\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- download-file --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- download-file --></div>\n\t</div>\n</div>\n";
+var template$m = "<div data-bge-container=\"inline:center:wrap\">\n\t<div data-bge-container-frame>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- download-file --></div>\n\t\t</div>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- download-file --></div>\n\t\t</div>\n\t</div>\n</div>\n";
 
 const blockTemplate$m = {
   name: "download-file2",
@@ -614,7 +766,7 @@ const blockTemplate$m = {
 
 var icon$l = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"18.38mm\" height=\"13.96mm\" viewBox=\"0 0 52.1 39.57\"><defs><clipPath id=\"fc47c137-c2c6-4e1d-9955-a758446e9717\"><rect x=\"0.51\" width=\"50.59\" height=\"39.57\" fill=\"none\"/></clipPath><clipPath id=\"f2282422-2f7d-4250-a887-40cacb69eba7\"><rect x=\"0.51\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"none\"/></clipPath><linearGradient id=\"fd78d5d8-11ba-411c-b50b-9b5a9a2dd933\" x1=\"57.5\" y1=\"-146.09\" x2=\"58.5\" y2=\"-146.09\" gradientTransform=\"matrix(0, 49.34, 49.34, 0, 7234.02, -2844.1)\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#aecaea\"/><stop offset=\"1\" stop-color=\"#c7dcf2\"/></linearGradient><clipPath id=\"bfe41910-2927-4cae-bb45-7a9de0746fd6\"><path d=\"M8.51,18.2A1.92,1.92,0,0,0,7.58,18a1.9,1.9,0,0,0-1.9,1.9s0,.06,0,.08A2.18,2.18,0,0,0,6,24.27H15a2.18,2.18,0,0,0,0-4.36,1.86,1.86,0,0,0-.48.06,3.43,3.43,0,0,0,.05-.56,3.14,3.14,0,0,0-6-1.21\" fill=\"none\"/></clipPath><linearGradient id=\"a1deedfc-6700-46bc-9326-7e1a5ec9088c\" x1=\"56.95\" y1=\"-154.02\" x2=\"57.35\" y2=\"-154.02\" gradientTransform=\"matrix(0, 21.06, 21.06, 0, 3254.42, -1182.75)\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#4097cb\"/><stop offset=\"0.46\" stop-color=\"#4097cb\"/><stop offset=\"0.49\" stop-color=\"#2a88c2\"/><stop offset=\"1\" stop-color=\"#4097cb\"/></linearGradient><clipPath id=\"a434258f-e726-4759-a348-e9fbf87aadbe\"><rect x=\"0.51\" y=\"14.33\" width=\"20.01\" height=\"15.65\" fill=\"none\"/></clipPath><clipPath id=\"fff6c14c-ebcb-43ff-98fa-f3ba704e929a\"><path d=\"M24.45,18.2a1.9,1.9,0,0,0-2.83,1.66s0,.06,0,.08A2.18,2.18,0,0,0,22,24.27h9a2.18,2.18,0,0,0,0-4.36,1.93,1.93,0,0,0-.49.06,3.43,3.43,0,0,0,0-.56,3.14,3.14,0,0,0-6-1.21\" fill=\"none\"/></clipPath><linearGradient id=\"b3254dd0-8a5d-4c6b-91e8-02c85f39d2b1\" x1=\"57.55\" y1=\"-153.56\" x2=\"57.95\" y2=\"-153.56\" gradientTransform=\"matrix(0, 21.06, 21.06, 0, 3260.67, -1195.33)\" xlink:href=\"#a1deedfc-6700-46bc-9326-7e1a5ec9088c\"/><clipPath id=\"b0491421-6c28-4d84-969e-b3c10a878591\"><rect x=\"16.45\" y=\"14.33\" width=\"20.01\" height=\"15.65\" fill=\"none\"/></clipPath><clipPath id=\"a49fdbc0-e8fe-4800-a59d-2e8880bd76f6\"><path d=\"M39.59,18.2a2,2,0,0,0-.93-.24,1.9,1.9,0,0,0-1.9,1.9s0,.06,0,.08a2.18,2.18,0,0,0,.35,4.33h8.94a2.18,2.18,0,0,0,0-4.36,2,2,0,0,0-.49.06,2.59,2.59,0,0,0,0-.56,3.14,3.14,0,0,0-6-1.21\" fill=\"none\"/></clipPath><linearGradient id=\"e660e89d-723a-418c-bc29-2f24fb2d77c1\" x1=\"58.12\" y1=\"-153.12\" x2=\"58.52\" y2=\"-153.12\" gradientTransform=\"matrix(0, 21.06, 21.06, 0, 3266.57, -1207.32)\" xlink:href=\"#a1deedfc-6700-46bc-9326-7e1a5ec9088c\"/><clipPath id=\"f738a949-7af7-400f-b077-a7513d9ba0f4\"><rect x=\"31.59\" y=\"14.33\" width=\"20.01\" height=\"15.65\" fill=\"none\"/></clipPath></defs><title>download-file3</title><g id=\"a14bcb13-b419-40d8-8d59-261fd7a95c5d\" data-name=\"レイヤー 2\"><g id=\"b152811e-a297-4713-8349-1b7da41a7018\" data-name=\"レイヤー1\"><g clip-path=\"url(#fc47c137-c2c6-4e1d-9955-a758446e9717)\"><rect x=\"0.51\" y=\"2.07\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#759fc8\"/></g><g clip-path=\"url(#f2282422-2f7d-4250-a887-40cacb69eba7)\"><rect x=\"0.51\" width=\"50.59\" height=\"37.5\" fill=\"url(#fd78d5d8-11ba-411c-b50b-9b5a9a2dd933)\"/></g><g clip-path=\"url(#bfe41910-2927-4cae-bb45-7a9de0746fd6)\"><rect x=\"3.29\" y=\"12.56\" width=\"14.44\" height=\"15.41\" transform=\"translate(-11.96 16.24) rotate(-52.43)\" fill=\"url(#a1deedfc-6700-46bc-9326-7e1a5ec9088c)\"/></g><g clip-path=\"url(#a434258f-e726-4759-a348-e9fbf87aadbe)\"><polygon points=\"11.33 25.02 11.33 22.98 9.7 22.98 9.7 25.02 8.61 25.02 10.51 26.93 12.41 25.02 11.33 25.02\" fill=\"#f5a725\"/></g><g clip-path=\"url(#fff6c14c-ebcb-43ff-98fa-f3ba704e929a)\"><rect x=\"19.23\" y=\"12.56\" width=\"14.44\" height=\"15.41\" transform=\"translate(-5.74 28.88) rotate(-52.43)\" fill=\"url(#b3254dd0-8a5d-4c6b-91e8-02c85f39d2b1)\"/></g><g clip-path=\"url(#b0491421-6c28-4d84-969e-b3c10a878591)\"><polygon points=\"27.27 25.02 27.27 22.98 25.64 22.98 25.64 25.02 24.55 25.02 26.45 26.93 28.36 25.02 27.27 25.02\" fill=\"#f5a725\"/></g><g clip-path=\"url(#a49fdbc0-e8fe-4800-a59d-2e8880bd76f6)\"><rect x=\"34.37\" y=\"12.56\" width=\"14.44\" height=\"15.41\" transform=\"translate(0.17 40.88) rotate(-52.43)\" fill=\"url(#e660e89d-723a-418c-bc29-2f24fb2d77c1)\"/></g><g clip-path=\"url(#f738a949-7af7-400f-b077-a7513d9ba0f4)\"><polygon points=\"42.4 25.02 42.4 22.98 40.77 22.98 40.77 25.02 39.69 25.02 41.59 26.93 43.49 25.02 42.4 25.02\" fill=\"#f5a725\"/></g></g></g></svg>";
 
-var template$l = "<div data-bge-container=\"inline:center:wrap\">\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- download-file --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- download-file --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- download-file --></div>\n\t</div>\n</div>\n";
+var template$l = "<div data-bge-container=\"inline:center:wrap\">\n\t<div data-bge-container-frame>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- download-file --></div>\n\t\t</div>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- download-file --></div>\n\t\t</div>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- download-file --></div>\n\t\t</div>\n\t</div>\n</div>\n";
 
 const blockTemplate$l = {
   name: "download-file3",
@@ -624,7 +776,7 @@ const blockTemplate$l = {
 
 var icon$k = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.96mm\" viewBox=\"0 0 50.59 39.57\"><defs><linearGradient id=\"ae456b20-87fa-4b4f-b171-a8dbd5c3dbf6\" x1=\"25.3\" y1=\"-8.67\" x2=\"25.3\" y2=\"39.13\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#f8ce7b\"/><stop offset=\"1\" stop-color=\"#fade94\"/></linearGradient></defs><title>google-maps</title><g id=\"b66e014b-42e0-4ea9-ba03-3ab3c0771c55\" data-name=\"レイヤー 2\"><g id=\"b39994e8-17e8-400c-a41b-425f36897605\" data-name=\"レイヤー1\"><rect y=\"2.07\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#e9a646\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#ae456b20-87fa-4b4f-b171-a8dbd5c3dbf6)\"/><path d=\"M33.44,29c0,1.24-3.9,2.24-8.72,2.24S16,30.24,16,29s3.9-2.24,8.71-2.24S33.44,27.76,33.44,29Z\" fill=\"#eabb67\"/><path d=\"M32.19,15.36c0,2.06-1.86,5.53-3,7.09C28,24.2,24.72,29,24.72,29s-2.95-4.72-4.23-6.55c-1.15-1.65-3.23-4.91-3.23-7.09a7.47,7.47,0,0,1,14.93,0Z\" fill=\"#e48e15\" stroke=\"#c1631b\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M27.05,15a2.33,2.33,0,1,1-2.33-2.32A2.32,2.32,0,0,1,27.05,15Z\" fill=\"#4b2111\"/></g></g></svg>";
 
-var template$k = "<div data-bge-container=\"grid:1\">\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- google-maps --></div>\n\t</div>\n</div>\n";
+var template$k = "<div data-bge-container=\"grid:1\">\n\t<div data-bge-container-frame>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- google-maps --></div>\n\t\t</div>\n\t</div>\n</div>\n";
 
 const blockTemplate$k = {
   name: "google-maps",
@@ -634,7 +786,7 @@ const blockTemplate$k = {
 
 var icon$j = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><clipPath id=\"b85f4eba-2cae-4968-861c-1d885106d0a5\"><rect width=\"50.59\" height=\"39.31\" fill=\"none\"/></clipPath><clipPath id=\"b6e6fc4a-a298-4d6a-ae1f-e3d3394e55ec\"><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"none\"/></clipPath><linearGradient id=\"ad69456d-abad-4bab-92b8-817dd73fdc3e\" x1=\"178.73\" y1=\"-339.45\" x2=\"179.73\" y2=\"-339.45\" gradientTransform=\"matrix(0, -72.25, -72.25, 0, -24499.71, 12954.82)\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#b8deed\"/><stop offset=\"1\" stop-color=\"#8dcce5\"/></linearGradient></defs><title>hr</title><g id=\"bfd8b054-55a2-4cc9-a151-4d78938e5e97\" data-name=\"レイヤー 2\"><g id=\"bb0c0355-99a0-433f-a5ab-db3c13c14c9a\" data-name=\"レイヤー1\"><g clip-path=\"url(#b85f4eba-2cae-4968-861c-1d885106d0a5)\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#7bbbcf\"/></g><g clip-path=\"url(#b6e6fc4a-a298-4d6a-ae1f-e3d3394e55ec)\"><rect width=\"50.59\" height=\"37.5\" fill=\"url(#ad69456d-abad-4bab-92b8-817dd73fdc3e)\"/></g><g clip-path=\"url(#b85f4eba-2cae-4968-861c-1d885106d0a5)\"><path d=\"M40.84,21.41c0,.31-.14.56-1.7.56h-28c-1.57,0-1.42-.25-1.42-.56V19.68c0-.31-.15-.56,1.42-.56h28c1.56,0,1.7.25,1.7.56Z\" fill=\"#1fa8cc\"/><path d=\"M40.84,20.39c0,.31.15.56-1.42.56H11.17c-1.57,0-1.42-.25-1.42-.56V19.31c0-.31-.15-.56,1.42-.56H39.42c1.57,0,1.42.25,1.42.56Z\" fill=\"#55bcd8\"/></g></g></g></svg>";
 
-var template$j = "<div data-bge-container=\"inline:immutable\">\n\t<div data-bge-item><!-- hr --></div>\n</div>\n";
+var template$j = "<div data-bge-container=\"inline:immutable\">\n\t<div data-bge-container-frame>\n\t\t<div data-bge-item><!-- hr --></div>\n\t</div>\n</div>\n";
 
 const blockTemplate$j = {
   name: "hr",
@@ -644,7 +796,7 @@ const blockTemplate$j = {
 
 var icon$i = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><clipPath id=\"a14548ce-d842-4fd8-917c-74fc065283e0\"><rect width=\"50.59\" height=\"39.31\" fill=\"none\"/></clipPath><clipPath id=\"a760b4d9-d8b5-4ed5-a648-35d410384b4b\"><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"none\"/></clipPath><linearGradient id=\"f1b0e6a1-76a5-46d8-9e26-0d5144fc95c2\" x1=\"187.4\" y1=\"214.88\" x2=\"188.39\" y2=\"214.88\" gradientTransform=\"matrix(0, -72.25, -72.25, 0, 15550.6, 13581.17)\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#d9e7a4\"/><stop offset=\"1\" stop-color=\"#b2d57b\"/></linearGradient></defs><title>image1</title><g id=\"f1bc02b5-2ece-4cc1-abc8-0695f8a7f32b\" data-name=\"レイヤー 2\"><g id=\"ee57bbe4-f1e8-4009-96f2-c3c0f25e8376\" data-name=\"レイヤー1\"><g clip-path=\"url(#a14548ce-d842-4fd8-917c-74fc065283e0)\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#b7c678\"/></g><g clip-path=\"url(#a760b4d9-d8b5-4ed5-a648-35d410384b4b)\"><rect width=\"50.59\" height=\"37.5\" fill=\"url(#f1b0e6a1-76a5-46d8-9e26-0d5144fc95c2)\"/></g><g clip-path=\"url(#a14548ce-d842-4fd8-917c-74fc065283e0)\"><rect x=\"9.75\" y=\"12.22\" width=\"31.09\" height=\"14.41\" fill=\"#7aaf39\"/><polygon points=\"40.84 26.63 9.75 26.63 40.84 12.22 40.84 26.63\" fill=\"#649432\"/></g></g></g></svg>";
 
-var template$i = "<div data-bge-container=\"grid:1\">\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t</div>\n</div>\n";
+var template$i = "<div data-bge-container=\"grid:1\">\n\t<div data-bge-container-frame>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- image --></div>\n\t\t</div>\n\t</div>\n</div>\n";
 
 const blockTemplate$i = {
   name: "image",
@@ -654,7 +806,7 @@ const blockTemplate$i = {
 
 var icon$h = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><linearGradient id=\"a13e475c-bab2-4f76-88ce-779673ae02cb\" y1=\"18.75\" x2=\"50.59\" y2=\"18.75\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#fbe4ac\"/><stop offset=\"1\" stop-color=\"#f9d483\"/></linearGradient><clipPath id=\"ae68d89e-846f-4586-bb2c-b01e64f09622\"><rect id=\"b4f97c07-7867-4d0e-927c-7fc5c2f9dfc0\" data-name=\"SVGID\" width=\"50.59\" height=\"39.31\" fill=\"none\"/></clipPath><clipPath id=\"b3576c64-7056-4a6a-9306-b9fca0303334\"><rect id=\"ae6ce2d9-c572-4395-955f-8cd04a0d7672\" data-name=\"SVGID\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#a13e475c-bab2-4f76-88ce-779673ae02cb)\"/></clipPath><linearGradient id=\"e1d14a62-69c9-42a0-b381-17bf4a4c7e9a\" x1=\"188.86\" y1=\"1.92\" x2=\"189.86\" y2=\"1.92\" gradientTransform=\"matrix(0, -72.25, -72.25, 0, 163.95, 13686.67)\" xlink:href=\"#a13e475c-bab2-4f76-88ce-779673ae02cb\"/></defs><title>image-text2</title><g id=\"a4c5e2eb-5b65-4b99-ba08-1cf0109790e7\" data-name=\"レイヤー 2\"><g id=\"a3092b36-f761-4337-9a42-4ee4608e9277\" data-name=\"レイヤー1\"><g clip-path=\"url(#ae68d89e-846f-4586-bb2c-b01e64f09622)\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#f8d077\"/></g><rect id=\"f3d9adbe-e73a-44f5-8cab-0287ece41518\" data-name=\"SVGID\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#a13e475c-bab2-4f76-88ce-779673ae02cb)\"/><g clip-path=\"url(#b3576c64-7056-4a6a-9306-b9fca0303334)\"><rect width=\"50.59\" height=\"37.5\" fill=\"url(#e1d14a62-69c9-42a0-b381-17bf4a4c7e9a)\"/></g><rect x=\"8.96\" y=\"8.39\" width=\"14.69\" height=\"9.4\" fill=\"#f49e16\"/><polygon points=\"23.65 17.79 8.96 17.79 23.65 8.39 23.65 17.79\" fill=\"#ef7c1b\"/><rect x=\"28.14\" y=\"8.39\" width=\"14.69\" height=\"9.4\" fill=\"#f49e16\"/><polygon points=\"42.83 17.79 28.14 17.79 42.83 8.39 42.83 17.79\" fill=\"#ef7c1b\"/><line x1=\"9.07\" y1=\"22.64\" x2=\"23.22\" y2=\"22.64\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"28.41\" y1=\"22.64\" x2=\"42.56\" y2=\"22.64\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"9.07\" y1=\"26.47\" x2=\"23.22\" y2=\"26.47\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"28.41\" y1=\"26.47\" x2=\"42.56\" y2=\"26.47\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"9.07\" y1=\"30.47\" x2=\"23.22\" y2=\"30.47\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"28.41\" y1=\"30.47\" x2=\"42.56\" y2=\"30.47\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/></g></g></svg>";
 
-var template$h = "<div data-bge-container=\"grid:2\">\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t</div>\n</div>\n";
+var template$h = "<div data-bge-container=\"grid:2\">\n\t<div data-bge-container-frame>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- image --></div>\n\t\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t\t</div>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- image --></div>\n\t\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t\t</div>\n\t</div>\n</div>\n";
 
 const blockTemplate$h = {
   name: "image-text2",
@@ -664,7 +816,7 @@ const blockTemplate$h = {
 
 var icon$g = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><linearGradient id=\"b3d7635b-336a-46da-aed2-cf9612dae13e\" y1=\"18.75\" x2=\"50.59\" y2=\"18.75\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#fbe4ac\"/><stop offset=\"1\" stop-color=\"#f9d483\"/></linearGradient><clipPath id=\"ed9488c5-3778-466e-9222-8a593da8c740\"><rect id=\"aef6018d-3879-474f-b2f3-28e49b30ba73\" data-name=\"SVGID\" width=\"50.59\" height=\"39.31\" fill=\"none\"/></clipPath><clipPath id=\"be67245b-d108-4df5-a335-be094bd98e34\"><rect id=\"b1946370-457a-47bc-9b88-3f18731c439d\" data-name=\"SVGID\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#b3d7635b-336a-46da-aed2-cf9612dae13e)\"/></clipPath><linearGradient id=\"e21256c9-1365-4a22-a5f8-0d944cde7ce0\" x1=\"124.56\" y1=\"1.86\" x2=\"125.56\" y2=\"1.86\" gradientTransform=\"matrix(0, -72.25, -72.25, 0, 159.95, 9041.72)\" xlink:href=\"#b3d7635b-336a-46da-aed2-cf9612dae13e\"/></defs><title>image-text3</title><g id=\"b571a902-29a7-4485-a7cf-39843b7c6314\" data-name=\"レイヤー 2\"><g id=\"bff51ce8-e1e6-4f3d-b598-f290df113ca3\" data-name=\"レイヤー1\"><g clip-path=\"url(#ed9488c5-3778-466e-9222-8a593da8c740)\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#f8d077\"/></g><rect id=\"f82b2be3-6cd6-460a-a1c3-8828e4d4e846\" data-name=\"SVGID\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#b3d7635b-336a-46da-aed2-cf9612dae13e)\"/><g clip-path=\"url(#be67245b-d108-4df5-a335-be094bd98e34)\"><rect width=\"50.59\" height=\"37.5\" fill=\"url(#e21256c9-1365-4a22-a5f8-0d944cde7ce0)\"/></g><rect x=\"5.42\" y=\"8.61\" width=\"10.81\" height=\"9.41\" fill=\"#f49e16\"/><polygon points=\"16.24 18.02 5.42 18.02 16.24 8.61 16.24 18.02\" fill=\"#ef7c1b\"/><line x1=\"5.5\" y1=\"22.86\" x2=\"15.92\" y2=\"22.86\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"5.5\" y1=\"26.7\" x2=\"15.92\" y2=\"26.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"5.5\" y1=\"30.7\" x2=\"15.92\" y2=\"30.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"19.89\" y=\"8.5\" width=\"10.81\" height=\"9.4\" fill=\"#f49e16\"/><polygon points=\"30.71 17.91 19.89 17.91 30.71 8.5 30.71 17.91\" fill=\"#ef7c1b\"/><line x1=\"19.97\" y1=\"22.75\" x2=\"30.39\" y2=\"22.75\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"19.97\" y1=\"26.59\" x2=\"30.39\" y2=\"26.59\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"19.97\" y1=\"30.59\" x2=\"30.39\" y2=\"30.59\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"34.36\" y=\"8.72\" width=\"10.81\" height=\"9.4\" fill=\"#f49e16\"/><polygon points=\"45.17 18.13 34.36 18.13 45.17 8.72 45.17 18.13\" fill=\"#ef7c1b\"/><line x1=\"34.44\" y1=\"22.97\" x2=\"44.86\" y2=\"22.97\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"34.44\" y1=\"26.81\" x2=\"44.86\" y2=\"26.81\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"34.44\" y1=\"30.81\" x2=\"44.86\" y2=\"30.81\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/></g></g></svg>";
 
-var template$g = "<div data-bge-container=\"grid:3\">\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t</div>\n</div>\n";
+var template$g = "<div data-bge-container=\"grid:3\">\n\t<div data-bge-container-frame>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- image --></div>\n\t\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t\t</div>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- image --></div>\n\t\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t\t</div>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- image --></div>\n\t\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t\t</div>\n\t</div>\n</div>\n";
 
 const blockTemplate$g = {
   name: "image-text3",
@@ -674,7 +826,7 @@ const blockTemplate$g = {
 
 var icon$f = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><linearGradient id=\"b4cf61b9-f2cd-49ce-a867-5f8d369c1156\" y1=\"18.75\" x2=\"50.59\" y2=\"18.75\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#fbe4ac\"/><stop offset=\"1\" stop-color=\"#f9d483\"/></linearGradient><clipPath id=\"a32f8230-a8ad-4b84-be59-3e2bc4f2cb02\"><rect width=\"50.59\" height=\"39.31\" fill=\"none\"/></clipPath><clipPath id=\"efbf5247-4c31-4a7f-bccd-4a4094ee5901\"><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#b4cf61b9-f2cd-49ce-a867-5f8d369c1156)\"/></clipPath><linearGradient id=\"b94b4e58-4701-4c56-9961-301112aafc1a\" x1=\"57.58\" y1=\"1.46\" x2=\"58.58\" y2=\"1.46\" gradientTransform=\"matrix(0, -72.25, -72.25, 0, 130.91, 4202.32)\" xlink:href=\"#b4cf61b9-f2cd-49ce-a867-5f8d369c1156\"/></defs><title>image-text4</title><g id=\"aad57eb1-9fca-41d0-b938-9d26383317c5\" data-name=\"レイヤー 2\"><g id=\"ef573272-e2dd-4fdb-9979-76c56500efb6\" data-name=\"レイヤー1\"><g clip-path=\"url(#a32f8230-a8ad-4b84-be59-3e2bc4f2cb02)\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#f8d077\"/></g><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#b4cf61b9-f2cd-49ce-a867-5f8d369c1156)\"/><g clip-path=\"url(#efbf5247-4c31-4a7f-bccd-4a4094ee5901)\"><rect width=\"50.59\" height=\"37.5\" fill=\"url(#b94b4e58-4701-4c56-9961-301112aafc1a)\"/></g><rect x=\"5.42\" y=\"8.61\" width=\"7.87\" height=\"9.41\" fill=\"#f49e16\"/><polygon points=\"13.29 18.02 5.42 18.02 13.29 8.61 13.29 18.02\" fill=\"#ef7c1b\"/><line x1=\"5.48\" y1=\"22.86\" x2=\"13.06\" y2=\"22.86\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"5.48\" y1=\"26.7\" x2=\"13.06\" y2=\"26.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"5.48\" y1=\"30.7\" x2=\"13.06\" y2=\"30.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"15.94\" y=\"8.61\" width=\"7.87\" height=\"9.4\" fill=\"#f49e16\"/><polygon points=\"23.82 18.02 15.94 18.02 23.82 8.61 23.82 18.02\" fill=\"#ef7c1b\"/><line x1=\"16\" y1=\"22.86\" x2=\"23.59\" y2=\"22.86\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"16\" y1=\"26.7\" x2=\"23.59\" y2=\"26.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"16\" y1=\"30.7\" x2=\"23.59\" y2=\"30.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"26.47\" y=\"8.61\" width=\"7.87\" height=\"9.4\" fill=\"#f49e16\"/><polygon points=\"34.34 18.02 26.46 18.02 34.34 8.61 34.34 18.02\" fill=\"#ef7c1b\"/><line x1=\"26.53\" y1=\"22.86\" x2=\"34.11\" y2=\"22.86\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"26.53\" y1=\"26.7\" x2=\"34.11\" y2=\"26.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"26.53\" y1=\"30.7\" x2=\"34.11\" y2=\"30.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"36.99\" y=\"8.61\" width=\"7.87\" height=\"9.4\" fill=\"#f49e16\"/><polygon points=\"44.86 18.02 36.99 18.02 44.86 8.61 44.86 18.02\" fill=\"#ef7c1b\"/><line x1=\"37.05\" y1=\"22.86\" x2=\"44.63\" y2=\"22.86\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"37.05\" y1=\"26.7\" x2=\"44.63\" y2=\"26.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"37.05\" y1=\"30.7\" x2=\"44.63\" y2=\"30.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/></g></g></svg>";
 
-var template$f = "<div data-bge-container=\"grid:4\">\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t</div>\n</div>\n";
+var template$f = "<div data-bge-container=\"grid:4\">\n\t<div data-bge-container-frame>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- image --></div>\n\t\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t\t</div>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- image --></div>\n\t\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t\t</div>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- image --></div>\n\t\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t\t</div>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- image --></div>\n\t\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t\t</div>\n\t</div>\n</div>\n";
 
 const blockTemplate$f = {
   name: "image-text4",
@@ -684,7 +836,7 @@ const blockTemplate$f = {
 
 var icon$e = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><linearGradient id=\"afc1c886-e435-484e-aba3-c8984819c5fa\" y1=\"18.75\" x2=\"50.59\" y2=\"18.75\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#fbe4ac\"/><stop offset=\"1\" stop-color=\"#f9d483\"/></linearGradient><clipPath id=\"b7083a6f-9b2e-4d64-9eba-c12cea48c5a1\"><rect width=\"50.59\" height=\"39.31\" fill=\"none\"/></clipPath><clipPath id=\"b32d3dc8-1680-4a0a-bd22-e5d5a9eae871\"><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#afc1c886-e435-484e-aba3-c8984819c5fa)\"/></clipPath><linearGradient id=\"bc4b7dcc-075a-4cd0-9a0c-f0d98d36f0bf\" x1=\"-7.53\" y1=\"-2.41\" x2=\"-6.53\" y2=\"-2.41\" gradientTransform=\"matrix(0, -72.25, -72.25, 0, -148.74, -502.04)\" xlink:href=\"#afc1c886-e435-484e-aba3-c8984819c5fa\"/></defs><title>image-text5</title><g id=\"bbc914e4-9736-4823-acad-792b68f7a4dd\" data-name=\"レイヤー 2\"><g id=\"aba4fae2-89b5-4f3d-82b8-4d0808f83c77\" data-name=\"レイヤー1\"><g clip-path=\"url(#b7083a6f-9b2e-4d64-9eba-c12cea48c5a1)\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#f8d077\"/></g><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#afc1c886-e435-484e-aba3-c8984819c5fa)\"/><g clip-path=\"url(#b32d3dc8-1680-4a0a-bd22-e5d5a9eae871)\"><rect width=\"50.59\" height=\"37.5\" fill=\"url(#bc4b7dcc-075a-4cd0-9a0c-f0d98d36f0bf)\"/></g><rect x=\"3.42\" y=\"8.61\" width=\"6.85\" height=\"9.41\" fill=\"#f49e16\"/><polygon points=\"10.27 18.02 3.42 18.02 10.27 8.61 10.27 18.02\" fill=\"#ef7c1b\"/><line x1=\"3.47\" y1=\"22.86\" x2=\"10.07\" y2=\"22.86\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"3.47\" y1=\"26.7\" x2=\"10.07\" y2=\"26.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"3.47\" y1=\"30.7\" x2=\"10.07\" y2=\"30.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"12.58\" y=\"8.61\" width=\"6.85\" height=\"9.4\" fill=\"#f49e16\"/><polygon points=\"19.43 18.02 12.58 18.02 19.43 8.61 19.43 18.02\" fill=\"#ef7c1b\"/><line x1=\"12.63\" y1=\"22.86\" x2=\"19.23\" y2=\"22.86\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"12.63\" y1=\"26.7\" x2=\"19.23\" y2=\"26.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"12.63\" y1=\"30.7\" x2=\"19.23\" y2=\"30.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"21.73\" y=\"8.61\" width=\"6.85\" height=\"9.4\" fill=\"#f49e16\"/><polygon points=\"28.58 18.02 21.73 18.02 28.58 8.61 28.58 18.02\" fill=\"#ef7c1b\"/><line x1=\"21.78\" y1=\"22.86\" x2=\"28.38\" y2=\"22.86\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"21.78\" y1=\"26.7\" x2=\"28.38\" y2=\"26.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"21.78\" y1=\"30.7\" x2=\"28.38\" y2=\"30.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"30.88\" y=\"8.61\" width=\"6.85\" height=\"9.4\" fill=\"#f49e16\"/><polygon points=\"37.73 18.02 30.88 18.02 37.73 8.61 37.73 18.02\" fill=\"#ef7c1b\"/><line x1=\"30.94\" y1=\"22.86\" x2=\"37.53\" y2=\"22.86\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"30.94\" y1=\"26.7\" x2=\"37.53\" y2=\"26.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"30.94\" y1=\"30.7\" x2=\"37.53\" y2=\"30.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"40.13\" y=\"8.61\" width=\"6.85\" height=\"9.4\" fill=\"#f49e16\"/><polygon points=\"46.98 18.02 40.13 18.02 46.98 8.61 46.98 18.02\" fill=\"#ef7c1b\"/><line x1=\"40.18\" y1=\"22.86\" x2=\"46.78\" y2=\"22.86\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"40.18\" y1=\"26.7\" x2=\"46.78\" y2=\"26.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"40.18\" y1=\"30.7\" x2=\"46.78\" y2=\"30.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/></g></g></svg>";
 
-var template$e = "<div data-bge-container=\"grid:5\">\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t</div>\n</div>\n";
+var template$e = "<div data-bge-container=\"grid:5\">\n\t<div data-bge-container-frame>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- image --></div>\n\t\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t\t</div>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- image --></div>\n\t\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t\t</div>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- image --></div>\n\t\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t\t</div>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- image --></div>\n\t\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t\t</div>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- image --></div>\n\t\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t\t</div>\n\t</div>\n</div>\n";
 
 const blockTemplate$e = {
   name: "image-text5",
@@ -694,7 +846,7 @@ const blockTemplate$e = {
 
 var icon$d = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><linearGradient id=\"a69bbfa8-6885-43d5-b254-8182049f4589\" x1=\"25.3\" y1=\"41.9\" x2=\"25.3\" y2=\"-30.35\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#d9e7a4\"/><stop offset=\"1\" stop-color=\"#b2d57b\"/></linearGradient></defs><title>image2</title><g id=\"b2700d76-3f17-4a5c-9bc0-079d3534dc2d\" data-name=\"レイヤー 2\"><g id=\"a90bf1f4-9d1d-425f-a456-c6304835570e\" data-name=\"レイヤー1\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#b7c678\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#a69bbfa8-6885-43d5-b254-8182049f4589)\"/><rect x=\"8.96\" y=\"12.22\" width=\"14.69\" height=\"14.41\" fill=\"#7aaf39\"/><polygon points=\"23.65 26.63 8.96 26.63 23.65 12.22 23.65 26.63\" fill=\"#649432\"/><rect x=\"28.14\" y=\"12.22\" width=\"14.69\" height=\"14.41\" fill=\"#7aaf39\"/><polygon points=\"42.83 26.63 28.14 26.63 42.83 12.22 42.83 26.63\" fill=\"#649432\"/></g></g></svg>";
 
-var template$d = "<div data-bge-container=\"grid:2\">\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t</div>\n</div>\n";
+var template$d = "<div data-bge-container=\"grid:2\">\n\t<div data-bge-container-frame>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- image --></div>\n\t\t</div>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- image --></div>\n\t\t</div>\n\t</div>\n</div>\n";
 
 const blockTemplate$d = {
   name: "image2",
@@ -704,7 +856,7 @@ const blockTemplate$d = {
 
 var icon$c = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><linearGradient id=\"e81c0481-c03c-4657-928e-93d05f9c6178\" x1=\"25.3\" y1=\"41.9\" x2=\"25.3\" y2=\"-30.35\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#d9e7a4\"/><stop offset=\"1\" stop-color=\"#b2d57b\"/></linearGradient></defs><title>image3</title><g id=\"b24ba5fb-a0d2-45a7-838d-0c7065e8d8a5\" data-name=\"レイヤー 2\"><g id=\"b516c388-dc5d-4637-9a04-3a48fd227d5f\" data-name=\"レイヤー1\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#b7c678\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#e81c0481-c03c-4657-928e-93d05f9c6178)\"/><rect x=\"5.58\" y=\"12.22\" width=\"11.08\" height=\"14.41\" fill=\"#7aaf39\"/><rect x=\"19.74\" y=\"12.22\" width=\"11.08\" height=\"14.41\" fill=\"#7aaf39\"/><rect x=\"33.91\" y=\"12.22\" width=\"11.08\" height=\"14.41\" fill=\"#7aaf39\"/><polygon points=\"16.65 26.63 5.58 26.63 16.65 12.22 16.65 26.63\" fill=\"#649432\"/><polygon points=\"30.82 26.63 19.74 26.63 30.82 12.22 30.82 26.63\" fill=\"#649432\"/><polygon points=\"44.98 26.63 33.91 26.63 44.98 12.22 44.98 26.63\" fill=\"#649432\"/></g></g></svg>";
 
-var template$c = "<div data-bge-container=\"grid:3\">\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t</div>\n</div>\n";
+var template$c = "<div data-bge-container=\"grid:3\">\n\t<div data-bge-container-frame>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- image --></div>\n\t\t</div>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- image --></div>\n\t\t</div>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- image --></div>\n\t\t</div>\n\t</div>\n</div>\n";
 
 const blockTemplate$c = {
   name: "image3",
@@ -714,7 +866,7 @@ const blockTemplate$c = {
 
 var icon$b = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><linearGradient id=\"a9e1e99a-d48b-467c-84e1-bdced3515439\" x1=\"25.3\" y1=\"41.9\" x2=\"25.3\" y2=\"-30.35\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#d9e7a4\"/><stop offset=\"1\" stop-color=\"#b2d57b\"/></linearGradient></defs><title>image4</title><g id=\"f0cc911f-7c12-4b14-8f46-1addd9966920\" data-name=\"レイヤー 2\"><g id=\"a6ffb343-0125-41bc-9552-4ed6f8831b95\" data-name=\"レイヤー1\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#b7c678\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#a9e1e99a-d48b-467c-84e1-bdced3515439)\"/><rect x=\"4.65\" y=\"12.22\" width=\"8.53\" height=\"14.41\" fill=\"#7aaf39\"/><rect x=\"15.57\" y=\"12.22\" width=\"8.53\" height=\"14.41\" fill=\"#7aaf39\"/><rect x=\"26.49\" y=\"12.22\" width=\"8.53\" height=\"14.41\" fill=\"#7aaf39\"/><rect x=\"37.41\" y=\"12.22\" width=\"8.53\" height=\"14.41\" fill=\"#7aaf39\"/><polygon points=\"13.18 26.63 4.65 26.63 13.18 12.22 13.18 26.63\" fill=\"#649432\"/><polygon points=\"24.11 26.63 15.57 26.63 24.11 12.22 24.11 26.63\" fill=\"#649432\"/><polygon points=\"35.02 26.63 26.49 26.63 35.02 12.22 35.02 26.63\" fill=\"#649432\"/><polygon points=\"45.95 26.63 37.41 26.63 45.95 12.22 45.95 26.63\" fill=\"#649432\"/></g></g></svg>";
 
-var template$b = "<div data-bge-container=\"grid:4\">\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t</div>\n</div>\n";
+var template$b = "<div data-bge-container=\"grid:4\">\n\t<div data-bge-container-frame>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- image --></div>\n\t\t</div>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- image --></div>\n\t\t</div>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- image --></div>\n\t\t</div>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- image --></div>\n\t\t</div>\n\t</div>\n</div>\n";
 
 const blockTemplate$b = {
   name: "image4",
@@ -724,7 +876,7 @@ const blockTemplate$b = {
 
 var icon$a = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><linearGradient id=\"b1320079-38fa-401d-9ebf-291981369357\" x1=\"25.3\" y1=\"41.9\" x2=\"25.3\" y2=\"-30.35\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#d9e7a4\"/><stop offset=\"1\" stop-color=\"#b2d57b\"/></linearGradient></defs><title>image5</title><g id=\"be550575-836a-48c2-8654-7b0a40cc90e3\" data-name=\"レイヤー 2\"><g id=\"aa8efe02-0ecd-40bd-8511-c2d557404a19\" data-name=\"レイヤー1\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#b7c678\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#b1320079-38fa-401d-9ebf-291981369357)\"/><rect x=\"4.83\" y=\"12.22\" width=\"6.74\" height=\"14.41\" fill=\"#7aaf39\"/><rect x=\"13.46\" y=\"12.22\" width=\"6.74\" height=\"14.41\" fill=\"#7aaf39\"/><rect x=\"22.09\" y=\"12.22\" width=\"6.74\" height=\"14.41\" fill=\"#7aaf39\"/><rect x=\"30.72\" y=\"12.22\" width=\"6.74\" height=\"14.41\" fill=\"#7aaf39\"/><rect x=\"39.35\" y=\"12.22\" width=\"6.74\" height=\"14.41\" fill=\"#7aaf39\"/><polygon points=\"11.57 26.63 4.83 26.63 11.57 12.22 11.57 26.63\" fill=\"#649432\"/><polygon points=\"20.2 26.63 13.46 26.63 20.2 12.22 20.2 26.63\" fill=\"#649432\"/><polygon points=\"28.83 26.63 22.09 26.63 28.83 12.22 28.83 26.63\" fill=\"#649432\"/><polygon points=\"37.46 26.63 30.72 26.63 37.46 12.22 37.46 26.63\" fill=\"#649432\"/><polygon points=\"46.09 26.63 39.35 26.63 46.09 12.22 46.09 26.63\" fill=\"#649432\"/></g></g></svg>";
 
-var template$a = "<div data-bge-container=\"grid:5\">\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t</div>\n</div>\n";
+var template$a = "<div data-bge-container=\"grid:5\">\n\t<div data-bge-container-frame>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- image --></div>\n\t\t</div>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- image --></div>\n\t\t</div>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- image --></div>\n\t\t</div>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- image --></div>\n\t\t</div>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- image --></div>\n\t\t</div>\n\t</div>\n</div>\n";
 
 const blockTemplate$a = {
   name: "image5",
@@ -734,7 +886,7 @@ const blockTemplate$a = {
 
 var icon$9 = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.74mm\" viewBox=\"0 0 50.59 38.94\"><defs><linearGradient id=\"ebf11aa8-86c1-4c54-926e-095803e8493b\" x1=\"25.3\" y1=\"-7.96\" x2=\"25.3\" y2=\"34.98\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#89c5bf\"/><stop offset=\"1\" stop-color=\"#b0dcd3\"/></linearGradient></defs><title>table</title><g id=\"b80a490e-553f-4b14-8300-dcd8743b04ae\" data-name=\"レイヤー 2\"><g id=\"f3eda1bd-bdd6-40ff-9bb3-d857f548204a\" data-name=\"レイヤー1\"><rect y=\"1.44\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#57b4aa\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#ebf11aa8-86c1-4c54-926e-095803e8493b)\"/><rect x=\"8.22\" y=\"9.17\" width=\"34.15\" height=\"20.75\" fill=\"#fff\"/><rect x=\"8.22\" y=\"9.17\" width=\"11.75\" height=\"20.75\" fill=\"#3ea6ae\"/><line x1=\"8.22\" y1=\"14.35\" x2=\"42.37\" y2=\"14.35\" fill=\"none\" stroke=\"#a0d6d1\" stroke-miterlimit=\"10\"/><line x1=\"8.22\" y1=\"19.54\" x2=\"42.37\" y2=\"19.54\" fill=\"none\" stroke=\"#a0d6d1\" stroke-miterlimit=\"10\"/><line x1=\"8.22\" y1=\"24.73\" x2=\"42.37\" y2=\"24.73\" fill=\"none\" stroke=\"#a0d6d1\" stroke-miterlimit=\"10\"/><line x1=\"19.97\" y1=\"29.92\" x2=\"19.97\" y2=\"9.17\" fill=\"none\" stroke=\"#a0d6d1\" stroke-miterlimit=\"10\"/></g></g></svg>";
 
-var template$9 = "<div data-bge-container=\"inline:immutable\">\n\t<div data-bge-item><!-- table --></div>\n</div>\n";
+var template$9 = "<div data-bge-container=\"inline:immutable\">\n\t<div data-bge-container-frame>\n\t\t<div data-bge-item><!-- table --></div>\n\t</div>\n</div>\n";
 
 const blockTemplate$9 = {
   name: "table",
@@ -744,7 +896,7 @@ const blockTemplate$9 = {
 
 var icon$8 = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.84mm\" viewBox=\"0 0 50.59 39.23\"><defs><linearGradient id=\"a4929d81-4de7-4c43-9112-5279609b7798\" x1=\"25.3\" y1=\"44.66\" x2=\"25.3\" y2=\"-18.72\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#fbe4ac\"/><stop offset=\"1\" stop-color=\"#f9d483\"/></linearGradient></defs><title>text-float-image1</title><g id=\"f8cab05c-73ac-401a-a7b1-10cb7e7f06cd\" data-name=\"レイヤー 2\"><g id=\"bd3535a6-496b-4816-ab8e-a5c92425a4f1\" data-name=\"レイヤー1\"><rect y=\"1.73\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#f8d077\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#a4929d81-4de7-4c43-9112-5279609b7798)\"/><line x1=\"11.15\" y1=\"11.74\" x2=\"25.3\" y2=\"11.74\" fill=\"none\" stroke=\"#f5b717\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"11.15\" y1=\"17.54\" x2=\"25.3\" y2=\"17.54\" fill=\"none\" stroke=\"#f5b717\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"11.15\" y1=\"23.35\" x2=\"39.45\" y2=\"23.35\" fill=\"none\" stroke=\"#f5b717\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"11.15\" y1=\"29.15\" x2=\"39.45\" y2=\"29.15\" fill=\"none\" stroke=\"#f5b717\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"27.9\" y=\"9.83\" width=\"11.54\" height=\"10.62\" fill=\"#f49e16\"/><polygon points=\"39.45 20.44 27.9 20.44 39.45 9.83 39.45 20.44\" fill=\"#ef7c1b\"/></g></g></svg>";
 
-var template$8 = "<div data-bge-container=\"float:end\">\n\t<div data-bge-item><!-- image{\"scale\":50,\"cssWidth\":\"50cqi\",\"style\":\"--css-width:50cqi;--object-fit:cover;--aspect-ratio:unset\"} --></div>\n\t<div data-bge-item><!-- wysiwyg --></div>\n</div>\n";
+var template$8 = "<div data-bge-container=\"float:end\">\n\t<div data-bge-container-frame>\n\t\t<div data-bge-item><!-- image{\"scale\":50,\"cssWidth\":\"50cqi\",\"style\":\"--css-width:50cqi;--object-fit:cover;--aspect-ratio:unset\"} --></div>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t</div>\n</div>\n";
 
 const blockTemplate$8 = {
   name: "text-float-image1",
@@ -754,7 +906,7 @@ const blockTemplate$8 = {
 
 var icon$7 = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.84mm\" viewBox=\"0 0 50.59 39.23\"><defs><linearGradient id=\"ad7eb2fb-5ad3-4dc1-93fa-411c599f5c4f\" x1=\"25.3\" y1=\"44.66\" x2=\"25.3\" y2=\"-18.72\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#fbe4ac\"/><stop offset=\"1\" stop-color=\"#f9d483\"/></linearGradient></defs><title>text-float-image2</title><g id=\"ab38a4ed-822b-49e7-8a98-f022a4ee3c0b\" data-name=\"レイヤー 2\"><g id=\"e7413325-16e9-46a8-88b2-da176c4bb9e9\" data-name=\"レイヤー1\"><rect y=\"1.73\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#f8d077\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#ad7eb2fb-5ad3-4dc1-93fa-411c599f5c4f)\"/><line x1=\"39.45\" y1=\"11.74\" x2=\"25.3\" y2=\"11.74\" fill=\"none\" stroke=\"#f5b717\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"39.45\" y1=\"17.54\" x2=\"25.3\" y2=\"17.54\" fill=\"none\" stroke=\"#f5b717\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"39.45\" y1=\"23.35\" x2=\"11.15\" y2=\"23.35\" fill=\"none\" stroke=\"#f5b717\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"39.45\" y1=\"29.15\" x2=\"11.15\" y2=\"29.15\" fill=\"none\" stroke=\"#f5b717\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"11.15\" y=\"9.83\" width=\"11.54\" height=\"10.62\" fill=\"#f49e16\"/><polygon points=\"22.69 20.44 11.15 20.44 22.69 9.83 22.69 20.44\" fill=\"#ef7c1b\"/></g></g></svg>";
 
-var template$7 = "<div data-bge-container=\"float:start\">\n\t<div data-bge-item><!-- image{\"scale\":50,\"cssWidth\":\"50cqi\",\"style\":\"--css-width:50cqi;--object-fit:cover;--aspect-ratio:unset\"} --></div>\n\t<div data-bge-item><!-- wysiwyg --></div>\n</div>\n";
+var template$7 = "<div data-bge-container=\"float:start\">\n\t<div data-bge-container-frame>\n\t\t<div data-bge-item><!-- image{\"scale\":50,\"cssWidth\":\"50cqi\",\"style\":\"--css-width:50cqi;--object-fit:cover;--aspect-ratio:unset\"} --></div>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t</div>\n</div>\n";
 
 const blockTemplate$7 = {
   name: "text-float-image2",
@@ -764,7 +916,7 @@ const blockTemplate$7 = {
 
 var icon$6 = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.84mm\" viewBox=\"0 0 50.59 39.23\"><defs><linearGradient id=\"ade87fa9-ae19-4174-a9df-549149c22c3a\" x1=\"25.3\" y1=\"44.66\" x2=\"25.3\" y2=\"-18.72\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#fbe4ac\"/><stop offset=\"1\" stop-color=\"#f9d483\"/></linearGradient></defs><title>text-image1</title><g id=\"b5a6612f-092f-46f9-bede-5f7d0c0017e2\" data-name=\"レイヤー 2\"><g id=\"bea1505f-d2e3-463f-9f09-789633cf796a\" data-name=\"レイヤー1\"><rect y=\"1.73\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#f8d077\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#ade87fa9-ae19-4174-a9df-549149c22c3a)\"/><line x1=\"10.72\" y1=\"10.89\" x2=\"24.87\" y2=\"10.89\" fill=\"none\" stroke=\"#f5b717\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"10.72\" y1=\"16.69\" x2=\"24.87\" y2=\"16.69\" fill=\"none\" stroke=\"#f5b717\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"10.72\" y1=\"22.5\" x2=\"24.87\" y2=\"22.5\" fill=\"none\" stroke=\"#f5b717\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"10.72\" y1=\"28.3\" x2=\"24.87\" y2=\"28.3\" fill=\"none\" stroke=\"#f5b717\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"28.33\" y=\"9.83\" width=\"11.54\" height=\"10.62\" fill=\"#f49e16\"/><polygon points=\"39.87 20.44 28.33 20.44 39.87 9.83 39.87 20.44\" fill=\"#ef7c1b\"/></g></g></svg>";
 
-var template$6 = "<div data-bge-container=\"inline:nowrap:immutable\">\n\t<div data-bge-item><!-- wysiwyg --></div>\n\t<div data-bge-item><!-- image --></div>\n</div>\n";
+var template$6 = "<div data-bge-container=\"grid:2:immutable\">\n\t<div data-bge-container-frame>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t\t<div data-bge-item><!-- image --></div>\n\t</div>\n</div>\n";
 
 const blockTemplate$6 = {
   name: "text-image1",
@@ -774,7 +926,7 @@ const blockTemplate$6 = {
 
 var icon$5 = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.84mm\" viewBox=\"0 0 50.59 39.23\"><defs><linearGradient id=\"b45c0119-d5be-43a7-860b-ff99ff6b339a\" x1=\"25.3\" y1=\"44.66\" x2=\"25.3\" y2=\"-18.72\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#fbe4ac\"/><stop offset=\"1\" stop-color=\"#f9d483\"/></linearGradient></defs><title>text-image2</title><g id=\"b8a07add-b6a7-443b-a099-cbae3fef9912\" data-name=\"レイヤー 2\"><g id=\"e0a06289-c432-465b-8182-049212ef7ffa\" data-name=\"レイヤー1\"><rect y=\"1.73\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#f8d077\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#b45c0119-d5be-43a7-860b-ff99ff6b339a)\"/><line x1=\"40.29\" y1=\"10.6\" x2=\"26.15\" y2=\"10.6\" fill=\"none\" stroke=\"#f5b717\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"40.29\" y1=\"16.41\" x2=\"26.15\" y2=\"16.41\" fill=\"none\" stroke=\"#f5b717\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"40.29\" y1=\"22.21\" x2=\"26.15\" y2=\"22.21\" fill=\"none\" stroke=\"#f5b717\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"40.29\" y1=\"28.02\" x2=\"26.15\" y2=\"28.02\" fill=\"none\" stroke=\"#f5b717\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"11.15\" y=\"9.83\" width=\"11.54\" height=\"10.62\" fill=\"#f49e16\"/><polygon points=\"22.69 20.44 11.15 20.44 22.69 9.83 22.69 20.44\" fill=\"#ef7c1b\"/></g></g></svg>";
 
-var template$5 = "<div data-bge-container=\"inline:nowrap:immutable\">\n\t<div data-bge-item><!-- image --></div>\n\t<div data-bge-item><!-- wysiwyg --></div>\n</div>\n";
+var template$5 = "<div data-bge-container=\"grid:2:immutable\">\n\t<div data-bge-container-frame>\n\t\t<div data-bge-item><!-- image --></div>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t</div>\n</div>\n";
 
 const blockTemplate$5 = {
   name: "text-image2",
@@ -784,7 +936,7 @@ const blockTemplate$5 = {
 
 var icon$4 = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.84mm\" viewBox=\"0 0 50.59 39.23\"><defs><linearGradient id=\"b01bebb3-9547-480d-b946-c8b9ea28f59b\" x1=\"25.3\" y1=\"40.64\" x2=\"25.3\" y2=\"-20.19\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#d9e7a4\"/><stop offset=\"1\" stop-color=\"#b2d57b\"/></linearGradient><linearGradient id=\"fbd67f36-f549-469a-afd4-0d48df208de8\" x1=\"25.3\" y1=\"23.54\" x2=\"25.3\" y2=\"43.25\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#fff\"/><stop offset=\"1\"/></linearGradient><linearGradient id=\"e27922de-5641-42ca-babe-0dae1f52bfaf\" x1=\"6.22\" y1=\"27.83\" x2=\"6.22\" y2=\"11.91\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#4a7c37\"/><stop offset=\"1\" stop-color=\"#649432\"/></linearGradient></defs><title>title</title><g id=\"b13c3733-c515-4caf-966f-b78f65428ff6\" data-name=\"レイヤー 2\"><g id=\"b8149a68-889c-45e7-b04a-78d6b0bc25ae\" data-name=\"レイヤー1\"><rect y=\"1.74\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#b7c678\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#b01bebb3-9547-480d-b946-c8b9ea28f59b)\"/><rect x=\"4.38\" y=\"14.94\" width=\"41.83\" height=\"11.43\" rx=\"2.83\" fill=\"#c9c9c9\"/><rect x=\"4.38\" y=\"14.94\" width=\"41.83\" height=\"10.5\" rx=\"2.83\" fill=\"url(#fbd67f36-f549-469a-afd4-0d48df208de8)\"/><path d=\"M16,22.53l-.44.53a3.63,3.63,0,0,1-2.09-2.25,3.46,3.46,0,0,1-2,2.25L11,22.58a3.07,3.07,0,0,0,2.07-2.5H11v-.57h2.11c0-.45,0-.94.06-1.44h.62c0,.49,0,1-.07,1.43H16v.57H13.9A3.09,3.09,0,0,0,16,22.53Z\" fill=\"#543517\"/><path d=\"M16.78,23.07l-.39-.46c1.08-.23,1.44-.66,1.58-1.29h-.81V18.19h3.53v3.13h-1v.84c0,.23,0,.27.24.28h.68c.2,0,.22-.05.23-.61l.57.09c-.05,1-.17,1.08-.75,1.1h-.79c-.64,0-.78-.17-.78-.86v-.84h-.53A2.08,2.08,0,0,1,16.78,23.07Zm1-4h2.33v-.42H17.75Zm0,.85h2.33v-.42H17.75Zm0,.87h2.33v-.44H17.75Z\" fill=\"#543517\"/><path d=\"M24,22.18V20.49H22.34V18.63h.59V20h1V18.07h.61V20h1.1V18.63h.61v1.86H24.58v1.69h1.3V20.82h.61v2.25h-.61v-.33H22.73v.33h-.59V20.82h.59v1.36Z\" fill=\"#543517\"/><path d=\"M28.88,18.28c-.08,1.15-.1,2.23-.1,2.74,0,.93.3,1.26,1,1.26s1.17-.35,1.53-1.49l.59.29c-.53,1.42-1.23,1.82-2.13,1.82-1.11,0-1.6-.63-1.6-1.86,0-.52,0-1.61,0-2.76Z\" fill=\"#543517\"/><rect x=\"4.38\" y=\"14.94\" width=\"3.67\" height=\"11.43\" fill=\"url(#e27922de-5641-42ca-babe-0dae1f52bfaf)\"/></g></g></svg>";
 
-var template$4 = "<div data-bge-container=\"inline:immutable\">\n\t<div data-bge-item><!-- title-h2 --></div>\n</div>\n";
+var template$4 = "<div data-bge-container=\"inline:immutable\">\n\t<div data-bge-container-frame>\n\t\t<div data-bge-item><!-- title-h2 --></div>\n\t</div>\n</div>\n";
 
 const blockTemplate$4 = {
   name: "title",
@@ -794,7 +946,7 @@ const blockTemplate$4 = {
 
 var icon$3 = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.88mm\" height=\"13.84mm\" viewBox=\"0 0 50.7 39.24\"><defs><linearGradient id=\"b674823f-0627-44de-a8b8-9b7a53c6cba0\" x1=\"25.3\" y1=\"37.04\" x2=\"25.3\" y2=\"-30.21\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#d9e7a4\"/><stop offset=\"1\" stop-color=\"#b2d57b\"/></linearGradient><linearGradient id=\"fb740430-dd4d-4aab-9c6b-0ed07f83ae8c\" x1=\"4.59\" y1=\"17.93\" x2=\"9.49\" y2=\"17.93\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#4a7c37\"/><stop offset=\"1\" stop-color=\"#649432\"/></linearGradient></defs><title>title2</title><g id=\"b433b5fe-6985-4ffc-bf9a-0be93beb1725\" data-name=\"レイヤー 2\"><g id=\"a8dedeb7-20e4-4052-9f5d-0542d2847718\" data-name=\"レイヤー1\"><rect x=\"0.1\" y=\"1.74\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#b7c678\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#b674823f-0627-44de-a8b8-9b7a53c6cba0)\"/><path d=\"M11.82,20.47l-.4-.47c1.09-.23,1.45-.66,1.59-1.28H12.2V15.58h3.53v3.14h-1v.83c0,.23,0,.27.25.28h.67c.21,0,.22,0,.23-.61l.58.1c-.06,1-.17,1.07-.76,1.09h-.79c-.63,0-.78-.17-.78-.86v-.83h-.52A2.1,2.1,0,0,1,11.82,20.47Zm1-4h2.34v-.42H12.78Zm0,.85h2.34v-.42H12.78Zm0,.87h2.34v-.43H12.78Z\" fill=\"#543517\"/><path d=\"M19,19.57V17.88H17.38V16H18v1.31H19V15.46h.61v1.88h1.1V16h.6v1.85h-1.7v1.69h1.3V18.21h.6v2.25h-.6v-.32H17.77v.32h-.6V18.21h.6v1.36Z\" fill=\"#543517\"/><path d=\"M23.91,15.67c-.07,1.16-.09,2.24-.09,2.74,0,.93.29,1.26,1,1.26s1.16-.34,1.53-1.48l.58.28c-.52,1.42-1.22,1.82-2.13,1.82-1.1,0-1.59-.63-1.59-1.86,0-.51,0-1.6,0-2.76Z\" fill=\"#543517\"/><rect x=\"4.59\" y=\"15.48\" width=\"4.9\" height=\"4.9\" fill=\"url(#fb740430-dd4d-4aab-9c6b-0ed07f83ae8c)\"/><line x1=\"4.32\" y1=\"22.61\" x2=\"46.97\" y2=\"22.61\" fill=\"none\" stroke=\"#649432\" stroke-miterlimit=\"10\"/></g></g></svg>";
 
-var template$3 = "<div data-bge-container=\"inline:immutable\">\n\t<div data-bge-item><!-- title-h3 --></div>\n</div>\n";
+var template$3 = "<div data-bge-container=\"inline:immutable\">\n\t<div data-bge-container-frame>\n\t\t<div data-bge-item><!-- title-h3 --></div>\n\t</div>\n</div>\n";
 
 const blockTemplate$3 = {
   name: "title2",
@@ -804,7 +956,7 @@ const blockTemplate$3 = {
 
 var icon$2 = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.84mm\" viewBox=\"0 0 50.59 39.23\"><defs><linearGradient id=\"ac098ab8-4721-4033-811d-03504c007490\" x1=\"25.3\" y1=\"37.04\" x2=\"25.3\" y2=\"-30.21\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#d9e7a4\"/><stop offset=\"1\" stop-color=\"#b2d57b\"/></linearGradient></defs><title>wysiwyg</title><g id=\"aede14d2-0f85-4f1a-a67b-7eba98691afa\" data-name=\"レイヤー 2\"><g id=\"a92b9d83-2208-4aed-9619-b799895b4f6c\" data-name=\"レイヤー1\"><rect y=\"1.74\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#b7c678\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#ac098ab8-4721-4033-811d-03504c007490)\"/><line x1=\"11.3\" y1=\"10.04\" x2=\"39.6\" y2=\"10.04\" fill=\"none\" stroke=\"#649432\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"11.3\" y1=\"15.85\" x2=\"39.6\" y2=\"15.85\" fill=\"none\" stroke=\"#649432\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"11.3\" y1=\"21.65\" x2=\"39.6\" y2=\"21.65\" fill=\"none\" stroke=\"#649432\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"11.3\" y1=\"27.46\" x2=\"39.6\" y2=\"27.46\" fill=\"none\" stroke=\"#649432\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/></g></g></svg>";
 
-var template$2 = "<div data-bge-container=\"grid:1\">\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t</div>\n</div>\n";
+var template$2 = "<div data-bge-container=\"grid:1\">\n\t<div data-bge-container-frame>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t\t</div>\n\t</div>\n</div>\n";
 
 const blockTemplate$2 = {
   name: "wysiwyg",
@@ -814,7 +966,7 @@ const blockTemplate$2 = {
 
 var icon$1 = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.84mm\" viewBox=\"0 0 50.59 39.23\"><defs><linearGradient id=\"b4f854ec-069c-4a2b-ba76-d16dfb5072b0\" x1=\"25.3\" y1=\"37.04\" x2=\"25.3\" y2=\"-30.21\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#d9e7a4\"/><stop offset=\"1\" stop-color=\"#b2d57b\"/></linearGradient></defs><title>wysiwyg2</title><g id=\"b6136188-6d4e-4bf9-9355-0e293909a87a\" data-name=\"レイヤー 2\"><g id=\"b7b5af0a-2e8a-41d2-b91b-ce42df427cb7\" data-name=\"レイヤー1\"><rect y=\"1.74\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#b7c678\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#b4f854ec-069c-4a2b-ba76-d16dfb5072b0)\"/><line x1=\"7.37\" y1=\"10.04\" x2=\"22.81\" y2=\"10.04\" fill=\"none\" stroke=\"#649432\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"7.37\" y1=\"15.85\" x2=\"22.81\" y2=\"15.85\" fill=\"none\" stroke=\"#649432\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"7.37\" y1=\"21.65\" x2=\"22.81\" y2=\"21.65\" fill=\"none\" stroke=\"#649432\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"7.37\" y1=\"27.46\" x2=\"22.81\" y2=\"27.46\" fill=\"none\" stroke=\"#649432\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"28.15\" y1=\"10.04\" x2=\"43.58\" y2=\"10.04\" fill=\"none\" stroke=\"#649432\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"28.15\" y1=\"15.85\" x2=\"43.58\" y2=\"15.85\" fill=\"none\" stroke=\"#649432\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"28.15\" y1=\"21.65\" x2=\"43.58\" y2=\"21.65\" fill=\"none\" stroke=\"#649432\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"28.15\" y1=\"27.46\" x2=\"43.58\" y2=\"27.46\" fill=\"none\" stroke=\"#649432\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/></g></g></svg>";
 
-var template$1 = "<div data-bge-container=\"grid:2\">\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t</div>\n</div>\n";
+var template$1 = "<div data-bge-container=\"grid:2\">\n\t<div data-bge-container-frame>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t\t</div>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t\t</div>\n\t</div>\n</div>\n";
 
 const blockTemplate$1 = {
   name: "wysiwyg2",
@@ -824,7 +976,7 @@ const blockTemplate$1 = {
 
 var icon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.89mm\" height=\"13.96mm\" viewBox=\"0 0 50.71 39.57\"><defs><linearGradient id=\"e36c4c0c-bb13-4310-984d-713bab5d7816\" x1=\"25.3\" y1=\"-21.02\" x2=\"25.3\" y2=\"36.63\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#f6bebe\"/><stop offset=\"1\" stop-color=\"#f8ced2\"/></linearGradient><linearGradient id=\"a44d64d4-f2ae-4e3a-acbb-c9a91e445ebb\" x1=\"-101.24\" y1=\"-325.26\" x2=\"-101.24\" y2=\"-305.06\" gradientTransform=\"translate(127 334)\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#d8322a\"/><stop offset=\"1\" stop-color=\"#b41d23\"/></linearGradient></defs><title>youtube</title><g id=\"a2f001e0-0370-4d29-8ff3-0d77adc1eacf\" data-name=\"レイヤー 2\"><g id=\"f915ee09-82e2-4aa4-8d03-5487fd5fa562\" data-name=\"レイヤー1\"><rect x=\"0.12\" y=\"2.07\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#e08a90\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#e36c4c0c-bb13-4310-984d-713bab5d7816)\"/><path id=\"f1f55903-12c5-4395-b72a-8b0ffa882786\" data-name=\"Triangle\" d=\"M22.79,24.55l7.77-4-7.77-4.05Z\" fill=\"#fff\"/><path id=\"b82d0228-8335-4803-a8fd-0146f476c0ab\" data-name=\"The Sharpness\" d=\"M22.79,16.48,29.6,21l1-.49Z\" fill=\"#400305\" fill-rule=\"evenodd\" opacity=\"0.12\"/><g id=\"f0cbaf52-7846-4e01-b028-a27e3635ac57\" data-name=\"Lozenge\"><path d=\"M39.84,13.1a6.21,6.21,0,0,0-1.14-2.85A4.06,4.06,0,0,0,35.82,9c-4-.29-10-.29-10-.29h0s-6,0-10.06.29a4,4,0,0,0-2.87,1.22,6.21,6.21,0,0,0-1.14,2.85,42.93,42.93,0,0,0-.29,4.65v2.17a42.93,42.93,0,0,0,.29,4.65,6.27,6.27,0,0,0,1.14,2.86A4.88,4.88,0,0,0,16,28.65c2.29.23,9.76.29,9.76.29s6,0,10.06-.3a4.08,4.08,0,0,0,2.88-1.21,6.27,6.27,0,0,0,1.14-2.86,42.93,42.93,0,0,0,.29-4.65V17.75A42.93,42.93,0,0,0,39.84,13.1Zm-17,9.47V14.49l7.77,4Z\" fill=\"url(#a44d64d4-f2ae-4e3a-acbb-c9a91e445ebb)\"/></g></g></g></svg>";
 
-var template = "<div data-bge-container=\"grid:1\">\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- youtube --></div>\n\t</div>\n</div>\n";
+var template = "<div data-bge-container=\"grid:1\">\n\t<div data-bge-container-frame>\n\t\t<div data-bge-group>\n\t\t\t<div data-bge-item><!-- youtube --></div>\n\t\t</div>\n\t</div>\n</div>\n";
 
 const blockTemplate = {
   name: "youtube",
@@ -862,6 +1014,6 @@ const blocks = {
   youtube: blockTemplate
 };
 
-var general = ":root {\n\t--bge-grid-gap: 1rem;\n\n\t/* Custom margin */\n\t--bge-options-margin-normal: 3rem;\n\t--bge-options-margin-none: 0;\n\t--bge-options-margin-small: 1rem;\n\t--bge-options-margin-large: 8rem;\n\t--bge-options-margin: var(--bge-options-margin-normal);\n\n\t/* Custom background color */\n\t--bge-options-bgcolor-transparent: transparent;\n\t--bge-options-bgcolor-white: #fff;\n\t--bge-options-bgcolor-black: #333;\n\t--bge-options-bgcolor-gray: #ccc;\n\t--bge-options-bgcolor-red: #fcc;\n\t--bge-options-bgcolor: var(--bge-options-bgcolor-transparent);\n\n\t/* Custom border style */\n\t--bge-options-border-none: none;\n\t--bge-options-border-solid: solid 1px currentColor;\n\t--bge-options-border-dashed: dashed 1px currentColor;\n\t--bge-options-border-dotted: dotted 1px currentColor;\n\t--bge-options-border-wide: solid 3px currentColor;\n\t--bge-options-border: var(--bge-options-border-none);\n\n\t/* Custom padding */\n\t--bge-options-padding-none: 0;\n\t--bge-options-padding-small: 1rem;\n\t--bge-options-padding-middle: 3rem;\n\t--bge-options-padding-large: 5rem;\n\t--bge-options-padding: var(--bge-options-padding-none);\n}\n\n:where([data-bge-container]) {\n\t--bge-container-margin-block-end: var(--bge-options-margin);\n\t--bge-container-background-color: var(--bge-options-bgcolor);\n\t--bge-container-border: var(--bge-options-border);\n\t--bge-container-padding: var(--bge-options-padding);\n\tpadding: var(--bge-container-padding);\n\tmargin-block-end: var(--bge-container-margin-block-end);\n\tbackground-color: var(--bge-container-background-color);\n\tborder: var(--bge-container-border);\n\n\t&:where(:last-child) {\n\t\t--bge-last-container-margin-block-end: 0;\n\t\t--bge-container-margin-block-end: var(--bge-last-container-margin-block-end);\n\t}\n}\n\n:where([data-bge-container='grid'], [data-bge-container^='grid:']) {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(var(--bge-grid-col, 1), minmax(0, 1fr));\n\tgap: var(--bge-grid-gap);\n\n\t&:where([data-bge-container$=':2'], [data-bge-container*=':2:']) {\n\t\t--bge-grid-col: 2;\n\t}\n\n\t&:where([data-bge-container$=':3'], [data-bge-container*=':3:']) {\n\t\t--bge-grid-col: 3;\n\t}\n\n\t&:where([data-bge-container$=':4'], [data-bge-container*=':4:']) {\n\t\t--bge-grid-col: 4;\n\t}\n\n\t&:where([data-bge-container$=':5'], [data-bge-container*=':5:']) {\n\t\t--bge-grid-col: 5;\n\t}\n\n\t:where([data-bge-group]) {\n\t\t--item-count: 1;\n\t\tdisplay: grid;\n\t\tgrid-template-rows: subgrid;\n\t\tgrid-row: span var(--item-count);\n\n\t\t/* Subgrid hack 2 items */\n\t\t&[data-bge-group]:has([data-bge-item]:nth-child(2):last-child) {\n\t\t\t--item-count: 2;\n\t\t}\n\n\t\t/* Subgrid hack 3 items */\n\t\t&[data-bge-group]:has([data-bge-item]:nth-child(3):last-child) {\n\t\t\t--item-count: 3;\n\t\t}\n\n\t\t/* Subgrid hack 4 items */\n\t\t&[data-bge-group]:has([data-bge-item]:nth-child(4):last-child) {\n\t\t\t--item-count: 4;\n\t\t}\n\n\t\t/* Subgrid hack 5 items */\n\t\t&[data-bge-group]:has([data-bge-item]:nth-child(5):last-child) {\n\t\t\t--item-count: 5;\n\t\t}\n\n\t\t/* Subgrid hack 6 items */\n\t\t&[data-bge-group]:has([data-bge-item]:nth-child(6):last-child) {\n\t\t\t--item-count: 6;\n\t\t}\n\n\t\t/* Subgrid hack 7 items */\n\t\t&[data-bge-group]:has([data-bge-item]:nth-child(7):last-child) {\n\t\t\t--item-count: 7;\n\t\t}\n\n\t\t/* Subgrid hack 8 items */\n\t\t&[data-bge-group]:has([data-bge-item]:nth-child(8):last-child) {\n\t\t\t--item-count: 8;\n\t\t}\n\t}\n\n\t:where([data-bge-item]) {\n\t\talign-self: self-start;\n\t\tcontainer-type: inline-size;\n\t}\n}\n\n:where([data-bge-container='inline'], [data-bge-container^='inline:']) {\n\t--warp: wrap;\n\t--justify: center;\n\t--align: stretch;\n\tdisplay: flex;\n\tflex-wrap: var(--warp);\n\tgap: var(--bge-grid-gap);\n\talign-items: var(--align);\n\tjustify-content: var(--justify);\n\tcontainer-type: inline-size;\n\n\t&:where([data-bge-container$=':immutable'], [data-bge-container*=':immutable:']) {\n\t\t& > * {\n\t\t\tflex: 1 0 100cqi;\n\t\t}\n\t}\n\n\t&:where([data-bge-container$=':center'], [data-bge-container*=':center:']) {\n\t\t--justify: center;\n\t}\n\n\t&:where([data-bge-container$=':start'], [data-bge-container*=':start:']) {\n\t\t--justify: start;\n\t}\n\n\t&:where([data-bge-container$=':end'], [data-bge-container*=':end:']) {\n\t\t--justify: end;\n\t}\n\n\t&:where([data-bge-container$=':between'], [data-bge-container*=':between:']) {\n\t\t--justify: space-between;\n\t}\n\n\t&:where([data-bge-container$=':around'], [data-bge-container*=':around:']) {\n\t\t--justify: space-around;\n\t}\n\n\t&:where([data-bge-container$=':evenly'], [data-bge-container*=':evenly:']) {\n\t\t--justify: space-evenly;\n\t}\n\n\t&:where([data-bge-container$=':align-center'], [data-bge-container*=':align-center:']) {\n\t\t--align: center;\n\t}\n\n\t&:where([data-bge-container$=':align-start'], [data-bge-container*=':align-start:']) {\n\t\t--align: start;\n\t}\n\n\t&:where([data-bge-container$=':align-end'], [data-bge-container*=':align-end:']) {\n\t\t--align: end;\n\t}\n\n\t&:where(\n\t\t[data-bge-container$=':align-stretch'],\n\t\t[data-bge-container*=':align-stretch:']\n\t) {\n\t\t--align: stretch;\n\t}\n\n\t&:where(\n\t\t[data-bge-container$=':align-baseline'],\n\t\t[data-bge-container*=':align-baseline:']\n\t) {\n\t\t--align: baseline;\n\t}\n\n\t&:where([data-bge-container$=':wrap'], [data-bge-container*=':wrap:']) {\n\t\t--wrap: wrap;\n\t}\n\n\t&:where([data-bge-container$=':nowrap'], [data-bge-container*=':nowrap:']) {\n\t\t--wrap: nowrap;\n\t}\n}\n\n:where([data-bge-container='float'], [data-bge-container^='float:']) {\n\t--bge-grid-float: none;\n\t--margin-inline: 0;\n\tcontainer-type: inline-size;\n\n\t&::after {\n\t\tclear: both;\n\t\tdisplay: block;\n\t\tcontent: '';\n\t}\n\n\t&:where([data-bge-container$=':start'], [data-bge-container*=':start:']) {\n\t\t--bge-grid-float: inline-start;\n\t\t--margin-inline: 0 var(--bge-grid-gap);\n\t}\n\n\t&:where([data-bge-container$=':end'], [data-bge-container*=':end:']) {\n\t\t--bge-grid-float: inline-end;\n\t\t--margin-inline: var(--bge-grid-gap) 0;\n\t}\n\n\t> :first-child {\n\t\tfloat: var(--bge-grid-float, none);\n\t\tinline-size: fit-content;\n\t\tmargin-inline: var(--margin-inline);\n\t}\n}\n";
+var general = ":root {\n\t--bge-grid-gap: 1rem;\n\n\t/* Custom margin */\n\t--bge-options-margin-normal: 3rem;\n\t--bge-options-margin-none: 0;\n\t--bge-options-margin-small: 1rem;\n\t--bge-options-margin-large: 8rem;\n\t--bge-options-margin: var(--bge-options-margin-normal);\n\n\t/* Custom background color */\n\t--bge-options-bgcolor-transparent: transparent;\n\t--bge-options-bgcolor-white: #fff;\n\t--bge-options-bgcolor-gray: #dfdfdf;\n\t--bge-options-bgcolor-blue: #eaf3f8;\n\t--bge-options-bgcolor-red: #fcc;\n\t--bge-options-bgcolor: var(--bge-options-bgcolor-transparent);\n\n\t/* Custom border style */\n\t--bge-options-border-none: none;\n\t--bge-options-border-solid: solid 1px currentColor;\n\t--bge-options-border-dashed: dashed 1px currentColor;\n\t--bge-options-border-dotted: dotted 1px currentColor;\n\t--bge-options-border-wide: solid 3px currentColor;\n\t--bge-options-border: var(--bge-options-border-none);\n\n\t/* Custom padding */\n\t--bge-options-padding-none: 0;\n\t--bge-options-padding-small: 1rem;\n\t--bge-options-padding-middle: 3rem;\n\t--bge-options-padding-large: 5rem;\n\t--bge-options-padding: var(--bge-options-padding-none);\n}\n\n:where([data-bge-container]) {\n\t--bge-container-margin-block-end: var(--bge-options-margin);\n\tmargin-block-end: var(--bge-container-margin-block-end);\n\tcontainer-name: bge-container;\n\tcontainer-type: inline-size;\n\n\t&:where(:last-child) {\n\t\t--bge-last-container-margin-block-end: 0;\n\t\t--bge-container-margin-block-end: var(--bge-last-container-margin-block-end);\n\t}\n}\n\n:where([data-bge-container-frame]) {\n\t--bge-container-background-color: var(--bge-options-bgcolor);\n\t--bge-container-border: var(--bge-options-border);\n\t--bge-container-padding: var(--bge-options-padding);\n\tpadding: var(--bge-container-padding);\n\tbackground-color: var(--bge-container-background-color);\n\tborder: var(--bge-container-border);\n}\n\n:where([data-bge-container='grid'], [data-bge-container^='grid:']) {\n\t&:where([data-bge-container$=':2'], [data-bge-container*=':2:'])\n\t\t:where([data-bge-container-frame]) {\n\t\t--bge-grid-col: 2;\n\t}\n\n\t&:where([data-bge-container$=':3'], [data-bge-container*=':3:'])\n\t\t:where([data-bge-container-frame]) {\n\t\t--bge-grid-col: 3;\n\t}\n\n\t&:where([data-bge-container$=':4'], [data-bge-container*=':4:'])\n\t\t:where([data-bge-container-frame]) {\n\t\t--bge-grid-col: 4;\n\t}\n\n\t&:where([data-bge-container$=':5'], [data-bge-container*=':5:'])\n\t\t:where([data-bge-container-frame]) {\n\t\t--bge-grid-col: 5;\n\t}\n\n\t:where([data-bge-container-frame]) {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(var(--bge-grid-col, 1), minmax(0, 1fr));\n\t\tgap: var(--bge-grid-gap);\n\t}\n\n\t:where([data-bge-group]) {\n\t\t--item-count: 1;\n\t\tdisplay: grid;\n\t\tgrid-template-rows: subgrid;\n\t\tgrid-row: span var(--item-count);\n\n\t\t/* Subgrid hack 2 items */\n\t\t&[data-bge-group]:has([data-bge-item]:nth-child(2):last-child) {\n\t\t\t--item-count: 2;\n\t\t}\n\n\t\t/* Subgrid hack 3 items */\n\t\t&[data-bge-group]:has([data-bge-item]:nth-child(3):last-child) {\n\t\t\t--item-count: 3;\n\t\t}\n\n\t\t/* Subgrid hack 4 items */\n\t\t&[data-bge-group]:has([data-bge-item]:nth-child(4):last-child) {\n\t\t\t--item-count: 4;\n\t\t}\n\n\t\t/* Subgrid hack 5 items */\n\t\t&[data-bge-group]:has([data-bge-item]:nth-child(5):last-child) {\n\t\t\t--item-count: 5;\n\t\t}\n\n\t\t/* Subgrid hack 6 items */\n\t\t&[data-bge-group]:has([data-bge-item]:nth-child(6):last-child) {\n\t\t\t--item-count: 6;\n\t\t}\n\n\t\t/* Subgrid hack 7 items */\n\t\t&[data-bge-group]:has([data-bge-item]:nth-child(7):last-child) {\n\t\t\t--item-count: 7;\n\t\t}\n\n\t\t/* Subgrid hack 8 items */\n\t\t&[data-bge-group]:has([data-bge-item]:nth-child(8):last-child) {\n\t\t\t--item-count: 8;\n\t\t}\n\t}\n\n\t:where([data-bge-item]) {\n\t\talign-self: self-start;\n\t\tcontainer-name: bge-item;\n\t\tcontainer-type: inline-size;\n\t}\n}\n\n:where([data-bge-container='inline'], [data-bge-container^='inline:']) {\n\t--warp: wrap;\n\t--justify: center;\n\t--align: stretch;\n\n\t:where([data-bge-container-frame]) {\n\t\tdisplay: flex;\n\t\tflex-wrap: var(--warp);\n\t\tgap: var(--bge-grid-gap);\n\t\talign-items: var(--align);\n\t\tjustify-content: var(--justify);\n\t}\n\n\t&:where([data-bge-container$=':immutable'], [data-bge-container*=':immutable:'])\n\t\t:where([data-bge-container-frame]) {\n\t\t& > * {\n\t\t\tflex: 1 0 100cqi;\n\t\t}\n\t}\n\n\t&:where([data-bge-container$=':center'], [data-bge-container*=':center:']) {\n\t\t--justify: center;\n\t}\n\n\t&:where([data-bge-container$=':start'], [data-bge-container*=':start:']) {\n\t\t--justify: start;\n\t}\n\n\t&:where([data-bge-container$=':end'], [data-bge-container*=':end:']) {\n\t\t--justify: end;\n\t}\n\n\t&:where([data-bge-container$=':between'], [data-bge-container*=':between:']) {\n\t\t--justify: space-between;\n\t}\n\n\t&:where([data-bge-container$=':around'], [data-bge-container*=':around:']) {\n\t\t--justify: space-around;\n\t}\n\n\t&:where([data-bge-container$=':evenly'], [data-bge-container*=':evenly:']) {\n\t\t--justify: space-evenly;\n\t}\n\n\t&:where([data-bge-container$=':align-center'], [data-bge-container*=':align-center:']) {\n\t\t--align: center;\n\t}\n\n\t&:where([data-bge-container$=':align-start'], [data-bge-container*=':align-start:']) {\n\t\t--align: start;\n\t}\n\n\t&:where([data-bge-container$=':align-end'], [data-bge-container*=':align-end:']) {\n\t\t--align: end;\n\t}\n\n\t&:where(\n\t\t[data-bge-container$=':align-stretch'],\n\t\t[data-bge-container*=':align-stretch:']\n\t) {\n\t\t--align: stretch;\n\t}\n\n\t&:where(\n\t\t[data-bge-container$=':align-baseline'],\n\t\t[data-bge-container*=':align-baseline:']\n\t) {\n\t\t--align: baseline;\n\t}\n\n\t&:where([data-bge-container$=':wrap'], [data-bge-container*=':wrap:']) {\n\t\t--wrap: wrap;\n\t}\n\n\t&:where([data-bge-container$=':nowrap'], [data-bge-container*=':nowrap:']) {\n\t\t--wrap: nowrap;\n\t}\n}\n\n:where([data-bge-container='float'], [data-bge-container^='float:']) {\n\t--bge-grid-float: none;\n\t--margin-inline: 0;\n\n\t&:where([data-bge-container$=':start'], [data-bge-container*=':start:']) {\n\t\t--bge-grid-float: inline-start;\n\t\t--margin-inline: 0 var(--bge-grid-gap);\n\t}\n\n\t&:where([data-bge-container$=':end'], [data-bge-container*=':end:']) {\n\t\t--bge-grid-float: inline-end;\n\t\t--margin-inline: var(--bge-grid-gap) 0;\n\t}\n\n\t:where([data-bge-container-frame]) {\n\t\t&::after {\n\t\t\tclear: both;\n\t\t\tdisplay: block;\n\t\t\tcontent: '';\n\t\t}\n\n\t\t& > :where(:first-child) {\n\t\t\tfloat: var(--bge-grid-float, none);\n\t\t\tinline-size: fit-content;\n\t\t\tmargin-inline: var(--margin-inline);\n\t\t}\n\t}\n}\n";
 
 export { blocks, general as generalCSS, items };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@burger-editor/blocks",
-	"version": "4.0.0-alpha.7",
+	"version": "4.0.0-alpha.8",
 	"description": "BurgerEditor Blocks",
 	"author": "D-ZERO",
 	"license": "(MIT OR Apache-2.0)",
@@ -27,15 +27,24 @@
 		"dev": "rollup -c -w"
 	},
 	"dependencies": {
-		"@burger-editor/core": "4.0.0-alpha.7",
-		"@burger-editor/utils": "4.0.0-alpha.7",
-		"trix": "2.1.15"
+		"@burger-editor/core": "4.0.0-alpha.8",
+		"@burger-editor/utils": "4.0.0-alpha.8",
+		"@lexical/dragon": "0.33.0",
+		"@lexical/history": "0.33.0",
+		"@lexical/html": "0.33.0",
+		"@lexical/link": "0.33.0",
+		"@lexical/list": "0.33.0",
+		"@lexical/rich-text": "0.33.0",
+		"@lexical/selection": "0.33.0",
+		"@lexical/table": "0.33.0",
+		"@lexical/utils": "0.33.0",
+		"lexical": "0.33.0"
 	},
 	"devDependencies": {
 		"@types/google.maps": "3.58.1",
-		"rollup": "4.44.1",
+		"rollup": "4.44.2",
 		"rollup-plugin-esbuild": "6.2.1",
 		"rollup-plugin-string": "3.0.0"
 	},
-	"gitHead": "724c366f9b97f94128ef808caf77b0339791aa42"
+	"gitHead": "51ea71e2ef9d0a92f35614400228435e3aaee07a"
 }