{"id":2,"date":"2026-04-19T04:43:25","date_gmt":"2026-04-19T04:43:25","guid":{"rendered":"http:\/\/helpnavi.jp\/?page_id=2"},"modified":"2026-04-27T04:20:01","modified_gmt":"2026-04-27T04:20:01","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/helpnavi.jp\/","title":{"rendered":"\u3010\u6982\u8981\u52d5\u753b\u3011"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"\u3010\u6c38\u4e45\u4fdd\u5b58\u7248\u3011HelpNAVi\u306e\u7279\u5fb4\u3084\u5c0e\u5165\u30e1\u30ea\u30c3\u30c8\u3092\u30015\u5206\u3067\u5fb9\u5e95\u89e3\u8aac\uff01\uff01\" width=\"780\" height=\"439\" src=\"https:\/\/www.youtube.com\/embed\/vw4Mzxt1Q2c?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"AI\u30c1\u30e3\u30c3\u30c8\u30dc\u30c3\u30c8\u3092\u67082\u4e07\u5186\u3067\u2014FAQ\u81ea\u52d5\u56de\u7b54\u300eHelpNAVi\u300f\" width=\"780\" height=\"439\" src=\"https:\/\/www.youtube.com\/embed\/A6wMs_wH0PQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/div>\n<\/div>\n\n\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n    \/* \u5168\u4f53\u30b3\u30f3\u30c6\u30ca 1200px\u56fa\u5b9a *\/\n    .hn-premium-section {\n        max-width: 1200px;\n        margin: 100px auto;\n        padding: 0 20px;\n        box-sizing: border-box;\n        font-family: \"Helvetica Neue\", Arial, \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", Meiryo, sans-serif;\n        color: #333;\n    }\n\n    .hn-main-title {\n        text-align: center;\n        font-size: 36px;\n        color: #003399;\n        font-weight: 800;\n        margin-bottom: 60px;\n        letter-spacing: 0.1em;\n    }\n\n    \/* --- \u6599\u91d1\u30bb\u30af\u30b7\u30e7\u30f3 --- *\/\n    .hn-price-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 30px;\n        margin-bottom: 120px;\n    }\n\n    .hn-price-card {\n        position: relative;\n        background: linear-gradient(135deg, #ffffff 0%, #f0f4f8 100%);\n        border-radius: 24px;\n        padding: 50px 30px;\n        text-align: center;\n        border: 2px solid rgba(0, 51, 153, 0.1); \/* \u67a0\u3092\u5c11\u3057\u592a\u304f *\/\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);\n        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n        overflow: hidden;\n    }\n\n    \/* \u80cc\u666f\u30a2\u30a4\u30b3\u30f3 *\/\n    .hn-price-card::before {\n        content: \"\\f155\";\n        font-family: \"Font Awesome 6 Free\";\n        font-weight: 900;\n        position: absolute;\n        bottom: -20px;\n        right: -10px;\n        font-size: 120px;\n        color: rgba(0, 51, 153, 0.03);\n        z-index: 0;\n        transition: all 0.4s ease;\n    }\n\n    \/* \u2605\u6599\u91d1\u30ab\u30fc\u30c9 \u30db\u30d0\u30fc\u6642\uff1a\u30aa\u30ec\u30f3\u30b8\u67a0\u30a8\u30d5\u30a7\u30af\u30c8\u2605 *\/\n    .hn-price-card:hover {\n        transform: translateY(-15px);\n        box-shadow: 0 30px 60px rgba(243, 152, 0, 0.2); \/* \u5f71\u3082\u30aa\u30ec\u30f3\u30b8\u7cfb\u306b *\/\n        border-color: #f39800; \/* \u30aa\u30ec\u30f3\u30b8\u67a0 *\/\n    }\n\n    \/* \u30db\u30d0\u30fc\u6642\u306b\u30d0\u30c3\u30b8\u3068\u91d1\u984d\u3082\u30aa\u30ec\u30f3\u30b8\u306b\u9023\u52d5\u3055\u305b\u308b *\/\n    .hn-price-card:hover .hn-price-category {\n        background: #f39800;\n    }\n    .hn-price-card:hover .hn-price-amount {\n        color: #f39800;\n    }\n    .hn-price-card:hover::before {\n        color: rgba(243, 152, 0, 0.08); \/* \u80cc\u666f\u30a2\u30a4\u30b3\u30f3\u3082\u5fae\u304b\u306b\u30aa\u30ec\u30f3\u30b8\u306b *\/\n    }\n\n    .hn-price-card * { position: relative; z-index: 1; transition: all 0.3s ease; }\n\n    .hn-price-category {\n        display: inline-block;\n        background: #003399;\n        color: #fff;\n        padding: 6px 20px;\n        border-radius: 50px;\n        font-size: 13px;\n        font-weight: bold;\n        margin-bottom: 25px;\n    }\n\n    .hn-price-amount {\n        font-size: 48px;\n        font-weight: 900;\n        color: #003399;\n        margin-bottom: 10px;\n    }\n\n    .hn-price-amount span { font-size: 18px; margin-left: 4px; }\n\n    \/* --- \u5c0e\u5165\u30d5\u30ed\u30fc --- *\/\n    .hn-flow-wrapper {\n        background: #003399;\n        border-radius: 40px;\n        padding: 80px 40px;\n        color: #fff;\n    }\n\n    .hn-flow-grid {\n        display: grid;\n        grid-template-columns: repeat(6, 1fr);\n        gap: 15px;\n        position: relative;\n    }\n\n    .hn-flow-item {\n        text-align: center;\n        position: relative;\n        cursor: default;\n    }\n\n    \/* \u30b9\u30c6\u30c3\u30d7\u9593\u306e\u77e2\u5370\u30e9\u30a4\u30f3 *\/\n    .hn-flow-item:not(:last-child)::after {\n        content: \"\\f105\";\n        font-family: \"Font Awesome 6 Free\";\n        font-weight: 900;\n        position: absolute;\n        top: 35px;\n        right: -15px;\n        font-size: 20px;\n        color: rgba(255, 255, 255, 0.3);\n    }\n\n    .hn-flow-circle {\n        width: 80px;\n        height: 80px;\n        background: rgba(255, 255, 255, 0.1);\n        border: 2px solid rgba(255, 255, 255, 0.5);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 0 auto 20px;\n        font-size: 24px;\n        font-weight: bold;\n        backdrop-filter: blur(10px);\n        transition: all 0.3s ease;\n    }\n\n    \/* \u2605\u30d5\u30ed\u30fc\u30a2\u30a4\u30c6\u30e0 \u30db\u30d0\u30fc\u6642\uff1a\u30aa\u30ec\u30f3\u30b8\u30a8\u30d5\u30a7\u30af\u30c8\u2605 *\/\n    .hn-flow-item:hover .hn-flow-circle {\n        background: #f39800; \/* \u30aa\u30ec\u30f3\u30b8\u80cc\u666f *\/\n        border-color: #f39800; \/* \u30aa\u30ec\u30f3\u30b8\u67a0 *\/\n        transform: scale(1.1) rotate(10deg);\n        box-shadow: 0 0 25px rgba(243, 152, 0, 0.8);\n    }\n\n    .hn-flow-item:hover .hn-flow-name {\n        color: #f39800; \/* \u30c6\u30ad\u30b9\u30c8\u3082\u30aa\u30ec\u30f3\u30b8\u306b *\/\n    }\n\n    .hn-flow-name {\n        font-size: 15px;\n        font-weight: bold;\n        letter-spacing: 0.05em;\n        transition: color 0.3s ease;\n    }\n\n    .hn-flow-sub {\n        font-size: 11px;\n        opacity: 0.7;\n        margin-top: 5px;\n    }\n\n    \/* \u30b9\u30de\u30db\u5bfe\u5fdc *\/\n    @media (max-width: 900px) {\n        .hn-price-grid { grid-template-columns: 1fr; }\n        .hn-flow-grid { grid-template-columns: repeat(3, 1fr); gap: 30px; }\n        .hn-flow-item:not(:last-child)::after { display: none; }\n    }\n<\/style>\n\n<div class=\"hn-premium-section\">\n    \n    <h2 class=\"hn-main-title\">PRICE PLAN<\/h2>\n    <div class=\"hn-price-grid\">\n        <div class=\"hn-price-card\">\n            <span class=\"hn-price-category\">\u521d\u671f\u8cbb\u7528<\/span>\n            <div class=\"hn-price-amount\">20,000<span>\u5186\u301c<\/span><\/div>\n            <p style=\"font-size:14px; color:#666;\">\u3059\u3079\u3066\u306e\u6a5f\u80fd\u3092\u307e\u3068\u3081\u305f\u30d1\u30c3\u30b1\u30fc\u30b8\u30d7\u30e9\u30f3<br>\u30b7\u30b9\u30c6\u30e0\u521d\u671f\u69cb\u7bc9\u30fb\u74b0\u5883\u6574\u5099<\/p>\n        <\/div>\n        <div class=\"hn-price-card\">\n            <span class=\"hn-price-category\">\u521d\u56de\u5c0e\u5165\u30b5\u30dd\u30fc\u30c8<\/span>\n            <div class=\"hn-price-amount\">60,000<span>\u5186\u301c<\/span><\/div>\n            <p style=\"font-size:14px; color:#666;\">\u30fb\u8981\u4ef6\u5b9a\u7fa9<br>\u30fb\u521d\u671f\u30c7\u30fc\u30bf\u767b\u9332<br>\u30fbAI\u5b66\u7fd2\u306e\u6700\u9069\u5316<br>\u30fb\u904b\u7528\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0<\/p>\n        <\/div>\n        <div class=\"hn-price-card\">\n            <span class=\"hn-price-category\">\u6708\u984d\u30b5\u30dd\u30fc\u30c8<\/span>\n            <div class=\"hn-price-amount\">20,000<span>\u5186<\/span><\/div>\n            <p style=\"font-size:14px; color:#666;\">\u30fb\u30b3\u30f3\u30b5\u30eb<br>\u30fb\u30c7\u30fc\u30bf\u54c1\u8cea\u6539\u5584<br>\u30fb\u56de\u7b54\u54c1\u8cea\u306e\u5411\u4e0a<br>\u30fb\u30e6\u30fc\u30b6\u30fc\u30b5\u30dd\u30fc\u30c8<\/p>\n        <\/div>\n    <\/div>\n\n    <h2 class=\"hn-main-title\">ADOPTION FLOW<\/h2>\n    <div class=\"hn-flow-wrapper\">\n        <div class=\"hn-flow-grid\">\n            <div class=\"hn-flow-item\">\n                <div class=\"hn-flow-circle\">01<\/div>\n                <div class=\"hn-flow-name\">\u5951\u7d04<\/div>\n                <div class=\"hn-flow-sub\">Contract<\/div>\n            <\/div>\n            <div class=\"hn-flow-item\">\n                <div class=\"hn-flow-circle\">02<\/div>\n                <div class=\"hn-flow-name\">\u8981\u4ef6\u5b9a\u7fa9<\/div>\n                <div class=\"hn-flow-sub\">Definition<\/div>\n            <\/div>\n            <div class=\"hn-flow-item\">\n                <div class=\"hn-flow-circle\">03<\/div>\n                <div class=\"hn-flow-name\">\u4f5c\u308a\u8fbc\u307f<\/div>\n                <div class=\"hn-flow-sub\">Development<\/div>\n            <\/div>\n            <div class=\"hn-flow-item\">\n                <div class=\"hn-flow-circle\">04<\/div>\n                <div class=\"hn-flow-name\">\u52d5\u4f5c\u30c6\u30b9\u30c8<\/div>\n                <div class=\"hn-flow-sub\">Testing<\/div>\n            <\/div>\n            <div class=\"hn-flow-item\">\n                <div class=\"hn-flow-circle\">05<\/div>\n                <div class=\"hn-flow-name\">\u4fee\u6b63<\/div>\n                <div class=\"hn-flow-sub\">Adjustment<\/div>\n            <\/div>\n            <div class=\"hn-flow-item\">\n                <div class=\"hn-flow-circle\"><i class=\"fa-solid fa-paper-plane\"><\/i><\/div>\n                <div class=\"hn-flow-name\">\u904b\u7528\u958b\u59cb<\/div>\n                <div class=\"hn-flow-sub\">Launch<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>PRICE PLAN \u521d\u671f\u8cbb\u7528 20,000\u5186\u301c \u3059\u3079\u3066\u306e\u6a5f\u80fd\u3092\u307e\u3068\u3081\u305f\u30d1\u30c3\u30b1\u30fc\u30b8\u30d7\u30e9\u30f3\u30b7\u30b9\u30c6\u30e0\u521d\u671f\u69cb\u7bc9\u30fb\u74b0\u5883\u6574\u5099 \u521d\u56de\u5c0e\u5165\u30b5\u30dd\u30fc\u30c8 60,000\u5186\u301c \u30fb\u8981\u4ef6\u5b9a\u2026<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"featured_image_url":null,"_links":{"self":[{"href":"https:\/\/helpnavi.jp\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helpnavi.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/helpnavi.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/helpnavi.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/helpnavi.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":5,"href":"https:\/\/helpnavi.jp\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":66,"href":"https:\/\/helpnavi.jp\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/66"}],"wp:attachment":[{"href":"https:\/\/helpnavi.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}