function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "p-6 bg-[#202020] w-full flex flex-col items-center font-sans", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-center text-white mt-6 mb-6", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "かんたん一括見積もり依頼フォーム"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-around bg-[#ffaa34] w-[400px] py-3 rounded-full mb-8", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-white", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "01 お客様情報入力"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-right text-white", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-700", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "02 送信完了")), /*#__PURE__*/ React.createElement("div", { className: "bg-white w-[800px] p-8 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "space-y-6", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "text-[#f78501] font-bold w-[100px]", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, "お名前 ", /*#__PURE__*/ React.createElement("span", { className: "text-[#f78501]", __source: { fileName: "", lineNumber: 13, columnNumber: 71 }, __self: this }, "必須")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row w-full space-x-0 md:space-x-4 space-y-2 md:space-y-0", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "w-1/2 p-2 border border-gray-300 rounded", name: "lastName", type: "text", placeholder: "例) 田中", __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "w-1/2 p-2 border border-gray-300 rounded", name: "firstName", type: "text", placeholder: "例) 太郎", __source: { fileName: "", lineNumber: 16, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "text-[#f78501] font-bold w-[100px]", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, "フリガナ ", /*#__PURE__*/ React.createElement("span", { className: "text-[#f78501]", __source: { fileName: "", lineNumber: 20, columnNumber: 72 }, __self: this }, "必須")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row w-full space-x-0 md:space-x-4 space-y-2 md:space-y-0", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "w-1/2 p-2 border border-gray-300 rounded", name: "lastKana", type: "text", placeholder: "例) タナカ", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "w-1/2 p-2 border border-gray-300 rounded", name: "firstKana", type: "text", placeholder: "例) タロウ", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "text-[#f78501] font-bold w-[150px]", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, "メールアドレス ", /*#__PURE__*/ React.createElement("span", { className: "text-[#f78501]", __source: { fileName: "", lineNumber: 27, columnNumber: 75 }, __self: this }, "必須")), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded", name: "email", type: "email", placeholder: "例) example@mail.com", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "text-[#f78501] font-bold w-[150px]", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, "メールアドレス確認 ", /*#__PURE__*/ React.createElement("span", { className: "text-[#f78501]", __source: { fileName: "", lineNumber: 31, columnNumber: 77 }, __self: this }, "必須")), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded", name: "emailConfirm", type: "email", placeholder: "例) example@mail.com", __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "text-[#f78501] font-bold w-[150px]", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, "電話番号 ", /*#__PURE__*/ React.createElement("span", { className: "text-[#f78501]", __source: { fileName: "", lineNumber: 35, columnNumber: 72 }, __self: this }, "必須")), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded", name: "phone", type: "text", placeholder: "例) 09012345678", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "text-[#f78501] font-bold w-[100px]", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, "郵便番号"), /*#__PURE__*/ React.createElement("input", { className: "w-[80px] p-2 border border-gray-300 rounded", name: "postalCode", type: "text", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-gray-500 text-white px-4 py-2 rounded ml-4", type: "button", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "住所検索")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row space-y-2 md:space-y-0 md:space-x-4", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "md:w-1/3", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "text-[#f78501] font-bold", __source: { fileName: "", lineNumber: 45, columnNumber: 15 }, __self: this }, "都道府県"), /*#__PURE__*/ React.createElement("select", { className: "w-full p-2 border border-gray-300 rounded mt-2", name: "prefecture", __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 47, columnNumber: 17 }, __self: this }, "選択してください"))), /*#__PURE__*/ React.createElement("input", { className: "md:w-1/3 p-2 border border-gray-300 rounded mt-6 md:mt-0", name: "city", type: "text", placeholder: "例) 豊島区南大塚3-25-15", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "md:w-1/3 p-2 border border-gray-300 rounded mt-6 md:mt-0", name: "building", type: "text", placeholder: "例) South 新大塚ビル000号室", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "text-[#f78501] font-bold w-[150px]", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, "その他・ご質問等 ", /*#__PURE__*/ React.createElement("span", { className: "text-[#80ff37]", __source: { fileName: "", lineNumber: 54, columnNumber: 76 }, __self: this }, "任意")), /*#__PURE__*/ React.createElement("textarea", { className: "w-full p-2 border border-gray-300 rounded", name: "comments", placeholder: "例) その他ご質問等をご入力ください", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mt-4", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: "privacyPolicy", name: "privacyPolicy", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "privacyPolicy", className: "ml-2 text-gray-500", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, " ", /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-blue-500", __source: { fileName: "", lineNumber: 59, columnNumber: 76 }, __self: this }, "プライバシーポリシー"), "に同意する")), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white font-bold py-2 px-6 rounded-full mt-8 mx-auto block", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, "見積もり依頼をする")))); }