{"id":72,"date":"2025-03-06T14:32:47","date_gmt":"2025-03-06T05:32:47","guid":{"rendered":"http:\/\/cranere2024.com\/?page_id=72"},"modified":"2026-03-01T13:48:24","modified_gmt":"2026-03-01T04:48:24","slug":"%e7%89%a9%e4%bb%b6%e8%b3%bc%e5%85%a5%e3%81%be%e3%81%a7%e3%81%ae%e6%b5%81%e3%82%8c","status":"publish","type":"page","link":"https:\/\/cranere2024.com\/?page_id=72","title":{"rendered":"\u9e7f\u5150\u5cf6\u5e02\u306e\u7269\u4ef6\u8cfc\u5165\u307e\u3067\u306e\u6d41\u308c"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u7269\u4ef6\u8cfc\u5165\u307e\u3067\u306e\u6d41\u308c | \u682a\u5f0f\u4f1a\u793e\u30af\u30ec\u30a4\u30f3<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;500;700&#038;family=Shippori+Mincho:wght@700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        :root {\n            --primary-blue: #005bac;\n            --accent-gold: #e9c46a;\n            --bg-light: #f9f9f9;\n            --text-dark: #333333;\n            --text-gray: #666666;\n            --white: #ffffff;\n        }\n\n        body {\n            font-family: 'Noto Sans JP', sans-serif;\n            color: var(--text-dark);\n            background-color: var(--bg-light);\n            margin: 0;\n            line-height: 1.7;\n        }\n\n        .container {\n            max-width: 900px;\n            margin: 0 auto;\n            padding: 60px 20px;\n        }\n\n        \/* Header *\/\n        header {\n            text-align: center;\n            margin-bottom: 60px;\n        }\n        \n        h1 {\n            font-family: 'Shippori Mincho', serif;\n            font-size: 32px;\n            position: relative;\n            padding-bottom: 20px;\n            margin: 0;\n            color: var(--text-dark);\n        }\n        h1::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 3px;\n            background-color: var(--accent-gold);\n        }\n        .lead-text {\n            margin-top: 25px;\n            font-size: 15px;\n            color: var(--text-gray);\n        }\n\n        \/* Flow wrapper *\/\n        .flow-wrapper {\n            display: flex;\n            flex-direction: column;\n            gap: 30px;\n            position: relative;\n        }\n\n        \/* Vertical Line for Desktop *\/\n        @media (min-width: 768px) {\n            .flow-wrapper::before {\n                content: '';\n                position: absolute;\n                left: 30px;\n                top: 0;\n                bottom: 0;\n                width: 2px;\n                background: repeating-linear-gradient(to bottom, transparent, transparent 5px, #ddd 5px, #ddd 10px);\n                z-index: 0;\n            }\n        }\n\n        .flow-card {\n            background-color: var(--white);\n            border-radius: 12px;\n            overflow: hidden;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n            display: flex;\n            flex-direction: column;\n            border: 1px solid #eee;\n            position: relative;\n            z-index: 1;\n        }\n\n        .flow-img {\n            width: 100%;\n            height: 200px;\n            background-size: cover;\n            background-position: center;\n            position: relative;\n        }\n\n        \/* Step Badge *\/\n        .step-label {\n            position: absolute;\n            top: 15px;\n            left: 15px;\n            background-color: var(--primary-blue);\n            color: var(--white);\n            padding: 4px 12px;\n            border-radius: 4px;\n            font-weight: bold;\n            font-size: 13px;\n            letter-spacing: 0.05em;\n        }\n\n        .flow-content {\n            padding: 25px;\n        }\n\n        .flow-content h2 {\n            font-size: 20px;\n            color: var(--primary-blue);\n            margin: 0 0 15px 0;\n            display: flex;\n            align-items: center;\n        }\n\n        .flow-content p {\n            font-size: 15px;\n            color: var(--text-gray);\n            margin: 0;\n        }\n\n        .tag-list {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 8px;\n            margin-bottom: 10px;\n        }\n        .tag {\n            font-size: 11px;\n            background: #f0f4f8;\n            color: var(--primary-blue);\n            padding: 2px 8px;\n            border-radius: 3px;\n            font-weight: 500;\n        }\n\n        \/* Desktop Layout *\/\n        @media (min-width: 768px) {\n            .flow-card {\n                flex-direction: row;\n                margin-left: 60px;\n            }\n            .flow-img {\n                width: 300px;\n                height: auto;\n                min-height: 220px;\n            }\n            .flow-content {\n                flex: 1;\n                padding: 30px 40px;\n            }\n            .step-label {\n                left: -75px;\n                top: 50%;\n                transform: translateY(-50%);\n                width: 70px;\n                text-align: center;\n                padding: 8px 0;\n                border-radius: 50px;\n            }\n            \/* Arrow connector *\/\n            .flow-card::after {\n                content: '\u25bc';\n                position: absolute;\n                bottom: -22px;\n                left: -38px;\n                color: #ddd;\n                font-size: 12px;\n            }\n            .flow-card:last-child::after {\n                display: none;\n            }\n        }\n\n        \/* CTA *\/\n        .cta-box {\n            margin-top: 80px;\n            background-color: var(--primary-blue);\n            color: var(--white);\n            padding: 50px 30px;\n            border-radius: 16px;\n            text-align: center;\n        }\n        .cta-box h3 {\n            font-size: 24px;\n            margin-bottom: 15px;\n            color: #ffffff !important; \/* \u5f37\u5236\u7684\u306b\u767d\u6587\u5b57\u306b\u8a2d\u5b9a *\/\n        }\n        .cta-box p {\n            color: #ffffff !important; \/* \u30b9\u30de\u30db\u30fbPC\u5171\u306b\u767d\u306b\u5f37\u5236 *\/\n            opacity: 1 !important; \/* \u900f\u660e\u5ea6\u3092\u306a\u304f\u3057\u3066\u8996\u8a8d\u6027\u3092\u6700\u5927\u5316 *\/\n            margin-bottom: 25px;\n            font-size: 16px;\n        }\n        .cta-btn {\n            display: inline-block;\n            background-color: var(--white);\n            color: var(--primary-blue);\n            text-decoration: none;\n            padding: 16px 40px;\n            border-radius: 50px;\n            font-weight: bold;\n            font-size: 22px;\n            margin-top: 10px;\n            transition: 0.3s;\n            white-space: nowrap;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n        }\n        .cta-btn:hover {\n            transform: scale(1.05);\n            background-color: #f0f0f0;\n        }\n\n        footer {\n            text-align: center;\n            padding: 50px 0;\n            font-size: 13px;\n            color: #999;\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n    <header>\n        <h1>\u7269\u4ef6\u8cfc\u5165\u307e\u3067\u306e\u6d41\u308c<\/h1>\n        <p class=\"lead-text\">\n            \u7406\u60f3\u306e\u4f4f\u307e\u3044\u3092\u624b\u306b\u5165\u308c\u308b\u305f\u3081\u306e\u3001\u6700\u521d\u306e\u4e00\u6b69\u304b\u3089\u304a\u5f15\u8d8a\u3057\u307e\u3067\u306e\u30b9\u30c6\u30c3\u30d7\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002<br>\n            \u30af\u30ec\u30a4\u30f3\u4e0d\u52d5\u7523\u304c\u3001\u304a\u5ba2\u69d8\u306e\u78ba\u5b9f\u306a\u4e0d\u52d5\u7523\u8cfc\u5165\u3092\u30d5\u30eb\u30b5\u30dd\u30fc\u30c8\u3044\u305f\u3057\u307e\u3059\u3002\n        <\/p>\n    <\/header>\n\n    <div class=\"flow-wrapper\">\n        <!-- STEP 01 -->\n        <div class=\"flow-card\">\n            <div class=\"flow-img\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1573497019940-1c28c88b4f3e?auto=format&#038;fit=crop&#038;q=80&#038;w=800');\">\n                <span class=\"step-label\">STEP 01<\/span>\n            <\/div>\n            <div class=\"flow-content\">\n                <div class=\"tag-list\"><span class=\"tag\">\u76f8\u8ac7<\/span><span class=\"tag\">\u4e88\u7b97<\/span><\/div>\n                <h2>\u8cfc\u5165\u306e\u3054\u76f8\u8ac7\u30fb\u8cc7\u91d1\u8a08\u753b<\/h2>\n                <p>\u307e\u305a\u306f\u3054\u5e0c\u671b\u306e\u30a8\u30ea\u30a2\u3001\u9593\u53d6\u308a\u3001\u4e88\u7b97\u306a\u3069\u3092\u304a\u805e\u304b\u305b\u304f\u3060\u3055\u3044\u3002\u30ed\u30fc\u30f3\u30b7\u30df\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3\u3092\u884c\u3044\u3001\u7121\u7406\u306e\u306a\u3044\u8cc7\u91d1\u8a08\u753b\u3092\u3054\u63d0\u6848\u3057\u307e\u3059\u3002<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- STEP 02 -->\n        <div class=\"flow-card\">\n            <div class=\"flow-img\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1560518883-ce09059eeffa?auto=format&#038;fit=crop&#038;q=80&#038;w=800');\">\n                <span class=\"step-label\">STEP 02<\/span>\n            <\/div>\n            <div class=\"flow-content\">\n                <div class=\"tag-list\"><span class=\"tag\">\u7269\u4ef6\u9078\u5b9a<\/span><span class=\"tag\">\u5185\u898b<\/span><\/div>\n                <h2>\u7269\u4ef6\u7d39\u4ecb\u30fb\u73fe\u5730\u898b\u5b66<\/h2>\n                <p>\u3054\u5e0c\u671b\u306b\u6cbf\u3063\u305f\u7269\u4ef6\u3092\u3054\u63d0\u6848\u3057\u3001\u5b9f\u969b\u306b\u73fe\u5730\u3092\u3054\u6848\u5185\u3057\u307e\u3059\u3002\u5468\u8fba\u74b0\u5883\u3084\u5efa\u7269\u306e\u72b6\u614b\u3001\u5c06\u6765\u306e\u8cc7\u7523\u4fa1\u5024\u306a\u3069\u3092\u30d7\u30ed\u306e\u8996\u70b9\u3067\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- STEP 03 -->\n        <div class=\"flow-card\">\n            <div class=\"flow-img\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1450101499163-c8848c66ca85?auto=format&#038;fit=crop&#038;q=80&#038;w=800');\">\n                <span class=\"step-label\">STEP 03<\/span>\n            <\/div>\n            <div class=\"flow-content\">\n                <div class=\"tag-list\"><span class=\"tag\">\u610f\u601d\u8868\u793a<\/span><span class=\"tag\">\u6761\u4ef6\u4ea4\u6e09<\/span><\/div>\n                <h2>\u8cfc\u5165\u7533\u8fbc\u30fb\u91cd\u8981\u4e8b\u9805\u8aac\u660e<\/h2>\n                <p>\u8cfc\u5165\u3057\u305f\u3044\u7269\u4ef6\u304c\u6c7a\u307e\u308a\u307e\u3057\u305f\u3089\u3001\u8cfc\u5165\u7533\u8fbc\u66f8\u3092\u63d0\u51fa\u3057\u307e\u3059\u3002\u305d\u306e\u5f8c\u3001\u5b85\u5730\u5efa\u7269\u53d6\u5f15\u58eb\u304c\u7269\u4ef6\u306b\u95a2\u3059\u308b\u91cd\u8981\u4e8b\u9805\u306e\u8a73\u7d30\u3092\u8aac\u660e\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- STEP 04 -->\n        <div class=\"flow-card\">\n            <div class=\"flow-img\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1554469384-e58fac16e23a?auto=format&#038;fit=crop&#038;q=80&#038;w=800');\">\n                <span class=\"step-label\">STEP 04<\/span>\n            <\/div>\n            <div class=\"flow-content\">\n                <div class=\"tag-list\"><span class=\"tag\">\u5951\u7d04<\/span><span class=\"tag\">\u624b\u4ed8\u91d1<\/span><\/div>\n                <h2>\u58f2\u8cb7\u5951\u7d04\u306e\u7de0\u7d50<\/h2>\n                <p>\u58f2\u4e3b\u69d8\u3068\u8cb7\u4e3b\u69d8\u306e\u9593\u3067\u58f2\u8cb7\u5951\u7d04\u3092\u7d50\u3073\u307e\u3059\u3002\u5951\u7d04\u5185\u5bb9\u3092\u78ba\u8a8d\u3057\u3001\u7f72\u540d\u30fb\u637a\u5370\u306e\u4e0a\u3001\u624b\u4ed8\u91d1\u306e\u652f\u6255\u3044\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- STEP 05 -->\n        <div class=\"flow-card\">\n            <div class=\"flow-img\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1554224155-8d04cb21cd6c?auto=format&#038;fit=crop&#038;q=80&#038;w=800');\">\n                <span class=\"step-label\">STEP 05<\/span>\n            <\/div>\n            <div class=\"flow-content\">\n                <div class=\"tag-list\"><span class=\"tag\">\u9280\u884c<\/span><span class=\"tag\">\u5be9\u67fb<\/span><\/div>\n                <h2>\u4f4f\u5b85\u30ed\u30fc\u30f3\u306e\u672c\u7533\u3057\u8fbc\u307f<\/h2>\n                <p>\u5951\u7d04\u5b8c\u4e86\u5f8c\u3001\u91d1\u878d\u6a5f\u95a2\u3078\u4f4f\u5b85\u30ed\u30fc\u30f3\u306e\u672c\u7533\u3057\u8fbc\u307f\u3092\u884c\u3044\u307e\u3059\u3002\u627f\u8a8d\u304c\u5f97\u3089\u308c\u307e\u3057\u305f\u3089\u3001\u9280\u884c\u3068\u306e\u9593\u3067\u91d1\u92ad\u6d88\u8cbb\u8cb8\u501f\u5951\u7d04\u3092\u7d50\u3073\u307e\u3059\u3002<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- STEP 06 -->\n        <div class=\"flow-card\">\n            <div class=\"flow-img\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1521791055366-0d553872125f?auto=format&#038;fit=crop&#038;q=80&#038;w=800');\">\n                <span class=\"step-label\">STEP 06<\/span>\n            <\/div>\n            <div class=\"flow-content\">\n                <div class=\"tag-list\"><span class=\"tag\">\u6700\u7d42\u78ba\u8a8d<\/span><span class=\"tag\">\u767b\u8a18<\/span><\/div>\n                <h2>\u6b8b\u4ee3\u91d1\u306e\u652f\u6255\u3044\u30fb\u5f15\u304d\u6e21\u3057<\/h2>\n                <p>\u58f2\u8cb7\u4ee3\u91d1\u306e\u6b8b\u984d\u3092\u652f\u6255\u3044\u3001\u6240\u6709\u6a29\u79fb\u8ee2\u767b\u8a18\u306e\u624b\u7d9a\u304d\u3092\u884c\u3044\u307e\u3059\u3002\u6700\u5f8c\u306b\u9375\u3092\u53d7\u3051\u53d6\u308a\u3001\u7269\u4ef6\u306e\u5f15\u304d\u6e21\u3057\u304c\u5b8c\u4e86\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- STEP 07 -->\n        <div class=\"flow-card\">\n            <div class=\"flow-img\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1582298538104-fe2e74c27f59?auto=format&#038;fit=crop&#038;q=80&#038;w=800');\">\n                <span class=\"step-label\">STEP 07<\/span>\n            <\/div>\n            <div class=\"flow-content\">\n                <div class=\"tag-list\"><span class=\"tag\">\u65b0\u751f\u6d3b<\/span><span class=\"tag\">\u30a2\u30d5\u30bf\u30fc<\/span><\/div>\n                <h2>\u3054\u5165\u5c45\u30fb\u30a2\u30d5\u30bf\u30fc\u30d5\u30a9\u30ed\u30fc<\/h2>\n                <p>\u3044\u3088\u3044\u3088\u65b0\u751f\u6d3b\u306e\u30b9\u30bf\u30fc\u30c8\u3067\u3059\u3002<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- CTA Section -->\n    <div class=\"cta-box\">\n        <h3>\u8cfc\u5165\u306b\u95a2\u3059\u308b\u7591\u554f\u3001\u89e3\u6c7a\u3057\u307e\u3059<\/h3>\n        <p>\u4f55\u304b\u3089\u59cb\u3081\u3066\u3044\u3044\u304b\u308f\u304b\u3089\u306a\u3044\u65b9\u3082\u3001\u307e\u305a\u306f\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<\/p>\n        <a href=\"tel:0992013909\" class=\"cta-btn\">\n            \ud83d\udcde 099-201-3909\n        <\/a>\n    <\/div>\n\n    <footer>\n        &copy; 2024 \u682a\u5f0f\u4f1a\u793e\u30af\u30ec\u30a4\u30f3\n    <\/footer>\n<\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u7269\u4ef6\u8cfc\u5165\u307e\u3067\u306e\u6d41\u308c | \u682a\u5f0f\u4f1a\u793e\u30af\u30ec\u30a4\u30f3 \u7269\u4ef6\u8cfc\u5165\u307e\u3067\u306e\u6d41\u308c \u7406\u60f3\u306e\u4f4f\u307e\u3044\u3092\u624b\u306b\u5165\u308c\u308b\u305f\u3081\u306e\u3001\u6700\u521d\u306e\u4e00\u6b69\u304b\u3089\u304a\u5f15\u8d8a\u3057\u307e\u3067\u306e\u30b9\u30c6\u30c3\u30d7\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002 \u30af\u30ec\u30a4\u30f3\u4e0d\u52d5\u7523\u304c\u3001\u304a\u5ba2\u69d8\u306e\u78ba\u5b9f\u306a\u4e0d\u52d5\u7523\u8cfc\u5165\u3092\u30d5\u30eb\u30b5\u30dd\u30fc\u30c8\u3044\u305f\u3057\u307e\u3059\u3002 S [&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-72","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cranere2024.com\/index.php?rest_route=\/wp\/v2\/pages\/72","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cranere2024.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cranere2024.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cranere2024.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cranere2024.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=72"}],"version-history":[{"count":27,"href":"https:\/\/cranere2024.com\/index.php?rest_route=\/wp\/v2\/pages\/72\/revisions"}],"predecessor-version":[{"id":688,"href":"https:\/\/cranere2024.com\/index.php?rest_route=\/wp\/v2\/pages\/72\/revisions\/688"}],"wp:attachment":[{"href":"https:\/\/cranere2024.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=72"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}