{"id":2290,"date":"2026-02-09T13:55:42","date_gmt":"2026-02-09T04:55:42","guid":{"rendered":"https:\/\/kks-ec.com\/rough-toyota\/?page_id=2290"},"modified":"2026-02-09T13:55:42","modified_gmt":"2026-02-09T04:55:42","slug":"school-taiken","status":"publish","type":"page","link":"https:\/\/kks-ec.com\/rough-toyota\/school-taiken\/","title":{"rendered":"\u30b9\u30af\u30fc\u30eb\u4f53\u9a13"},"content":{"rendered":"<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n    <meta charset=\"UTF-8\">\n    <title>\u30d5\u30a9\u30fc\u30e0\u8868\u793a<\/title>\n    <style>\n        \/* \u57fa\u672c\u30b9\u30bf\u30a4\u30eb\u306e\u30ea\u30bb\u30c3\u30c8 *\/\n        *, *::before, *::after {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        form {\n            background-color: #fff;\n            padding: 30px;\n            border-radius: 8px;\n            max-width: 90%;\n            margin: 0 auto;\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n        }\n\n        h2 {\n            margin-bottom: 25px;\n            font-size: 1.8em;\n            color: #333;\n            text-align: center;\n        }\n\n        .form-group {\n            margin-bottom: 20px;\n        }\n\n        label {\n            display: block;\n            font-weight: 600;\n            margin-bottom: 8px;\n            color: #555;\n        }\n\n        .required-field {\n            color: #d9534f;\n            margin-left: 5px;\n            font-size: 0.9em;\n        }\n\n        \/* \u30c6\u30ad\u30b9\u30c8\u7cfb\u3001\u30e1\u30fc\u30eb\u3001\u6570\u5024\u3001\u96fb\u8a71\u3001\u30bb\u30ec\u30af\u30c8\u3001\u30c6\u30ad\u30b9\u30c8\u30a8\u30ea\u30a2\u306e\u30b9\u30bf\u30a4\u30eb *\/\n        input[type=\"text\"],\n        input[type=\"email\"],\n        input[type=\"number\"],\n        input[type=\"tel\"],\n        select,\n        textarea {\n            width: 100%;\n            padding: 10px 12px;\n            border: 1px solid #ccc;\n            border-radius: 4px;\n            font-size: 1em;\n            transition: border-color 0.3s;\n        }\n        \n        \/* \u30d5\u30a1\u30a4\u30eb\u5165\u529b\u5c02\u7528\u306e\u30b9\u30bf\u30a4\u30eb\uff08\u30d6\u30e9\u30a6\u30b6\u306e\u30c7\u30d5\u30a9\u30eb\u30c8\u8868\u793a\u3092\u5c0a\u91cd\uff09 *\/\n        input[type=\"file\"] {\n            display: block;\n            margin-top: 5px;\n        }\n\n        input[type=\"text\"]:focus,\n        input[type=\"email\"]:focus,\n        input[type=\"number\"]:focus,\n        input[type=\"tel\"]:focus,\n        select:focus,\n        textarea:focus {\n            border-color: #66afe9;\n            outline: none;\n        }\n\n        .option-group {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 20px;\n        }\n\n        .option-item {\n            display: flex;\n            align-items: center;\n            position: relative;\n            padding-left: 30px;\n            cursor: pointer;\n            user-select: none;\n            font-size: 1em;\n            color: #333;\n        }\n\n        \/* \u96a0\u3057\u30e9\u30b8\u30aa\u30dc\u30bf\u30f3\u30fb\u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9 *\/\n        .option-item input[type=\"radio\"],\n        .option-item input[type=\"checkbox\"] {\n            position: absolute;\n            opacity: 0;\n            cursor: pointer;\n        }\n\n        \/* \u30ab\u30b9\u30bf\u30e0\u30e9\u30b8\u30aa\u30dc\u30bf\u30f3 *\/\n        .checkmark {\n            position: absolute;\n            left: 0;\n            top: 50%;\n            transform: translateY(-50%);\n            height: 20px;\n            width: 20px;\n            background-color: #fff;\n            border: 2px solid #ccc;\n            border-radius: 50%;\n        }\n\n        \/* \u30e9\u30b8\u30aa\u30dc\u30bf\u30f3 \u9078\u629e\u6642\u306e\u30b9\u30bf\u30a4\u30eb *\/\n        .option-item input[type=\"radio\"]:checked ~ .checkmark {\n            background-color: #007bff;\n            border-color: #007bff;\n        }\n\n        .checkmark::after {\n            content: \"\";\n            position: absolute;\n            display: none;\n        }\n\n        .option-item input[type=\"radio\"]:checked ~ .checkmark::after {\n            display: block;\n        }\n\n        .option-item .checkmark::after {\n            top: 4px;\n            left: 4px;\n            width: 8px;\n            height: 8px;\n            border-radius: 50%;\n            background: white;\n        }\n\n        .option-label {\n            display: flex;\n            align-items: center;\n            margin-left: 10px;\n        }\n\n        .option-image {\n            max-width: 20px;\n            margin-right: 8px;\n        }\n\n        .field-comment {\n            margin-top: 5px;\n            font-size: 0.85em;\n            color: #777;\n        }\n\n        .email-info {\n            margin-top: 5px;\n            font-size: 0.9em;\n            color: #555;\n        }\n\n        button[type=\"submit\"] {\n            background-color: #007bff;\n            color: #fff;\n            padding: 12px 20px;\n            border: none;\n            border-radius: 4px;\n            font-size: 1.1em;\n            cursor: pointer;\n            transition: background-color 0.3s;\n            width: 100%;\n        }\n\n        button[type=\"submit\"]:hover {\n            background-color: #0056b3;\n        }\ntextarea {\n    min-height: 100px; \/* \u304a\u597d\u307f\u306e\u9ad8\u3055\u306b\u8abf\u6574 *\/\n}\n\n\t\t\n        \/* \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u5bfe\u5fdc *\/\n        @media (max-width: 600px) {\n            form {\n                padding: 20px;\n            }\n\n            .option-group {\n                flex-direction: column;\n            }\n\n            button[type=\"submit\"] {\n                font-size: 1em;\n                padding: 10px;\n            }\n        }\n\t\t\n\t\t\/* \u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u306e\u30ab\u30b9\u30bf\u30e0\u30b9\u30bf\u30a4\u30eb *\/\n        .option-item input[type=\"checkbox\"]:checked ~ .checkmark {\n            background-color: #007bff;\n            border-color: #007bff;\n        }\n\n        \/* \u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u306b\u30c1\u30a7\u30c3\u30af\u304c\u5165\u3063\u305f\u3068\u304d\u306e\u30c1\u30a7\u30c3\u30af\u30de\u30fc\u30af *\/\n        .option-item input[type=\"checkbox\"]:checked ~ .checkmark::after {\n            content: \"\";\n            position: absolute;\n            display: block;\n            left: 6px;\n            top: 2px;\n            width: 6px;\n            height: 12px;\n            border: solid white;\n            border-width: 0 2px 2px 0;\n            transform: rotate(45deg);\n        }\n\t\t\n\t\t\/* \u30a8\u30e9\u30fc\u8868\u793a\uff08\u4efb\u610f\uff09 *\/\n\t\t.error {\n\t\t    border: 1px solid #d9534f;\n\t\t    padding: 5px;\n\t\t}\n\t\t\n\t\t\/* reCAPTCHA \u306e\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u5bfe\u5fdc\u7528 *\/\n    .recaptcha-container {\n        transform: scale(0.85);\n        transform-origin: 0 0;\n        -webkit-transform: scale(0.85);\n        -webkit-transform-origin: 0 0;\n    }\n    @media (max-width: 480px) {\n        .recaptcha-container {\n            width: 100%;\n            overflow: hidden;\n        }\n    }\n    <\/style>\n<\/head>\n<body>\n    <!-- \u540c\u3058\u30da\u30fc\u30b8\u3078POST\u3059\u308b\u305f\u3081 action=\"\" -->\n    <form method=\"post\" action=\"\" enctype=\"multipart\/form-data\" id=\"minna-no-form\">\n        <input type=\"hidden\" id=\"minna_no_form_security\" name=\"minna_no_form_security\" value=\"461679b168\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/rough-toyota\/wp-json\/wp\/v2\/pages\/2290\" \/>        <input type=\"hidden\" name=\"mnf_form_id\" value=\"3\">\n\n        <h2>\u3010\u8c4a\u7530AFC\u3011\u304a\u554f\u3044\u5408\u308f\u305b<\/h2>\n\n                    <div class=\"form-group\">\n                <label for=\"user_email\">\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9<span class=\"required-field\">\u203b\u5fc5\u9808\u3067\u3059<\/span><\/label>\n                <input type=\"email\" name=\"user_email\" id=\"user_email\" required data-original-required=\"true\" placeholder=\"\u4f8b: example@domain.com\">\n                <p class=\"email-info\">\u3053\u3061\u3089\u306b\u8a18\u8f09\u3044\u305f\u3060\u3044\u305f\u30a2\u30c9\u30ec\u30b9\u306b\u81ea\u52d5\u8fd4\u4fe1\u30e1\u30fc\u30eb\u3092\u9001\u308a\u307e\u3059\u3002<\/p>\n            <\/div>\n        \n        <!-- \u304a\u540d\u524d\u30d5\u30a3\u30fc\u30eb\u30c9\u3092\u8ffd\u52a0\uff08\u5b58\u5728\u3057\u306a\u3044\u5834\u5408\uff09 -->\n                    <div class=\"form-group\">\n                <label for=\"user_name\">\u304a\u540d\u524d<span class=\"required-field\">\u203b\u5fc5\u9808\u3067\u3059<\/span><\/label>\n                <input type=\"text\" name=\"user_name\" id=\"user_name\" required data-original-required=\"true\" placeholder=\"\u4f8b: \u5c71\u7530 \u592a\u90ce\">\n            <\/div>\n        \n                    <div class=\"form-group\"\n                 id=\"field-group-0\"\n                             >\n                <label>\n                    \u96fb\u8a71\u756a\u53f7                                    <\/label>\n\n                                        <input type=\"text\"\n                               name=\"item_0\"\n                               value=\"\"\n                                                              placeholder=\"\">\n                                    <\/div><!-- \/.form-group -->\n                    <div class=\"form-group\"\n                 id=\"field-group-1\"\n                             >\n                <label>\n                    \u304a\u554f\u3044\u5408\u308f\u305b\u5185\u5bb9                                    <\/label>\n\n                                        <textarea name=\"item_1\"\n                                  rows=\"8\"\n                                                                    placeholder=\"\"><\/textarea>\n                                    <\/div><!-- \/.form-group -->\n        \n\n\n        <button type=\"submit\" name=\"submit_form\" class=\"button\">\u9001\u4fe1\u3059\u308b<\/button>\n    <\/form>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ \u6761\u4ef6\u4ed8\u304d\u8868\u793a\u306e\u66f4\u65b0\uff08\u65e2\u5b58\u306e\u51e6\u7406\uff09\n    function updateVisibility() {\n        document.querySelectorAll('.form-group').forEach(function(group) {\n            let shouldDisplay = false;\n            let hasConditions = false;\n            let conditionIndex = 0;\n\n            \/\/ OR\u6761\u4ef6\u30c1\u30a7\u30c3\u30af\n            while (group.hasAttribute(`data-condition-field-${conditionIndex}`)) {\n                const conditionField = group.getAttribute(`data-condition-field-${conditionIndex}`);\n                const conditionValue = group.getAttribute(`data-condition-value-${conditionIndex}`);\n\n                if (conditionField && conditionValue) {\n                    hasConditions = true;\n                    const relatedInputs = document.querySelectorAll(`[name=\"${conditionField}\"], [name=\"${conditionField}[]\"]`);\n                    relatedInputs.forEach(function(input) {\n                        if ((input.type === 'radio' || input.type === 'checkbox') && input.checked && input.value === conditionValue) {\n                            shouldDisplay = true;\n                        }\n                        else if (input.tagName.toLowerCase() === 'select' && input.value === conditionValue) {\n                            shouldDisplay = true;\n                        }\n                        else if ((input.type === 'text' || input.type === 'number' || input.type === 'email' \n                               || input.type === 'tel' || input.type === 'file' || input.tagName.toLowerCase() === 'textarea')\n                               && input.value === conditionValue) {\n                            shouldDisplay = true;\n                        }\n                    });\n                }\n                conditionIndex++;\n            }\n\n            if (!hasConditions) {\n                shouldDisplay = true;\n            }\n\n            \/\/ \u8868\u793a\/\u975e\u8868\u793a\u306e\u5207\u66ff\n            group.style.display = shouldDisplay ? 'block' : 'none';\n\n            \/\/ \u975e\u8868\u793a\u306e\u5834\u5408\u3001required\u5c5e\u6027\u89e3\u9664\uff06\u5024\u30af\u30ea\u30a2\n            group.querySelectorAll('input, select, textarea').forEach(function(input) {\n                if (shouldDisplay && input.getAttribute('data-original-required') === 'true') {\n                    input.setAttribute('required', 'required');\n                } else {\n                    input.removeAttribute('required');\n                }\n                if (!shouldDisplay) {\n                    if (input.type === 'radio' || input.type === 'checkbox') {\n                        input.checked = false;\n                    } else if (input.tagName.toLowerCase() === 'select') {\n                        input.selectedIndex = 0;\n                    } else {\n                        input.value = '';\n                    }\n                }\n            });\n        });\n    }\n\n    function setVisibilityListeners() {\n        const inputs = document.querySelectorAll('.form-group input, .form-group select, .form-group textarea');\n        inputs.forEach(function(input) {\n            input.addEventListener('change', updateVisibility);\n        });\n    }\n\n    setVisibilityListeners();\n    updateVisibility();\n\n    \/\/ \u30d5\u30a9\u30fc\u30e0\u9001\u4fe1\u6642\u306e\u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u30b0\u30eb\u30fc\u30d7\u306e\u5fc5\u9808\u30c1\u30a7\u30c3\u30af\n    document.getElementById('minna-no-form').addEventListener('submit', function(e) {\n        let valid = true;\n        \/\/ data-required-group \u304c\u4ed8\u4e0e\u3055\u308c\u3066\u3044\u308b\u5404\u30b0\u30eb\u30fc\u30d7\u306b\u3064\u3044\u3066\u691c\u8a3c\n        document.querySelectorAll('[data-required-group=\"true\"]').forEach(function(group) {\n            \/\/ \u30b0\u30eb\u30fc\u30d7\u5185\u306e\u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u306e\u3046\u3061\u3001\u3044\u305a\u308c\u304b\u4e00\u3064\u304c\u30c1\u30a7\u30c3\u30af\u3055\u308c\u3066\u3044\u308b\u304b\n            if (!group.querySelector('input[type=\"checkbox\"]:checked')) {\n                valid = false;\n                group.classList.add('error'); \/\/ \u30a8\u30e9\u30fc\u8868\u793a\u7528\uff08\u4efb\u610f\uff09\n            } else {\n                group.classList.remove('error');\n            }\n        });\n        if (!valid) {\n            e.preventDefault();\n            alert('\u5fc5\u9808\u9805\u76ee\uff1a\u3044\u305a\u308c\u304b\u306e\u30c1\u30a7\u30c3\u30af\u9805\u76ee\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002');\n        }\n    });\n});\n<\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_jet_sm_ready_style":"","_jet_sm_style":"","_jet_sm_controls_values":"","_jet_sm_fonts_collection":"","_jet_sm_fonts_links":"","footnotes":""},"class_list":["post-2290","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kks-ec.com\/rough-toyota\/wp-json\/wp\/v2\/pages\/2290","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kks-ec.com\/rough-toyota\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kks-ec.com\/rough-toyota\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kks-ec.com\/rough-toyota\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kks-ec.com\/rough-toyota\/wp-json\/wp\/v2\/comments?post=2290"}],"version-history":[{"count":1,"href":"https:\/\/kks-ec.com\/rough-toyota\/wp-json\/wp\/v2\/pages\/2290\/revisions"}],"predecessor-version":[{"id":2291,"href":"https:\/\/kks-ec.com\/rough-toyota\/wp-json\/wp\/v2\/pages\/2290\/revisions\/2291"}],"wp:attachment":[{"href":"https:\/\/kks-ec.com\/rough-toyota\/wp-json\/wp\/v2\/media?parent=2290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}