{"id":34,"date":"2026-10-10T12:06:02","date_gmt":"2026-10-10T12:06:02","guid":{"rendered":"https:\/\/bsolution.me\/ja\/contact\/"},"modified":"2026-10-10T12:06:02","modified_gmt":"2026-10-10T12:06:02","slug":"contact","status":"publish","type":"page","link":"https:\/\/bsolution.me\/ja\/contact\/","title":{"rendered":"\u304a\u554f\u3044\u5408\u308f\u305b"},"content":{"rendered":"\n<style>\n<style>\n    \/* Scoped CSS for Contact Us Snippet - Premium Design *\/\n    #bnet-contact-us {\n        --bg-color: transparent;\n        --card-bg: #ffffff;\n        --text-main: #1e293b;\n        --text-muted: #64748b;\n        --accent: #2563eb;\n        --accent-hover: #1d4ed8;\n        --accent-light: rgba(37, 99, 235, 0.1);\n        --accent-glow: rgba(37, 99, 235, 0.25);\n        --border-color: #e2e8f0;\n        --input-bg: #f8fafc;\n        --input-border: #cbd5e1;\n        --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.02);\n        --shadow-md: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.01);\n        --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n        --success-bg: #f0fdf4;\n        --success-text: #166534;\n        --success-border: #bbf7d0;\n        --error-text: #ef4444;\n        --gradient-primary: linear-gradient(135deg, #2563eb, #3b82f6);\n        --feature-bg: #f1f5f9;\n    }\n\n    #bnet-contact-us.dark-mode {\n        --card-bg: #11131c; \/* Bsolution dark mode surface *\/\n        --text-main: #f8fafc;\n        --text-muted: #94a3b8;\n        --accent: #60a5fa;\n        --accent-hover: #3b82f6;\n        --accent-light: rgba(96, 165, 250, 0.15);\n        --accent-glow: rgba(96, 165, 250, 0.25);\n        --border-color: rgba(255, 255, 255, 0.08);\n        --input-bg: rgba(255, 255, 255, 0.03);\n        --input-border: rgba(255, 255, 255, 0.12);\n        --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.2);\n        --shadow-md: 0 10px 25px -5px rgba(0, 0, 0, 0.3);\n        --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.4);\n        --success-bg: rgba(22, 101, 52, 0.2);\n        --success-text: #86efac;\n        --success-border: rgba(34, 197, 94, 0.3);\n        --error-text: #f87171;\n        --gradient-primary: linear-gradient(135deg, #3b82f6, #2563eb);\n        --feature-bg: rgba(255, 255, 255, 0.05);\n    }\n\n    #bnet-contact-us * {\n        box-sizing: border-box;\n    }\n\n    #bnet-contact-us {\n        font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n        color: var(--text-main);\n        line-height: 1.6;\n        max-width: 800px;\n        margin: 0 auto;\n        padding: 2rem 0;\n    }\n\n    \/* Animations *\/\n    @keyframes slideUpFade {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    #bnet-contact-us .animate-in {\n        animation: slideUpFade 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n        opacity: 0;\n    }\n    #bnet-contact-us .delay-1 { animation-delay: 0.15s; }\n    #bnet-contact-us .delay-2 { animation-delay: 0.3s; }\n\n    \/* Header *\/\n    #bnet-contact-us .page-header {\n        text-align: center;\n        margin-bottom: 2.5rem;\n    }\n\n    #bnet-contact-us .badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        padding: 6px 14px;\n        background: var(--accent-light);\n        color: var(--accent);\n        border-radius: 999px;\n        font-size: 0.85rem;\n        font-weight: 600;\n        margin-bottom: 1rem;\n        border: 1px solid var(--accent-glow);\n    }\n\n    #bnet-contact-us h1 {\n        font-size: 2.5rem;\n        font-weight: 800;\n        margin: 0 0 0.75rem;\n        letter-spacing: -0.02em;\n    }\n\n    #bnet-contact-us .page-subtitle {\n        color: var(--text-muted);\n        font-size: 1.1rem;\n        max-width: 600px;\n        margin: 0 auto;\n    }\n\n    \/* Cards container *\/\n    #bnet-contact-us .section-stack {\n        display: flex;\n        flex-direction: column;\n        gap: 2rem;\n    }\n\n    #bnet-contact-us .glass-card {\n        background: var(--card-bg);\n        border-radius: 20px;\n        padding: 2.5rem;\n        border: 1px solid var(--border-color);\n        box-shadow: var(--shadow-md);\n        position: relative;\n        overflow: hidden;\n    }\n\n    \/* Subtle gradient top border for cards *\/\n    #bnet-contact-us .glass-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        height: 4px;\n        background: var(--gradient-primary);\n        opacity: 0.8;\n    }\n\n    \/* About Section *\/\n    #bnet-contact-us .about-header {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        margin-bottom: 1.5rem;\n    }\n\n    #bnet-contact-us .about-header .icon-wrap {\n        width: 48px;\n        height: 48px;\n        background: var(--accent-light);\n        color: var(--accent);\n        border-radius: 14px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    #bnet-contact-us .about-header .icon-wrap svg {\n        width: 24px;\n        height: 24px;\n    }\n\n    #bnet-contact-us .about-header h2 {\n        margin: 0;\n        font-size: 1.5rem;\n        font-weight: 700;\n    }\n\n    #bnet-contact-us .features-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n        gap: 1rem;\n        margin: 2rem 0;\n    }\n\n    #bnet-contact-us .feature-item {\n        background: var(--feature-bg);\n        padding: 1.25rem;\n        border-radius: 12px;\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n        border: 1px solid var(--border-color);\n        transition: transform 0.2s, box-shadow 0.2s;\n    }\n\n    #bnet-contact-us .feature-item:hover {\n        transform: translateY(-2px);\n        box-shadow: var(--shadow-sm);\n        border-color: var(--accent-glow);\n    }\n\n    #bnet-contact-us .feature-icon {\n        color: var(--accent);\n    }\n\n    #bnet-contact-us .feature-item h3 {\n        margin: 0;\n        font-size: 1.05rem;\n        font-weight: 600;\n    }\n\n    #bnet-contact-us .feature-item p {\n        margin: 0;\n        font-size: 0.9rem;\n        color: var(--text-muted);\n        line-height: 1.4;\n    }\n\n    \/* Email direct box *\/\n    #bnet-contact-us .direct-contact {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 1.25rem;\n        background: var(--accent-light);\n        border-radius: 12px;\n        border: 1px dashed var(--accent);\n        margin-top: 2rem;\n    }\n    \n    @media (max-width: 500px) {\n        #bnet-contact-us .direct-contact {\n            flex-direction: column;\n            gap: 1rem;\n            align-items: flex-start;\n        }\n    }\n\n    #bnet-contact-us .direct-contact div {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        font-weight: 600;\n        font-size: 1.1rem;\n    }\n\n    #bnet-contact-us .direct-contact a {\n        background: var(--card-bg);\n        padding: 8px 16px;\n        border-radius: 8px;\n        font-size: 0.95rem;\n        font-weight: 600;\n        border: 1px solid var(--border-color);\n        transition: all 0.2s;\n    }\n\n    #bnet-contact-us .direct-contact a:hover {\n        background: var(--accent);\n        color: #fff;\n        border-color: var(--accent);\n        text-decoration: none;\n    }\n\n    \/* Form Section *\/\n    #bnet-contact-us .form-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 1.5rem;\n    }\n\n    @media (max-width: 600px) {\n        #bnet-contact-us .form-grid {\n            grid-template-columns: 1fr;\n        }\n    }\n\n    #bnet-contact-us .form-group {\n        display: flex;\n        flex-direction: column;\n        gap: 0.5rem;\n    }\n\n    #bnet-contact-us .form-group.full-width {\n        grid-column: 1 \/ -1;\n    }\n\n    #bnet-contact-us label {\n        font-weight: 600;\n        font-size: 0.95rem;\n        color: var(--text-main);\n        display: flex;\n        align-items: center;\n        gap: 4px;\n    }\n\n    #bnet-contact-us label span.required {\n        color: var(--error-text);\n    }\n\n    #bnet-contact-us .input-wrapper {\n        position: relative;\n        display: flex;\n        align-items: center;\n    }\n\n    #bnet-contact-us .form-control {\n        width: 100%;\n        padding: 14px 44px 14px 16px; \/* Right padding for RTL icon *\/\n        border-radius: 12px;\n        border: 2px solid var(--input-border);\n        background: var(--input-bg);\n        color: inherit;\n        font-family: inherit;\n        font-size: 1rem;\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    #bnet-contact-us .input-icon {\n        position: absolute;\n        right: 14px;\n        width: 20px;\n        height: 20px;\n        color: var(--text-muted);\n        transition: color 0.3s;\n        pointer-events: none; \/* Let clicks pass through to input *\/\n    }\n\n    #bnet-contact-us .form-control:focus {\n        outline: none;\n        border-color: var(--accent);\n        background: var(--card-bg);\n        box-shadow: 0 0 0 4px var(--accent-light);\n    }\n\n    #bnet-contact-us .form-control:focus + .input-icon {\n        color: var(--accent);\n    }\n\n    #bnet-contact-us textarea.form-control {\n        padding: 14px 16px; \/* No icon in textarea *\/\n        resize: vertical;\n        min-height: 140px;\n    }\n\n    \/* Captcha styled as security check *\/\n    #bnet-contact-us .security-check {\n        background: var(--feature-bg);\n        border: 1px solid var(--border-color);\n        border-radius: 12px;\n        padding: 1.25rem;\n        display: flex;\n        align-items: center;\n        gap: 1.5rem;\n        flex-wrap: wrap;\n    }\n\n    #bnet-contact-us .security-badge {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        background: var(--card-bg);\n        padding: 8px 16px;\n        border-radius: 8px;\n        border: 2px dashed var(--input-border);\n        font-weight: 700;\n        font-size: 1.2rem;\n        color: var(--accent);\n        letter-spacing: 2px;\n        user-select: none;\n    }\n\n    #bnet-contact-us .security-input-wrap {\n        flex: 1;\n        min-width: 150px;\n    }\n\n    #bnet-contact-us .security-input-wrap input {\n        text-align: center;\n        padding-right: 16px; \/* Reset padding for center align *\/\n    }\n\n    \/* Submit Button *\/\n    #bnet-contact-us .submit-btn {\n        width: 100%;\n        padding: 16px;\n        background: var(--gradient-primary);\n        color: #ffffff;\n        border: none;\n        border-radius: 12px;\n        font-size: 1.1rem;\n        font-weight: 700;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n        box-shadow: 0 4px 15px var(--accent-glow);\n        margin-top: 1rem;\n    }\n\n    #bnet-contact-us .submit-btn:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 8px 25px var(--accent-glow);\n    }\n\n    #bnet-contact-us .submit-btn:active {\n        transform: translateY(1px);\n    }\n\n    #bnet-contact-us .submit-btn svg {\n        transition: transform 0.3s ease;\n    }\n\n    #bnet-contact-us .submit-btn:hover svg {\n        transform: translateX(-4px); \/* RTL left movement *\/\n    }\n\n    #bnet-contact-us .error-text {\n        color: var(--error-text);\n        font-size: 0.85rem;\n        font-weight: 500;\n        display: none;\n        margin-top: 4px;\n    }\n\n    #bnet-contact-us .success-message {\n        display: none;\n        padding: 1.5rem;\n        background: var(--success-bg);\n        color: var(--success-text);\n        border-radius: 12px;\n        margin-bottom: 2rem;\n        border: 1px solid var(--success-border);\n        font-weight: 600;\n        text-align: center;\n        font-size: 1.1rem;\n        animation: slideUpFade 0.5s ease;\n    }\n<\/style>\n\n\n<\/style>\n<div id=\"bnet-contact-us\" dir=\"ltr\">\n    \n    <!-- Header -->\n    <div class=\"page-header animate-in\">\n        <div class=\"badge\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\" \/>\n            <\/svg>\n            \u30ab\u30b9\u30bf\u30de\u30fc\u30b5\u30fc\u30d3\u30b9\uff06\u30b5\u30dd\u30fc\u30c8\n        <\/div>\n        <h1>\u304a\u554f\u3044\u5408\u308f\u305b<\/h1>\n        <p class=\"page-subtitle\">\n            \u3054\u8cea\u554f\u3084\u65b0\u3057\u3044\u30c4\u30fc\u30eb\u306e\u30a2\u30a4\u30c7\u30a2\u3001\u3042\u308b\u3044\u306f\u30c4\u30fc\u30eb\u306e\u4f7f\u3044\u65b9\u3067\u304a\u56f0\u308a\u3067\u3059\u304b\uff1f\u79c1\u305f\u3061\u306e\u30c1\u30fc\u30e0\u304c\u3044\u3064\u3067\u3082\u30b5\u30dd\u30fc\u30c8\u3057\u3001\u3088\u308a\u826f\u3044\u4f53\u9a13\u3092\u304a\u5c4a\u3051\u3057\u307e\u3059\u3002\n        <\/p>\n    <\/div>\n\n    <div class=\"section-stack\">\n        \n        <!-- About Section -->\n        <div class=\"glass-card animate-in delay-1\">\n            <div class=\"about-header\">\n                <div class=\"icon-wrap\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\" \/>\n                    <\/svg>\n                <\/div>\n                <h2>\u79c1\u305f\u3061\u306e\u76ee\u6a19 &#8211; \u6642\u9593\u3092\u7bc0\u7d04\u3059\u308b\u3053\u3068<\/h2>\n            <\/div>\n            \n            <p style=\"font-size: 1.05rem; margin-bottom: 0;\">\n                <strong>bSolution<\/strong>\u3067\u306f\u3001\u3059\u3079\u3066\u306e\u4f01\u696d\u3001\u30d5\u30ea\u30fc\u30e9\u30f3\u30b5\u30fc\u3001\u8d77\u696d\u5bb6\u306b\u5411\u3051\u3066\u3001\u30d7\u30ed\u4ed5\u69d8\u306e\u30c7\u30b8\u30bf\u30eb\u30c4\u30fc\u30eb\u3068\u30c6\u30af\u30ce\u30ed\u30b8\u30fc\u3092\u8eab\u8fd1\u306b\u5229\u7528\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u3092\u6700\u5927\u306e\u76ee\u6a19\u3068\u3057\u3066\u3044\u307e\u3059 &#8211; <strong>\u5b8c\u5168\u7121\u6599<\/strong>\u3067\u3001\u767b\u9332\u3084\u9762\u5012\u306a\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3082\u4e00\u5207\u4e0d\u8981\u3067\u3059\u3002\n            <\/p>\n\n            <div class=\"features-grid\">\n                <div class=\"feature-item\">\n                    <svg class=\"feature-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z\" \/>\n                    <\/svg>\n                    <h3>\u91d1\u878d\u30c4\u30fc\u30eb<\/h3>\n                    <p>\u6d88\u8cbb\u7a0e\u8a08\u7b97\u3001\u4f4f\u5b85\u30ed\u30fc\u30f3\u3001\u901a\u8ca8\u63db\u7b97\u3001\u91d1\u5229\u8a08\u7b97\u304c\u30ef\u30f3\u30af\u30ea\u30c3\u30af\u3067\u53ef\u80fd\u3002<\/p>\n                <\/div>\n                <div class=\"feature-item\">\n                    <svg class=\"feature-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z\" \/>\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z\" \/>\n                    <\/svg>\n                    <h3>\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\uff06\u30d7\u30ed\u30e2\u30fc\u30b7\u30e7\u30f3<\/h3>\n                    <p>QR\u30b3\u30fc\u30c9\u751f\u6210\u3001\u9ad8\u5ea6\u306a\u30c6\u30ad\u30b9\u30c8\u5206\u6790\u3001\u6d17\u7df4\u3055\u308c\u305f\u30e1\u30fc\u30eb\u7f72\u540d\u306e\u4f5c\u6210\u3002<\/p>\n                <\/div>\n                <div class=\"feature-item\">\n                    <svg class=\"feature-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z\" \/>\n                    <\/svg>\n                    <h3>\u30c7\u30b6\u30a4\u30f3\uff06\u958b\u767a<\/h3>\n                    <p>\u753b\u8cea\u3092\u843d\u3068\u3055\u306a\u3044\u753b\u50cf\u5727\u7e2e\u3001\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u5909\u63db\u3001\u5b89\u5168\u306a\u30d1\u30b9\u30ef\u30fc\u30c9\u751f\u6210\u3002<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"direct-contact\">\n                <div>\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\" \/>\n                    <\/svg>\n                    <span>\u76f4\u63a5\u30e1\u30fc\u30eb\u3067\u306e\u304a\u554f\u3044\u5408\u308f\u305b\u3092\u3054\u5e0c\u671b\u3067\u3059\u304b\uff1f<\/span>\n                <\/div>\n                <a href=\"mailto:support@bsolution.me\">support@bsolution.me<\/a>\n            <\/div>\n        <\/div>\n\n        <!-- Form Section -->\n        <div class=\"glass-card animate-in delay-2\">\n            \n            <div id=\"contact-success-message\" class=\"success-message\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" style=\"display: block; margin: 0 auto 8px;\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n                <\/svg>\n                \u9001\u4fe1\u304c\u5b8c\u4e86\u3057\u307e\u3057\u305f\uff01\u30e1\u30c3\u30bb\u30fc\u30b8\u306f\u7121\u4e8b\u306b\u9001\u4fe1\u3055\u308c\u307e\u3057\u305f\u3002<br>\u62c5\u5f53\u30b9\u30bf\u30c3\u30d5\u3088\u308a\u6298\u308a\u8fd4\u3057\u3054\u9023\u7d61\u3044\u305f\u3057\u307e\u3059\u3002\n            <\/div>\n\n            <form id=\"bnet-contact-form\" action=\"https:\/\/formsubmit.co\/support@bsolution.me\" method=\"POST\">\n                \n                <input type=\"hidden\" name=\"_subject\" value=\"\u304a\u554f\u3044\u5408\u308f\u305b\u30d5\u30a9\u30fc\u30e0\u304b\u3089\u306e\u65b0\u3057\u3044\u30e1\u30c3\u30bb\u30fc\u30b8 - bSolution\">\n                <input type=\"hidden\" name=\"_captcha\" value=\"false\">\n                <input type=\"hidden\" name=\"_template\" value=\"table\">\n                <!-- <input type=\"hidden\" name=\"_next\" value=\"https:\/\/bsolution.me\/ja\/contact?success=true\"> -->\n\n                <div class=\"form-grid\">\n                    \n                    <div class=\"form-group\">\n                        <label for=\"contact-name\">\u304a\u540d\u524d <span class=\"required\">*<\/span><\/label>\n                        <div class=\"input-wrapper\">\n                            <input type=\"text\" id=\"contact-name\" name=\"name\" class=\"form-control\" placeholder=\"\u4f8b\uff1a\u5c71\u7530 \u592a\u90ce\" required>\n                            <svg class=\"input-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\" \/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label for=\"contact-phone\">\u96fb\u8a71\u756a\u53f7 <span class=\"required\">*<\/span><\/label>\n                        <div class=\"input-wrapper\">\n                            <input type=\"tel\" id=\"contact-phone\" name=\"phone\" class=\"form-control\" placeholder=\"090-1234-5678\" required dir=\"ltr\" style=\"text-align: left;\">\n                            <svg class=\"input-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\" \/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"form-group full-width\">\n                        <label for=\"contact-email\">\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9 <span class=\"required\">*<\/span><\/label>\n                        <div class=\"input-wrapper\">\n                            <input type=\"email\" id=\"contact-email\" name=\"email\" class=\"form-control\" placeholder=\"yamada@example.com\" required dir=\"ltr\" style=\"text-align: left;\">\n                            <svg class=\"input-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 12a4 4 0 10-8 0 4 4 0 008 0zm0 0v1.5a2.5 2.5 0 005 0V12a9 9 0 10-9 9m4.5-1.206a8.959 8.959 0 01-4.5 1.207\" \/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"form-group full-width\">\n                        <label for=\"contact-message\">\u304a\u554f\u3044\u5408\u308f\u305b\u5185\u5bb9 <span class=\"required\">*<\/span><\/label>\n                        <!-- No icon for textarea -->\n                        <textarea id=\"contact-message\" name=\"message\" class=\"form-control\" placeholder=\"\u304a\u554f\u3044\u5408\u308f\u305b\u5185\u5bb9\u3092\u8a73\u3057\u304f\u3054\u8a18\u5165\u304f\u3060\u3055\u3044...\" required><\/textarea>\n                    <\/div>\n\n                    <div class=\"form-group full-width\">\n                        <label>\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u78ba\u8a8d\uff08Bot\u5bfe\u7b56\uff09 <span class=\"required\">*<\/span><\/label>\n                        <div class=\"security-check\">\n                            <div class=\"security-badge\" id=\"contact-captcha-question\">\n                                ? + ?\n                            <\/div>\n                            <div class=\"security-input-wrap\">\n                                <div class=\"input-wrapper\">\n                                    <input type=\"number\" id=\"contact-captcha-answer\" class=\"form-control\" placeholder=\"\u8a08\u7b97\u7d50\u679c\u3092\u5165\u529b...\" required>\n                                    <svg class=\"input-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\" \/>\n                                    <\/svg>\n                                <\/div>\n                                <div id=\"contact-captcha-error\" class=\"error-text\">\u7b54\u3048\u304c\u6b63\u3057\u304f\u3042\u308a\u307e\u305b\u3093\u3002\u3082\u3046\u4e00\u5ea6\u304a\u8a66\u3057\u304f\u3060\u3055\u3044\u3002<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\n                <button type=\"submit\" class=\"submit-btn\">\n                    <span>\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u9001\u4fe1<\/span>\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\" \/>\n                    <\/svg>\n                <\/button>\n            <\/form>\n        <\/div>\n\n    <\/div>\n\n    <script>\n        (function () {\n            \/\/ Theme synchronization\n            function syncTheme() {\n                const container = document.getElementById('bnet-contact-us');\n                if (document.body.classList.contains('dark-mode') || \n                    (localStorage.getItem('bnet-theme') === 'dark')) {\n                    container.classList.add('dark-mode');\n                } else {\n                    container.classList.remove('dark-mode');\n                }\n            }\n            syncTheme();\n            const observer = new MutationObserver(syncTheme);\n            observer.observe(document.body, { attributes: true, attributeFilter: ['class'] });\n\n            \/\/ Captcha Logic\n            let captchaCorrectAnswer = 0;\n            const captchaQuestionEl = document.getElementById('contact-captcha-question');\n            const captchaAnswerEl = document.getElementById('contact-captcha-answer');\n            const captchaErrorEl = document.getElementById('contact-captcha-error');\n            const contactForm = document.getElementById('bnet-contact-form');\n\n            function generateCaptcha() {\n                const num1 = Math.floor(Math.random() * 10) + 1;\n                const num2 = Math.floor(Math.random() * 10) + 1;\n                captchaCorrectAnswer = num1 + num2;\n                captchaQuestionEl.innerHTML = `\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\" \/>\n                    <\/svg>\n                    ${num1} + ${num2}\n                `;\n                captchaAnswerEl.value = '';\n                captchaErrorEl.style.display = 'none';\n            }\n\n            generateCaptcha();\n\n            contactForm.addEventListener('submit', function (e) {\n                e.preventDefault(); \/\/ Stop normal form submission to prevent redirect\n                \n                const userAnswer = parseInt(captchaAnswerEl.value, 10);\n                \n                if (userAnswer !== captchaCorrectAnswer) {\n                    captchaErrorEl.style.display = 'block';\n                    generateCaptcha();\n                    captchaAnswerEl.focus();\n                    return;\n                }\n                \n                \/\/ Validated! Submit via AJAX\n                const btn = contactForm.querySelector('.submit-btn');\n                const originalBtnHTML = btn.innerHTML;\n                \n                btn.innerHTML = `\n                    <svg class=\"animate-spin\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" style=\"animation: spin 1s linear infinite;\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\" \/>\n                    <\/svg>\n                    <span>\u9001\u4fe1\u4e2d...<\/span>\n                `;\n                btn.disabled = true;\n                \n                if (!document.getElementById('spin-style')) {\n                    const style = document.createElement('style');\n                    style.id = 'spin-style';\n                    style.innerHTML = '@keyframes spin { 100% { transform: rotate(360deg); } }';\n                    document.head.appendChild(style);\n                }\n\n                const formData = new FormData(contactForm);\n                \n                fetch(contactForm.action, {\n                    method: 'POST',\n                    body: formData,\n                    headers: {\n                        'Accept': 'application\/json'\n                    }\n                })\n                .then(response => {\n                    if (response.ok) {\n                        document.getElementById('contact-success-message').style.display = 'block';\n                        contactForm.reset();\n                        generateCaptcha();\n                        \/\/ Smooth scroll to top of the form so they see the success message\n                        document.getElementById('contact-success-message').scrollIntoView({ behavior: 'smooth', block: 'center' });\n                        \/\/ Hide success message after 8 seconds\n                        setTimeout(() => {\n                            document.getElementById('contact-success-message').style.display = 'none';\n                        }, 8000);\n                    } else {\n                        alert(\"\u30e1\u30c3\u30bb\u30fc\u30b8\u306e\u9001\u4fe1\u4e2d\u306b\u30a8\u30e9\u30fc\u304c\u767a\u751f\u3057\u307e\u3057\u305f\u3002\u5f8c\u3067\u3082\u3046\u4e00\u5ea6\u304a\u8a66\u3057\u304f\u3060\u3055\u3044\u3002\");\n                    }\n                })\n                .catch(error => {\n                    alert(\"\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u30a8\u30e9\u30fc\u304c\u767a\u751f\u3057\u307e\u3057\u305f\u3002\u63a5\u7d9a\u3092\u78ba\u8a8d\u3057\u3066\u3082\u3046\u4e00\u5ea6\u304a\u8a66\u3057\u304f\u3060\u3055\u3044\u3002\");\n                })\n                .finally(() => {\n                    btn.innerHTML = originalBtnHTML;\n                    btn.disabled = false;\n                });\n            });\n        })();\n    <\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u30ab\u30b9\u30bf\u30de\u30fc\u30b5\u30fc\u30d3\u30b9\uff06\u30b5\u30dd\u30fc\u30c8 \u304a\u554f\u3044\u5408\u308f\u305b \u3054\u8cea\u554f\u3084\u65b0\u3057\u3044\u30c4\u30fc\u30eb\u306e\u30a2\u30a4\u30c7\u30a2\u3001\u3042\u308b\u3044\u306f\u30c4\u30fc\u30eb\u306e\u4f7f\u3044\u65b9\u3067\u304a\u56f0\u308a\u3067\u3059\u304b\uff1f\u79c1\u305f\u3061\u306e\u30c1\u30fc\u30e0\u304c\u3044\u3064\u3067\u3082\u30b5\u30dd\u30fc\u30c8\u3057\u3001\u3088\u308a\u826f\u3044\u4f53\u9a13\u3092\u304a\u5c4a\u3051\u3057\u307e\u3059\u3002 \u79c1\u305f\u3061\u306e\u76ee\u6a19 &#8211; \u6642\u9593\u3092\u7bc0\u7d04 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","footnotes":""},"class_list":["post-34","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u304a\u554f\u3044\u5408\u308f\u305b - \u7121\u6599\u306e\u30d3\u30b8\u30cd\u30b9\u30c4\u30fc\u30eb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bsolution.me\/ja\/contact\/\" \/>\n<meta property=\"og:locale\" content=\"ja_JP\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u304a\u554f\u3044\u5408\u308f\u305b - \u7121\u6599\u306e\u30d3\u30b8\u30cd\u30b9\u30c4\u30fc\u30eb\" \/>\n<meta property=\"og:description\" content=\"\u30ab\u30b9\u30bf\u30de\u30fc\u30b5\u30fc\u30d3\u30b9\uff06\u30b5\u30dd\u30fc\u30c8 \u304a\u554f\u3044\u5408\u308f\u305b \u3054\u8cea\u554f\u3084\u65b0\u3057\u3044\u30c4\u30fc\u30eb\u306e\u30a2\u30a4\u30c7\u30a2\u3001\u3042\u308b\u3044\u306f\u30c4\u30fc\u30eb\u306e\u4f7f\u3044\u65b9\u3067\u304a\u56f0\u308a\u3067\u3059\u304b\uff1f\u79c1\u305f\u3061\u306e\u30c1\u30fc\u30e0\u304c\u3044\u3064\u3067\u3082\u30b5\u30dd\u30fc\u30c8\u3057\u3001\u3088\u308a\u826f\u3044\u4f53\u9a13\u3092\u304a\u5c4a\u3051\u3057\u307e\u3059\u3002 \u79c1\u305f\u3061\u306e\u76ee\u6a19 &#8211; \u6642\u9593\u3092\u7bc0\u7d04 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bsolution.me\/ja\/contact\/\" \/>\n<meta property=\"og:site_name\" content=\"\u7121\u6599\u306e\u30d3\u30b8\u30cd\u30b9\u30c4\u30fc\u30eb\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bsolution.me\\\/ja\\\/contact\\\/\",\"url\":\"https:\\\/\\\/bsolution.me\\\/ja\\\/contact\\\/\",\"name\":\"\u304a\u554f\u3044\u5408\u308f\u305b - \u7121\u6599\u306e\u30d3\u30b8\u30cd\u30b9\u30c4\u30fc\u30eb\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bsolution.me\\\/ja\\\/#website\"},\"datePublished\":\"2026-10-10T12:06:02+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bsolution.me\\\/ja\\\/contact\\\/#breadcrumb\"},\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bsolution.me\\\/ja\\\/contact\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bsolution.me\\\/ja\\\/contact\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/bsolution.me\\\/ja\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u304a\u554f\u3044\u5408\u308f\u305b\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bsolution.me\\\/ja\\\/#website\",\"url\":\"https:\\\/\\\/bsolution.me\\\/ja\\\/\",\"name\":\"\u7121\u6599\u306e\u30d3\u30b8\u30cd\u30b9\u30c4\u30fc\u30eb\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/bsolution.me\\\/ja\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ja\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u304a\u554f\u3044\u5408\u308f\u305b - \u7121\u6599\u306e\u30d3\u30b8\u30cd\u30b9\u30c4\u30fc\u30eb","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bsolution.me\/ja\/contact\/","og_locale":"ja_JP","og_type":"article","og_title":"\u304a\u554f\u3044\u5408\u308f\u305b - \u7121\u6599\u306e\u30d3\u30b8\u30cd\u30b9\u30c4\u30fc\u30eb","og_description":"\u30ab\u30b9\u30bf\u30de\u30fc\u30b5\u30fc\u30d3\u30b9\uff06\u30b5\u30dd\u30fc\u30c8 \u304a\u554f\u3044\u5408\u308f\u305b \u3054\u8cea\u554f\u3084\u65b0\u3057\u3044\u30c4\u30fc\u30eb\u306e\u30a2\u30a4\u30c7\u30a2\u3001\u3042\u308b\u3044\u306f\u30c4\u30fc\u30eb\u306e\u4f7f\u3044\u65b9\u3067\u304a\u56f0\u308a\u3067\u3059\u304b\uff1f\u79c1\u305f\u3061\u306e\u30c1\u30fc\u30e0\u304c\u3044\u3064\u3067\u3082\u30b5\u30dd\u30fc\u30c8\u3057\u3001\u3088\u308a\u826f\u3044\u4f53\u9a13\u3092\u304a\u5c4a\u3051\u3057\u307e\u3059\u3002 \u79c1\u305f\u3061\u306e\u76ee\u6a19 &#8211; \u6642\u9593\u3092\u7bc0\u7d04 [&hellip;]","og_url":"https:\/\/bsolution.me\/ja\/contact\/","og_site_name":"\u7121\u6599\u306e\u30d3\u30b8\u30cd\u30b9\u30c4\u30fc\u30eb","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bsolution.me\/ja\/contact\/","url":"https:\/\/bsolution.me\/ja\/contact\/","name":"\u304a\u554f\u3044\u5408\u308f\u305b - \u7121\u6599\u306e\u30d3\u30b8\u30cd\u30b9\u30c4\u30fc\u30eb","isPartOf":{"@id":"https:\/\/bsolution.me\/ja\/#website"},"datePublished":"2026-10-10T12:06:02+00:00","breadcrumb":{"@id":"https:\/\/bsolution.me\/ja\/contact\/#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bsolution.me\/ja\/contact\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/bsolution.me\/ja\/contact\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bsolution.me\/ja\/"},{"@type":"ListItem","position":2,"name":"\u304a\u554f\u3044\u5408\u308f\u305b"}]},{"@type":"WebSite","@id":"https:\/\/bsolution.me\/ja\/#website","url":"https:\/\/bsolution.me\/ja\/","name":"\u7121\u6599\u306e\u30d3\u30b8\u30cd\u30b9\u30c4\u30fc\u30eb","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bsolution.me\/ja\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ja"}]}},"_links":{"self":[{"href":"https:\/\/bsolution.me\/ja\/wp-json\/wp\/v2\/pages\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bsolution.me\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bsolution.me\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bsolution.me\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bsolution.me\/ja\/wp-json\/wp\/v2\/comments?post=34"}],"version-history":[{"count":0,"href":"https:\/\/bsolution.me\/ja\/wp-json\/wp\/v2\/pages\/34\/revisions"}],"wp:attachment":[{"href":"https:\/\/bsolution.me\/ja\/wp-json\/wp\/v2\/media?parent=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}