\u51fa\u5f35\u30ed\u30fc\u30d7\u30ec\u30bb\u30df\u30ca\u30fc | \u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4<\/title>\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n sans: ['\"Noto Sans JP\"', 'sans-serif'],\n },\n colors: {\n brand: {\n light: '#e0f2fe', \/\/ sky-100\n DEFAULT: '#0284c7', \/\/ sky-600\n dark: '#0369a1', \/\/ sky-700\n },\n accent: {\n DEFAULT: '#f97316', \/\/ orange-500\n hover: '#ea580c', \/\/ orange-600\n }\n }\n }\n }\n }\n <\/script>\n <style>\n \/* \u30ab\u30b9\u30bf\u30e0\u30b9\u30bf\u30a4\u30eb\u30fb\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\n .blob-shape {\n border-radius: 40% 60% 70% 30% \/ 40% 50% 60% 50%;\n animation: morph 8s ease-in-out infinite;\n }\n @keyframes morph {\n 0%, 100% { border-radius: 40% 60% 70% 30% \/ 40% 50% 60% 50%; }\n 34% { border-radius: 70% 30% 50% 50% \/ 30% 30% 70% 70%; }\n 67% { border-radius: 100% 60% 60% 100% \/ 100% 100% 60% 60%; }\n }\n .step-arrow::after {\n content: '\\f0da';\n font-family: 'Font Awesome 6 Free';\n font-weight: 900;\n position: absolute;\n right: -20px;\n top: 50%;\n transform: translateY(-50%);\n color: #0284c7;\n font-size: 1.5rem;\n }\n @media (max-width: 768px) {\n .step-arrow::after {\n content: '\\f0d7';\n right: 50%;\n top: auto;\n bottom: -25px;\n transform: translateX(50%);\n }\n }\n .step-arrow:last-child::after {\n display: none;\n }\n <\/style>\n<\/head>\n<body class=\"font-sans text-gray-800 bg-white antialiased\">\n\n \n <header class=\"bg-white shadow-sm fixed w-full top-0 z-50\">\n <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-3 flex justify-between items-center\">\n <div class=\"flex items-center\">\n <img decoding=\"async\" src=\"http:\/\/career-c.sognoplanning.com\/wp-content\/uploads\/2025\/04\/\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4-\u30ed\u30b4.png\" alt=\"\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4 \u30ed\u30b4\" class=\"h-10 object-contain\" onerror=\"this.src='https:\/\/placehold.co\/200x60?text=\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4'\">\n <\/div>\n <div>\n <a href=\"mailto:info@sognoplanning.com\" class=\"hidden md:inline-flex bg-brand text-white font-bold py-2 px-6 rounded-full hover:bg-brand-dark transition duration-300 items-center gap-2 shadow-md\">\n <i class=\"fa-regular fa-envelope\" aria-hidden=\"true\"><\/i> \u76f8\u8ac7\u3059\u308b\n <\/a>\n <\/div>\n <\/div>\n <\/header>\n\n \n <section class=\"pt-28 pb-16 md:pt-36 md:pb-24 bg-gradient-to-br from-brand-light to-white overflow-hidden\">\n <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 relative\">\n <div class=\"flex flex-col-reverse md:flex-row items-center gap-12\">\n \n \n <div class=\"md:w-3\/5 text-center md:text-left z-10\">\n <span class=\"inline-block py-1 px-3 rounded-full bg-brand\/10 text-brand font-bold text-sm mb-4 border border-brand\/20\">\n \u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u8a66\u9a13\u5bfe\u7b56\n <\/span>\n <h1 class=\"text-3xl md:text-4xl lg:text-5xl font-black text-gray-900 leading-tight mb-6\">\n \u305d\u306e\u7df4\u7fd2\u4f1a\u3001<br class=\"hidden md:block\">\n <span class=\"text-brand relative inline-block\">\n \u300c\u306a\u3093\u3068\u306a\u304f\u300d\n <svg class=\"absolute w-full h-3 -bottom-1 left-0 text-accent\/30\" viewBox=\"0 0 100 10\" preserveAspectRatio=\"none\">\n <path d=\"M0 5 Q 50 10 100 5\" stroke=\"currentColor\" stroke-width=\"8\" fill=\"transparent\"\/>\n <\/svg>\n <\/span>\n \u3067\u7d42\u308f\u3063\u3066\u3044\u307e\u305b\u3093\u304b\uff1f\n <\/h1>\n <p class=\"text-lg text-gray-700 mb-8 font-medium leading-relaxed\">\n \u300c\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4\u300d\u304c\u3042\u306a\u305f\u306e\u52c9\u5f37\u4f1a\u306b\u51fa\u5f35\uff01<br class=\"hidden md:block\">\n \u305d\u306e\u65e5\u304b\u3089\u3001\u7df4\u7fd2\u4f1a\u306e\u8cea\u3092\u5287\u7684\u306b\u5909\u3048\u308b<br class=\"hidden md:block\">\n <strong class=\"text-xl text-accent\">\u300c\u51fa\u5f35\u30ed\u30fc\u30d7\u30ec\u30bb\u30df\u30ca\u30fc\u300d<\/strong>\u672c\u683c\u59cb\u52d5\u3002\n <\/p>\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center md:justify-start\">\n <a href=\"#contact\" class=\"bg-accent text-white font-bold text-lg py-4 px-8 rounded-full shadow-lg hover:bg-accent-hover hover:-translate-y-1 transition-all duration-300 flex items-center justify-center gap-2\">\n <i class=\"fa-regular fa-paper-plane\" aria-hidden=\"true\"><\/i> \u8a73\u7d30\u30fb\u304a\u7533\u3057\u8fbc\u307f\u306f\u3053\u3061\u3089\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"md:w-2\/5 relative flex justify-center z-10\">\n <div class=\"absolute inset-0 bg-brand\/20 blob-shape transform translate-x-4 translate-y-4 -z-10\"><\/div>\n <img decoding=\"async\" src=\"http:\/\/career-c.sognoplanning.com\/wp-content\/uploads\/2026\/03\/\u4e2d\u5cf6\u8b1b\u5e2bWEB.jpg\" alt=\"\u4e2d\u5cf6\u8b1b\u5e2b\" class=\"rounded-full w-64 h-64 md:w-80 md:h-80 object-cover border-4 border-white shadow-xl\" onerror=\"this.src='https:\/\/placehold.co\/400x400?text=\u8b1b\u5e2b\u5199\u771f'\">\n <div class=\"absolute bottom-4 -left-4 md:-left-12 bg-white py-2 px-4 rounded-lg shadow-lg font-bold text-brand border border-gray-100 flex items-center gap-3\">\n <i class=\"fa-solid fa-microphone-lines text-accent text-xl\" aria-hidden=\"true\"><\/i>\n <div class=\"text-left whitespace-nowrap\">\n <div class=\"text-sm md:text-base leading-tight text-gray-800\">\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4 \u4e2d\u5cf6\u5247\u751f<\/div>\n <div class=\"text-[10px] md:text-xs text-gray-500 font-normal mt-1\">\uff12\u7d1a\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\u6280\u80fd\u58eb<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 md:py-24 bg-gray-50\">\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-2xl md:text-3xl font-bold text-gray-900 mb-4\">\u3053\u3093\u306a\u4e0d\u5b89\u3092\u62b1\u3048\u3066\u3044\u307e\u305b\u3093\u304b\uff1f<\/h2>\n <div class=\"w-16 h-1 bg-brand mx-auto rounded\"><\/div>\n <\/div>\n \n <p class=\"text-center mb-10 text-gray-700\">\u8a66\u9a13\u5bfe\u7b56\u3092\u9032\u3081\u308b\u4e2d\u3067\u3001\u540c\u671f\u3084\u52c9\u5f37\u4f1a\u306e\u4ef2\u9593\u3068\u96c6\u307e\u3063\u3066\u7df4\u7fd2\u3059\u308b\u6a5f\u4f1a\u3082\u591a\u3044\u306f\u305a\u3002<br>\u3067\u3082\u3001\u6b63\u76f4\u306b\u4f3a\u3044\u307e\u3059\u3002<\/p>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n \n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-gray-100 relative\">\n <div class=\"absolute -top-4 -left-4 text-4xl text-gray-200\">\n <i class=\"fa-solid fa-quote-left\" aria-hidden=\"true\"><\/i>\n <\/div>\n <p class=\"text-lg font-bold text-gray-800 relative z-10\">\u300c\u4eca\u306e\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3001<br><span class=\"text-brand\">\u672c\u5f53\u306b\u5408\u3063\u3066\u308b\u306e\u304b\u306a\u2026\u2026<\/span>\u300d<\/p>\n <\/div>\n \n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-gray-100 relative mt-4 md:mt-0\">\n <div class=\"absolute -top-4 -left-4 text-4xl text-gray-200\">\n <i class=\"fa-solid fa-quote-left\" aria-hidden=\"true\"><\/i>\n <\/div>\n <p class=\"text-lg font-bold text-gray-800 relative z-10\">\u300c\u307f\u3093\u306a\u3067\u96c6\u307e\u3063\u305f\u3051\u3069\u3001\u7d50\u5c40<br><span class=\"text-brand\">\u3069\u3046\u6539\u5584\u3059\u308c\u3070\u3044\u3044\u304b\u5206\u304b\u3089\u306a\u3044<\/span>\u300d<\/p>\n <\/div>\n \n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-gray-100 relative md:col-span-2 md:w-2\/3 md:mx-auto mt-4 md:mt-0\">\n <div class=\"absolute -top-4 -left-4 text-4xl text-gray-200\">\n <i class=\"fa-solid fa-quote-left\" aria-hidden=\"true\"><\/i>\n <\/div>\n <p class=\"text-lg font-bold text-gray-800 relative z-10 text-center\">\u300c\u6642\u9593\u306f\u904e\u304e\u308b\u3051\u3069\u3001<br><span class=\"text-brand\">\u624b\u5fdc\u3048\u304c\u63b4\u3081\u306a\u3044<\/span>\u300d<\/p>\n <\/div>\n <\/div>\n\n <div class=\"mt-12 text-center bg-brand-light p-6 rounded-xl border border-brand\/20\">\n <p class=\"text-lg font-bold text-gray-800\">\n \u305d\u3093\u306a\u4e0d\u5b89\u3092\u62b1\u3048\u306a\u304c\u3089\u3001\u624b\u63a2\u308a\u3067\u9032\u3080\u306e\u306f\u672c\u5f53\u306b\u5927\u5909\u306a\u3053\u3068\u3067\u3059\u3002<br>\n \u3060\u304b\u3089\u3053\u305d\u3001<span class=\"text-brand text-xl\">\u30d7\u30ed\u306e\u8996\u70b9<\/span>\u3092\u53d6\u308a\u5165\u308c\u3066\u307f\u307e\u305b\u3093\u304b\uff1f\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 md:py-24\">\n <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-3xl md:text-4xl font-black text-gray-900 mb-6\">\u300c\u305d\u306e\u65e5\u304b\u3089\u3001\u7df4\u7fd2\u4f1a\u306e\u8cea\u3092<br class=\"md:hidden\">\u5287\u7684\u306b\u5909\u3048\u308b\u300d<\/h2>\n <p class=\"text-lg text-gray-700 max-w-2xl mx-auto\">\n \u79c1\u305f\u3061\u306e\u30b3\u30f3\u30bb\u30d7\u30c8\u306f\u30b7\u30f3\u30d7\u30eb\u3067\u3059\u3002\u5358\u306b\u8b1b\u7fa9\u3092\u8074\u304f\u3060\u3051\u306e\u6642\u9593\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u982d\u3067\u306f\u306a\u304f<strong>\u300c\u8eab\u4f53\u300d\u306b\u5408\u683c\u30ec\u30d9\u30eb\u306e\u611f\u899a\u3092\u67d3\u307f\u8fbc\u307e\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3059\u3002<\/strong>\n <\/p>\n <\/div>\n\n \n <div class=\"flex flex-col md:flex-row justify-between items-center gap-8 md:gap-4 relative mb-16\">\n <div class=\"step-arrow relative bg-white border-2 border-brand rounded-xl p-6 text-center w-full md:w-1\/3 shadow-md z-10\">\n <div class=\"w-16 h-16 bg-brand-light text-brand rounded-full flex items-center justify-center text-2xl mx-auto mb-4\">\n <i class=\"fa-solid fa-eye\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"font-bold text-xl mb-2\">1. \u8b1b\u5e2b\u306e\u30c7\u30e2\u3092\u898b\u308b<\/h3>\n <p class=\"text-sm text-gray-600\">\u30d7\u30ed\u306e\u6280\u3092\u76ee\u306e\u524d\u3067\u78ba\u8a8d\u3002\u76ee\u6307\u3059\u3079\u304d\u30b4\u30fc\u30eb\u3092\u5171\u6709\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n \n <div class=\"step-arrow relative bg-white border-2 border-brand rounded-xl p-6 text-center w-full md:w-1\/3 shadow-md z-10\">\n <div class=\"w-16 h-16 bg-brand-light text-brand rounded-full flex items-center justify-center text-2xl mx-auto mb-4\">\n <i class=\"fa-solid fa-users\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"font-bold text-xl mb-2\">2. \u5b9f\u969b\u306b\u3084\u3063\u3066\u307f\u308b<\/h3>\n <p class=\"text-sm text-gray-600\">\u30a4\u30f3\u30d7\u30c3\u30c8\u3057\u305f\u5185\u5bb9\u3092\u3001\u3059\u3050\u306b\u4ef2\u9593\u3068\u306e\u30ed\u30fc\u30d7\u30ec\u3067\u5b9f\u8df5\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n\n <div class=\"step-arrow relative bg-white border-2 border-accent rounded-xl p-6 text-center w-full md:w-1\/3 shadow-md z-10\">\n <div class=\"absolute -top-3 -right-3 bg-accent text-white text-xs font-bold px-3 py-1 rounded-full animate-bounce\">\n \u91cd\u8981\uff01\n <\/div>\n <div class=\"w-16 h-16 bg-orange-100 text-accent rounded-full flex items-center justify-center text-2xl mx-auto mb-4\">\n <i class=\"fa-solid fa-wrench\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"font-bold text-xl mb-2 text-accent\">3. \u305d\u306e\u5834\u30671\u30dd\u30a4\u30f3\u30c8\u4fee\u6b63<\/h3>\n <p class=\"text-sm text-gray-600\">\u5de1\u56de\u3059\u308b\u8b1b\u5e2b\u304b\u3089\u5373\u5ea7\u306bFB\u3002\u300c\u3067\u304d\u305f\uff01\u300d\u3092\u305d\u306e\u5834\u3067\u5b9f\u611f\u3067\u304d\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 md:py-24 bg-white\">\n <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-2xl md:text-3xl font-bold mb-4 text-gray-900\">\u30b0\u30eb\u30fc\u30d7\u306e\u300c\u5f31\u70b9\u300d\u306b\u5408\u308f\u305b\u3066\u9078\u3079\u308b<br><span class=\"text-accent text-4xl mt-2 inline-block\">5\u3064\u306e\u30df\u30cb\u30bb\u30df\u30ca\u30fc<\/span><\/h2>\n <p class=\"text-gray-700\">\u4ee5\u4e0b\u306e\u30e1\u30cb\u30e5\u30fc\u304b\u30891\u3064\u9078\u3093\u3067\u30b9\u30bf\u30fc\u30c8\u3057\u307e\u3059\u3002\u30d4\u30f3\u30dd\u30a4\u30f3\u30c8\u3067\u8ab2\u984c\u3092\u89e3\u6c7a\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n \n <div class=\"bg-white rounded-xl p-8 border border-brand\/20 shadow-sm hover:shadow-lg hover:-translate-y-1 transition duration-300 relative overflow-hidden group\">\n <div class=\"absolute -right-4 -top-4 text-brand text-8xl font-black opacity-5 group-hover:opacity-10 transition duration-300\">A<\/div>\n <div class=\"text-brand text-3xl font-black mb-4 bg-brand-light w-12 h-12 rounded-full flex items-center justify-center\">A<\/div>\n <h3 class=\"text-xl font-bold mb-3 text-gray-900\">\u6700\u521d\u306e5\u5206\u3067\u6c7a\u307e\u308b<br><span class=\"text-brand\">\u300c\u4e8b\u6545\u30bc\u30ed\u5c0e\u5165\u300d<\/span><\/h3>\n <p class=\"text-gray-600 text-sm leading-relaxed\">\u51fa\u3060\u3057\u306e\u3064\u307e\u305a\u304d\u3092\u7121\u304f\u3057\u3001\u76f8\u8ac7\u8005\u304c\u5b89\u5fc3\u3057\u3066\u8a71\u305b\u308b\u5834\u3092\u4f5c\u308b\u305f\u3081\u306e\u5177\u4f53\u7684\u306a\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u8eab\u306b\u3064\u3051\u307e\u3059\u3002<\/p>\n <\/div>\n \n <div class=\"bg-white rounded-xl p-8 border border-brand\/20 shadow-sm hover:shadow-lg hover:-translate-y-1 transition duration-300 relative overflow-hidden group\">\n <div class=\"absolute -right-4 -top-4 text-brand text-8xl font-black opacity-5 group-hover:opacity-10 transition duration-300\">B<\/div>\n <div class=\"text-brand text-3xl font-black mb-4 bg-brand-light w-12 h-12 rounded-full flex items-center justify-center\">B<\/div>\n <h3 class=\"text-xl font-bold mb-3 text-gray-900\">\u9577\u3044\u8981\u7d04\u3092\u5352\u696d\uff01<br><span class=\"text-brand\">\u300c15\u79d2\u30fb2\u6587\u300d\u306b\u51dd\u7e2e<\/span><\/h3>\n <p class=\"text-gray-600 text-sm leading-relaxed\">\u5197\u9577\u306b\u306a\u308a\u304c\u3061\u306a\u8981\u7d04\u3092\u3001\u76f8\u8ac7\u8005\u306b\u97ff\u304f\u7aef\u7684\u306a\u8a00\u8449\u306b\u307e\u3068\u3081\u308b\u601d\u8003\u6cd5\u3068\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3092\u7df4\u7fd2\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n \n <div class=\"bg-white rounded-xl p-8 border border-brand\/20 shadow-sm hover:shadow-lg hover:-translate-y-1 transition duration-300 relative overflow-hidden group\">\n <div class=\"absolute -right-4 -top-4 text-brand text-8xl font-black opacity-5 group-hover:opacity-10 transition duration-300\">C<\/div>\n <div class=\"text-brand text-3xl font-black mb-4 bg-brand-light w-12 h-12 rounded-full flex items-center justify-center\">C<\/div>\n <h3 class=\"text-xl font-bold mb-3 text-gray-900\">\u76f8\u8ac7\u8005\u306e\u672c\u97f3\u3092\u8074\u304d\u5206\u3051\u308b<br><span class=\"text-brand\">\u300cA\u3068A\u00b4\u300d\u306e\u8074\u53d6\u8853<\/span><\/h3>\n <p class=\"text-gray-600 text-sm leading-relaxed\">\u8868\u9762\u7684\u306a\u8a00\u8449\uff08A\uff09\u306e\u88cf\u306b\u3042\u308b\u3001\u672c\u5f53\u306b\u8a00\u3044\u305f\u3044\u3053\u3068\uff08A\u00b4\uff09\u3092\u3059\u304f\u3044\u4e0a\u3052\u308b\u8074\u304d\u65b9\u3092\u4f53\u611f\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n \n <div class=\"bg-white rounded-xl p-8 border border-brand\/20 shadow-sm hover:shadow-lg hover:-translate-y-1 transition duration-300 relative overflow-hidden group\">\n <div class=\"absolute -right-4 -top-4 text-brand text-8xl font-black opacity-5 group-hover:opacity-10 transition duration-300\">D<\/div>\n <div class=\"text-brand text-3xl font-black mb-4 bg-brand-light w-12 h-12 rounded-full flex items-center justify-center\">D<\/div>\n <h3 class=\"text-xl font-bold mb-3 text-gray-900\">\u8cea\u554f\u653b\u3081\u3092\u5352\u696d<br><span class=\"text-brand\">\uff08\u3046\u306a\u305a\u304d\u30fb\u76f8\u3065\u3061\u30fb\u6c88\u9ed9\uff09<\/span><\/h3>\n <p class=\"text-gray-600 text-sm leading-relaxed\">\u8a00\u8449\u3067\u5f15\u3063\u5f35\u308b\u306e\u3067\u306f\u306a\u304f\u3001\u975e\u8a00\u8a9e\u306e\u30b9\u30ad\u30eb\u3092\u4f7f\u3063\u3066\u76f8\u8ac7\u8005\u81ea\u8eab\u306e\u6c17\u3065\u304d\u3092\u4fc3\u3059\u9ad8\u5ea6\u306a\u6280\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002<\/p>\n <\/div>\n \n <div class=\"bg-white rounded-xl p-8 border border-brand\/20 shadow-sm hover:shadow-lg hover:-translate-y-1 transition duration-300 relative overflow-hidden group md:col-span-2 lg:col-span-1\">\n <div class=\"absolute -right-4 -top-4 text-brand text-8xl font-black opacity-5 group-hover:opacity-10 transition duration-300\">E<\/div>\n <div class=\"flex items-center gap-3 mb-4\">\n <div class=\"text-brand text-3xl font-black bg-brand-light w-12 h-12 rounded-full flex items-center justify-center shrink-0\">E<\/div>\n <div class=\"bg-accent text-white text-xs font-bold px-2 py-1 rounded\">2\u7d1a\u5411\u3051<\/div>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3 text-gray-900\">10\u5206\u3067\u898b\u7acb\u3066\u306e\u82af\u3092\u63b4\u3080<br><span class=\"text-brand\">\u30dd\u30a4\u30f3\u30c8<\/span><\/h3>\n <p class=\"text-gray-600 text-sm leading-relaxed\">\u719f\u7df4\u30ec\u30d9\u30eb\u306b\u6c42\u3081\u3089\u308c\u308b\u300c\u898b\u7acb\u3066\u300d\u3002\u9650\u3089\u308c\u305f\u6642\u9593\u5185\u3067\u6838\u3068\u306a\u308b\u554f\u984c\u69cb\u9020\u3092\u628a\u63e1\u3059\u308b\u30b3\u30c4\u3092\u4f1d\u6388\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 md:py-24 bg-brand-light\/30\">\n <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <span class=\"text-brand font-bold\">\u9078\u3070\u308c\u308b\u7406\u7531<\/span>\n <h2 class=\"text-2xl md:text-3xl font-bold text-gray-900 mt-2\">\u300c\u3084\u3063\u305f\u6c17\u300d\u3067\u7d42\u308f\u3089\u305b\u306a\u3044\u4ed5\u639b\u3051<\/h2>\n <p class=\"text-gray-700 mt-4\">\u79c1\u305f\u3061\u306e\u30bb\u30df\u30ca\u30fc\u3067\u306f\u3001\u4ee5\u4e0b\u306e3\u3064\u306e\u7d04\u675f\u3092\u5fb9\u5e95\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n \n <div class=\"bg-white p-8 rounded-2xl shadow-sm text-center border-t-4 border-brand\">\n <div class=\"w-20 h-20 bg-gray-50 rounded-full flex items-center justify-center mx-auto mb-6\">\n <img decoding=\"async\" src=\"https:\/\/api.iconify.design\/lucide:heart-handshake.svg?color=%230284c7\" alt=\"Icon\" class=\"w-10 h-10\">\n <\/div>\n <h3 class=\"text-xl font-bold text-gray-900 mb-3\">1. \u4eba\u683c\u5426\u5b9a\u306f\u30bc\u30ed<\/h3>\n <p class=\"text-gray-600 text-left\">\n \u300c\u6027\u683c\u300d\u3067\u306f\u306a\u304f<strong>\u300c\u884c\u52d5\u300d<\/strong>\u306b\u30d5\u30a9\u30fc\u30ab\u30b9\u3057\u305f\u3001\u524d\u5411\u304d\u306a\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\uff08FB\uff09\u3092\u3057\u307e\u3059\u3002\u5b89\u5fc3\u3057\u3066\u5931\u6557\u3067\u304d\u308b\u5834\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n \n \n <div class=\"bg-white p-8 rounded-2xl shadow-sm text-center border-t-4 border-accent\">\n <div class=\"w-20 h-20 bg-gray-50 rounded-full flex items-center justify-center mx-auto mb-6\">\n <img decoding=\"async\" src=\"https:\/\/api.iconify.design\/lucide:zap.svg?color=%23f97316\" alt=\"Icon\" class=\"w-10 h-10\">\n <\/div>\n <h3 class=\"text-xl font-bold text-gray-900 mb-3\">2. \u305d\u306e\u5834\u3067\u3059\u3050\u4fee\u6b63<\/h3>\n <p class=\"text-gray-600 text-left\">\n \u8b1b\u5e2b\u304c\u5de1\u56de\u3057\u3066\u4ecb\u5165\u3059\u308b\u306e\u3067\u3001\u5f8c\u304b\u3089\u3067\u306f\u306a\u304f\u300c\u305d\u306e\u77ac\u9593\u300d\u306b\u8ecc\u9053\u4fee\u6b63\u3002\u6b21\u306e\u30bb\u30c3\u30c8\u3067<strong>\u300c\u3067\u304d\u305f\uff01\u300d\u3092\u5373\u5b9f\u611f<\/strong>\u3067\u304d\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white p-8 rounded-2xl shadow-sm text-center border-t-4 border-brand\">\n <div class=\"w-20 h-20 bg-gray-50 rounded-full flex items-center justify-center mx-auto mb-6\">\n <img decoding=\"async\" src=\"https:\/\/api.iconify.design\/lucide:gift.svg?color=%230284c7\" alt=\"Icon\" class=\"w-10 h-10\">\n <\/div>\n <h3 class=\"text-xl font-bold text-gray-900 mb-3\">3. \u304a\u571f\u7523\u4ed8\u304d<\/h3>\n <p class=\"text-gray-600 text-left\">\n \u4e3b\u50ac\u8005\u69d8\u306b\u306f\u3001\u7fcc\u65e5\u304b\u3089\u7686\u3055\u3093\u306e\u7df4\u7fd2\u4f1a\u3067\u305d\u306e\u307e\u307e\u4f7f\u3048\u308b<strong>\u300c\u9032\u884c\u30de\u30cb\u30e5\u30a2\u30eb\u300d<\/strong>\u306a\u3069\u3092\u304a\u6e21\u3057\u3057\u307e\u3059\u3002\u52b9\u679c\u304c\u6301\u7d9a\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 md:py-24 bg-white\">\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-2xl md:text-3xl font-bold text-gray-900 mb-4\">\u3088\u304f\u3042\u308b\u8cea\u554f<\/h2>\n <div class=\"w-16 h-1 bg-brand mx-auto rounded\"><\/div>\n <\/div>\n \n <div class=\"space-y-6\">\n \n <div class=\"bg-gray-50 rounded-xl p-6 border border-gray-100\">\n <h3 class=\"font-bold text-gray-900 flex gap-3 text-lg items-start\">\n <span class=\"text-brand font-black text-xl shrink-0\">Q.<\/span>\n 5\u540d\u96c6\u307e\u3089\u306a\u3044\u3068\u7533\u3057\u8fbc\u307f\u3067\u304d\u307e\u305b\u3093\u304b\uff1f\n <\/h3>\n <div class=\"mt-4 flex gap-3 items-start text-gray-700\">\n <span class=\"text-accent font-black text-xl shrink-0\">A.<\/span>\n <p>\u57fa\u672c\u7684\u306b\u306f5\u540d\u69d8\u304b\u3089\u3067\u304a\u9858\u3044\u3057\u3066\u304a\u308a\u307e\u3059\u304c\u30013\u301c4\u540d\u306a\u3069\u5c11\u4eba\u6570\u306e\u5834\u5408\u3082\u6599\u91d1\u7b49\u3092\u3054\u76f8\u8ac7\u306e\u4e0a\u3067\u5bfe\u5fdc\u53ef\u80fd\u306a\u5834\u5408\u304c\u3054\u3056\u3044\u307e\u3059\u3002\u307e\u305a\u306f\u304a\u6c17\u8efd\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u30d5\u30a9\u30fc\u30e0\u3088\u308a\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-gray-50 rounded-xl p-6 border border-gray-100\">\n <h3 class=\"font-bold text-gray-900 flex gap-3 text-lg items-start\">\n <span class=\"text-brand font-black text-xl shrink-0\">Q.<\/span>\n \u4f1a\u5834\u306f\u3053\u3061\u3089\u3067\u7528\u610f\u3059\u308b\u306e\u3067\u3057\u3087\u3046\u304b\uff1f\n <\/h3>\n <div class=\"mt-4 flex gap-3 items-start text-gray-700\">\n <span class=\"text-accent font-black text-xl shrink-0\">A.<\/span>\n <p>\u306f\u3044\u3001\u8aa0\u306b\u6050\u308c\u5165\u308a\u307e\u3059\u304c\u3001\u666e\u6bb5\u7686\u69d8\u304c\u7df4\u7fd2\u4f1a\u3067\u3054\u5229\u7528\u3055\u308c\u3066\u3044\u308b\u516c\u6c11\u9928\u3084\u8cb8\u4f1a\u8b70\u5ba4\u306a\u3069\u306e\u624b\u914d\u306f\u304a\u5ba2\u69d8\u306b\u3066\u304a\u9858\u3044\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-gray-50 rounded-xl p-6 border border-gray-100\">\n <h3 class=\"font-bold text-gray-900 flex gap-3 text-lg items-start\">\n <span class=\"text-brand font-black text-xl shrink-0\">Q.<\/span>\n \u652f\u6255\u3044\u65b9\u6cd5\u3092\u6559\u3048\u3066\u304f\u3060\u3055\u3044\u3002\n <\/h3>\n <div class=\"mt-4 flex gap-3 items-start text-gray-700\">\n <span class=\"text-accent font-black text-xl shrink-0\">A.<\/span>\n <p>\u30af\u30ec\u30b8\u30c3\u30c8\u30ab\u30fc\u30c9\u6255\u3044\u3001\u307e\u305f\u306f\u9280\u884c\u632f\u8fbc\u3092\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002\u304a\u898b\u7a4d\u308a\u306e\u3054\u63d0\u793a\u3068\u5408\u308f\u305b\u3066\u3001\u3054\u5e0c\u671b\u306e\u304a\u652f\u6255\u3044\u65b9\u6cd5\u3092\u304a\u4f3a\u3044\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-gray-50 rounded-xl p-6 border border-gray-100\">\n <h3 class=\"font-bold text-gray-900 flex gap-3 text-lg items-start\">\n <span class=\"text-brand font-black text-xl shrink-0\">Q.<\/span>\n 5\u3064\u306e\u30e1\u30cb\u30e5\u30fc\u4ee5\u5916\u306e\u5185\u5bb9\u3067\u3082\u304a\u9858\u3044\u3067\u304d\u307e\u3059\u304b\uff1f\n <\/h3>\n <div class=\"mt-4 flex gap-3 items-start text-gray-700\">\n <span class=\"text-accent font-black text-xl shrink-0\">A.<\/span>\n <p>\u306f\u3044\u3001\u53ef\u80fd\u3067\u3059\u3002\u53c2\u52a0\u3055\u308c\u308b\u7686\u69d8\u306e\u5171\u901a\u306e\u8ab2\u984c\u3084\u3054\u8981\u671b\u306b\u5408\u308f\u305b\u3066\u3001\u67d4\u8edf\u306b\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3044\u305f\u3057\u307e\u3059\u3002\u4e8b\u524d\u306e\u30d2\u30a2\u30ea\u30f3\u30b0\u3067\u3054\u5e0c\u671b\u3092\u304a\u805e\u304b\u305b\u304f\u3060\u3055\u3044\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"contact\" class=\"py-16 md:py-24\">\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"bg-white rounded-3xl shadow-xl overflow-hidden border border-gray-100\">\n <div class=\"bg-brand p-8 text-center text-white\">\n <h2 class=\"text-2xl md:text-3xl font-bold\">\u8a73\u7d30\u30fb\u304a\u7533\u3057\u8fbc\u307f<\/h2>\n <\/div>\n <div class=\"p-8 md:p-12\">\n <dl class=\"mb-8\">\n <div class=\"py-4 border-b border-gray-100 flex flex-col sm:flex-row gap-2 sm:gap-6\">\n <dt class=\"font-bold text-gray-800 sm:w-1\/3 md:w-1\/4 shrink-0 flex items-start sm:items-center gap-2 pt-1 sm:pt-0\">\n <i class=\"fa-solid fa-user-graduate text-brand w-5 text-center mt-1 sm:mt-0\" aria-hidden=\"true\"><\/i> <span class=\"whitespace-nowrap\">\u5bfe\u8c61<\/span>\n <\/dt>\n <dd class=\"text-gray-700 sm:w-2\/3 md:w-3\/4\">\u56fd\u30ad\u30e3\u30ea\uff08\u30ad\u30e3\u30ea\u5354\uff0fJCDA\uff09\u307e\u305f\u306f2\u7d1a\u53d7\u9a13\u751f<\/dd>\n <\/div>\n <div class=\"py-4 border-b border-gray-100 flex flex-col sm:flex-row gap-2 sm:gap-6\">\n <dt class=\"font-bold text-gray-800 sm:w-1\/3 md:w-1\/4 shrink-0 flex items-start sm:items-center gap-2 pt-1 sm:pt-0\">\n <i class=\"fa-solid fa-users text-brand w-5 text-center mt-1 sm:mt-0\" aria-hidden=\"true\"><\/i> <span class=\"whitespace-nowrap\">\u4eba\u6570<\/span>\n <\/dt>\n <dd class=\"text-gray-700 sm:w-2\/3 md:w-3\/4\">5\u540d\u301c20\u540d<\/dd>\n <\/div>\n <div class=\"py-4 border-b border-gray-100 flex flex-col sm:flex-row gap-2 sm:gap-6\">\n <dt class=\"font-bold text-gray-800 sm:w-1\/3 md:w-1\/4 shrink-0 flex items-start gap-2 pt-1\">\n <i class=\"fa-solid fa-map-location-dot text-brand w-5 text-center mt-1\" aria-hidden=\"true\"><\/i> <span class=\"whitespace-nowrap\">\u6d3b\u52d5\u30a8\u30ea\u30a2<\/span>\n <\/dt>\n <dd class=\"text-gray-700 sm:w-2\/3 md:w-3\/4 w-full\">\n <p class=\"font-bold text-gray-900\">\u6a2a\u6d5c\u3092\u62e0\u70b9\u306b\u3001\u7247\u905390\u5206\u570f\u5185\u3092\u76ee\u5b89\u306b\u304a\u4f3a\u3044\u3057\u307e\u3059\u3002<\/p>\n <p class=\"text-sm mt-2 text-gray-600 mb-5\">\u203b\u90fd\u5185\u5168\u57df\u306f\u3082\u3061\u308d\u3093\u3001\u5343\u8449\u3084\u57fc\u7389\u3001\u5c0f\u7530\u539f\u3084\u71b1\u6d77\u306a\u3069\u3001\u30d5\u30c3\u30c8\u30ef\u30fc\u30af\u8efd\u304f\u8abf\u6574\u3044\u305f\u3057\u307e\u3059\u306e\u3067\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\uff01<\/p>\n \n \n <div class=\"relative w-full max-w-sm mx-auto sm:mx-0 aspect-[4\/3] bg-brand-light\/30 rounded-xl border border-brand\/20 overflow-hidden flex items-center justify-center p-4 mt-2\">\n \n \n <div class=\"absolute w-[95%] sm:w-[90%] aspect-square rounded-full border-2 border-brand bg-white\/60 shadow-sm\"><\/div>\n <div class=\"absolute w-[95%] sm:w-[90%] aspect-square rounded-full flex items-start justify-center\">\n <span class=\"text-xs font-bold text-brand bg-white px-3 py-1 rounded-full border border-brand\/30 shadow-sm relative -top-3 z-20\">\u7247\u905390\u5206\u570f\u5185<\/span>\n <\/div>\n\n \n <div class=\"absolute w-[45%] aspect-square rounded-full border border-dashed border-brand\/30\"><\/div>\n \n \n <div class=\"absolute flex flex-col items-center justify-center z-10\">\n <i class=\"fa-solid fa-location-dot text-brand text-3xl drop-shadow-md mb-1 relative -top-2\" aria-hidden=\"true\"><\/i>\n <span class=\"text-xs font-bold text-gray-800 bg-white\/90 px-2 py-0.5 rounded shadow-sm border border-gray-100\">\u6a2a\u6d5c\u62e0\u70b9<\/span>\n <\/div>\n \n \n <div class=\"absolute top-[25%] right-[25%] flex flex-col items-center justify-center z-10\">\n <div class=\"w-2.5 h-2.5 bg-accent rounded-full mb-1 shadow-sm\"><\/div>\n <span class=\"text-[10px] font-bold text-gray-700 bg-white\/80 px-1.5 py-0.5 rounded shadow-sm\">\u90fd\u5185\u5168\u57df<\/span>\n <\/div>\n <div class=\"absolute top-[35%] right-[10%] flex flex-col items-center justify-center z-10\">\n <div class=\"w-2 h-2 bg-accent\/70 rounded-full mb-1 shadow-sm\"><\/div>\n <span class=\"text-[10px] font-bold text-gray-700 bg-white\/80 px-1.5 py-0.5 rounded shadow-sm\">\u5343\u8449<\/span>\n <\/div>\n <div class=\"absolute top-[12%] left-[45%] flex flex-col items-center justify-center z-10\">\n <div class=\"w-2 h-2 bg-accent\/70 rounded-full mb-1 shadow-sm\"><\/div>\n <span class=\"text-[10px] font-bold text-gray-700 bg-white\/80 px-1.5 py-0.5 rounded shadow-sm\">\u57fc\u7389<\/span>\n <\/div>\n <div class=\"absolute bottom-[30%] left-[20%] flex flex-col items-center justify-center z-10\">\n <div class=\"w-2 h-2 bg-accent\/70 rounded-full mb-1 shadow-sm\"><\/div>\n <span class=\"text-[10px] font-bold text-gray-700 bg-white\/80 px-1.5 py-0.5 rounded shadow-sm\">\u5c0f\u7530\u539f<\/span>\n <\/div>\n <div class=\"absolute bottom-[15%] left-[10%] flex flex-col items-center justify-center z-10\">\n <div class=\"w-2 h-2 bg-accent\/70 rounded-full mb-1 shadow-sm\"><\/div>\n <span class=\"text-[10px] font-bold text-gray-700 bg-white\/80 px-1.5 py-0.5 rounded shadow-sm\">\u71b1\u6d77<\/span>\n <\/div>\n <\/div>\n <\/dd>\n <\/div>\n <div class=\"py-4 flex flex-col sm:flex-row gap-2 sm:gap-6\">\n <dt class=\"font-bold text-gray-800 sm:w-1\/3 md:w-1\/4 shrink-0 flex items-start sm:items-center gap-2 pt-1 sm:pt-0\">\n <i class=\"fa-solid fa-yen-sign text-brand w-5 text-center mt-1 sm:mt-0\" aria-hidden=\"true\"><\/i> <span class=\"whitespace-nowrap\">\u8cbb\u7528<\/span>\n <\/dt>\n <dd class=\"text-gray-700 sm:w-2\/3 md:w-3\/4\">\n <span class=\"text-2xl font-bold text-accent\">2\u6642\u9593 12,000\u5186\u301c<\/span><br>\n <span class=\"text-sm text-gray-500\">\uff08\u7a0e\u5225\u30fb\u4ea4\u901a\u8cbb\u5225\uff09<\/span>\n <\/dd>\n <\/div>\n <\/dl>\n\n <div class=\"bg-orange-50 p-6 rounded-xl border border-orange-100 text-center mb-8\">\n <p class=\"text-lg font-bold text-gray-800 mb-2\">\u300c\u4eca\u306e\u7df4\u7fd2\u3092\u3001\u3082\u3063\u3068\u610f\u5473\u306e\u3042\u308b\u3082\u306e\u306b\u3057\u305f\u3044\u300d<\/p>\n <p class=\"text-gray-600\">\n \u305d\u3093\u306a\u60f3\u3044\u3092\u304a\u6301\u3061\u306e\u4e3b\u50ac\u8005\u69d8\u3001<br class=\"md:hidden\">\u307e\u305a\u306f\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<br>\n \u5408\u683c\u3078\u306e\u4e00\u6b69\u3092\u3001\u4e00\u7dd2\u306b\u8e0f\u307f\u51fa\u3057\u307e\u3057\u3087\u3046\uff01\n <\/p>\n <\/div>\n\n <div class=\"text-center\">\n <a href=\"https:\/\/forms.gle\/agDeLhmG3aFBzYqq6\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex bg-accent text-white font-bold text-lg py-4 px-10 rounded-full shadow-lg hover:bg-accent-hover hover:-translate-y-1 transition-all duration-300 items-center justify-center gap-3 w-full md:w-auto\">\n <i class=\"fa-solid fa-pen-to-square text-xl\" aria-hidden=\"true\"><\/i> \u304a\u7533\u3057\u8fbc\u307f\u30fb\u3054\u76f8\u8ac7\u30d5\u30a9\u30fc\u30e0\u3078\n <\/a>\n <p class=\"text-xs text-gray-500 mt-4\">\u203b\u5916\u90e8\u30b5\u30a4\u30c8\uff08Google\u30d5\u30a9\u30fc\u30e0\uff09\u3078\u9077\u79fb\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-gray-900 text-gray-400 py-8 text-center\">\n <div class=\"max-w-5xl mx-auto px-4\">\n <img decoding=\"async\" src=\"http:\/\/career-c.sognoplanning.com\/wp-content\/uploads\/2025\/04\/\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4-\u30ed\u30b4.png\" alt=\"\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4 \u30ed\u30b4\" class=\"h-10 mx-auto mb-4 grayscale opacity-50\" onerror=\"this.src=''; this.style.display='none';\">\n <p class=\"text-sm\">© 2026 \u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4 All Rights Reserved.<\/p>\n <\/div>\n <\/footer>\n\n \n <div class=\"md:hidden fixed bottom-0 left-0 w-full bg-white border-t border-gray-200 p-3 z-50\">\n <a href=\"mailto:info@sognoplanning.com\" class=\"flex bg-accent text-white font-bold text-base py-3 px-4 rounded-lg justify-center items-center gap-2 shadow-sm\">\n <i class=\"fa-regular fa-envelope\" aria-hidden=\"true\"><\/i> \u30e1\u30fc\u30eb\u3067\u76f8\u8ac7\u3059\u308b\n <\/a>\n <\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u51fa\u5f35\u30ed\u30fc\u30d7\u30ec\u30bb\u30df\u30ca\u30fc | \u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4 \u76f8\u8ac7\u3059\u308b \u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u8a66\u9a13\u5bfe\u7b56 \u305d\u306e\u7df4\u7fd2\u4f1a\u3001 \u300c\u306a\u3093\u3068\u306a\u304f\u300d \u3067\u7d42\u308f\u3063\u3066\u3044\u307e\u305b\u3093\u304b\uff1f \u300c\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4\u300d\u304c\u3042\u306a\u305f\u306e\u52c9\u5f37\u4f1a\u306b\u51fa\u5f35\uff01 \u305d\u306e\u65e5\u304b\u3089\u3001\u7df4\u7fd2\u4f1a\u306e\u8cea\u3092\u5287\u7684\u306b\u5909\u3048 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"vkexunit_cta_each_option":"","footnotes":""},"class_list":["post-3185","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages\/3185","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3185"}],"version-history":[{"count":2,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages\/3185\/revisions"}],"predecessor-version":[{"id":3191,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages\/3185\/revisions\/3191"}],"wp:attachment":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3185,"date":"2026-03-31T06:07:28","date_gmt":"2026-03-30T21:07:28","guid":{"rendered":"https:\/\/career-c.sognoplanning.com\/?page_id=3185"},"modified":"2026-03-31T07:06:58","modified_gmt":"2026-03-30T22:06:58","slug":"%e3%80%8c%e5%a4%a2%e3%83%ad%e3%83%bc%e3%83%97%e3%83%ac%e7%a0%94%e7%a9%b6%e5%ae%a4%e3%80%8d%e5%87%ba%e5%bc%b5%e3%83%ad%e3%83%bc%e3%83%97%e3%83%ac%e3%82%bb%e3%83%9f%e3%83%8a%e3%83%bc","status":"publish","type":"page","link":"https:\/\/career-c.sognoplanning.com\/?page_id=3185","title":{"rendered":"\u300c\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4\u300d\u51fa\u5f35\u30ed\u30fc\u30d7\u30ec\u30bb\u30df\u30ca\u30fc"},"content":{"rendered":"\n\n\n\n \n \n \u51fa\u5f35\u30ed\u30fc\u30d7\u30ec\u30bb\u30df\u30ca\u30fc | \u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4<\/title>\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n sans: ['\"Noto Sans JP\"', 'sans-serif'],\n },\n colors: {\n brand: {\n light: '#e0f2fe', \/\/ sky-100\n DEFAULT: '#0284c7', \/\/ sky-600\n dark: '#0369a1', \/\/ sky-700\n },\n accent: {\n DEFAULT: '#f97316', \/\/ orange-500\n hover: '#ea580c', \/\/ orange-600\n }\n }\n }\n }\n }\n <\/script>\n <style>\n \/* \u30ab\u30b9\u30bf\u30e0\u30b9\u30bf\u30a4\u30eb\u30fb\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\n .blob-shape {\n border-radius: 40% 60% 70% 30% \/ 40% 50% 60% 50%;\n animation: morph 8s ease-in-out infinite;\n }\n @keyframes morph {\n 0%, 100% { border-radius: 40% 60% 70% 30% \/ 40% 50% 60% 50%; }\n 34% { border-radius: 70% 30% 50% 50% \/ 30% 30% 70% 70%; }\n 67% { border-radius: 100% 60% 60% 100% \/ 100% 100% 60% 60%; }\n }\n .step-arrow::after {\n content: '\\f0da';\n font-family: 'Font Awesome 6 Free';\n font-weight: 900;\n position: absolute;\n right: -20px;\n top: 50%;\n transform: translateY(-50%);\n color: #0284c7;\n font-size: 1.5rem;\n }\n @media (max-width: 768px) {\n .step-arrow::after {\n content: '\\f0d7';\n right: 50%;\n top: auto;\n bottom: -25px;\n transform: translateX(50%);\n }\n }\n .step-arrow:last-child::after {\n display: none;\n }\n <\/style>\n<\/head>\n<body class=\"font-sans text-gray-800 bg-white antialiased\">\n\n \n <header class=\"bg-white shadow-sm fixed w-full top-0 z-50\">\n <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-3 flex justify-between items-center\">\n <div class=\"flex items-center\">\n <img decoding=\"async\" src=\"http:\/\/career-c.sognoplanning.com\/wp-content\/uploads\/2025\/04\/\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4-\u30ed\u30b4.png\" alt=\"\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4 \u30ed\u30b4\" class=\"h-10 object-contain\" onerror=\"this.src='https:\/\/placehold.co\/200x60?text=\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4'\">\n <\/div>\n <div>\n <a href=\"mailto:info@sognoplanning.com\" class=\"hidden md:inline-flex bg-brand text-white font-bold py-2 px-6 rounded-full hover:bg-brand-dark transition duration-300 items-center gap-2 shadow-md\">\n <i class=\"fa-regular fa-envelope\" aria-hidden=\"true\"><\/i> \u76f8\u8ac7\u3059\u308b\n <\/a>\n <\/div>\n <\/div>\n <\/header>\n\n \n <section class=\"pt-28 pb-16 md:pt-36 md:pb-24 bg-gradient-to-br from-brand-light to-white overflow-hidden\">\n <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 relative\">\n <div class=\"flex flex-col-reverse md:flex-row items-center gap-12\">\n \n \n <div class=\"md:w-3\/5 text-center md:text-left z-10\">\n <span class=\"inline-block py-1 px-3 rounded-full bg-brand\/10 text-brand font-bold text-sm mb-4 border border-brand\/20\">\n \u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u8a66\u9a13\u5bfe\u7b56\n <\/span>\n <h1 class=\"text-3xl md:text-4xl lg:text-5xl font-black text-gray-900 leading-tight mb-6\">\n \u305d\u306e\u7df4\u7fd2\u4f1a\u3001<br class=\"hidden md:block\">\n <span class=\"text-brand relative inline-block\">\n \u300c\u306a\u3093\u3068\u306a\u304f\u300d\n <svg class=\"absolute w-full h-3 -bottom-1 left-0 text-accent\/30\" viewBox=\"0 0 100 10\" preserveAspectRatio=\"none\">\n <path d=\"M0 5 Q 50 10 100 5\" stroke=\"currentColor\" stroke-width=\"8\" fill=\"transparent\"\/>\n <\/svg>\n <\/span>\n \u3067\u7d42\u308f\u3063\u3066\u3044\u307e\u305b\u3093\u304b\uff1f\n <\/h1>\n <p class=\"text-lg text-gray-700 mb-8 font-medium leading-relaxed\">\n \u300c\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4\u300d\u304c\u3042\u306a\u305f\u306e\u52c9\u5f37\u4f1a\u306b\u51fa\u5f35\uff01<br class=\"hidden md:block\">\n \u305d\u306e\u65e5\u304b\u3089\u3001\u7df4\u7fd2\u4f1a\u306e\u8cea\u3092\u5287\u7684\u306b\u5909\u3048\u308b<br class=\"hidden md:block\">\n <strong class=\"text-xl text-accent\">\u300c\u51fa\u5f35\u30ed\u30fc\u30d7\u30ec\u30bb\u30df\u30ca\u30fc\u300d<\/strong>\u672c\u683c\u59cb\u52d5\u3002\n <\/p>\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center md:justify-start\">\n <a href=\"#contact\" class=\"bg-accent text-white font-bold text-lg py-4 px-8 rounded-full shadow-lg hover:bg-accent-hover hover:-translate-y-1 transition-all duration-300 flex items-center justify-center gap-2\">\n <i class=\"fa-regular fa-paper-plane\" aria-hidden=\"true\"><\/i> \u8a73\u7d30\u30fb\u304a\u7533\u3057\u8fbc\u307f\u306f\u3053\u3061\u3089\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"md:w-2\/5 relative flex justify-center z-10\">\n <div class=\"absolute inset-0 bg-brand\/20 blob-shape transform translate-x-4 translate-y-4 -z-10\"><\/div>\n <img decoding=\"async\" src=\"http:\/\/career-c.sognoplanning.com\/wp-content\/uploads\/2026\/03\/\u4e2d\u5cf6\u8b1b\u5e2bWEB.jpg\" alt=\"\u4e2d\u5cf6\u8b1b\u5e2b\" class=\"rounded-full w-64 h-64 md:w-80 md:h-80 object-cover border-4 border-white shadow-xl\" onerror=\"this.src='https:\/\/placehold.co\/400x400?text=\u8b1b\u5e2b\u5199\u771f'\">\n <div class=\"absolute bottom-4 -left-4 md:-left-12 bg-white py-2 px-4 rounded-lg shadow-lg font-bold text-brand border border-gray-100 flex items-center gap-3\">\n <i class=\"fa-solid fa-microphone-lines text-accent text-xl\" aria-hidden=\"true\"><\/i>\n <div class=\"text-left whitespace-nowrap\">\n <div class=\"text-sm md:text-base leading-tight text-gray-800\">\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4 \u4e2d\u5cf6\u5247\u751f<\/div>\n <div class=\"text-[10px] md:text-xs text-gray-500 font-normal mt-1\">\uff12\u7d1a\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\u6280\u80fd\u58eb<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 md:py-24 bg-gray-50\">\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-2xl md:text-3xl font-bold text-gray-900 mb-4\">\u3053\u3093\u306a\u4e0d\u5b89\u3092\u62b1\u3048\u3066\u3044\u307e\u305b\u3093\u304b\uff1f<\/h2>\n <div class=\"w-16 h-1 bg-brand mx-auto rounded\"><\/div>\n <\/div>\n \n <p class=\"text-center mb-10 text-gray-700\">\u8a66\u9a13\u5bfe\u7b56\u3092\u9032\u3081\u308b\u4e2d\u3067\u3001\u540c\u671f\u3084\u52c9\u5f37\u4f1a\u306e\u4ef2\u9593\u3068\u96c6\u307e\u3063\u3066\u7df4\u7fd2\u3059\u308b\u6a5f\u4f1a\u3082\u591a\u3044\u306f\u305a\u3002<br>\u3067\u3082\u3001\u6b63\u76f4\u306b\u4f3a\u3044\u307e\u3059\u3002<\/p>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n \n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-gray-100 relative\">\n <div class=\"absolute -top-4 -left-4 text-4xl text-gray-200\">\n <i class=\"fa-solid fa-quote-left\" aria-hidden=\"true\"><\/i>\n <\/div>\n <p class=\"text-lg font-bold text-gray-800 relative z-10\">\u300c\u4eca\u306e\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3001<br><span class=\"text-brand\">\u672c\u5f53\u306b\u5408\u3063\u3066\u308b\u306e\u304b\u306a\u2026\u2026<\/span>\u300d<\/p>\n <\/div>\n \n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-gray-100 relative mt-4 md:mt-0\">\n <div class=\"absolute -top-4 -left-4 text-4xl text-gray-200\">\n <i class=\"fa-solid fa-quote-left\" aria-hidden=\"true\"><\/i>\n <\/div>\n <p class=\"text-lg font-bold text-gray-800 relative z-10\">\u300c\u307f\u3093\u306a\u3067\u96c6\u307e\u3063\u305f\u3051\u3069\u3001\u7d50\u5c40<br><span class=\"text-brand\">\u3069\u3046\u6539\u5584\u3059\u308c\u3070\u3044\u3044\u304b\u5206\u304b\u3089\u306a\u3044<\/span>\u300d<\/p>\n <\/div>\n \n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-gray-100 relative md:col-span-2 md:w-2\/3 md:mx-auto mt-4 md:mt-0\">\n <div class=\"absolute -top-4 -left-4 text-4xl text-gray-200\">\n <i class=\"fa-solid fa-quote-left\" aria-hidden=\"true\"><\/i>\n <\/div>\n <p class=\"text-lg font-bold text-gray-800 relative z-10 text-center\">\u300c\u6642\u9593\u306f\u904e\u304e\u308b\u3051\u3069\u3001<br><span class=\"text-brand\">\u624b\u5fdc\u3048\u304c\u63b4\u3081\u306a\u3044<\/span>\u300d<\/p>\n <\/div>\n <\/div>\n\n <div class=\"mt-12 text-center bg-brand-light p-6 rounded-xl border border-brand\/20\">\n <p class=\"text-lg font-bold text-gray-800\">\n \u305d\u3093\u306a\u4e0d\u5b89\u3092\u62b1\u3048\u306a\u304c\u3089\u3001\u624b\u63a2\u308a\u3067\u9032\u3080\u306e\u306f\u672c\u5f53\u306b\u5927\u5909\u306a\u3053\u3068\u3067\u3059\u3002<br>\n \u3060\u304b\u3089\u3053\u305d\u3001<span class=\"text-brand text-xl\">\u30d7\u30ed\u306e\u8996\u70b9<\/span>\u3092\u53d6\u308a\u5165\u308c\u3066\u307f\u307e\u305b\u3093\u304b\uff1f\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 md:py-24\">\n <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-3xl md:text-4xl font-black text-gray-900 mb-6\">\u300c\u305d\u306e\u65e5\u304b\u3089\u3001\u7df4\u7fd2\u4f1a\u306e\u8cea\u3092<br class=\"md:hidden\">\u5287\u7684\u306b\u5909\u3048\u308b\u300d<\/h2>\n <p class=\"text-lg text-gray-700 max-w-2xl mx-auto\">\n \u79c1\u305f\u3061\u306e\u30b3\u30f3\u30bb\u30d7\u30c8\u306f\u30b7\u30f3\u30d7\u30eb\u3067\u3059\u3002\u5358\u306b\u8b1b\u7fa9\u3092\u8074\u304f\u3060\u3051\u306e\u6642\u9593\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u982d\u3067\u306f\u306a\u304f<strong>\u300c\u8eab\u4f53\u300d\u306b\u5408\u683c\u30ec\u30d9\u30eb\u306e\u611f\u899a\u3092\u67d3\u307f\u8fbc\u307e\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3059\u3002<\/strong>\n <\/p>\n <\/div>\n\n \n <div class=\"flex flex-col md:flex-row justify-between items-center gap-8 md:gap-4 relative mb-16\">\n <div class=\"step-arrow relative bg-white border-2 border-brand rounded-xl p-6 text-center w-full md:w-1\/3 shadow-md z-10\">\n <div class=\"w-16 h-16 bg-brand-light text-brand rounded-full flex items-center justify-center text-2xl mx-auto mb-4\">\n <i class=\"fa-solid fa-eye\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"font-bold text-xl mb-2\">1. \u8b1b\u5e2b\u306e\u30c7\u30e2\u3092\u898b\u308b<\/h3>\n <p class=\"text-sm text-gray-600\">\u30d7\u30ed\u306e\u6280\u3092\u76ee\u306e\u524d\u3067\u78ba\u8a8d\u3002\u76ee\u6307\u3059\u3079\u304d\u30b4\u30fc\u30eb\u3092\u5171\u6709\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n \n <div class=\"step-arrow relative bg-white border-2 border-brand rounded-xl p-6 text-center w-full md:w-1\/3 shadow-md z-10\">\n <div class=\"w-16 h-16 bg-brand-light text-brand rounded-full flex items-center justify-center text-2xl mx-auto mb-4\">\n <i class=\"fa-solid fa-users\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"font-bold text-xl mb-2\">2. \u5b9f\u969b\u306b\u3084\u3063\u3066\u307f\u308b<\/h3>\n <p class=\"text-sm text-gray-600\">\u30a4\u30f3\u30d7\u30c3\u30c8\u3057\u305f\u5185\u5bb9\u3092\u3001\u3059\u3050\u306b\u4ef2\u9593\u3068\u306e\u30ed\u30fc\u30d7\u30ec\u3067\u5b9f\u8df5\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n\n <div class=\"step-arrow relative bg-white border-2 border-accent rounded-xl p-6 text-center w-full md:w-1\/3 shadow-md z-10\">\n <div class=\"absolute -top-3 -right-3 bg-accent text-white text-xs font-bold px-3 py-1 rounded-full animate-bounce\">\n \u91cd\u8981\uff01\n <\/div>\n <div class=\"w-16 h-16 bg-orange-100 text-accent rounded-full flex items-center justify-center text-2xl mx-auto mb-4\">\n <i class=\"fa-solid fa-wrench\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"font-bold text-xl mb-2 text-accent\">3. \u305d\u306e\u5834\u30671\u30dd\u30a4\u30f3\u30c8\u4fee\u6b63<\/h3>\n <p class=\"text-sm text-gray-600\">\u5de1\u56de\u3059\u308b\u8b1b\u5e2b\u304b\u3089\u5373\u5ea7\u306bFB\u3002\u300c\u3067\u304d\u305f\uff01\u300d\u3092\u305d\u306e\u5834\u3067\u5b9f\u611f\u3067\u304d\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 md:py-24 bg-white\">\n <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-2xl md:text-3xl font-bold mb-4 text-gray-900\">\u30b0\u30eb\u30fc\u30d7\u306e\u300c\u5f31\u70b9\u300d\u306b\u5408\u308f\u305b\u3066\u9078\u3079\u308b<br><span class=\"text-accent text-4xl mt-2 inline-block\">5\u3064\u306e\u30df\u30cb\u30bb\u30df\u30ca\u30fc<\/span><\/h2>\n <p class=\"text-gray-700\">\u4ee5\u4e0b\u306e\u30e1\u30cb\u30e5\u30fc\u304b\u30891\u3064\u9078\u3093\u3067\u30b9\u30bf\u30fc\u30c8\u3057\u307e\u3059\u3002\u30d4\u30f3\u30dd\u30a4\u30f3\u30c8\u3067\u8ab2\u984c\u3092\u89e3\u6c7a\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n \n <div class=\"bg-white rounded-xl p-8 border border-brand\/20 shadow-sm hover:shadow-lg hover:-translate-y-1 transition duration-300 relative overflow-hidden group\">\n <div class=\"absolute -right-4 -top-4 text-brand text-8xl font-black opacity-5 group-hover:opacity-10 transition duration-300\">A<\/div>\n <div class=\"text-brand text-3xl font-black mb-4 bg-brand-light w-12 h-12 rounded-full flex items-center justify-center\">A<\/div>\n <h3 class=\"text-xl font-bold mb-3 text-gray-900\">\u6700\u521d\u306e5\u5206\u3067\u6c7a\u307e\u308b<br><span class=\"text-brand\">\u300c\u4e8b\u6545\u30bc\u30ed\u5c0e\u5165\u300d<\/span><\/h3>\n <p class=\"text-gray-600 text-sm leading-relaxed\">\u51fa\u3060\u3057\u306e\u3064\u307e\u305a\u304d\u3092\u7121\u304f\u3057\u3001\u76f8\u8ac7\u8005\u304c\u5b89\u5fc3\u3057\u3066\u8a71\u305b\u308b\u5834\u3092\u4f5c\u308b\u305f\u3081\u306e\u5177\u4f53\u7684\u306a\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u8eab\u306b\u3064\u3051\u307e\u3059\u3002<\/p>\n <\/div>\n \n <div class=\"bg-white rounded-xl p-8 border border-brand\/20 shadow-sm hover:shadow-lg hover:-translate-y-1 transition duration-300 relative overflow-hidden group\">\n <div class=\"absolute -right-4 -top-4 text-brand text-8xl font-black opacity-5 group-hover:opacity-10 transition duration-300\">B<\/div>\n <div class=\"text-brand text-3xl font-black mb-4 bg-brand-light w-12 h-12 rounded-full flex items-center justify-center\">B<\/div>\n <h3 class=\"text-xl font-bold mb-3 text-gray-900\">\u9577\u3044\u8981\u7d04\u3092\u5352\u696d\uff01<br><span class=\"text-brand\">\u300c15\u79d2\u30fb2\u6587\u300d\u306b\u51dd\u7e2e<\/span><\/h3>\n <p class=\"text-gray-600 text-sm leading-relaxed\">\u5197\u9577\u306b\u306a\u308a\u304c\u3061\u306a\u8981\u7d04\u3092\u3001\u76f8\u8ac7\u8005\u306b\u97ff\u304f\u7aef\u7684\u306a\u8a00\u8449\u306b\u307e\u3068\u3081\u308b\u601d\u8003\u6cd5\u3068\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3092\u7df4\u7fd2\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n \n <div class=\"bg-white rounded-xl p-8 border border-brand\/20 shadow-sm hover:shadow-lg hover:-translate-y-1 transition duration-300 relative overflow-hidden group\">\n <div class=\"absolute -right-4 -top-4 text-brand text-8xl font-black opacity-5 group-hover:opacity-10 transition duration-300\">C<\/div>\n <div class=\"text-brand text-3xl font-black mb-4 bg-brand-light w-12 h-12 rounded-full flex items-center justify-center\">C<\/div>\n <h3 class=\"text-xl font-bold mb-3 text-gray-900\">\u76f8\u8ac7\u8005\u306e\u672c\u97f3\u3092\u8074\u304d\u5206\u3051\u308b<br><span class=\"text-brand\">\u300cA\u3068A\u00b4\u300d\u306e\u8074\u53d6\u8853<\/span><\/h3>\n <p class=\"text-gray-600 text-sm leading-relaxed\">\u8868\u9762\u7684\u306a\u8a00\u8449\uff08A\uff09\u306e\u88cf\u306b\u3042\u308b\u3001\u672c\u5f53\u306b\u8a00\u3044\u305f\u3044\u3053\u3068\uff08A\u00b4\uff09\u3092\u3059\u304f\u3044\u4e0a\u3052\u308b\u8074\u304d\u65b9\u3092\u4f53\u611f\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n \n <div class=\"bg-white rounded-xl p-8 border border-brand\/20 shadow-sm hover:shadow-lg hover:-translate-y-1 transition duration-300 relative overflow-hidden group\">\n <div class=\"absolute -right-4 -top-4 text-brand text-8xl font-black opacity-5 group-hover:opacity-10 transition duration-300\">D<\/div>\n <div class=\"text-brand text-3xl font-black mb-4 bg-brand-light w-12 h-12 rounded-full flex items-center justify-center\">D<\/div>\n <h3 class=\"text-xl font-bold mb-3 text-gray-900\">\u8cea\u554f\u653b\u3081\u3092\u5352\u696d<br><span class=\"text-brand\">\uff08\u3046\u306a\u305a\u304d\u30fb\u76f8\u3065\u3061\u30fb\u6c88\u9ed9\uff09<\/span><\/h3>\n <p class=\"text-gray-600 text-sm leading-relaxed\">\u8a00\u8449\u3067\u5f15\u3063\u5f35\u308b\u306e\u3067\u306f\u306a\u304f\u3001\u975e\u8a00\u8a9e\u306e\u30b9\u30ad\u30eb\u3092\u4f7f\u3063\u3066\u76f8\u8ac7\u8005\u81ea\u8eab\u306e\u6c17\u3065\u304d\u3092\u4fc3\u3059\u9ad8\u5ea6\u306a\u6280\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002<\/p>\n <\/div>\n \n <div class=\"bg-white rounded-xl p-8 border border-brand\/20 shadow-sm hover:shadow-lg hover:-translate-y-1 transition duration-300 relative overflow-hidden group md:col-span-2 lg:col-span-1\">\n <div class=\"absolute -right-4 -top-4 text-brand text-8xl font-black opacity-5 group-hover:opacity-10 transition duration-300\">E<\/div>\n <div class=\"flex items-center gap-3 mb-4\">\n <div class=\"text-brand text-3xl font-black bg-brand-light w-12 h-12 rounded-full flex items-center justify-center shrink-0\">E<\/div>\n <div class=\"bg-accent text-white text-xs font-bold px-2 py-1 rounded\">2\u7d1a\u5411\u3051<\/div>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3 text-gray-900\">10\u5206\u3067\u898b\u7acb\u3066\u306e\u82af\u3092\u63b4\u3080<br><span class=\"text-brand\">\u30dd\u30a4\u30f3\u30c8<\/span><\/h3>\n <p class=\"text-gray-600 text-sm leading-relaxed\">\u719f\u7df4\u30ec\u30d9\u30eb\u306b\u6c42\u3081\u3089\u308c\u308b\u300c\u898b\u7acb\u3066\u300d\u3002\u9650\u3089\u308c\u305f\u6642\u9593\u5185\u3067\u6838\u3068\u306a\u308b\u554f\u984c\u69cb\u9020\u3092\u628a\u63e1\u3059\u308b\u30b3\u30c4\u3092\u4f1d\u6388\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 md:py-24 bg-brand-light\/30\">\n <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <span class=\"text-brand font-bold\">\u9078\u3070\u308c\u308b\u7406\u7531<\/span>\n <h2 class=\"text-2xl md:text-3xl font-bold text-gray-900 mt-2\">\u300c\u3084\u3063\u305f\u6c17\u300d\u3067\u7d42\u308f\u3089\u305b\u306a\u3044\u4ed5\u639b\u3051<\/h2>\n <p class=\"text-gray-700 mt-4\">\u79c1\u305f\u3061\u306e\u30bb\u30df\u30ca\u30fc\u3067\u306f\u3001\u4ee5\u4e0b\u306e3\u3064\u306e\u7d04\u675f\u3092\u5fb9\u5e95\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n \n <div class=\"bg-white p-8 rounded-2xl shadow-sm text-center border-t-4 border-brand\">\n <div class=\"w-20 h-20 bg-gray-50 rounded-full flex items-center justify-center mx-auto mb-6\">\n <img decoding=\"async\" src=\"https:\/\/api.iconify.design\/lucide:heart-handshake.svg?color=%230284c7\" alt=\"Icon\" class=\"w-10 h-10\">\n <\/div>\n <h3 class=\"text-xl font-bold text-gray-900 mb-3\">1. \u4eba\u683c\u5426\u5b9a\u306f\u30bc\u30ed<\/h3>\n <p class=\"text-gray-600 text-left\">\n \u300c\u6027\u683c\u300d\u3067\u306f\u306a\u304f<strong>\u300c\u884c\u52d5\u300d<\/strong>\u306b\u30d5\u30a9\u30fc\u30ab\u30b9\u3057\u305f\u3001\u524d\u5411\u304d\u306a\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\uff08FB\uff09\u3092\u3057\u307e\u3059\u3002\u5b89\u5fc3\u3057\u3066\u5931\u6557\u3067\u304d\u308b\u5834\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n \n \n <div class=\"bg-white p-8 rounded-2xl shadow-sm text-center border-t-4 border-accent\">\n <div class=\"w-20 h-20 bg-gray-50 rounded-full flex items-center justify-center mx-auto mb-6\">\n <img decoding=\"async\" src=\"https:\/\/api.iconify.design\/lucide:zap.svg?color=%23f97316\" alt=\"Icon\" class=\"w-10 h-10\">\n <\/div>\n <h3 class=\"text-xl font-bold text-gray-900 mb-3\">2. \u305d\u306e\u5834\u3067\u3059\u3050\u4fee\u6b63<\/h3>\n <p class=\"text-gray-600 text-left\">\n \u8b1b\u5e2b\u304c\u5de1\u56de\u3057\u3066\u4ecb\u5165\u3059\u308b\u306e\u3067\u3001\u5f8c\u304b\u3089\u3067\u306f\u306a\u304f\u300c\u305d\u306e\u77ac\u9593\u300d\u306b\u8ecc\u9053\u4fee\u6b63\u3002\u6b21\u306e\u30bb\u30c3\u30c8\u3067<strong>\u300c\u3067\u304d\u305f\uff01\u300d\u3092\u5373\u5b9f\u611f<\/strong>\u3067\u304d\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white p-8 rounded-2xl shadow-sm text-center border-t-4 border-brand\">\n <div class=\"w-20 h-20 bg-gray-50 rounded-full flex items-center justify-center mx-auto mb-6\">\n <img decoding=\"async\" src=\"https:\/\/api.iconify.design\/lucide:gift.svg?color=%230284c7\" alt=\"Icon\" class=\"w-10 h-10\">\n <\/div>\n <h3 class=\"text-xl font-bold text-gray-900 mb-3\">3. \u304a\u571f\u7523\u4ed8\u304d<\/h3>\n <p class=\"text-gray-600 text-left\">\n \u4e3b\u50ac\u8005\u69d8\u306b\u306f\u3001\u7fcc\u65e5\u304b\u3089\u7686\u3055\u3093\u306e\u7df4\u7fd2\u4f1a\u3067\u305d\u306e\u307e\u307e\u4f7f\u3048\u308b<strong>\u300c\u9032\u884c\u30de\u30cb\u30e5\u30a2\u30eb\u300d<\/strong>\u306a\u3069\u3092\u304a\u6e21\u3057\u3057\u307e\u3059\u3002\u52b9\u679c\u304c\u6301\u7d9a\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 md:py-24 bg-white\">\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-2xl md:text-3xl font-bold text-gray-900 mb-4\">\u3088\u304f\u3042\u308b\u8cea\u554f<\/h2>\n <div class=\"w-16 h-1 bg-brand mx-auto rounded\"><\/div>\n <\/div>\n \n <div class=\"space-y-6\">\n \n <div class=\"bg-gray-50 rounded-xl p-6 border border-gray-100\">\n <h3 class=\"font-bold text-gray-900 flex gap-3 text-lg items-start\">\n <span class=\"text-brand font-black text-xl shrink-0\">Q.<\/span>\n 5\u540d\u96c6\u307e\u3089\u306a\u3044\u3068\u7533\u3057\u8fbc\u307f\u3067\u304d\u307e\u305b\u3093\u304b\uff1f\n <\/h3>\n <div class=\"mt-4 flex gap-3 items-start text-gray-700\">\n <span class=\"text-accent font-black text-xl shrink-0\">A.<\/span>\n <p>\u57fa\u672c\u7684\u306b\u306f5\u540d\u69d8\u304b\u3089\u3067\u304a\u9858\u3044\u3057\u3066\u304a\u308a\u307e\u3059\u304c\u30013\u301c4\u540d\u306a\u3069\u5c11\u4eba\u6570\u306e\u5834\u5408\u3082\u6599\u91d1\u7b49\u3092\u3054\u76f8\u8ac7\u306e\u4e0a\u3067\u5bfe\u5fdc\u53ef\u80fd\u306a\u5834\u5408\u304c\u3054\u3056\u3044\u307e\u3059\u3002\u307e\u305a\u306f\u304a\u6c17\u8efd\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u30d5\u30a9\u30fc\u30e0\u3088\u308a\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-gray-50 rounded-xl p-6 border border-gray-100\">\n <h3 class=\"font-bold text-gray-900 flex gap-3 text-lg items-start\">\n <span class=\"text-brand font-black text-xl shrink-0\">Q.<\/span>\n \u4f1a\u5834\u306f\u3053\u3061\u3089\u3067\u7528\u610f\u3059\u308b\u306e\u3067\u3057\u3087\u3046\u304b\uff1f\n <\/h3>\n <div class=\"mt-4 flex gap-3 items-start text-gray-700\">\n <span class=\"text-accent font-black text-xl shrink-0\">A.<\/span>\n <p>\u306f\u3044\u3001\u8aa0\u306b\u6050\u308c\u5165\u308a\u307e\u3059\u304c\u3001\u666e\u6bb5\u7686\u69d8\u304c\u7df4\u7fd2\u4f1a\u3067\u3054\u5229\u7528\u3055\u308c\u3066\u3044\u308b\u516c\u6c11\u9928\u3084\u8cb8\u4f1a\u8b70\u5ba4\u306a\u3069\u306e\u624b\u914d\u306f\u304a\u5ba2\u69d8\u306b\u3066\u304a\u9858\u3044\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-gray-50 rounded-xl p-6 border border-gray-100\">\n <h3 class=\"font-bold text-gray-900 flex gap-3 text-lg items-start\">\n <span class=\"text-brand font-black text-xl shrink-0\">Q.<\/span>\n \u652f\u6255\u3044\u65b9\u6cd5\u3092\u6559\u3048\u3066\u304f\u3060\u3055\u3044\u3002\n <\/h3>\n <div class=\"mt-4 flex gap-3 items-start text-gray-700\">\n <span class=\"text-accent font-black text-xl shrink-0\">A.<\/span>\n <p>\u30af\u30ec\u30b8\u30c3\u30c8\u30ab\u30fc\u30c9\u6255\u3044\u3001\u307e\u305f\u306f\u9280\u884c\u632f\u8fbc\u3092\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002\u304a\u898b\u7a4d\u308a\u306e\u3054\u63d0\u793a\u3068\u5408\u308f\u305b\u3066\u3001\u3054\u5e0c\u671b\u306e\u304a\u652f\u6255\u3044\u65b9\u6cd5\u3092\u304a\u4f3a\u3044\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-gray-50 rounded-xl p-6 border border-gray-100\">\n <h3 class=\"font-bold text-gray-900 flex gap-3 text-lg items-start\">\n <span class=\"text-brand font-black text-xl shrink-0\">Q.<\/span>\n 5\u3064\u306e\u30e1\u30cb\u30e5\u30fc\u4ee5\u5916\u306e\u5185\u5bb9\u3067\u3082\u304a\u9858\u3044\u3067\u304d\u307e\u3059\u304b\uff1f\n <\/h3>\n <div class=\"mt-4 flex gap-3 items-start text-gray-700\">\n <span class=\"text-accent font-black text-xl shrink-0\">A.<\/span>\n <p>\u306f\u3044\u3001\u53ef\u80fd\u3067\u3059\u3002\u53c2\u52a0\u3055\u308c\u308b\u7686\u69d8\u306e\u5171\u901a\u306e\u8ab2\u984c\u3084\u3054\u8981\u671b\u306b\u5408\u308f\u305b\u3066\u3001\u67d4\u8edf\u306b\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3044\u305f\u3057\u307e\u3059\u3002\u4e8b\u524d\u306e\u30d2\u30a2\u30ea\u30f3\u30b0\u3067\u3054\u5e0c\u671b\u3092\u304a\u805e\u304b\u305b\u304f\u3060\u3055\u3044\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"contact\" class=\"py-16 md:py-24\">\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"bg-white rounded-3xl shadow-xl overflow-hidden border border-gray-100\">\n <div class=\"bg-brand p-8 text-center text-white\">\n <h2 class=\"text-2xl md:text-3xl font-bold\">\u8a73\u7d30\u30fb\u304a\u7533\u3057\u8fbc\u307f<\/h2>\n <\/div>\n <div class=\"p-8 md:p-12\">\n <dl class=\"mb-8\">\n <div class=\"py-4 border-b border-gray-100 flex flex-col sm:flex-row gap-2 sm:gap-6\">\n <dt class=\"font-bold text-gray-800 sm:w-1\/3 md:w-1\/4 shrink-0 flex items-start sm:items-center gap-2 pt-1 sm:pt-0\">\n <i class=\"fa-solid fa-user-graduate text-brand w-5 text-center mt-1 sm:mt-0\" aria-hidden=\"true\"><\/i> <span class=\"whitespace-nowrap\">\u5bfe\u8c61<\/span>\n <\/dt>\n <dd class=\"text-gray-700 sm:w-2\/3 md:w-3\/4\">\u56fd\u30ad\u30e3\u30ea\uff08\u30ad\u30e3\u30ea\u5354\uff0fJCDA\uff09\u307e\u305f\u306f2\u7d1a\u53d7\u9a13\u751f<\/dd>\n <\/div>\n <div class=\"py-4 border-b border-gray-100 flex flex-col sm:flex-row gap-2 sm:gap-6\">\n <dt class=\"font-bold text-gray-800 sm:w-1\/3 md:w-1\/4 shrink-0 flex items-start sm:items-center gap-2 pt-1 sm:pt-0\">\n <i class=\"fa-solid fa-users text-brand w-5 text-center mt-1 sm:mt-0\" aria-hidden=\"true\"><\/i> <span class=\"whitespace-nowrap\">\u4eba\u6570<\/span>\n <\/dt>\n <dd class=\"text-gray-700 sm:w-2\/3 md:w-3\/4\">5\u540d\u301c20\u540d<\/dd>\n <\/div>\n <div class=\"py-4 border-b border-gray-100 flex flex-col sm:flex-row gap-2 sm:gap-6\">\n <dt class=\"font-bold text-gray-800 sm:w-1\/3 md:w-1\/4 shrink-0 flex items-start gap-2 pt-1\">\n <i class=\"fa-solid fa-map-location-dot text-brand w-5 text-center mt-1\" aria-hidden=\"true\"><\/i> <span class=\"whitespace-nowrap\">\u6d3b\u52d5\u30a8\u30ea\u30a2<\/span>\n <\/dt>\n <dd class=\"text-gray-700 sm:w-2\/3 md:w-3\/4 w-full\">\n <p class=\"font-bold text-gray-900\">\u6a2a\u6d5c\u3092\u62e0\u70b9\u306b\u3001\u7247\u905390\u5206\u570f\u5185\u3092\u76ee\u5b89\u306b\u304a\u4f3a\u3044\u3057\u307e\u3059\u3002<\/p>\n <p class=\"text-sm mt-2 text-gray-600 mb-5\">\u203b\u90fd\u5185\u5168\u57df\u306f\u3082\u3061\u308d\u3093\u3001\u5343\u8449\u3084\u57fc\u7389\u3001\u5c0f\u7530\u539f\u3084\u71b1\u6d77\u306a\u3069\u3001\u30d5\u30c3\u30c8\u30ef\u30fc\u30af\u8efd\u304f\u8abf\u6574\u3044\u305f\u3057\u307e\u3059\u306e\u3067\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\uff01<\/p>\n \n \n <div class=\"relative w-full max-w-sm mx-auto sm:mx-0 aspect-[4\/3] bg-brand-light\/30 rounded-xl border border-brand\/20 overflow-hidden flex items-center justify-center p-4 mt-2\">\n \n \n <div class=\"absolute w-[95%] sm:w-[90%] aspect-square rounded-full border-2 border-brand bg-white\/60 shadow-sm\"><\/div>\n <div class=\"absolute w-[95%] sm:w-[90%] aspect-square rounded-full flex items-start justify-center\">\n <span class=\"text-xs font-bold text-brand bg-white px-3 py-1 rounded-full border border-brand\/30 shadow-sm relative -top-3 z-20\">\u7247\u905390\u5206\u570f\u5185<\/span>\n <\/div>\n\n \n <div class=\"absolute w-[45%] aspect-square rounded-full border border-dashed border-brand\/30\"><\/div>\n \n \n <div class=\"absolute flex flex-col items-center justify-center z-10\">\n <i class=\"fa-solid fa-location-dot text-brand text-3xl drop-shadow-md mb-1 relative -top-2\" aria-hidden=\"true\"><\/i>\n <span class=\"text-xs font-bold text-gray-800 bg-white\/90 px-2 py-0.5 rounded shadow-sm border border-gray-100\">\u6a2a\u6d5c\u62e0\u70b9<\/span>\n <\/div>\n \n \n <div class=\"absolute top-[25%] right-[25%] flex flex-col items-center justify-center z-10\">\n <div class=\"w-2.5 h-2.5 bg-accent rounded-full mb-1 shadow-sm\"><\/div>\n <span class=\"text-[10px] font-bold text-gray-700 bg-white\/80 px-1.5 py-0.5 rounded shadow-sm\">\u90fd\u5185\u5168\u57df<\/span>\n <\/div>\n <div class=\"absolute top-[35%] right-[10%] flex flex-col items-center justify-center z-10\">\n <div class=\"w-2 h-2 bg-accent\/70 rounded-full mb-1 shadow-sm\"><\/div>\n <span class=\"text-[10px] font-bold text-gray-700 bg-white\/80 px-1.5 py-0.5 rounded shadow-sm\">\u5343\u8449<\/span>\n <\/div>\n <div class=\"absolute top-[12%] left-[45%] flex flex-col items-center justify-center z-10\">\n <div class=\"w-2 h-2 bg-accent\/70 rounded-full mb-1 shadow-sm\"><\/div>\n <span class=\"text-[10px] font-bold text-gray-700 bg-white\/80 px-1.5 py-0.5 rounded shadow-sm\">\u57fc\u7389<\/span>\n <\/div>\n <div class=\"absolute bottom-[30%] left-[20%] flex flex-col items-center justify-center z-10\">\n <div class=\"w-2 h-2 bg-accent\/70 rounded-full mb-1 shadow-sm\"><\/div>\n <span class=\"text-[10px] font-bold text-gray-700 bg-white\/80 px-1.5 py-0.5 rounded shadow-sm\">\u5c0f\u7530\u539f<\/span>\n <\/div>\n <div class=\"absolute bottom-[15%] left-[10%] flex flex-col items-center justify-center z-10\">\n <div class=\"w-2 h-2 bg-accent\/70 rounded-full mb-1 shadow-sm\"><\/div>\n <span class=\"text-[10px] font-bold text-gray-700 bg-white\/80 px-1.5 py-0.5 rounded shadow-sm\">\u71b1\u6d77<\/span>\n <\/div>\n <\/div>\n <\/dd>\n <\/div>\n <div class=\"py-4 flex flex-col sm:flex-row gap-2 sm:gap-6\">\n <dt class=\"font-bold text-gray-800 sm:w-1\/3 md:w-1\/4 shrink-0 flex items-start sm:items-center gap-2 pt-1 sm:pt-0\">\n <i class=\"fa-solid fa-yen-sign text-brand w-5 text-center mt-1 sm:mt-0\" aria-hidden=\"true\"><\/i> <span class=\"whitespace-nowrap\">\u8cbb\u7528<\/span>\n <\/dt>\n <dd class=\"text-gray-700 sm:w-2\/3 md:w-3\/4\">\n <span class=\"text-2xl font-bold text-accent\">2\u6642\u9593 12,000\u5186\u301c<\/span><br>\n <span class=\"text-sm text-gray-500\">\uff08\u7a0e\u5225\u30fb\u4ea4\u901a\u8cbb\u5225\uff09<\/span>\n <\/dd>\n <\/div>\n <\/dl>\n\n <div class=\"bg-orange-50 p-6 rounded-xl border border-orange-100 text-center mb-8\">\n <p class=\"text-lg font-bold text-gray-800 mb-2\">\u300c\u4eca\u306e\u7df4\u7fd2\u3092\u3001\u3082\u3063\u3068\u610f\u5473\u306e\u3042\u308b\u3082\u306e\u306b\u3057\u305f\u3044\u300d<\/p>\n <p class=\"text-gray-600\">\n \u305d\u3093\u306a\u60f3\u3044\u3092\u304a\u6301\u3061\u306e\u4e3b\u50ac\u8005\u69d8\u3001<br class=\"md:hidden\">\u307e\u305a\u306f\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<br>\n \u5408\u683c\u3078\u306e\u4e00\u6b69\u3092\u3001\u4e00\u7dd2\u306b\u8e0f\u307f\u51fa\u3057\u307e\u3057\u3087\u3046\uff01\n <\/p>\n <\/div>\n\n <div class=\"text-center\">\n <a href=\"https:\/\/forms.gle\/agDeLhmG3aFBzYqq6\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex bg-accent text-white font-bold text-lg py-4 px-10 rounded-full shadow-lg hover:bg-accent-hover hover:-translate-y-1 transition-all duration-300 items-center justify-center gap-3 w-full md:w-auto\">\n <i class=\"fa-solid fa-pen-to-square text-xl\" aria-hidden=\"true\"><\/i> \u304a\u7533\u3057\u8fbc\u307f\u30fb\u3054\u76f8\u8ac7\u30d5\u30a9\u30fc\u30e0\u3078\n <\/a>\n <p class=\"text-xs text-gray-500 mt-4\">\u203b\u5916\u90e8\u30b5\u30a4\u30c8\uff08Google\u30d5\u30a9\u30fc\u30e0\uff09\u3078\u9077\u79fb\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-gray-900 text-gray-400 py-8 text-center\">\n <div class=\"max-w-5xl mx-auto px-4\">\n <img decoding=\"async\" src=\"http:\/\/career-c.sognoplanning.com\/wp-content\/uploads\/2025\/04\/\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4-\u30ed\u30b4.png\" alt=\"\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4 \u30ed\u30b4\" class=\"h-10 mx-auto mb-4 grayscale opacity-50\" onerror=\"this.src=''; this.style.display='none';\">\n <p class=\"text-sm\">© 2026 \u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4 All Rights Reserved.<\/p>\n <\/div>\n <\/footer>\n\n \n <div class=\"md:hidden fixed bottom-0 left-0 w-full bg-white border-t border-gray-200 p-3 z-50\">\n <a href=\"mailto:info@sognoplanning.com\" class=\"flex bg-accent text-white font-bold text-base py-3 px-4 rounded-lg justify-center items-center gap-2 shadow-sm\">\n <i class=\"fa-regular fa-envelope\" aria-hidden=\"true\"><\/i> \u30e1\u30fc\u30eb\u3067\u76f8\u8ac7\u3059\u308b\n <\/a>\n <\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u51fa\u5f35\u30ed\u30fc\u30d7\u30ec\u30bb\u30df\u30ca\u30fc | \u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4 \u76f8\u8ac7\u3059\u308b \u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u8a66\u9a13\u5bfe\u7b56 \u305d\u306e\u7df4\u7fd2\u4f1a\u3001 \u300c\u306a\u3093\u3068\u306a\u304f\u300d \u3067\u7d42\u308f\u3063\u3066\u3044\u307e\u305b\u3093\u304b\uff1f \u300c\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4\u300d\u304c\u3042\u306a\u305f\u306e\u52c9\u5f37\u4f1a\u306b\u51fa\u5f35\uff01 \u305d\u306e\u65e5\u304b\u3089\u3001\u7df4\u7fd2\u4f1a\u306e\u8cea\u3092\u5287\u7684\u306b\u5909\u3048 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"vkexunit_cta_each_option":"","footnotes":""},"class_list":["post-3185","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages\/3185","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3185"}],"version-history":[{"count":2,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages\/3185\/revisions"}],"predecessor-version":[{"id":3191,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages\/3185\/revisions\/3191"}],"wp:attachment":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}