{"id":196,"date":"2025-03-11T13:13:17","date_gmt":"2025-03-11T04:13:17","guid":{"rendered":"http:\/\/cranere2024.com\/?page_id=196"},"modified":"2026-10-22T08:38:49","modified_gmt":"2026-10-21T23:38:49","slug":"%e7%89%a9%e4%bb%b6%e3%81%94%e6%a1%88%e5%86%85%e3%81%be%e3%81%a7%e3%81%ae%e6%b5%81%e3%82%8c","status":"publish","type":"page","link":"http:\/\/cranere2024.com\/?page_id=196","title":{"rendered":"\u9e7f\u5150\u5cf6\u5e02\u306e\u7269\u4ef6\u3054\u6848\u5185\u307e\u3067\u306e\u6d41\u308c"},"content":{"rendered":"\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;500;700&amp;family=Shippori+Mincho:wght@700&amp;display=swap\" rel=\"stylesheet\">\n\n<style>\n  \/* \u30b5\u30a4\u30c8\u5168\u4f53\uff08body\uff09\u3092\u5dfb\u304d\u8fbc\u307e\u306a\u3044\u3088\u3046\u5c02\u7528\u30b9\u30b3\u30fc\u30d7\u5185\u306b\u9650\u5b9a *\/\n  .crane-flow-scope {\n    --primary-blue: #005bac;\n    --accent-gold: #e9c46a;\n    --bg-cream: #fffdf5;\n    --text-dark: #333333;\n    --text-gray: #666666;\n    --white: #ffffff;\n    font-family: 'Noto Sans JP', sans-serif;\n    color: var(--text-dark);\n    line-height: 1.7;\n    width: 100%;\n    box-sizing: border-box;\n  }\n  .crane-flow-scope * {\n    box-sizing: border-box;\n  }\n\n  .crane-flow-scope .container {\n    max-width: 800px;\n    margin: 0 auto;\n    padding: 40px 20px;\n  }\n\n  \/* Header *\/\n  .crane-flow-scope header {\n    text-align: center;\n    margin-bottom: 50px;\n    padding-top: 20px;\n  }\n  \n  .crane-flow-scope h1 {\n    font-family: 'Shippori Mincho', serif;\n    font-size: 28px;\n    position: relative;\n    padding-bottom: 15px;\n    margin: 0;\n    color: var(--text-dark);\n  }\n  .crane-flow-scope h1::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 50px;\n    height: 3px;\n    background-color: var(--accent-gold);\n  }\n\n  \/* Flow Section *\/\n  .crane-flow-scope .flow-wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: 25px;\n  }\n\n  .crane-flow-scope .flow-card {\n    background-color: var(--white);\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.06);\n    display: flex;\n    flex-direction: column;\n    border: 1px solid #eee;\n  }\n\n  .crane-flow-scope .flow-img {\n    width: 100%;\n    height: 220px;\n    background-size: cover;\n    background-position: center;\n    position: relative;\n  }\n\n  \/* Step Badge *\/\n  .crane-flow-scope .step-label {\n    position: absolute;\n    top: 15px;\n    left: 15px;\n    background-color: var(--primary-blue);\n    color: var(--white);\n    padding: 4px 15px;\n    border-radius: 4px;\n    font-weight: bold;\n    font-size: 14px;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.2);\n    z-index: 10;\n  }\n\n  .crane-flow-scope .flow-content {\n    padding: 25px;\n  }\n\n  .crane-flow-scope .flow-content h2 {\n    font-size: 20px;\n    color: var(--primary-blue);\n    margin: 0 0 12px 0;\n    display: flex;\n    align-items: center;\n  }\n\n  .crane-flow-scope .flow-content p {\n    font-size: 15px;\n    color: var(--text-gray);\n    margin: 0;\n  }\n\n  \/* Desktop View *\/\n  @media (min-width: 768px) {\n    .crane-flow-scope .flow-card {\n      flex-direction: row;\n      min-height: 200px;\n    }\n    .crane-flow-scope .flow-img {\n      width: 35%;\n      height: auto;\n      min-height: 200px;\n    }\n    .crane-flow-scope .flow-content {\n      width: 65%;\n      padding: 35px 45px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n    .crane-flow-scope .step-label {\n      top: 20px;\n      left: -10px;\n    }\n  }\n\n  \/* CTA Area *\/\n  .crane-flow-scope .cta-box {\n    margin-top: 60px;\n    background-color: var(--primary-blue);\n    color: var(--white);\n    padding: 40px 25px;\n    border-radius: 16px;\n    text-align: center;\n  }\n  .crane-flow-scope .cta-box h3 {\n    margin-top: 0;\n    font-size: 20px;\n    margin-bottom: 10px;\n    color: var(--white);\n  }\n  .crane-flow-scope .cta-box p {\n    font-size: 15px;\n    color: var(--white);\n    opacity: 1;\n    margin-bottom: 25px;\n  }\n\n  .crane-flow-scope .cta-btn {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 8px !important;\n    background-color: var(--accent-gold) !important;\n    color: #002b52 !important;\n    text-decoration: none !important;\n    padding: 16px 36px !important;\n    border-radius: 50px !important;\n    font-weight: 800 !important;\n    font-size: 19px !important;\n    letter-spacing: 0.05em !important;\n    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2) !important;\n    transition: all 0.3s ease !important;\n  }\n  .crane-flow-scope .cta-btn:hover {\n    transform: translateY(-2px) !important;\n    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28) !important;\n    background-color: #ffd875 !important;\n    color: #001a33 !important;\n  }\n\n  .crane-flow-scope footer {\n    text-align: center;\n    padding: 40px 0;\n    font-size: 12px;\n    color: #999;\n  }\n<\/style>\n\n<div class=\"crane-flow-scope\">\n  <div class=\"container\">\n    <header>\n      <h1>\u7269\u4ef6\u3054\u6848\u5185\u307e\u3067\u306e\u6d41\u308c<\/h1>\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-1523966211575-eb4a01e7dd51?auto=format&amp;fit=crop&amp;q=80&amp;w=800');\">\n          <span class=\"step-label\">STEP 01<\/span>\n        <\/div>\n        <div class=\"flow-content\">\n          <h2>\u304a\u554f\u3044\u5408\u308f\u305b<\/h2>\n          <p>\u307e\u305a\u306f\u96fb\u8a71\u3001\u30e1\u30fc\u30eb\u3001LINE\u7b49\u3067\u304a\u6c17\u8efd\u306b\u3054\u9023\u7d61\u304f\u3060\u3055\u3044\u3002\u30a8\u30ea\u30a2\u3084\u3001\u30de\u30f3\u30b7\u30e7\u30f3\u30fb\u6238\u5efa\u3066\u7b49\u306e\u3054\u5e0c\u671b\u3092\u7c21\u5358\u306b\u304a\u4f3a\u3044\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-1516321318423-f06f85e504b3?auto=format&amp;fit=crop&amp;q=80&amp;w=800');\">\n          <span class=\"step-label\">STEP 02<\/span>\n        <\/div>\n        <div class=\"flow-content\">\n          <h2>\u30d2\u30a2\u30ea\u30f3\u30b0\u30fb\u3054\u63d0\u6848<\/h2>\n          <p>\u304a\u5ba2\u69d8\u306e\u30e9\u30a4\u30d5\u30b9\u30bf\u30a4\u30eb\u3084\u4e88\u7b97\u3001\u5c06\u6765\u306e\u8a08\u753b\u3092\u304a\u805e\u304d\u3057\u3001\u6700\u9069\u306a\u7269\u4ef6\u3092\u30d4\u30c3\u30af\u30a2\u30c3\u30d7\u3057\u3066\u3054\u63d0\u6848\u3044\u305f\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-1560518883-ce09059eeffa?auto=format&amp;fit=crop&amp;q=80&amp;w=1000');\">\n          <span class=\"step-label\">STEP 03<\/span>\n        <\/div>\n        <div class=\"flow-content\">\n          <h2>\u73fe\u5730\u3078\u306e\u3054\u6848\u5185<\/h2>\n          <p>\u6c17\u306b\u306a\u308b\u7269\u4ef6\u304c\u3042\u308c\u3070\u3001\u5b9f\u969b\u306b\u73fe\u5730\u3078\u3002\u30d7\u30ed\u306e\u8996\u70b9\u3067\u3001\u65e5\u5f53\u305f\u308a\u3084\u5468\u8fba\u74b0\u5883\u3001\u5efa\u7269\u306e\u72b6\u614b\u306a\u3069\u3092\u3057\u3063\u304b\u308a\u89e3\u8aac\u30fb\u30a2\u30c9\u30d0\u30a4\u30b9\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-1554224155-8d04cb21cd6c?auto=format&amp;fit=crop&amp;q=80&amp;w=800');\">\n          <span class=\"step-label\">STEP 04<\/span>\n        <\/div>\n        <div class=\"flow-content\">\n          <h2>\u8cc7\u91d1\u8a08\u753b\u30fb\u304a\u7533\u3057\u8fbc\u307f<\/h2>\n          <p>\u7269\u4ef6\u304c\u6c7a\u307e\u3063\u305f\u3089\u3001\u7121\u7406\u306e\u306a\u3044\u30ed\u30fc\u30f3\u8a08\u753b\u3084\u8af8\u8cbb\u7528\u306e\u3054\u76f8\u8ac7\u3092\u627f\u308a\u307e\u3059\u3002\u7d0d\u5f97\u3044\u305f\u3060\u3044\u305f\u4e0a\u3067\u3001\u8cfc\u5165\u306e\u304a\u7533\u3057\u8fbc\u307f\u624b\u7d9a\u304d\u3078\u3068\u9032\u307f\u307e\u3059\u3002<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- CTA Section -->\n    <div class=\"cta-box\">\n      <h3>\u307e\u305a\u306f\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044<\/h3>\n      <p>\u9e7f\u5150\u5cf6\u3067\u306e\u8c4a\u304b\u306a\u66ae\u3089\u3057\u306e\u5b9f\u73fe\u3092<br>\u30af\u30ec\u30a4\u30f3\u4e0d\u52d5\u7523\u304c\u5168\u529b\u3067\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002<\/p>\n      <a href=\"tel:0992013909\" class=\"cta-btn\" rel=\"nofollow\">\n        <span>\ud83d\udcde<\/span> 099-201-3909\n      <\/a>\n    <\/div>\n\n    <footer>\n      \u00a9 \u682a\u5f0f\u4f1a\u793e\u30af\u30ec\u30a4\u30f3\n    <\/footer>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u7269\u4ef6\u3054\u6848\u5185\u307e\u3067\u306e\u6d41\u308c STEP 01 \u304a\u554f\u3044\u5408\u308f\u305b \u307e\u305a\u306f\u96fb\u8a71\u3001\u30e1\u30fc\u30eb\u3001LINE\u7b49\u3067\u304a\u6c17\u8efd\u306b\u3054\u9023\u7d61\u304f\u3060\u3055\u3044\u3002\u30a8\u30ea\u30a2\u3084\u3001\u30de\u30f3\u30b7\u30e7\u30f3\u30fb\u6238\u5efa\u3066\u7b49\u306e\u3054\u5e0c\u671b\u3092\u7c21\u5358\u306b\u304a\u4f3a\u3044\u3057\u307e\u3059\u3002 STEP 02 \u30d2\u30a2\u30ea\u30f3\u30b0\u30fb\u3054\u63d0\u6848 \u304a\u5ba2\u69d8\u306e\u30e9\u30a4\u30d5 [&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-196","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/cranere2024.com\/index.php?rest_route=\/wp\/v2\/pages\/196","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/cranere2024.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/cranere2024.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/cranere2024.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/cranere2024.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=196"}],"version-history":[{"count":25,"href":"http:\/\/cranere2024.com\/index.php?rest_route=\/wp\/v2\/pages\/196\/revisions"}],"predecessor-version":[{"id":887,"href":"http:\/\/cranere2024.com\/index.php?rest_route=\/wp\/v2\/pages\/196\/revisions\/887"}],"wp:attachment":[{"href":"http:\/\/cranere2024.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=196"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}