{"id":19,"date":"2025-05-29T17:46:44","date_gmt":"2025-05-29T08:46:44","guid":{"rendered":"https:\/\/atosakacom.wordpress.com\/?page_id=19"},"modified":"2025-06-06T12:57:38","modified_gmt":"2025-06-06T03:57:38","slug":"%e3%81%8a%e5%95%8f%e3%81%84%e5%90%88%e3%82%8f%e3%81%9b","status":"publish","type":"page","link":"http:\/\/www.atosaka.com\/?page_id=19","title":{"rendered":"\u304a\u554f\u3044\u5408\u308f\u305b"},"content":{"rendered":"\n<p><\/p>\n\n\n<h1 class=\"wp-block-site-title\"><a href=\"http:\/\/www.atosaka.com\" target=\"_self\" rel=\"home\">\u682a\u5f0f\u4f1a\u793eATO<\/a><\/h1>\n\n\n<!DOCTYPE html>\n<html lang=\"zh-CN\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u304a\u554f\u3044\u5408\u308f\u305b<\/title>\n    <style>\n        body {\n            font-family: Arial, sans-serif;\n            line-height: 1.6;\n            margin: 0;\n            padding: 20px;\n            color: #333;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n        h1 {\n            color: #2c3e50;\n            text-align: center;\n        }\n        .contact-form {\n            background: #f9f9f9;\n            padding: 20px;\n            border-radius: 8px;\n            box-shadow: 0 0 10px rgba(0,0,0,0.1);\n        }\n        .form-group {\n            margin-bottom: 15px;\n        }\n        label {\n            display: block;\n            margin-bottom: 5px;\n            font-weight: bold;\n        }\n        input[type=\"text\"],\n        input[type=\"email\"],\n        textarea {\n            width: 100%;\n            padding: 10px;\n            border: 1px solid #ddd;\n            border-radius: 4px;\n            box-sizing: border-box;\n        }\n        textarea {\n            height: 150px;\n            resize: vertical;\n        }\n        button {\n            background: #3498db;\n            color: white;\n            border: none;\n            padding: 10px 20px;\n            border-radius: 4px;\n            cursor: pointer;\n            font-size: 16px;\n        }\n        button:hover {\n            background: #2980b9;\n        }\n        .required {\n            color: red;\n        }\n    <\/style>\n<\/head>\n<body>\n    <h1>\u3054\u76f8\u8ac7\u5e0c\u671b\u5185\u5bb9<\/h1>\n    \n    <div class=\"contact-form\">\n        <form id=\"inquiryForm\" onsubmit=\"sendInquiry(event)\">\n            <div class=\"form-group\">\n                <label for=\"name\">\u540d\u524d <span class=\"required\">*<\/span><\/label>\n                <input type=\"text\" id=\"name\" name=\"name\" required>\n            <\/div>\n            \n            <div class=\"form-group\">\n                <label for=\"company\">\u4f1a\u793e\u540d<\/label>\n                <input type=\"text\" id=\"company\" name=\"company\">\n            <\/div>\n            \n            <div class=\"form-group\">\n                <label for=\"email\">\u30e1\u30fc\u30eb<span class=\"required\">*<\/span><\/label>\n                <input type=\"email\" id=\"email\" name=\"email\" required>\n            <\/div>\n            \n            <div class=\"form-group\">\n                <label for=\"phone\">\u96fb\u8a71\u756a\u53f7<\/label>\n                <input type=\"text\" id=\"phone\" name=\"phone\">\n            <\/div>\n            \n            <div class=\"form-group\">\n                <label for=\"subject\">\u304a\u554f\u3044\u5408\u308f\u305b\u30c6\u30fc\u30de<span class=\"required\">*<\/span><\/label>\n                <input type=\"text\" id=\"subject\" name=\"subject\" required>\n            <\/div>\n            \n            <div class=\"form-group\">\n                <label for=\"message\">\u8a73\u7d30\u5185\u5bb9 <span class=\"required\">*<\/span><\/label>\n                <textarea id=\"message\" name=\"message\" required><\/textarea>\n            <\/div>\n            \n            <button type=\"submit\">\u9001\u4fe1<\/button>\n        <\/form>\n    <\/div>\n\n    <script>\n        function sendInquiry(event) {\n            event.preventDefault();\n            \n            \/\/ \u83b7\u53d6\u8868\u5355\u6570\u636e\n            const name = document.getElementById('name').value;\n            const company = document.getElementById('company').value;\n            const email = document.getElementById('email').value;\n            const phone = document.getElementById('phone').value;\n            const subject = document.getElementById('subject').value;\n            const message = document.getElementById('message').value;\n            \n            \/\/ \u6784\u5efa\u90ae\u4ef6\u5185\u5bb9\n            const mailtoLink = `mailto:info@atosaka.com?subject=\u304a\u554f\u5408\u305b: ${encodeURIComponent(subject)}&body=\n\u540d\u524d: ${encodeURIComponent(name)}%0D%0A\n\u4f1a\u793e\u540d: ${encodeURIComponent(company)}%0D%0A\n\u30e1\u30fc\u30eb: ${encodeURIComponent(email)}%0D%0A\n\u96fb\u8a71: ${encodeURIComponent(phone)}%0D%0A%0D%0A\n\u8a73\u7d30\u5185\u5bb9:%0D%0A${encodeURIComponent(message)}`;\n            \n            \/\/ \u5c1d\u8bd5\u6253\u5f00\u9ed8\u8ba4\u90ae\u4ef6\u5ba2\u6237\u7aef\n            window.location.href = mailtoLink;\n            \n            \/\/ \u53ef\u9009: \u304a\u554f\u3044\u5408\u308f\u305b\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3057\u305f\u3002\u8fd4\u4e8b\u307e\u3067\u3057\u3070\u3089\u304f\u304a\u5f85\u3061\u304f\u3060\u3055\u3044\u3002\n            alert('\u304a\u554f\u3044\u5408\u308f\u305b\u5185\u5bb9\u6e96\u5099\u6e08\u307f\u3067\u3059\u3002\u3054\u5229\u7528\u306e\u7aef\u672b\u306eoutlook\u30e1\u30fc\u30eb\u8a2d\u5b9a\u3057\u3066\u3044\u308b\u304b\u3069\u3046\u304b\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002\u8a2d\u5b9a\u3057\u3066\u306a\u3044\u5834\u5408\u304a\u624b\u6570\u3067\u3059\u304c\u3001\u76f4\u63a5info@atosaka.com\u3078\u554f\u3044\u5408\u308f\u305b\u3059\u308b\u3088\u3046\u306b\u304a\u9858\u3044\u3057\u307e\u3059\u3002');\n            \n            \/\/ \u53ef\u9009: \u91cd\u7f6e\u8868\u5355\n            document.getElementById('inquiryForm').reset();\n        }\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u304a\u554f\u3044\u5408\u308f\u305b \u3054\u76f8\u8ac7\u5e0c\u671b\u5185\u5bb9 \u540d\u524d * \u4f1a\u793e\u540d \u30e1\u30fc\u30eb* \u96fb\u8a71\u756a\u53f7 \u304a\u554f\u3044\u5408\u308f\u305b\u30c6\u30fc\u30de* \u8a73\u7d30\u5185\u5bb9 * \u9001\u4fe1<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.atosaka.com\/index.php?rest_route=\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.atosaka.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.atosaka.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.atosaka.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.atosaka.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=19"}],"version-history":[{"count":17,"href":"http:\/\/www.atosaka.com\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":107,"href":"http:\/\/www.atosaka.com\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions\/107"}],"wp:attachment":[{"href":"http:\/\/www.atosaka.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}