{"id":269,"date":"2024-11-21T22:12:19","date_gmt":"2024-11-21T13:12:19","guid":{"rendered":"http:\/\/hakuun.ai\/?page_id=269"},"modified":"2026-03-22T01:51:25","modified_gmt":"2026-03-21T16:51:25","slug":"contact","status":"publish","type":"page","link":"https:\/\/hakuun.ai\/index.php\/contact\/","title":{"rendered":"\u304a\u554f\u3044\u5408\u308f\u305b"},"content":{"rendered":"\n<section class=\"contact-page-v3\">\n  <style>\n    .contact-page-v3 {\n      --main: #0f172a;\n      --sub: #334155;\n      --text: #475569;\n      --muted: #64748b;\n      --line: #e5e7eb;\n      --line-soft: #edf2f7;\n      --bg: #f8fafc;\n      --card: #ffffff;\n      --accent: #0ea5e9;\n      --accent-dark: #0284c7;\n      --accent-soft: #e0f2fe;\n      --shadow: 0 10px 30px rgba(15, 23, 42, 0.06);\n      --shadow-soft: 0 8px 20px rgba(15, 23, 42, 0.04);\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Hiragino Sans\",\n        \"Hiragino Kaku Gothic ProN\", \"Yu Gothic\", Meiryo, sans-serif;\n      color: var(--text);\n      line-height: 1.85;\n      margin: 0;\n      padding: 0 20px 34px;\n    }\n\n    .contact-page-v3 * {\n      box-sizing: border-box;\n    }\n\n    .contact-page-v3 .inner {\n      width: 900px;\n      max-width: 100%;\n      margin: 0 auto;\n    }\n\n    .contact-page-v3 .hero {\n      background: linear-gradient(135deg, #f8fbff 0%, #eef6fb 100%);\n      border: 1px solid #e6f0f7;\n      border-radius: 28px;\n      padding: 42px 34px 30px;\n      box-shadow: var(--shadow);\n      margin-bottom: 24px;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .contact-page-v3 .hero::after {\n      content: \"\";\n      position: absolute;\n      right: -60px;\n      top: -60px;\n      width: 240px;\n      height: 240px;\n      background: radial-gradient(circle, rgba(14,165,233,.14) 0%, rgba(14,165,233,0) 72%);\n      pointer-events: none;\n    }\n\n    .contact-page-v3 .eyebrow {\n      display: inline-block;\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: .1em;\n      color: var(--accent-dark);\n      text-transform: uppercase;\n      margin-bottom: 12px;\n    }\n\n    .contact-page-v3 h1 {\n      margin: 0 0 14px;\n      font-size: 38px;\n      line-height: 1.2;\n      color: var(--main);\n    }\n\n    .contact-page-v3 .lead {\n      margin: 0 0 24px;\n      font-size: 17px;\n      color: var(--sub);\n      max-width: 760px;\n    }\n\n    .contact-page-v3 .info-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 16px;\n      position: relative;\n      z-index: 2;\n      max-width: 760px;\n    }\n\n    .contact-page-v3 .info-card {\n      background: rgba(255,255,255,.88);\n      border: 1px solid rgba(255,255,255,.92);\n      border-radius: 22px;\n      padding: 20px 20px;\n      box-shadow: var(--shadow-soft);\n      min-height: 118px;\n    }\n\n    .contact-page-v3 .info-card.icon-card {\n      display: flex;\n      gap: 16px;\n      align-items: center;\n    }\n\n    .contact-page-v3 .tel-icon {\n      width: 58px;\n      height: 58px;\n      flex: 0 0 58px;\n      border-radius: 18px;\n      background: #fff;\n      border: 1px solid var(--line);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: 0 4px 14px rgba(15,23,42,.04);\n    }\n\n    .contact-page-v3 .tel-icon img {\n      width: 30px;\n      height: 30px;\n      display: block;\n      object-fit: contain;\n    }\n\n    .contact-page-v3 .mini-label {\n      display: block;\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: .08em;\n      color: var(--muted);\n      text-transform: uppercase;\n      margin-bottom: 6px;\n    }\n\n    .contact-page-v3 .big-value {\n      font-size: 30px;\n      font-weight: 800;\n      color: var(--main);\n      line-height: 1.2;\n      margin: 0;\n    }\n\n    .contact-page-v3 .mid-value {\n      font-size: 20px;\n      font-weight: 700;\n      color: var(--sub);\n      line-height: 1.45;\n      margin: 0;\n    }\n\n    .contact-page-v3 .tel-link {\n      color: inherit;\n      text-decoration: none;\n      white-space: nowrap;\n    }\n\n    .contact-page-v3 .tel-link:hover {\n      color: var(--accent-dark);\n    }\n\n    .contact-page-v3 .form-card {\n      background: var(--card);\n      border: 1px solid var(--line);\n      border-radius: 24px;\n      padding: 30px;\n      box-shadow: var(--shadow);\n    }\n\n    .contact-page-v3 .form-head {\n      margin-bottom: 20px;\n    }\n\n    .contact-page-v3 .form-head h2 {\n      margin: 0 0 12px;\n      font-size: 34px;\n      line-height: 1.25;\n      color: var(--main);\n    }\n\n    .contact-page-v3 .form-badge {\n      display: inline-block;\n      margin-bottom: 14px;\n      padding: 8px 12px;\n      border-radius: 999px;\n      background: rgba(14,165,233,.08);\n      border: 1px solid rgba(14,165,233,.12);\n      color: var(--accent-dark);\n      font-size: 13px;\n      font-weight: 700;\n    }\n\n    .contact-page-v3 .form-head p {\n      margin: 0;\n      font-size: 16px;\n      color: var(--sub);\n    }\n\n    .contact-page-v3 .form-shell {\n      margin-top: 18px;\n      background: transparent;\n      border: none;\n      border-radius: 0;\n      padding: 0;\n      box-shadow: none;\n    }\n\n    \/* WPForms *\/\n    .contact-page-v3 .wpforms-container {\n      margin: 0 !important;\n    }\n\n    .contact-page-v3 .wpforms-form .wpforms-field {\n      margin-bottom: 18px !important;\n      padding: 0 !important;\n    }\n\n    .contact-page-v3 .wpforms-form label {\n      display: inline-block;\n      margin-bottom: 8px !important;\n      font-size: 16px !important;\n      font-weight: 700 !important;\n      color: var(--main) !important;\n    }\n\n    .contact-page-v3 .wpforms-required-label {\n      color: #ef4444 !important;\n      font-weight: 700 !important;\n    }\n\n    .contact-page-v3 .wpforms-form input[type=\"text\"],\n    .contact-page-v3 .wpforms-form input[type=\"email\"],\n    .contact-page-v3 .wpforms-form input[type=\"tel\"],\n    .contact-page-v3 .wpforms-form input[type=\"number\"],\n    .contact-page-v3 .wpforms-form textarea,\n    .contact-page-v3 .wpforms-form select {\n      width: 100% !important;\n      min-height: 52px !important;\n      border: 1px solid #d8e1ea !important;\n      border-radius: 14px !important;\n      background: #fff !important;\n      color: var(--main) !important;\n      font-size: 16px !important;\n      padding: 12px 14px !important;\n      outline: none !important;\n      box-shadow: none !important;\n      transition: border-color .22s ease, box-shadow .22s ease, background-color .22s ease;\n    }\n\n    .contact-page-v3 .wpforms-form textarea {\n      min-height: 160px !important;\n      resize: vertical !important;\n    }\n\n    .contact-page-v3 .wpforms-form input:focus,\n    .contact-page-v3 .wpforms-form textarea:focus,\n    .contact-page-v3 .wpforms-form select:focus {\n      border-color: #7dd3fc !important;\n      box-shadow: 0 0 0 4px rgba(14,165,233,.12) !important;\n      background: #fcfeff !important;\n    }\n\n    .contact-page-v3 .wpforms-form ::placeholder {\n      color: #94a3b8 !important;\n    }\n\n    .contact-page-v3 .wpforms-field-row {\n      margin-left: -6px !important;\n      margin-right: -6px !important;\n    }\n\n    .contact-page-v3 .wpforms-one-half,\n    .contact-page-v3 .wpforms-one-third,\n    .contact-page-v3 .wpforms-two-thirds {\n      padding-left: 6px !important;\n      padding-right: 6px !important;\n    }\n\n    .contact-page-v3 .wpforms-field-sublabel {\n      color: var(--muted) !important;\n      font-size: 12px !important;\n      margin-top: 6px !important;\n    }\n\n    .contact-page-v3 .wpforms-submit-container {\n      padding-top: 6px !important;\n    }\n\n    .contact-page-v3 .wpforms-submit {\n      appearance: none !important;\n      border: none !important;\n      border-radius: 14px !important;\n      background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%) !important;\n      color: #fff !important;\n      font-size: 17px !important;\n      font-weight: 800 !important;\n      line-height: 1 !important;\n      padding: 16px 24px !important;\n      min-height: 54px !important;\n      box-shadow: 0 10px 22px rgba(14,165,233,.22) !important;\n      transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;\n    }\n\n    .contact-page-v3 .wpforms-submit:hover {\n      transform: translateY(-1px);\n      box-shadow: 0 14px 28px rgba(14,165,233,.26) !important;\n      filter: brightness(1.02);\n    }\n\n    .contact-page-v3 .wpforms-confirmation-container,\n    .contact-page-v3 .wpforms-error-container {\n      border-radius: 14px !important;\n      padding: 14px 16px !important;\n      font-size: 15px !important;\n    }\n\n    .contact-page-v3 .bottom-note {\n      margin-top: 18px;\n      background: var(--bg);\n      border: 1px solid #e2e8f0;\n      border-radius: 18px;\n      padding: 16px 18px;\n      font-size: 15px;\n      color: var(--sub);\n      text-align: center;\n    }\n\n    @media (max-width: 768px) {\n      .contact-page-v3 {\n        padding: 0 10px 22px;\n      }\n\n      .contact-page-v3 .hero {\n        padding: 28px 16px 22px;\n      }\n\n      .contact-page-v3 h1 {\n        font-size: 30px;\n      }\n\n      .contact-page-v3 .info-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .contact-page-v3 .info-card.icon-card {\n        gap: 12px;\n      }\n\n      .contact-page-v3 .tel-icon {\n        width: 52px;\n        height: 52px;\n        flex: 0 0 52px;\n      }\n\n      .contact-page-v3 .big-value {\n        font-size: 20px;\n        line-height: 1.15;\n        white-space: nowrap;\n      }\n\n      .contact-page-v3 .mid-value {\n        font-size: 18px;\n      }\n\n      .contact-page-v3 .form-card {\n        padding: 18px;\n      }\n\n      .contact-page-v3 .form-head h2 {\n        font-size: 28px;\n      }\n    }\n  <\/style>\n\n  <div class=\"inner\">\n    <section class=\"hero\">\n      <div class=\"eyebrow\">Contact<\/div>\n      <h1>\u304a\u554f\u3044\u5408\u308f\u305b<\/h1>\n      <p class=\"lead\">\n        \u8d8a\u5883EC\u30fb\u56fd\u969b\u7269\u6d41\u30fb\u30b7\u30b9\u30c6\u30e0\u69cb\u7bc9\u306b\u95a2\u3059\u308b\u3054\u76f8\u8ac7\u3092\u627f\u3063\u3066\u304a\u308a\u307e\u3059\u3002<br>\n        \u4e8b\u696d\u5185\u5bb9\u3084\u3054\u8981\u671b\u306b\u5fdc\u3058\u3066\u3001\u5b9f\u52d9\u30d9\u30fc\u30b9\u3067\u3054\u63d0\u6848\u3044\u305f\u3057\u307e\u3059\u3002\n      <\/p>\n\n      <div class=\"info-grid\">\n        <div class=\"info-card icon-card\">\n          <div class=\"tel-icon\">\n            <img decoding=\"async\" src=\"https:\/\/hakuun.ai\/wp-content\/uploads\/2024\/11\/tel.svg\" alt=\"\u96fb\u8a71\">\n          <\/div>\n          <div>\n            <span class=\"mini-label\">Telephone<\/span>\n            <p class=\"big-value\">\n              <a href=\"tel:03-4210-3026\" class=\"tel-link\">03-4210-3026<\/a>\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"info-card\">\n          <span class=\"mini-label\">Business Hours<\/span>\n          <p class=\"mid-value\">9:00\u301c18:00\uff08\u65e5\u795d\u4f11\uff09<\/p>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"form-card\">\n      <div class=\"form-head\">\n        <span class=\"form-badge\">Contact Form<\/span>\n        <h2>\u30d5\u30a9\u30fc\u30e0\u304b\u3089\u306e\u304a\u554f\u3044\u5408\u308f\u305b<\/h2>\n        <p>\n          \u4ee5\u4e0b\u306e\u30d5\u30a9\u30fc\u30e0\u306b\u5fc5\u8981\u4e8b\u9805\u3092\u3054\u5165\u529b\u306e\u3046\u3048\u3001\u9001\u4fe1\u3057\u3066\u304f\u3060\u3055\u3044\u3002<br>\n          \u5185\u5bb9\u3092\u78ba\u8a8d\u5f8c\u3001\u62c5\u5f53\u3088\u308a\u3054\u9023\u7d61\u3044\u305f\u3057\u307e\u3059\u3002\n        <\/p>\n      <\/div>\n\n      <div class=\"form-shell\">\n        <div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-278\"><form id=\"wpforms-form-278\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"278\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/index.php\/wp-json\/wp\/v2\/pages\/269\" data-token=\"2de25c2bdf23689c32a8c2b0bb446958\" data-token-time=\"1779096046\"><noscript class=\"wpforms-error-noscript\">\u8bf7\u5728\u6d4f\u89c8\u5668\u4e2d\u542f\u7528JavaScript\u6765\u5b8c\u6210\u6b64\u8868\u5355\u3002<\/noscript><div class=\"wpforms-hidden\" id=\"wpforms-error-noscript\">\u8bf7\u5728\u6d4f\u89c8\u5668\u4e2d\u542f\u7528JavaScript\u6765\u5b8c\u6210\u6b64\u8868\u5355\u3002<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-278-field_4-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"4\"><label class=\"wpforms-field-label\" for=\"wpforms-278-field_4\">\u4f1a\u793e\u540d <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-278-field_4\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][4]\" aria-errormessage=\"wpforms-278-field_4-error\" required><\/div><div id=\"wpforms-278-field_1-container\" class=\"wpforms-field wpforms-field-name wpforms-list-2-columns\" data-field-id=\"1\"><fieldset><legend class=\"wpforms-field-label\">\u304a\u540d\u524d <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/legend><div class=\"wpforms-field-row wpforms-field-medium\"><div class=\"wpforms-field-row-block wpforms-first wpforms-one-half\"><input type=\"text\" id=\"wpforms-278-field_1\" class=\"wpforms-field-name-first wpforms-field-required\" name=\"wpforms[fields][1][first]\" placeholder=\"\u59d3\" aria-errormessage=\"wpforms-278-field_1-error\" required><label for=\"wpforms-278-field_1\" class=\"wpforms-field-sublabel after wpforms-sublabel-hide\">\u524d\u4e00\u9875<\/label><\/div><div class=\"wpforms-field-row-block wpforms-one-half\"><input type=\"text\" id=\"wpforms-278-field_1-last\" class=\"wpforms-field-name-last wpforms-field-required\" name=\"wpforms[fields][1][last]\" placeholder=\"\u540d\" aria-errormessage=\"wpforms-278-field_1-last-error\" required><label for=\"wpforms-278-field_1-last\" class=\"wpforms-field-sublabel after wpforms-sublabel-hide\">\u540e\u4e00\u9875<\/label><\/div><\/div><\/fieldset><\/div><div id=\"wpforms-278-field_5-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"5\"><fieldset><legend class=\"wpforms-field-label\">\u30d5\u30ea\u30ac\u30ca <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/legend><div class=\"wpforms-field-row wpforms-field-medium\"><div class=\"wpforms-field-row-block wpforms-first wpforms-one-half\"><input type=\"text\" id=\"wpforms-278-field_5\" class=\"wpforms-field-name-first wpforms-field-required\" name=\"wpforms[fields][5][first]\" placeholder=\"\u30bb\u30a4\" aria-errormessage=\"wpforms-278-field_5-error\" required><label for=\"wpforms-278-field_5\" class=\"wpforms-field-sublabel after wpforms-sublabel-hide\">\u524d\u4e00\u9875<\/label><\/div><div class=\"wpforms-field-row-block wpforms-one-half\"><input type=\"text\" id=\"wpforms-278-field_5-last\" class=\"wpforms-field-name-last wpforms-field-required\" name=\"wpforms[fields][5][last]\" placeholder=\"\u30e1\u30a4\" aria-errormessage=\"wpforms-278-field_5-last-error\" required><label for=\"wpforms-278-field_5-last\" class=\"wpforms-field-sublabel after wpforms-sublabel-hide\">\u540e\u4e00\u9875<\/label><\/div><\/div><\/fieldset><\/div><div id=\"wpforms-278-field_2-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-278-field_2\">\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9 <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-278-field_2\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][2]\" spellcheck=\"false\" aria-errormessage=\"wpforms-278-field_2-error\" required><\/div><div id=\"wpforms-278-field_10-container\" class=\"wpforms-field wpforms-field-number\" data-field-id=\"10\"><label class=\"wpforms-field-label\" for=\"wpforms-278-field_10\">\u96fb\u8a71\u756a\u53f7 <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"number\" id=\"wpforms-278-field_10\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][10]\" aria-errormessage=\"wpforms-278-field_10-error\" required><\/div><div id=\"wpforms-278-field_3-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-278-field_3\">\u304a\u554f\u3044\u5408\u308f\u305b\u5185\u5bb9 <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><textarea id=\"wpforms-278-field_3\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][3]\" aria-errormessage=\"wpforms-278-field_3-error\" required><\/textarea><\/div><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"278\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/hakuun.ai\/index.php\/wp-json\/wp\/v2\/pages\/269\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-278\" class=\"wpforms-submit\" data-alt-text=\"Sending...\" data-submit-text=\"\u5165\u529b\u5185\u5bb9\u3092\u9001\u4fe1\u3059\u308b\" aria-live=\"assertive\" value=\"wpforms-submit\">\u5165\u529b\u5185\u5bb9\u3092\u9001\u4fe1\u3059\u308b<\/button><img decoding=\"async\" src=\"https:\/\/hakuun.ai\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"\u52a0\u8f7d\"><\/div><\/form><\/div>  <!-- .wpforms-container -->\n      <\/div>\n    <\/section>\n\n    <div class=\"bottom-note\">\n      \u8d8a\u5883EC\u30fb\u56fd\u969b\u7269\u6d41\u30fb\u30b7\u30b9\u30c6\u30e0\u69cb\u7bc9\u306b\u95a2\u3059\u308b\u3054\u76f8\u8ac7\u3092\u3001\u30ef\u30f3\u30b9\u30c8\u30c3\u30d7\u3067\u627f\u3063\u3066\u304a\u308a\u307e\u3059\u3002\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Contact \u304a\u554f\u3044\u5408\u308f\u305b \u8d8a\u5883EC\u30fb\u56fd\u969b\u7269\u6d41\u30fb\u30b7\u30b9\u30c6\u30e0\u69cb\u7bc9\u306b\u95a2\u3059\u308b\u3054\u76f8\u8ac7\u3092\u627f\u3063\u3066\u304a\u308a\u307e\u3059\u3002 \u4e8b\u696d\u5185\u5bb9\u3084\u3054\u8981 [&hellip;]<\/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-269","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hakuun.ai\/index.php\/wp-json\/wp\/v2\/pages\/269","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hakuun.ai\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hakuun.ai\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hakuun.ai\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hakuun.ai\/index.php\/wp-json\/wp\/v2\/comments?post=269"}],"version-history":[{"count":38,"href":"https:\/\/hakuun.ai\/index.php\/wp-json\/wp\/v2\/pages\/269\/revisions"}],"predecessor-version":[{"id":549,"href":"https:\/\/hakuun.ai\/index.php\/wp-json\/wp\/v2\/pages\/269\/revisions\/549"}],"wp:attachment":[{"href":"https:\/\/hakuun.ai\/index.php\/wp-json\/wp\/v2\/media?parent=269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}