{"id":1568,"date":"2025-11-27T18:02:09","date_gmt":"2025-11-27T09:02:09","guid":{"rendered":"https:\/\/ashizawa-ari.jp\/pro\/?page_id=1568"},"modified":"2026-04-23T08:59:34","modified_gmt":"2026-04-22T23:59:34","slug":"%e3%81%94%e4%be%9d%e9%a0%bc%e3%81%ae%e6%b5%81%e3%82%8c","status":"publish","type":"page","link":"https:\/\/ashizawa-ari.jp\/pro\/?page_id=1568","title":{"rendered":"\u3054\u4f9d\u983c\u306e\u6d41\u308c"},"content":{"rendered":"\n<!doctype html>\n<html lang=\"ja\">\n\n<head>\n    <meta charset=\"utf-8\" \/>\n    <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\" \/>\n    <title>\u3054\u4f9d\u983c\u306e\u6d41\u308c \u2014 \u82a6\u6fa4\u4e8b\u52d9\u6240<\/title>\n    <style>\n        :root {\n            --bg: #E8F8F2;\n            --accent: #7BDCB5;\n            --card: #ffffff;\n            --text: #15323b;\n            --muted: #6b7c7a;\n            --border: #cfefe0;\n            --accent-dark: #59b995;\n        }\n\n        * {\n            box-sizing: border-box\n        }\n\n        body {\n            margin: 0;\n            font-family: \"Hiragino Kaku Gothic ProN\", \"Source Han Sans JP\", \"Noto Sans JP\", system-ui;\n            color: var(--text);\n            background: linear-gradient(180deg, var(--bg), #fff);\n            line-height: 1.6;\n            min-height: 100vh;\n        }\n\n        .container {\n            max-width: 900px;\n            margin: 0 auto;\n            padding: 0px 24px;\n        }\n\n        .flow-header-notice {\n            display: flex;\n            align-items: center;\n            gap: 14px;\n            margin-bottom: 10px;\n        }\n\n\n\n        p.lead {\n            margin: 6px 0 18px;\n            color: var(--muted);\n            text-align: center;\n        }\n\n        \/* -----------------------------------\n     \u2605 \u96fb\u8a71\u756a\u53f7\u30ab\u30fc\u30c9 \u2192 \u67a0\uff0b\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\n  ----------------------------------- *\/\n        .phone-card {\n            background: linear-gradient(90deg, rgba(123, 220, 181, 0.12), rgba(255, 255, 255, 0.6));\n            border: 1px solid var(--border);\n            padding: 16px;\n            border-radius: 12px;\n            display: flex;\n            flex-direction: column;\n            gap: 14px;\n            margin-bottom: 24px;\n\n            \/* \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\n            opacity: 0;\n            transform: translateY(20px);\n            transition: .8s ease;\n        }\n\n        .phone-card.show {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .phone-rows {\n            display: flex;\n            justify-content: space-between;\n            gap: 20px;\n            flex-wrap: wrap;\n        }\n\n        .phone-block {\n            flex: 1;\n            min-width: 260px;\n            background: var(--card);\n            border: 1px solid var(--border);\n            border-radius: 10px;\n            padding: 14px;\n            display: flex;\n            gap: 12px;\n            align-items: center;\n            box-shadow: 0 6px 18px rgba(0, 0, 0, 0.03);\n        }\n\n        .phone-icon {\n            width: 48px;\n            height: 48px;\n            border-radius: 10px;\n            background: var(--accent);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: #fff;\n            font-weight: 700;\n            font-size: 17px;\n            box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08)\n        }\n\n        .tel-title {\n            font-size: 14px;\n            color: var(--muted);\n            margin-bottom: 2px;\n        }\n\n        .tel {\n            font-size: 19px;\n            font-weight: 700;\n            color: var(--accent-dark);\n            text-decoration: none;\n        }\n\n        .note {\n            font-size: 13px;\n            color: var(--muted);\n        }\n\n        \/* -----------------------------------\n     \u2605 1\u301c6 \u306e\u67a0\u3092\u300c\u96fb\u8a71\u3068\u540c\u3058\u3088\u3046\u306b\u300d\u56f2\u3080\n  ----------------------------------- *\/\n        .steps {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n            gap: 18px;\n            margin-bottom: 28px;\n        }\n\n        .step {\n            background: #fff;\n            border: 2px solid var(--accent);\n            \/* \u2190 \u2605 \u67a0\u3092\u5f37\u8abf *\/\n            border-radius: 14px;\n            padding: 16px;\n            box-shadow: 0 6px 14px rgba(0, 0, 0, 0.04);\n\n            \/* \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u6e96\u5099 *\/\n            opacity: 0;\n            transform: translateY(20px);\n            transition: opacity .7s ease, transform .7s ease;\n        }\n\n        .step.show {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .step .num {\n            width: 34px;\n            height: 34px;\n            border-radius: 8px;\n            background: var(--accent);\n            color: #fff;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: 700;\n            margin-bottom: 10px;\n        }\n\n        .step h3 {\n            margin: 6px 0 8px;\n            font-size: 16px\n        }\n\n        .step p {\n            margin: 0;\n            color: var(--muted);\n            font-size: 14px\n        }\n\n        .prepare {\n            background: linear-gradient(180deg, #fff, #f7fffb);\n            border: 1px dashed var(--border);\n            padding: 14px;\n            border-radius: 10px;\n            color: var(--muted);\n            font-size: 14px;\n        }\n\n        .flow-footer-notice {\n            margin-top: 26px;\n            font-size: 13px;\n            color: var(--muted);\n        }\n    <\/style>\n<\/head>\n\n<body>\n    <div class=\"container\">\n        <div class=\"flow-header-notice\">\n            <div>\n                <p class=\"lead\"><\/p>\n            <\/div>\n        <\/div>\n\n        <!-- \u96fb\u8a71\u756a\u53f7\u30ab\u30fc\u30c9\uff08\u30a2\u30cb\u30e1\u4ed8\u304d\uff09 -->\n        <div class=\"phone-card\">\n            <div class=\"phone-rows\">\n\n                <div class=\"phone-block\">\n                    <div class=\"phone-icon\">TEL<\/div>\n                    <div>\n                        <div class=\"tel-title\">\u571f\u5730\u5bb6\u5c4b\u8abf\u67fb\u58eb<\/div>\n                        <a class=\"tel\" href=\"tel:0556-22-8668\">0556-22-8668<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"phone-block\">\n                    <div class=\"phone-icon\">TEL<\/div>\n                    <div>\n                        <div class=\"tel-title\">\u53f8\u6cd5\u66f8\u58eb<\/div>\n                        <a class=\"tel\" href=\"tel:0556-22-8663\">0556-22-8663<\/a>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <div class=\"note\" style=\"margin-top:4px;\">\n                \u53d7\u4ed8\u6642\u9593\uff1a\u5e73\u65e5 9:00\u301c17:00\uff08\u51fa\u3089\u308c\u306a\u3044\u5834\u5408\u306f\u6298\u308a\u8fd4\u3057\u3054\u9023\u7d61\u3057\u307e\u3059\uff09<br>\n            <\/div>\n        <\/div>\n\n        <!-- \u30b9\u30c6\u30c3\u30d7\u4e00\u89a7\uff08\u67a0\u3067\u56f2\u308f\u308c\u3066\u3001\u9806\u756a\u306b\u3075\u308f\u3063\u3068\u8868\u793a\uff09 -->\n        <section aria-label=\"\u4f9d\u983c\u306e\u30b9\u30c6\u30c3\u30d7\">\n            <div class=\"steps\">\n\n                <article class=\"step\" style=\"transition-delay:0.1s\">\n                    <div class=\"num\">1<\/div>\n                    <h3>\u304a\u554f\u3044\u5408\u308f\u305b<\/h3>\n                    <p>\u304a\u96fb\u8a71\u3084\u30e1\u30fc\u30eb\u3067\u3054\u76f8\u8ac7\u5185\u5bb9\u3092\u304a\u4f1d\u3048\u304f\u3060\u3055\u3044\u3002<\/p>\n                <\/article>\n\n                <article class=\"step\" style=\"transition-delay:0.25s\">\n                    <div class=\"num\">2<\/div>\n                    <h3>\u73fe\u5730\u78ba\u8a8d\u30fb\u65e5\u7a0b\u8abf\u6574<\/h3>\n                    <p>\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u73fe\u5730\u8abf\u67fb\u3092\u884c\u3044\u307e\u3059\u3002\u8a2a\u554f\u65e5\u6642\u306f\u96fb\u8a71\u3067\u8abf\u6574\u3057\u307e\u3059\u3002<\/p>\n                <\/article>\n\n                <article class=\"step\" style=\"transition-delay:0.4s\">\n                    <div class=\"num\">3<\/div>\n                    <h3>\u304a\u898b\u7a4d\u308a\u306e\u63d0\u793a<\/h3>\n                    <p>\u73fe\u5730\u72b6\u6cc1\u3084\u3054\u5e0c\u671b\u306b\u57fa\u3065\u304d\u3001\u304a\u898b\u7a4d\u308a\u3092\u96fb\u8a71\u3067\u3054\u6848\u5185\u3057\u307e\u3059\u3002<\/p>\n                <\/article>\n\n                <article class=\"step\" style=\"transition-delay:0.55s\">\n                    <div class=\"num\">4<\/div>\n                    <h3>\u3054\u4f9d\u983c<\/h3>\n                    <p>\u96fb\u8a71\u306b\u3066\u3054\u4f9d\u983c\u3092\u78ba\u5b9a\u3057\u307e\u3059\u3002<\/p>\n                <\/article>\n\n                <article class=\"step\" style=\"transition-delay:0.7s\">\n                    <div class=\"num\">5<\/div>\n                    <h3>\u4f5c\u696d\u30fb\u8abf\u67fb\u306e\u5b9f\u65bd<\/h3>\n                    <p>\u4e88\u5b9a\u65e5\u306b\u4f5c\u696d\u3092\u5b9f\u65bd\u3057\u307e\u3059\u3002\u9032\u6357\u306f\u9069\u5b9c\u96fb\u8a71\u3067\u3054\u5831\u544a\u3057\u307e\u3059\u3002<\/p>\n                <\/article>\n\n                <article class=\"step\" style=\"transition-delay:0.85s\">\n                    <div class=\"num\">6<\/div>\n                    <h3>\u5b8c\u4e86\u5831\u544a\u30fb\u3054\u8acb\u6c42<\/h3>\n                    <p>\u4f5c\u696d\u5b8c\u4e86\u5f8c\u3001\u5185\u5bb9\u3092\u3054\u8aac\u660e\u3057\u3001\u3054\u8acb\u6c42\u30fb\u304a\u652f\u6255\u3044\u306e\u6848\u5185\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n                <\/article>\n\n            <\/div>\n        <\/section>\n\n        <section style=\"margin-top:8px\">\n            <h2 style=\"font-size:16px;margin:0 0 10px\">\u3054\u6e96\u5099\u3044\u305f\u3060\u304d\u305f\u3044\u3082\u306e<\/h2>\n            <div class=\"prepare\">\n                <ul style=\"margin:0 0 0 18px;padding:6px 0;\">\n                    <li>\u3054\u4f9d\u983c\u5185\u5bb9\uff08\u5834\u6240\u30fb\u76ee\u7684\u30fb\u5e0c\u671b\u65e5\u6642\u306a\u3069\uff09<\/li>\n                    <li>\u73fe\u5730\u306e\u4f4f\u6240\u30fb\u30a2\u30af\u30bb\u30b9\u65b9\u6cd5<\/li>\n                    <li>\u95a2\u4fc2\u8005\u306e\u9023\u7d61\u5148\uff08\u5fc5\u8981\u306a\u5834\u5408\uff09<\/li>\n                    <li>\u56f3\u9762\u3084\u5199\u771f\u306a\u3069\u306e\u8cc7\u6599\uff08\u3042\u308c\u3070\uff09<\/li>\n                <\/ul>\n            <\/div>\n        <\/section>\n\n        <div class=\"flow-footer-notice\">\n            <p><\/p>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/* ---- \u96fb\u8a71\u30681\u301c6\u306e\u9805\u76ee\u3092\u30b9\u30af\u30ed\u30fc\u30eb\u3067\u30a2\u30cb\u30e1 ---- *\/\n        const targets = document.querySelectorAll('.phone-card, .step');\n\n        const observer = new IntersectionObserver(entries => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('show');\n                }\n            });\n        }, {\n            threshold: 0.2\n        });\n\n        targets.forEach(el => observer.observe(el));\n    <\/script>\n\n<\/body>\n\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u3054\u4f9d\u983c\u306e\u6d41\u308c \u2014 \u82a6\u6fa4\u4e8b\u52d9\u6240 TEL \u571f\u5730\u5bb6\u5c4b\u8abf\u67fb\u58eb 0556-22-8668 TEL \u53f8\u6cd5\u66f8\u58eb 0556-22-8663 \u53d7\u4ed8\u6642\u9593\uff1a\u5e73\u65e5 9:00\u301c17:00\uff08\u51fa\u3089\u308c\u306a\u3044\u5834\u5408\u306f\u6298\u308a\u8fd4\u3057\u3054\u9023\u7d61\u3057\u307e\u3059\uff09 1 \u304a\u554f\u3044\u5408\u308f\u305b  [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":8,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":true,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":true,"_monsterinsights_sitenote_note":"Published: \u3054\u4f9d\u983c\u306e\u6d41\u308c","_monsterinsights_sitenote_category":5,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"sns_share_botton_hide":"","vkExUnit_sns_title":"","_vk_print_noindex":"","sitemap_hide":"","vkExUnit_sitemap":"","_veu_custom_css":"","veu_display_promotion_alert":"common","_exclude_from_list_pages":"","vkexunit_cta_each_option":"","vkExUnit_childPageIndex":"","vkExUnit_pageList_ancestor":"","vkExUnit_contact_enable":"","footnotes":""},"class_list":["post-1568","page","type-page","status-publish","has-post-thumbnail","hentry"],"veu_head_title_object":{"title":"","add_site_title":""},"_links":{"self":[{"href":"https:\/\/ashizawa-ari.jp\/pro\/index.php?rest_route=\/wp\/v2\/pages\/1568","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ashizawa-ari.jp\/pro\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ashizawa-ari.jp\/pro\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ashizawa-ari.jp\/pro\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ashizawa-ari.jp\/pro\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1568"}],"version-history":[{"count":42,"href":"https:\/\/ashizawa-ari.jp\/pro\/index.php?rest_route=\/wp\/v2\/pages\/1568\/revisions"}],"predecessor-version":[{"id":2027,"href":"https:\/\/ashizawa-ari.jp\/pro\/index.php?rest_route=\/wp\/v2\/pages\/1568\/revisions\/2027"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ashizawa-ari.jp\/pro\/index.php?rest_route=\/wp\/v2\/media\/8"}],"wp:attachment":[{"href":"https:\/\/ashizawa-ari.jp\/pro\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}