function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-screen", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative w-[300px] h-[300px]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-1/2 transform -translate-x-1/2 flex flex-col items-center", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[50px] h-[50px] rounded-full bg-[#FF6347] text-white flex justify-center items-center font-roboto", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "戦略"), /*#__PURE__*/ React.createElement("div", { className: "text-sm mt-2", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "Strategy")), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-0 left-1/2 transform -translate-x-1/2 flex flex-col items-center", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[50px] h-[50px] rounded-full bg-[#4682B4] text-white flex justify-center items-center font-roboto", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "リサーチ"), /*#__PURE__*/ React.createElement("div", { className: "text-sm mt-2", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "Research")), /*#__PURE__*/ React.createElement("div", { className: "absolute left-0 top-1/2 transform -translate-y-1/2 flex flex-col items-center", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[50px] h-[50px] rounded-full bg-[#3CB371] text-white flex justify-center items-center font-roboto", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "アクション"), /*#__PURE__*/ React.createElement("div", { className: "text-sm mt-2", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, "Action")), /*#__PURE__*/ React.createElement("div", { className: "absolute left-1/4 bottom-1/4 h-[25%] w-[25%] transform translate-x-1/2 -rotate-45 border-t-2 border-r-2 border-dashed border-gray-500", style: { transform: "rotate(-45deg) translateX(50%)", transformOrigin: "0 0" }, __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute right-1/4 bottom-1/4 h-[25%] w-[25%] transform -translate-x-1/2 rotate-45 border-t-2 border-l-2 border-dashed border-gray-500", style: { transform: "rotate(45deg) translateX(-50%)", transformOrigin: "100% 0" }, __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute right-1/4 top-1/4 h-[25%] w-[25%] transform -translate-y-1/2 -rotate-45 border-b-2 border-l-2 border-dashed border-gray-500", style: { transform: "rotate(-45deg) translateY(-50%)", transformOrigin: "100% 100%" }, __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute left-1/4 top-1/4 h-[25%] w-[25%] transform -translate-y-1/2 rotate-45 border-b-2 border-r-2 border-dashed border-gray-500", style: { transform: "rotate(45deg) translateY(-50%)", transformOrigin: "0 100%" }, __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, ` .bg-[#FF6347] { transition: all 0.2s ease-in-out; } .bg-[#4682B4] { transition: all 0.2s ease-in-out; } .bg-[#3CB371] { transition: all 0.2s ease-in-out; } `)); }