\u30e9\u30a4\u30d5\u30d7\u30e9\u30f3\u76f8\u8ac7\u5ba4 | \u30bd\u30fc\u30cb\u30e7\u30d7\u30e9\u30f3\u30cb\u30f3\u30b0\u682a\u5f0f\u4f1a\u793e<\/title>\n <meta name=\"description\" content=\"\u30ad\u30e3\u30ea\u30a2\u3068\u30de\u30cd\u30fc\u306e\u5c02\u9580\u5bb6\u304c\u4f34\u8d70\u3059\u308b\u3001\u65b0\u3057\u3044\u30e9\u30a4\u30d5\u30d7\u30e9\u30f3\u30cb\u30f3\u30b0\u3002\u30bd\u30fc\u30cb\u30e7\u30d7\u30e9\u30f3\u30cb\u30f3\u30b0\u682a\u5f0f\u4f1a\u793e\u306e\u30e9\u30a4\u30d5\u30d7\u30e9\u30f3\u76f8\u8ac7\u5ba4\u3002\">\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&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n brand: {\n blue: '#0f4c81', \/\/ Trustworthy blue\n light: '#e6f0f9',\n accent: '#d4af37', \/\/ Gold for premium\/future feel\n text: '#333333',\n }\n },\n fontFamily: {\n sans: ['\"Noto Sans JP\"', 'sans-serif'],\n }\n }\n }\n }\n <\/script>\n <style>\n \/* Custom styles for hero image overlay *\/\n .hero-bg {\n \/* \u65e5\u672c\u4eba\u7537\u5973\u304c\u5199\u3063\u3066\u3044\u308b\u30d3\u30b8\u30cd\u30b9\u30b7\u30fc\u30f3\u306e\u30a4\u30e1\u30fc\u30b8\u306b\u5909\u66f4 *\/\n background-image: url('https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');\n background-size: cover;\n background-position: center;\n }\n .fade-in-up {\n animation: fadeInUp 1s ease-out forwards;\n opacity: 0;\n transform: translateY(20px);\n }\n @keyframes fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n <\/style>\n<\/head>\n<body class=\"font-sans text-brand-text antialiased bg-gray-50\">\n\n <header class=\"fixed w-full bg-white\/95 backdrop-blur-sm shadow-md z-50\">\n <div class=\"container mx-auto px-4 md:px-6 h-20 flex items-center justify-between\">\n <div class=\"flex items-center\">\n <a href=\"#\" class=\"text-2xl font-bold text-brand-blue\">\u30e9\u30a4\u30d5\u30d7\u30e9\u30f3\u76f8\u8ac7\u5ba4<\/a>\n <\/div>\n <nav class=\"hidden md:flex space-x-8\">\n <a href=\"#about\" class=\"hover:text-brand-blue transition\">\u30b5\u30fc\u30d3\u30b9\u306b\u3064\u3044\u3066<\/a>\n <a href=\"#strengths\" class=\"hover:text-brand-blue transition\">\u5f37\u307f<\/a>\n <a href=\"#menu\" class=\"hover:text-brand-blue transition\">\u3054\u76f8\u8ac7\u5185\u5bb9<\/a>\n <a href=\"#flow\" class=\"hover:text-brand-blue transition\">\u6599\u91d1\u30fb\u6d41\u308c<\/a>\n <\/nav>\n <a href=\"https:\/\/forms.gle\/KYLbGQTbWM6PEQqN7\" target=\"_blank\" class=\"bg-brand-blue hover:bg-blue-800 text-white px-6 py-2.5 rounded-full font-bold transition shadow-lg transform hover:scale-105 text-sm md:text-base\">\n \u7121\u6599\u76f8\u8ac7\u3092\u4e88\u7d04\n <\/a>\n <\/div>\n <\/header>\n\n <section class=\"relative h-[600px] hero-bg flex items-center justify-center text-white\">\n <div class=\"absolute inset-0 bg-gradient-to-r from-brand-blue\/90 to-brand-blue\/60\"><\/div>\n <div class=\"container mx-auto px-4 relative z-10 text-center fade-in-up\">\n <span class=\"inline-block py-1 px-3 rounded-full bg-brand-accent text-white text-sm font-bold mb-4 tracking-wider\">LIFE PLAN CONSULTATION<\/span>\n <h1 class=\"text-4xl md:text-6xl font-bold mb-6 leading-tight\">\n \u3042\u306a\u305f\u306e\u672a\u6765\u3092<br class=\"md:hidden\">\u30c8\u30fc\u30bf\u30eb\u30b5\u30dd\u30fc\u30c8\n <\/h1>\n <p class=\"text-lg md:text-2xl mb-8 font-light\">\n \u5c06\u6765\u3078\u306e\u5730\u56f3\u3068\u30b3\u30f3\u30d1\u30b9\u3001\u624b\u306b\u5165\u308c\u307e\u305b\u3093\u304b\uff1f<br>\n \u30ad\u30e3\u30ea\u30a2\u3068\u30de\u30cd\u30fc\u306e\u5c02\u9580\u5bb6\u304c\u4f34\u8d70\u3059\u308b\u3001<br class=\"md:hidden\">\u65b0\u3057\u3044\u30e9\u30a4\u30d5\u30d7\u30e9\u30f3\u30cb\u30f3\u30b0\n <\/p>\n <a href=\"#about\" class=\"inline-block border-2 border-white text-white hover:bg-white hover:text-brand-blue px-8 py-3 rounded-full font-bold transition duration-300\">\n \u3082\u3063\u3068\u8a73\u3057\u304f\u77e5\u308b <i class=\"fas fa-chevron-down ml-2\"><\/i>\n <\/a>\n <\/div>\n <\/section>\n\n <section class=\"py-12 -mt-16 relative z-20 px-4\">\n <div class=\"container mx-auto\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <a href=\"https:\/\/sognoplanning.com\/?page_id=2813\" target=\"_blank\" class=\"group block bg-white rounded-xl shadow-xl overflow-hidden transform hover:-translate-y-1 transition duration-300 border-t-4 border-blue-500\">\n <div class=\"p-6 flex items-start md:items-center flex-col md:flex-row gap-4\">\n <div class=\"bg-blue-100 p-3 rounded-full text-blue-600 shrink-0\">\n <i class=\"fas fa-laptop-code text-2xl\"><\/i>\n <\/div>\n <div>\n <div class=\"text-xs font-bold text-blue-600 mb-1\">\u9762\u63a5\u5bfe\u7b56\u306a\u3089<\/div>\n <h3 class=\"text-lg font-bold mb-2 group-hover:text-blue-600 transition\">\u3010\u30cd\u30af\u30b9\u30c8\u30ad\u30e3\u30ea\u30a2\u30fb\u30e9\u30dc\u3011\u9762\u63a5\u9053\u5834<\/h3>\n <p class=\"text-sm text-gray-600\">AI\u3068\u5c02\u9580\u5bb6\u304c\u81ea\u5206\u306e\u8ab2\u984c\u3092\u53ef\u8996\u5316\u3002\u30aa\u30f3\u30e9\u30a4\u30f3\u30ed\u30fc\u30eb\u30d7\u30ec\u30a4\u578b\u3067\u5b9f\u8df5\u7684\u306a\u30b9\u30ad\u30eb\u30a2\u30c3\u30d7\u3002<\/p>\n <\/div>\n <div class=\"ml-auto mt-4 md:mt-0\">\n <i class=\"fas fa-arrow-right text-gray-400 group-hover:text-blue-600\"><\/i>\n <\/div>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/sognoplanning.com\/?page_id=2668\" target=\"_blank\" class=\"group block bg-white rounded-xl shadow-xl overflow-hidden transform hover:-translate-y-1 transition duration-300 border-t-4 border-brand-accent\">\n <div class=\"p-6 flex items-start md:items-center flex-col md:flex-row gap-4\">\n <div class=\"bg-yellow-100 p-3 rounded-full text-brand-accent shrink-0\">\n <i class=\"fas fa-coffee text-2xl\"><\/i>\n <\/div>\n <div>\n <div class=\"text-xs font-bold text-brand-accent mb-1\">\u53d7\u4ed8\u4e2d<\/div>\n <h3 class=\"text-lg font-bold mb-2 group-hover:text-brand-accent transition\">\u30e9\u30a4\u30d5\u30d7\u30e9\u30f3\u76f8\u8ac7\u5ba4\u300c\u30b7\u30cb\u30a2\u5411\u3051\u7121\u6599\u76f8\u8ac7\u300d<\/h3>\n <p class=\"text-sm text-gray-600\">\u30bb\u30ab\u30f3\u30c9\u30e9\u30a4\u30d5\u306e\u4e0d\u5b89\u3092\u89e3\u6d88\u3002\u7d4c\u9a13\u8c4a\u5bcc\u306a\u30a2\u30c9\u30d0\u30a4\u30b6\u30fc\u304c\u304a\u8a71\u3092\u4f3a\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"ml-auto mt-4 md:mt-0\">\n <i class=\"fas fa-arrow-right text-gray-400 group-hover:text-brand-accent\"><\/i>\n <\/div>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"about\" class=\"py-20 bg-white\">\n <div class=\"container mx-auto px-4\">\n <div class=\"max-w-3xl mx-auto text-center mb-16\">\n <h2 class=\"text-3xl font-bold text-brand-blue mb-6\">\u5c06\u6765\u3078\u306e\u6f20\u7136\u3068\u3057\u305f\u4e0d\u5b89\u3001<br>\u4e00\u4eba\u3067\u62b1\u3048\u3066\u3044\u307e\u305b\u3093\u304b\uff1f<\/h2>\n <p class=\"text-gray-600 leading-loose text-left\">\n \u5909\u5316\u306e\u6fc0\u3057\u3044\u73fe\u4ee3\u793e\u4f1a\u306b\u304a\u3044\u3066\u3001\u3054\u81ea\u8eab\u306e\u30ad\u30e3\u30ea\u30a2\u3084\u3054\u5bb6\u65cf\u306e\u751f\u6d3b\u8a2d\u8a08\u306b\u3064\u3044\u3066\u3001\u3069\u306e\u3088\u3046\u306b\u8a08\u753b\u3092\u7acb\u3066\u308c\u3070\u826f\u3044\u304b\u60a9\u3093\u3060\u308a\u3059\u308b\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f<br>\n \u30bd\u30fc\u30cb\u30e7\u30d7\u30e9\u30f3\u30cb\u30f3\u30b0\u682a\u5f0f\u4f1a\u793e\u306f\u3001\u305d\u306e\u3088\u3046\u306a\u7686\u69d8\u306e\u60a9\u307f\u3084\u4e0d\u5b89\u306b\u5bc4\u308a\u6dfb\u3044\u3001\u8f1d\u304f\u672a\u6765\u3078\u306e\u4e00\u6b69\u3092\u529b\u5f37\u304f\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u305f\u3081\u3001\u300c\u30e9\u30a4\u30d5\u30d7\u30e9\u30f3\u76f8\u8ac7\u5ba4\u300d\u30b5\u30fc\u30d3\u30b9\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <div class=\"bg-brand-light rounded-2xl p-8 md:p-12 flex flex-col md:flex-row items-center gap-12\">\n <div class=\"md:w-1\/2\">\n <img decoding=\"async\" src=\"https:\/\/sognoplanning.com\/wp-content\/uploads\/2025\/11\/%E3%83%A9%E3%82%A4%E3%83%95%E3%83%97%E3%83%A9%E3%83%B3%E7%9B%B8%E8%AB%87%E5%AE%A4.jpg\" alt=\"\u30e9\u30a4\u30d5\u30d7\u30e9\u30f3\u76f8\u8ac7\u5ba4\u306e\u69d8\u5b50\" class=\"rounded-lg shadow-lg object-cover h-64 w-full md:h-auto\">\n <\/div>\n <div class=\"md:w-1\/2\">\n <h3 class=\"text-2xl font-bold mb-4 text-brand-blue\">\u30ad\u30e3\u30ea\u30a2\u3068\u30de\u30cd\u30fc\u3092\u7d71\u5408\u7684\u306b\u30b5\u30dd\u30fc\u30c8<\/h3>\n <p class=\"text-gray-700 mb-6 leading-relaxed\">\n \u300c\u30e9\u30a4\u30d5\u30d7\u30e9\u30f3\u76f8\u8ac7\u5ba4\u300d\u306f\u3001\u4eba\u751f\u306e\u4e8c\u5927\u8981\u7d20\u3067\u3042\u308b<span class=\"font-bold text-brand-blue border-b-2 border-brand-accent\">\u300c\u30ad\u30e3\u30ea\u30a2\u30d7\u30e9\u30f3\u300d\u3068\u300c\u30de\u30cd\u30fc\u30d7\u30e9\u30f3\u300d\u3092\u5207\u308a\u96e2\u3059\u3053\u3068\u306a\u304f<\/span>\u3001\u7d71\u5408\u7684\u306b\u6349\u3048\u3001\u304a\u5ba2\u69d8\u4e00\u4eba\u3072\u3068\u308a\u306b\u6700\u9069\u306a\u30aa\u30fc\u30c0\u30fc\u30e1\u30a4\u30c9\u306e\u30e9\u30a4\u30d5\u30d7\u30e9\u30f3\u4f5c\u6210\u3068\u5b9f\u884c\u3092\u652f\u63f4\u3059\u308b\u753b\u671f\u7684\u306a\u30b5\u30fc\u30d3\u30b9\u3067\u3059\u3002\n <\/p>\n <h4 class=\"font-bold text-lg mb-2\">\u306a\u305c\u7d71\u5408\u30b5\u30dd\u30fc\u30c8\u304c\u5fc5\u8981\u306a\u306e\u304b\uff1f<\/h4>\n <p class=\"text-sm text-gray-600 leading-relaxed\">\n \u30ad\u30e3\u30ea\u30a2\u306e\u9078\u629e\uff08\u8ee2\u8077\u3001\u72ec\u7acb\u306a\u3069\uff09\u306f\u53ce\u5165\u306b\u76f4\u7d50\u3057\u3001\u304a\u91d1\u306e\u8a08\u753b\uff08\u4f4f\u5b85\u3001\u6559\u80b2\u306a\u3069\uff09\u306b\u5f71\u97ff\u3057\u307e\u3059\u3002\u9006\u306b\u30e9\u30a4\u30d5\u30a4\u30d9\u30f3\u30c8\u306f\u50cd\u304d\u65b9\u3092\u898b\u76f4\u3059\u304d\u3063\u304b\u3051\u306b\u306a\u308a\u307e\u3059\u3002<br>\n \u3053\u308c\u307e\u3067\u306f\u500b\u5225\u306b\u76f8\u8ac7\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3057\u305f\u304c\u3001\u5f53\u76f8\u8ac7\u5ba4\u3067\u306f\u3053\u308c\u3089\u3092\u4e00\u6c17\u901a\u8cab\u3067\u30b5\u30dd\u30fc\u30c8\u3002\u30ad\u30e3\u30ea\u30a2\u306e\u76ee\u6a19\u9054\u6210\u3068\u7d4c\u6e08\u7684\u306a\u5b89\u5b9a\u306e\u4e21\u8f2a\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"strengths\" class=\"py-20 bg-gray-50\">\n <div class=\"container mx-auto px-4\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-3xl font-bold text-brand-blue\">\u300c\u30e9\u30a4\u30d5\u30d7\u30e9\u30f3\u76f8\u8ac7\u5ba4\u300d\u306e\u5f37\u307f<\/h2>\n <p class=\"mt-4 text-gray-600\">\u4fe1\u983c\u3067\u304d\u308b\u5c02\u9580\u5bb6\u306b\u3088\u308b\u8cea\u306e\u9ad8\u3044\u30b5\u30dd\u30fc\u30c8\u4f53\u5236<\/p>\n <\/div>\n\n <div class=\"grid md:grid-cols-2 gap-8\">\n <div class=\"bg-white p-8 rounded-xl shadow-md border-t-4 border-brand-blue hover:shadow-lg transition\">\n <div class=\"flex items-center mb-6\">\n <div class=\"w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center text-brand-blue text-xl font-bold mr-4\">1<\/div>\n <h3 class=\"text-xl font-bold\">\u5b9f\u7e3e\u8c4a\u5bcc\u306a\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u306b\u3088\u308b<br>\u30ad\u30e3\u30ea\u30a2\u30d7\u30e9\u30f3\u30cb\u30f3\u30b0<\/h3>\n <\/div>\n <p class=\"text-gray-600 leading-relaxed\">\n \u5f53\u793e\u904b\u55b6\u306e\u300c\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4\u300d\u3067\u6307\u5c0e\u7d4c\u9a13\u304c\u8c4a\u5bcc\u3067\u3001\u591a\u304f\u306e\u53d7\u8b1b\u751f\u306e\u30b9\u30ad\u30eb\u30a2\u30c3\u30d7\u3092\u5b9f\u73fe\u3057\u3066\u304d\u305f\u5b9f\u7e3e\u3092\u6301\u3064\u3001\u7d4c\u9a13\u8c4a\u304b\u306a\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u304c\u62c5\u5f53\u3057\u307e\u3059\u3002<br><br>\n \u30ad\u30e3\u30ea\u30a2\u30a2\u30c3\u30d7\u3001\u8ee2\u8077\u3001\u526f\u696d\u3001\u8d77\u696d\u3001\u3042\u308b\u3044\u306f\u4ed5\u4e8b\u4e0a\u306e\u4eba\u9593\u95a2\u4fc2\u3084\u30b9\u30ad\u30eb\u306e\u60a9\u307f\u307e\u3067\u3001\u3042\u306a\u305f\u306e\u4fa1\u5024\u89b3\u3084\u5f37\u307f\u3001\u5e0c\u671b\u3092\u4e01\u5be7\u306b\u30d2\u30a2\u30ea\u30f3\u30b0\u3057\u3001\u7d0d\u5f97\u611f\u306e\u3042\u308b\u30ad\u30e3\u30ea\u30a2\u30d7\u30e9\u30f3\u4f5c\u6210\u3092\u652f\u63f4\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <div class=\"bg-white p-8 rounded-xl shadow-md border-t-4 border-brand-accent hover:shadow-lg transition\">\n <div class=\"flex items-center mb-6\">\n <div class=\"w-12 h-12 bg-yellow-100 rounded-full flex items-center justify-center text-brand-accent text-xl font-bold mr-4\">2<\/div>\n <h3 class=\"text-xl font-bold\">\u7d4c\u9a13\u8c4a\u304b\u306a\u30d5\u30a1\u30a4\u30ca\u30f3\u30b7\u30e3\u30eb\u30d7\u30e9\u30f3\u30ca\u30fc\u306b\u3088\u308b<br>\u30de\u30cd\u30fc\u30d7\u30e9\u30f3\u30cb\u30f3\u30b0<\/h3>\n <\/div>\n <p class=\"text-gray-600 leading-relaxed\">\n \u5e45\u5e83\u3044\u77e5\u898b\u3092\u6301\u3064\u30d5\u30a1\u30a4\u30ca\u30f3\u30b7\u30e3\u30eb\u30d7\u30e9\u30f3\u30ca\u30fc\u304c\u62c5\u5f53\u3057\u307e\u3059\u3002\u30e9\u30a4\u30d5\u30a4\u30d9\u30f3\u30c8\u306b\u5fc5\u8981\u306a\u8cc7\u91d1\u8a08\u753b\u3001\u52b9\u7387\u7684\u306a\u8cc7\u7523\u5f62\u6210\u3001\u4fdd\u967a\u306e\u898b\u76f4\u3057\u3001\u4f4f\u5b85\u30ed\u30fc\u30f3\u306e\u9078\u629e\u306a\u3069\u3001\u5c02\u9580\u77e5\u8b58\u304c\u6c42\u3081\u3089\u308c\u308b\u5206\u91ce\u306b\u304a\u3044\u3066\u5206\u304b\u308a\u3084\u3059\u304f\u3054\u8aac\u660e\u3057\u307e\u3059\u3002<br><br>\n \u5358\u306a\u308b\u60c5\u5831\u63d0\u4f9b\u3067\u306f\u306a\u304f\u3001\u304a\u5ba2\u69d8\u306e\u300c\u5b89\u5fc3\u300d\u3068\u300c\u5e0c\u671b\u300d\u3092\u5b9f\u73fe\u3059\u308b\u305f\u3081\u306e\u5177\u4f53\u7684\u306a\u9053\u7b4b\u3092\u793a\u3059\u3053\u3068\u3092\u91cd\u8996\u3057\u3066\u3044\u307e\u3059\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"menu\" class=\"py-20 bg-white\">\n <div class=\"container mx-auto px-4\">\n <h2 class=\"text-3xl font-bold text-brand-blue text-center mb-12\">\u4e3b\u306a\u3054\u76f8\u8ac7\u5185\u5bb9<\/h2>\n \n <div class=\"grid md:grid-cols-3 gap-8\">\n <div class=\"bg-white rounded-xl border border-gray-200 overflow-hidden\">\n <div class=\"bg-brand-light p-6 text-center\">\n <i class=\"fas fa-yen-sign text-4xl text-brand-blue mb-3\"><\/i>\n <h3 class=\"text-xl font-bold text-brand-blue\">\u30de\u30cd\u30fc\u30d7\u30e9\u30f3<\/h3>\n <\/div>\n <div class=\"p-6\">\n <ul class=\"space-y-4\">\n <li class=\"flex items-start\">\n <i class=\"fas fa-check text-green-500 mt-1 mr-2\"><\/i>\n <div>\n <strong class=\"block text-sm text-gray-800\">\u30e9\u30a4\u30d5\u30a4\u30d9\u30f3\u30c8\u8cc7\u91d1\u5bfe\u5fdc<\/strong>\n <span class=\"text-xs text-gray-500\">\u7d50\u5a5a\u3001\u51fa\u7523\u30fb\u6559\u80b2\u3001\u8001\u5f8c\u8cc7\u91d1\u306a\u3069<\/span>\n <\/div>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fas fa-check text-green-500 mt-1 mr-2\"><\/i>\n <div>\n <strong class=\"block text-sm text-gray-800\">\u30de\u30a4\u30db\u30fc\u30e0\u8cc7\u91d1\u8abf\u9054<\/strong>\n <span class=\"text-xs text-gray-500\">\u4e88\u7b97\u7b56\u5b9a\u3001\u30ed\u30fc\u30f3\u6bd4\u8f03\u3001\u7e70\u4e0a\u8fd4\u6e08<\/span>\n <\/div>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fas fa-check text-green-500 mt-1 mr-2\"><\/i>\n <div>\n <strong class=\"block text-sm text-gray-800\">\u8cc7\u7523\u5f62\u6210<\/strong>\n <span class=\"text-xs text-gray-500\">NISA\u30fbiDeCo\u3001\u6295\u8cc7\u4fe1\u8a17\u306a\u3069<\/span>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"bg-white rounded-xl border border-gray-200 overflow-hidden\">\n <div class=\"bg-brand-light p-6 text-center\">\n <i class=\"fas fa-briefcase text-4xl text-brand-blue mb-3\"><\/i>\n <h3 class=\"text-xl font-bold text-brand-blue\">\u30ad\u30e3\u30ea\u30a2\u30d7\u30e9\u30f3<\/h3>\n <\/div>\n <div class=\"p-6\">\n <ul class=\"space-y-4\">\n <li class=\"flex items-start\">\n <i class=\"fas fa-check text-green-500 mt-1 mr-2\"><\/i>\n <div>\n <strong class=\"block text-sm text-gray-800\">\u30ad\u30e3\u30ea\u30a2\u30a2\u30c3\u30d7\u76f8\u8ac7<\/strong>\n <span class=\"text-xs text-gray-500\">\u6607\u9032\u30fb\u6607\u683c\u3001\u30b9\u30ad\u30eb\u30a2\u30c3\u30d7\u6226\u7565<\/span>\n <\/div>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fas fa-check text-green-500 mt-1 mr-2\"><\/i>\n <div>\n <strong class=\"block text-sm text-gray-800\">\u8ee2\u8077\u76f8\u8ac7<\/strong>\n <span class=\"text-xs text-gray-500\">\u81ea\u5df1\u5206\u6790\u3001\u66f8\u985e\u4f5c\u6210\u3001\u9762\u63a5\u5bfe\u7b56<\/span>\n <\/div>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fas fa-check text-green-500 mt-1 mr-2\"><\/i>\n <div>\n <strong class=\"block text-sm text-gray-800\">\u4ed5\u4e8b\u306b\u95a2\u308f\u308b\u76f8\u8ac7<\/strong>\n <span class=\"text-xs text-gray-500\">\u4eba\u9593\u95a2\u4fc2\u3001\u50cd\u304d\u304c\u3044\u3001\u30e2\u30c1\u30d9\u30fc\u30b7\u30e7\u30f3<\/span>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"bg-white rounded-xl border border-gray-200 overflow-hidden\">\n <div class=\"bg-brand-light p-6 text-center\">\n <i class=\"fas fa-compass text-4xl text-brand-blue mb-3\"><\/i>\n <h3 class=\"text-xl font-bold text-brand-blue\">\u30e9\u30a4\u30d5\u30d7\u30e9\u30f3<\/h3>\n <\/div>\n <div class=\"p-6\">\n <ul class=\"space-y-4\">\n <li class=\"flex items-start\">\n <i class=\"fas fa-check text-green-500 mt-1 mr-2\"><\/i>\n <div>\n <strong class=\"block text-sm text-gray-800\">\u4e2d\u9ad8\u5e74\u30ad\u30e3\u30ea\u30a2\u30c1\u30a7\u30f3\u30b8<\/strong>\n <span class=\"text-xs text-gray-500\">40\u30fb50\u4ee3\u304b\u3089\u306e\u898b\u76f4\u3057\u3001\u5b66\u3073\u76f4\u3057<\/span>\n <\/div>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fas fa-check text-green-500 mt-1 mr-2\"><\/i>\n <div>\n <strong class=\"block text-sm text-gray-800\">\u30ea\u30bf\u30a4\u30a2\u30e1\u30f3\u30c8\u30d7\u30e9\u30f3<\/strong>\n <span class=\"text-xs text-gray-500\">\u9000\u8077\u5f8c\u306e\u751f\u6d3b\u3001\u5e74\u91d1\u6d3b\u7528\u3001\u5065\u5eb7\u7dad\u6301<\/span>\n <\/div>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fas fa-check text-green-500 mt-1 mr-2\"><\/i>\n <div>\n <strong class=\"block text-sm text-gray-800\">\u305d\u306e\u4ed6\u306e\u304a\u60a9\u307f<\/strong>\n <span class=\"text-xs text-gray-500\">\u6f20\u7136\u3068\u3057\u305f\u4e0d\u5b89\u3001\u5bb6\u65cf\u306e\u30e9\u30a4\u30d5\u30d7\u30e9\u30f3<\/span>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"flow\" class=\"py-20 bg-gray-50\">\n <div class=\"container mx-auto px-4\">\n <div class=\"grid md:grid-cols-2 gap-12\">\n <div>\n <h2 class=\"text-2xl font-bold text-brand-blue mb-8\">\u3054\u76f8\u8ac7\u306e\u6d41\u308c<\/h2>\n <div class=\"space-y-8 relative before:absolute before:inset-0 before:ml-5 before:-translate-x-px md:before:mx-auto md:before:translate-x-0 before:h-full before:w-0.5 before:bg-gradient-to-b before:from-transparent before:via-slate-300 before:to-transparent\">\n \n <div class=\"relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active\">\n <div class=\"flex items-center justify-center w-10 h-10 rounded-full border border-white bg-brand-blue text-white shrink-0 shadow md:order-1 md:group-odd:-translate-x-1\/2 md:group-even:translate-x-1\/2 z-10 font-bold\">1<\/div>\n <div class=\"w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] bg-white p-4 rounded border border-slate-200 shadow\">\n <div class=\"flex items-center justify-between space-x-2 mb-1\">\n <div class=\"font-bold text-slate-900\">\u521d\u56de\u30aa\u30f3\u30e9\u30a4\u30f3\u76f8\u8ac7\uff0845\u5206\uff09<\/div>\n <span class=\"bg-red-500 text-white text-xs font-bold px-2 py-1 rounded\">\u7121\u6599<\/span>\n <\/div>\n <div class=\"text-sm text-gray-500\">\u73fe\u72b6\u3084\u304a\u60a9\u307f\u3092\u304a\u4f3a\u3044\u3057\u3001\u5f53\u30b5\u30fc\u30d3\u30b9\u304c\u3069\u3046\u304a\u5f79\u306b\u7acb\u3066\u308b\u304b\u3054\u8aac\u660e\u3057\u307e\u3059\u3002<\/div>\n <\/div>\n <\/div>\n\n <div class=\"relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active\">\n <div class=\"flex items-center justify-center w-10 h-10 rounded-full border border-white bg-slate-300 text-slate-500 shrink-0 shadow md:order-1 md:group-odd:-translate-x-1\/2 md:group-even:translate-x-1\/2 z-10 font-bold\">2<\/div>\n <div class=\"w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] bg-white p-4 rounded border border-slate-200 shadow\">\n <div class=\"font-bold text-slate-900 mb-1\">\u3054\u63d0\u6848\u30fb\u304a\u898b\u7a4d\u308a<\/div>\n <div class=\"text-sm text-gray-500\">\u6700\u9069\u306a\u30b5\u30dd\u30fc\u30c8\u30d7\u30e9\u30f3\u3068\u6599\u91d1\u306e\u304a\u898b\u7a4d\u308a\u3092\u3054\u63d0\u793a\u3057\u307e\u3059\u3002<\/div>\n <\/div>\n <\/div>\n\n <div class=\"relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active\">\n <div class=\"flex items-center justify-center w-10 h-10 rounded-full border border-white bg-slate-300 text-slate-500 shrink-0 shadow md:order-1 md:group-odd:-translate-x-1\/2 md:group-even:translate-x-1\/2 z-10 font-bold\">3<\/div>\n <div class=\"w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] bg-white p-4 rounded border border-slate-200 shadow\">\n <div class=\"font-bold text-slate-900 mb-1\">\u3054\u5951\u7d04<\/div>\n <div class=\"text-sm text-gray-500\">\u5185\u5bb9\u306b\u3054\u7d0d\u5f97\u3044\u305f\u3060\u3051\u307e\u3057\u305f\u3089\u5951\u7d04\u7de0\u7d50\u3068\u306a\u308a\u307e\u3059\u3002\u7121\u7406\u306a\u52e7\u8a98\u306f\u3044\u305f\u3057\u307e\u305b\u3093\u3002<\/div>\n <\/div>\n <\/div>\n\n <div class=\"relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active\">\n <div class=\"flex items-center justify-center w-10 h-10 rounded-full border border-white bg-slate-300 text-slate-500 shrink-0 shadow md:order-1 md:group-odd:-translate-x-1\/2 md:group-even:translate-x-1\/2 z-10 font-bold\">4<\/div>\n <div class=\"w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] bg-white p-4 rounded border border-slate-200 shadow\">\n <div class=\"font-bold text-slate-900 mb-1\">\u7d99\u7d9a\u30b5\u30dd\u30fc\u30c8\u958b\u59cb<\/div>\n <div class=\"text-sm text-gray-500\">\u30d7\u30e9\u30f3\u30cb\u30f3\u30b0\u3084\u5b9f\u884c\u652f\u63f4\u3092\u958b\u59cb\u3002\u5b9a\u671f\u7684\u306a\u9762\u8ac7\u3067\u9032\u6357\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <div>\n <h2 class=\"text-2xl font-bold text-brand-blue mb-8\">2\u56de\u76ee\u4ee5\u964d\u306e\u76f8\u8ac7\u6599\uff08\u76ee\u5b89\uff09<\/h2>\n <div class=\"bg-white rounded-xl shadow-lg overflow-hidden\">\n <div class=\"p-6 border-b border-gray-100\">\n <p class=\"text-sm text-gray-500 mb-4\">\u203b\u6599\u91d1\u306f\u3059\u3079\u3066\u7a0e\u8fbc\u307f\u8868\u793a\u3067\u3059\u3002\u4e0b\u8a18\u306f\u76ee\u5b89\u3067\u3042\u308a\u3001\u500b\u5225\u306b\u304a\u898b\u7a4d\u308a\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n <div class=\"space-y-4\">\n <div class=\"flex justify-between items-center p-4 bg-gray-50 rounded-lg\">\n <span class=\"font-bold text-gray-700\">45\u5206<\/span>\n <span class=\"text-xl font-bold text-brand-blue\">4,000\u5186<\/span>\n <\/div>\n <div class=\"flex justify-between items-center p-4 bg-gray-50 rounded-lg\">\n <span class=\"font-bold text-gray-700\">60\u5206<\/span>\n <span class=\"text-xl font-bold text-brand-blue\">5,000\u5186<\/span>\n <\/div>\n <div class=\"flex justify-between items-center p-4 bg-brand-light rounded-lg border-l-4 border-brand-accent\">\n <span class=\"font-bold text-gray-700\">90\u5206 <span class=\"text-xs font-normal ml-2 text-gray-500\">\u203b\u3058\u3063\u304f\u308a\u76f8\u8ac7<\/span><\/span>\n <span class=\"text-xl font-bold text-brand-blue\">7,000\u5186<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"p-6 bg-gray-50 text-center\">\n <p class=\"font-bold text-brand-blue mb-2\">\u307e\u305a\u306f\u521d\u56de\u7121\u6599\u76f8\u8ac7\u304b\u3089<\/p>\n <p class=\"text-sm text-gray-600\">\u900f\u660e\u6027\u306e\u9ad8\u3044\u30d7\u30ed\u30bb\u30b9\u3067\u3001\u5b89\u5fc3\u3057\u3066\u3054\u76f8\u8ac7\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"contact\" class=\"py-24 bg-brand-blue text-white relative overflow-hidden\">\n <div class=\"absolute inset-0 bg-[url('https:\/\/www.transparenttextures.com\/patterns\/diamond-upholstery.png')] opacity-10\"><\/div>\n <div class=\"container mx-auto px-4 text-center relative z-10\">\n <h2 class=\"text-3xl md:text-4xl font-bold mb-6\">\u307e\u305a\u306f\u304a\u6c17\u8efd\u306b\u3001\u7121\u6599\u76f8\u8ac7\u304b\u3089\u59cb\u3081\u307e\u305b\u3093\u304b\uff1f<\/h2>\n <p class=\"text-lg mb-10 opacity-90 max-w-2xl mx-auto\">\n \u672a\u6765\u3078\u306e\u4e00\u6b69\u306f\u3001\u73fe\u72b6\u3092\u77e5\u308a\u3001\u8a08\u753b\u3092\u7acb\u3066\u308b\u3053\u3068\u304b\u3089\u59cb\u307e\u308a\u307e\u3059\u3002<br>\n \u7d4c\u9a13\u8c4a\u5bcc\u306a\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u3068\u30d5\u30a1\u30a4\u30ca\u30f3\u30b7\u30e3\u30eb\u30d7\u30e9\u30f3\u30ca\u30fc\u304c\u3001<br class=\"hidden md:inline\">\u3042\u306a\u305f\u306e\u60f3\u3044\u306b\u771f\u646f\u306b\u8033\u3092\u50be\u3051\u3001\u6700\u9069\u306a\u89e3\u6c7a\u7b56\u3092\u4e00\u7dd2\u306b\u898b\u3064\u3051\u51fa\u3057\u307e\u3059\u3002\n <\/p>\n <div class=\"flex flex-col md:flex-row justify-center gap-6\">\n <a href=\"https:\/\/forms.gle\/KYLbGQTbWM6PEQqN7\" target=\"_blank\" class=\"bg-brand-accent hover:bg-yellow-600 text-white text-lg font-bold px-10 py-4 rounded-full shadow-xl transform hover:scale-105 transition duration-300\">\n <i class=\"far fa-calendar-check mr-2\"><\/i> \u30aa\u30f3\u30e9\u30a4\u30f3\u76f8\u8ac7\uff0845\u5206\uff09\u3092\u4e88\u7d04\u3059\u308b\n <\/a>\n <\/div>\n <p class=\"mt-6 text-sm opacity-75\">\u76f8\u8ac7\u306e\u304a\u7533\u3057\u8fbc\u307f\u306f\u4e0a\u8a18\u30d5\u30a9\u30fc\u30e0\u3088\u308a\u304a\u9858\u3044\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/section>\n\n<\/body>\n<\/html>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-center\">\u3010<span class=\"span-stk-fs-m\">\u904b\u55b6\u4f1a\u793e<\/span>\u3011<\/h4>\n\n\n\n<p class=\"has-text-align-center\"><a rel=\"noreferrer noopener\" href=\"https:\/\/sognoplanning.com\" target=\"_blank\"><strong><span class=\"span-stk-fs-m\">\u30bd\u30fc\u30cb\u30e7\u30d7\u30e9\u30f3\u30cb\u30f3\u30b0\u682a\u5f0f\u4f1a\u793e<\/span><\/strong><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u30e9\u30a4\u30d5\u30d7\u30e9\u30f3\u76f8\u8ac7\u5ba4 | \u30bd\u30fc\u30cb\u30e7\u30d7\u30e9\u30f3\u30cb\u30f3\u30b0\u682a\u5f0f\u4f1a\u793e \u30e9\u30a4\u30d5\u30d7\u30e9\u30f3\u76f8\u8ac7\u5ba4 \u30b5\u30fc\u30d3\u30b9\u306b\u3064\u3044\u3066 \u5f37\u307f \u3054\u76f8\u8ac7\u5185\u5bb9 \u6599\u91d1\u30fb\u6d41\u308c \u7121\u6599\u76f8\u8ac7\u3092\u4e88\u7d04 LIFE PLAN CONSULTATION \u3042\u306a\u305f\u306e\u672a\u6765\u3092\u30c8\u30fc\u30bf\u30eb\u30b5\u30dd\u30fc\u30c8 \u5c06\u6765…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-lp.php","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"tags":[],"class_list":["post-2640","page","type-page","status-publish","article"],"_links":{"self":[{"href":"https:\/\/sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages\/2640","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sognoplanning.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sognoplanning.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2640"}],"version-history":[{"count":10,"href":"https:\/\/sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages\/2640\/revisions"}],"predecessor-version":[{"id":2916,"href":"https:\/\/sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages\/2640\/revisions\/2916"}],"wp:attachment":[{"href":"https:\/\/sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2640"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2640"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2640,"date":"2024-10-30T16:54:48","date_gmt":"2024-10-30T07:54:48","guid":{"rendered":"https:\/\/sognoplanning.com\/?page_id=2640"},"modified":"2025-11-19T09:07:36","modified_gmt":"2025-11-19T00:07:36","slug":"%e3%83%a9%e3%82%a4%e3%83%95%e3%83%97%e3%83%a9%e3%83%b3%e7%9b%b8%e8%ab%87%e5%ae%a4","status":"publish","type":"page","link":"https:\/\/sognoplanning.com\/?page_id=2640","title":{"rendered":"\u300c\u30e9\u30a4\u30d5\u30d7\u30e9\u30f3\u76f8\u8ac7\u5ba4\u300d\u3042\u306a\u305f\u306e\u672a\u6765\u3092\u30c8\u30fc\u30bf\u30eb\u30b5\u30dd\u30fc\u30c8"},"content":{"rendered":"\n\n\n\n \n \n \u30e9\u30a4\u30d5\u30d7\u30e9\u30f3\u76f8\u8ac7\u5ba4 | \u30bd\u30fc\u30cb\u30e7\u30d7\u30e9\u30f3\u30cb\u30f3\u30b0\u682a\u5f0f\u4f1a\u793e<\/title>\n <meta name=\"description\" content=\"\u30ad\u30e3\u30ea\u30a2\u3068\u30de\u30cd\u30fc\u306e\u5c02\u9580\u5bb6\u304c\u4f34\u8d70\u3059\u308b\u3001\u65b0\u3057\u3044\u30e9\u30a4\u30d5\u30d7\u30e9\u30f3\u30cb\u30f3\u30b0\u3002\u30bd\u30fc\u30cb\u30e7\u30d7\u30e9\u30f3\u30cb\u30f3\u30b0\u682a\u5f0f\u4f1a\u793e\u306e\u30e9\u30a4\u30d5\u30d7\u30e9\u30f3\u76f8\u8ac7\u5ba4\u3002\">\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&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n brand: {\n blue: '#0f4c81', \/\/ Trustworthy blue\n light: '#e6f0f9',\n accent: '#d4af37', \/\/ Gold for premium\/future feel\n text: '#333333',\n }\n },\n fontFamily: {\n sans: ['\"Noto Sans JP\"', 'sans-serif'],\n }\n }\n }\n }\n <\/script>\n <style>\n \/* Custom styles for hero image overlay *\/\n .hero-bg {\n \/* \u65e5\u672c\u4eba\u7537\u5973\u304c\u5199\u3063\u3066\u3044\u308b\u30d3\u30b8\u30cd\u30b9\u30b7\u30fc\u30f3\u306e\u30a4\u30e1\u30fc\u30b8\u306b\u5909\u66f4 *\/\n background-image: url('https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');\n background-size: cover;\n background-position: center;\n }\n .fade-in-up {\n animation: fadeInUp 1s ease-out forwards;\n opacity: 0;\n transform: translateY(20px);\n }\n @keyframes fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n <\/style>\n<\/head>\n<body class=\"font-sans text-brand-text antialiased bg-gray-50\">\n\n <header class=\"fixed w-full bg-white\/95 backdrop-blur-sm shadow-md z-50\">\n <div class=\"container mx-auto px-4 md:px-6 h-20 flex items-center justify-between\">\n <div class=\"flex items-center\">\n <a href=\"#\" class=\"text-2xl font-bold text-brand-blue\">\u30e9\u30a4\u30d5\u30d7\u30e9\u30f3\u76f8\u8ac7\u5ba4<\/a>\n <\/div>\n <nav class=\"hidden md:flex space-x-8\">\n <a href=\"#about\" class=\"hover:text-brand-blue transition\">\u30b5\u30fc\u30d3\u30b9\u306b\u3064\u3044\u3066<\/a>\n <a href=\"#strengths\" class=\"hover:text-brand-blue transition\">\u5f37\u307f<\/a>\n <a href=\"#menu\" class=\"hover:text-brand-blue transition\">\u3054\u76f8\u8ac7\u5185\u5bb9<\/a>\n <a href=\"#flow\" class=\"hover:text-brand-blue transition\">\u6599\u91d1\u30fb\u6d41\u308c<\/a>\n <\/nav>\n <a href=\"https:\/\/forms.gle\/KYLbGQTbWM6PEQqN7\" target=\"_blank\" class=\"bg-brand-blue hover:bg-blue-800 text-white px-6 py-2.5 rounded-full font-bold transition shadow-lg transform hover:scale-105 text-sm md:text-base\">\n \u7121\u6599\u76f8\u8ac7\u3092\u4e88\u7d04\n <\/a>\n <\/div>\n <\/header>\n\n <section class=\"relative h-[600px] hero-bg flex items-center justify-center text-white\">\n <div class=\"absolute inset-0 bg-gradient-to-r from-brand-blue\/90 to-brand-blue\/60\"><\/div>\n <div class=\"container mx-auto px-4 relative z-10 text-center fade-in-up\">\n <span class=\"inline-block py-1 px-3 rounded-full bg-brand-accent text-white text-sm font-bold mb-4 tracking-wider\">LIFE PLAN CONSULTATION<\/span>\n <h1 class=\"text-4xl md:text-6xl font-bold mb-6 leading-tight\">\n \u3042\u306a\u305f\u306e\u672a\u6765\u3092<br class=\"md:hidden\">\u30c8\u30fc\u30bf\u30eb\u30b5\u30dd\u30fc\u30c8\n <\/h1>\n <p class=\"text-lg md:text-2xl mb-8 font-light\">\n \u5c06\u6765\u3078\u306e\u5730\u56f3\u3068\u30b3\u30f3\u30d1\u30b9\u3001\u624b\u306b\u5165\u308c\u307e\u305b\u3093\u304b\uff1f<br>\n \u30ad\u30e3\u30ea\u30a2\u3068\u30de\u30cd\u30fc\u306e\u5c02\u9580\u5bb6\u304c\u4f34\u8d70\u3059\u308b\u3001<br class=\"md:hidden\">\u65b0\u3057\u3044\u30e9\u30a4\u30d5\u30d7\u30e9\u30f3\u30cb\u30f3\u30b0\n <\/p>\n <a href=\"#about\" class=\"inline-block border-2 border-white text-white hover:bg-white hover:text-brand-blue px-8 py-3 rounded-full font-bold transition duration-300\">\n \u3082\u3063\u3068\u8a73\u3057\u304f\u77e5\u308b <i class=\"fas fa-chevron-down ml-2\"><\/i>\n <\/a>\n <\/div>\n <\/section>\n\n <section class=\"py-12 -mt-16 relative z-20 px-4\">\n <div class=\"container mx-auto\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <a href=\"https:\/\/sognoplanning.com\/?page_id=2813\" target=\"_blank\" class=\"group block bg-white rounded-xl shadow-xl overflow-hidden transform hover:-translate-y-1 transition duration-300 border-t-4 border-blue-500\">\n <div class=\"p-6 flex items-start md:items-center flex-col md:flex-row gap-4\">\n <div class=\"bg-blue-100 p-3 rounded-full text-blue-600 shrink-0\">\n <i class=\"fas fa-laptop-code text-2xl\"><\/i>\n <\/div>\n <div>\n <div class=\"text-xs font-bold text-blue-600 mb-1\">\u9762\u63a5\u5bfe\u7b56\u306a\u3089<\/div>\n <h3 class=\"text-lg font-bold mb-2 group-hover:text-blue-600 transition\">\u3010\u30cd\u30af\u30b9\u30c8\u30ad\u30e3\u30ea\u30a2\u30fb\u30e9\u30dc\u3011\u9762\u63a5\u9053\u5834<\/h3>\n <p class=\"text-sm text-gray-600\">AI\u3068\u5c02\u9580\u5bb6\u304c\u81ea\u5206\u306e\u8ab2\u984c\u3092\u53ef\u8996\u5316\u3002\u30aa\u30f3\u30e9\u30a4\u30f3\u30ed\u30fc\u30eb\u30d7\u30ec\u30a4\u578b\u3067\u5b9f\u8df5\u7684\u306a\u30b9\u30ad\u30eb\u30a2\u30c3\u30d7\u3002<\/p>\n <\/div>\n <div class=\"ml-auto mt-4 md:mt-0\">\n <i class=\"fas fa-arrow-right text-gray-400 group-hover:text-blue-600\"><\/i>\n <\/div>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/sognoplanning.com\/?page_id=2668\" target=\"_blank\" class=\"group block bg-white rounded-xl shadow-xl overflow-hidden transform hover:-translate-y-1 transition duration-300 border-t-4 border-brand-accent\">\n <div class=\"p-6 flex items-start md:items-center flex-col md:flex-row gap-4\">\n <div class=\"bg-yellow-100 p-3 rounded-full text-brand-accent shrink-0\">\n <i class=\"fas fa-coffee text-2xl\"><\/i>\n <\/div>\n <div>\n <div class=\"text-xs font-bold text-brand-accent mb-1\">\u53d7\u4ed8\u4e2d<\/div>\n <h3 class=\"text-lg font-bold mb-2 group-hover:text-brand-accent transition\">\u30e9\u30a4\u30d5\u30d7\u30e9\u30f3\u76f8\u8ac7\u5ba4\u300c\u30b7\u30cb\u30a2\u5411\u3051\u7121\u6599\u76f8\u8ac7\u300d<\/h3>\n <p class=\"text-sm text-gray-600\">\u30bb\u30ab\u30f3\u30c9\u30e9\u30a4\u30d5\u306e\u4e0d\u5b89\u3092\u89e3\u6d88\u3002\u7d4c\u9a13\u8c4a\u5bcc\u306a\u30a2\u30c9\u30d0\u30a4\u30b6\u30fc\u304c\u304a\u8a71\u3092\u4f3a\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"ml-auto mt-4 md:mt-0\">\n <i class=\"fas fa-arrow-right text-gray-400 group-hover:text-brand-accent\"><\/i>\n <\/div>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"about\" class=\"py-20 bg-white\">\n <div class=\"container mx-auto px-4\">\n <div class=\"max-w-3xl mx-auto text-center mb-16\">\n <h2 class=\"text-3xl font-bold text-brand-blue mb-6\">\u5c06\u6765\u3078\u306e\u6f20\u7136\u3068\u3057\u305f\u4e0d\u5b89\u3001<br>\u4e00\u4eba\u3067\u62b1\u3048\u3066\u3044\u307e\u305b\u3093\u304b\uff1f<\/h2>\n <p class=\"text-gray-600 leading-loose text-left\">\n \u5909\u5316\u306e\u6fc0\u3057\u3044\u73fe\u4ee3\u793e\u4f1a\u306b\u304a\u3044\u3066\u3001\u3054\u81ea\u8eab\u306e\u30ad\u30e3\u30ea\u30a2\u3084\u3054\u5bb6\u65cf\u306e\u751f\u6d3b\u8a2d\u8a08\u306b\u3064\u3044\u3066\u3001\u3069\u306e\u3088\u3046\u306b\u8a08\u753b\u3092\u7acb\u3066\u308c\u3070\u826f\u3044\u304b\u60a9\u3093\u3060\u308a\u3059\u308b\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f<br>\n \u30bd\u30fc\u30cb\u30e7\u30d7\u30e9\u30f3\u30cb\u30f3\u30b0\u682a\u5f0f\u4f1a\u793e\u306f\u3001\u305d\u306e\u3088\u3046\u306a\u7686\u69d8\u306e\u60a9\u307f\u3084\u4e0d\u5b89\u306b\u5bc4\u308a\u6dfb\u3044\u3001\u8f1d\u304f\u672a\u6765\u3078\u306e\u4e00\u6b69\u3092\u529b\u5f37\u304f\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u305f\u3081\u3001\u300c\u30e9\u30a4\u30d5\u30d7\u30e9\u30f3\u76f8\u8ac7\u5ba4\u300d\u30b5\u30fc\u30d3\u30b9\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <div class=\"bg-brand-light rounded-2xl p-8 md:p-12 flex flex-col md:flex-row items-center gap-12\">\n <div class=\"md:w-1\/2\">\n <img decoding=\"async\" src=\"https:\/\/sognoplanning.com\/wp-content\/uploads\/2025\/11\/%E3%83%A9%E3%82%A4%E3%83%95%E3%83%97%E3%83%A9%E3%83%B3%E7%9B%B8%E8%AB%87%E5%AE%A4.jpg\" alt=\"\u30e9\u30a4\u30d5\u30d7\u30e9\u30f3\u76f8\u8ac7\u5ba4\u306e\u69d8\u5b50\" class=\"rounded-lg shadow-lg object-cover h-64 w-full md:h-auto\">\n <\/div>\n <div class=\"md:w-1\/2\">\n <h3 class=\"text-2xl font-bold mb-4 text-brand-blue\">\u30ad\u30e3\u30ea\u30a2\u3068\u30de\u30cd\u30fc\u3092\u7d71\u5408\u7684\u306b\u30b5\u30dd\u30fc\u30c8<\/h3>\n <p class=\"text-gray-700 mb-6 leading-relaxed\">\n \u300c\u30e9\u30a4\u30d5\u30d7\u30e9\u30f3\u76f8\u8ac7\u5ba4\u300d\u306f\u3001\u4eba\u751f\u306e\u4e8c\u5927\u8981\u7d20\u3067\u3042\u308b<span class=\"font-bold text-brand-blue border-b-2 border-brand-accent\">\u300c\u30ad\u30e3\u30ea\u30a2\u30d7\u30e9\u30f3\u300d\u3068\u300c\u30de\u30cd\u30fc\u30d7\u30e9\u30f3\u300d\u3092\u5207\u308a\u96e2\u3059\u3053\u3068\u306a\u304f<\/span>\u3001\u7d71\u5408\u7684\u306b\u6349\u3048\u3001\u304a\u5ba2\u69d8\u4e00\u4eba\u3072\u3068\u308a\u306b\u6700\u9069\u306a\u30aa\u30fc\u30c0\u30fc\u30e1\u30a4\u30c9\u306e\u30e9\u30a4\u30d5\u30d7\u30e9\u30f3\u4f5c\u6210\u3068\u5b9f\u884c\u3092\u652f\u63f4\u3059\u308b\u753b\u671f\u7684\u306a\u30b5\u30fc\u30d3\u30b9\u3067\u3059\u3002\n <\/p>\n <h4 class=\"font-bold text-lg mb-2\">\u306a\u305c\u7d71\u5408\u30b5\u30dd\u30fc\u30c8\u304c\u5fc5\u8981\u306a\u306e\u304b\uff1f<\/h4>\n <p class=\"text-sm text-gray-600 leading-relaxed\">\n \u30ad\u30e3\u30ea\u30a2\u306e\u9078\u629e\uff08\u8ee2\u8077\u3001\u72ec\u7acb\u306a\u3069\uff09\u306f\u53ce\u5165\u306b\u76f4\u7d50\u3057\u3001\u304a\u91d1\u306e\u8a08\u753b\uff08\u4f4f\u5b85\u3001\u6559\u80b2\u306a\u3069\uff09\u306b\u5f71\u97ff\u3057\u307e\u3059\u3002\u9006\u306b\u30e9\u30a4\u30d5\u30a4\u30d9\u30f3\u30c8\u306f\u50cd\u304d\u65b9\u3092\u898b\u76f4\u3059\u304d\u3063\u304b\u3051\u306b\u306a\u308a\u307e\u3059\u3002<br>\n \u3053\u308c\u307e\u3067\u306f\u500b\u5225\u306b\u76f8\u8ac7\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3057\u305f\u304c\u3001\u5f53\u76f8\u8ac7\u5ba4\u3067\u306f\u3053\u308c\u3089\u3092\u4e00\u6c17\u901a\u8cab\u3067\u30b5\u30dd\u30fc\u30c8\u3002\u30ad\u30e3\u30ea\u30a2\u306e\u76ee\u6a19\u9054\u6210\u3068\u7d4c\u6e08\u7684\u306a\u5b89\u5b9a\u306e\u4e21\u8f2a\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"strengths\" class=\"py-20 bg-gray-50\">\n <div class=\"container mx-auto px-4\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-3xl font-bold text-brand-blue\">\u300c\u30e9\u30a4\u30d5\u30d7\u30e9\u30f3\u76f8\u8ac7\u5ba4\u300d\u306e\u5f37\u307f<\/h2>\n <p class=\"mt-4 text-gray-600\">\u4fe1\u983c\u3067\u304d\u308b\u5c02\u9580\u5bb6\u306b\u3088\u308b\u8cea\u306e\u9ad8\u3044\u30b5\u30dd\u30fc\u30c8\u4f53\u5236<\/p>\n <\/div>\n\n <div class=\"grid md:grid-cols-2 gap-8\">\n <div class=\"bg-white p-8 rounded-xl shadow-md border-t-4 border-brand-blue hover:shadow-lg transition\">\n <div class=\"flex items-center mb-6\">\n <div class=\"w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center text-brand-blue text-xl font-bold mr-4\">1<\/div>\n <h3 class=\"text-xl font-bold\">\u5b9f\u7e3e\u8c4a\u5bcc\u306a\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u306b\u3088\u308b<br>\u30ad\u30e3\u30ea\u30a2\u30d7\u30e9\u30f3\u30cb\u30f3\u30b0<\/h3>\n <\/div>\n <p class=\"text-gray-600 leading-relaxed\">\n \u5f53\u793e\u904b\u55b6\u306e\u300c\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4\u300d\u3067\u6307\u5c0e\u7d4c\u9a13\u304c\u8c4a\u5bcc\u3067\u3001\u591a\u304f\u306e\u53d7\u8b1b\u751f\u306e\u30b9\u30ad\u30eb\u30a2\u30c3\u30d7\u3092\u5b9f\u73fe\u3057\u3066\u304d\u305f\u5b9f\u7e3e\u3092\u6301\u3064\u3001\u7d4c\u9a13\u8c4a\u304b\u306a\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u304c\u62c5\u5f53\u3057\u307e\u3059\u3002<br><br>\n \u30ad\u30e3\u30ea\u30a2\u30a2\u30c3\u30d7\u3001\u8ee2\u8077\u3001\u526f\u696d\u3001\u8d77\u696d\u3001\u3042\u308b\u3044\u306f\u4ed5\u4e8b\u4e0a\u306e\u4eba\u9593\u95a2\u4fc2\u3084\u30b9\u30ad\u30eb\u306e\u60a9\u307f\u307e\u3067\u3001\u3042\u306a\u305f\u306e\u4fa1\u5024\u89b3\u3084\u5f37\u307f\u3001\u5e0c\u671b\u3092\u4e01\u5be7\u306b\u30d2\u30a2\u30ea\u30f3\u30b0\u3057\u3001\u7d0d\u5f97\u611f\u306e\u3042\u308b\u30ad\u30e3\u30ea\u30a2\u30d7\u30e9\u30f3\u4f5c\u6210\u3092\u652f\u63f4\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <div class=\"bg-white p-8 rounded-xl shadow-md border-t-4 border-brand-accent hover:shadow-lg transition\">\n <div class=\"flex items-center mb-6\">\n <div class=\"w-12 h-12 bg-yellow-100 rounded-full flex items-center justify-center text-brand-accent text-xl font-bold mr-4\">2<\/div>\n <h3 class=\"text-xl font-bold\">\u7d4c\u9a13\u8c4a\u304b\u306a\u30d5\u30a1\u30a4\u30ca\u30f3\u30b7\u30e3\u30eb\u30d7\u30e9\u30f3\u30ca\u30fc\u306b\u3088\u308b<br>\u30de\u30cd\u30fc\u30d7\u30e9\u30f3\u30cb\u30f3\u30b0<\/h3>\n <\/div>\n <p class=\"text-gray-600 leading-relaxed\">\n \u5e45\u5e83\u3044\u77e5\u898b\u3092\u6301\u3064\u30d5\u30a1\u30a4\u30ca\u30f3\u30b7\u30e3\u30eb\u30d7\u30e9\u30f3\u30ca\u30fc\u304c\u62c5\u5f53\u3057\u307e\u3059\u3002\u30e9\u30a4\u30d5\u30a4\u30d9\u30f3\u30c8\u306b\u5fc5\u8981\u306a\u8cc7\u91d1\u8a08\u753b\u3001\u52b9\u7387\u7684\u306a\u8cc7\u7523\u5f62\u6210\u3001\u4fdd\u967a\u306e\u898b\u76f4\u3057\u3001\u4f4f\u5b85\u30ed\u30fc\u30f3\u306e\u9078\u629e\u306a\u3069\u3001\u5c02\u9580\u77e5\u8b58\u304c\u6c42\u3081\u3089\u308c\u308b\u5206\u91ce\u306b\u304a\u3044\u3066\u5206\u304b\u308a\u3084\u3059\u304f\u3054\u8aac\u660e\u3057\u307e\u3059\u3002<br><br>\n \u5358\u306a\u308b\u60c5\u5831\u63d0\u4f9b\u3067\u306f\u306a\u304f\u3001\u304a\u5ba2\u69d8\u306e\u300c\u5b89\u5fc3\u300d\u3068\u300c\u5e0c\u671b\u300d\u3092\u5b9f\u73fe\u3059\u308b\u305f\u3081\u306e\u5177\u4f53\u7684\u306a\u9053\u7b4b\u3092\u793a\u3059\u3053\u3068\u3092\u91cd\u8996\u3057\u3066\u3044\u307e\u3059\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"menu\" class=\"py-20 bg-white\">\n <div class=\"container mx-auto px-4\">\n <h2 class=\"text-3xl font-bold text-brand-blue text-center mb-12\">\u4e3b\u306a\u3054\u76f8\u8ac7\u5185\u5bb9<\/h2>\n \n <div class=\"grid md:grid-cols-3 gap-8\">\n <div class=\"bg-white rounded-xl border border-gray-200 overflow-hidden\">\n <div class=\"bg-brand-light p-6 text-center\">\n <i class=\"fas fa-yen-sign text-4xl text-brand-blue mb-3\"><\/i>\n <h3 class=\"text-xl font-bold text-brand-blue\">\u30de\u30cd\u30fc\u30d7\u30e9\u30f3<\/h3>\n <\/div>\n <div class=\"p-6\">\n <ul class=\"space-y-4\">\n <li class=\"flex items-start\">\n <i class=\"fas fa-check text-green-500 mt-1 mr-2\"><\/i>\n <div>\n <strong class=\"block text-sm text-gray-800\">\u30e9\u30a4\u30d5\u30a4\u30d9\u30f3\u30c8\u8cc7\u91d1\u5bfe\u5fdc<\/strong>\n <span class=\"text-xs text-gray-500\">\u7d50\u5a5a\u3001\u51fa\u7523\u30fb\u6559\u80b2\u3001\u8001\u5f8c\u8cc7\u91d1\u306a\u3069<\/span>\n <\/div>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fas fa-check text-green-500 mt-1 mr-2\"><\/i>\n <div>\n <strong class=\"block text-sm text-gray-800\">\u30de\u30a4\u30db\u30fc\u30e0\u8cc7\u91d1\u8abf\u9054<\/strong>\n <span class=\"text-xs text-gray-500\">\u4e88\u7b97\u7b56\u5b9a\u3001\u30ed\u30fc\u30f3\u6bd4\u8f03\u3001\u7e70\u4e0a\u8fd4\u6e08<\/span>\n <\/div>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fas fa-check text-green-500 mt-1 mr-2\"><\/i>\n <div>\n <strong class=\"block text-sm text-gray-800\">\u8cc7\u7523\u5f62\u6210<\/strong>\n <span class=\"text-xs text-gray-500\">NISA\u30fbiDeCo\u3001\u6295\u8cc7\u4fe1\u8a17\u306a\u3069<\/span>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"bg-white rounded-xl border border-gray-200 overflow-hidden\">\n <div class=\"bg-brand-light p-6 text-center\">\n <i class=\"fas fa-briefcase text-4xl text-brand-blue mb-3\"><\/i>\n <h3 class=\"text-xl font-bold text-brand-blue\">\u30ad\u30e3\u30ea\u30a2\u30d7\u30e9\u30f3<\/h3>\n <\/div>\n <div class=\"p-6\">\n <ul class=\"space-y-4\">\n <li class=\"flex items-start\">\n <i class=\"fas fa-check text-green-500 mt-1 mr-2\"><\/i>\n <div>\n <strong class=\"block text-sm text-gray-800\">\u30ad\u30e3\u30ea\u30a2\u30a2\u30c3\u30d7\u76f8\u8ac7<\/strong>\n <span class=\"text-xs text-gray-500\">\u6607\u9032\u30fb\u6607\u683c\u3001\u30b9\u30ad\u30eb\u30a2\u30c3\u30d7\u6226\u7565<\/span>\n <\/div>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fas fa-check text-green-500 mt-1 mr-2\"><\/i>\n <div>\n <strong class=\"block text-sm text-gray-800\">\u8ee2\u8077\u76f8\u8ac7<\/strong>\n <span class=\"text-xs text-gray-500\">\u81ea\u5df1\u5206\u6790\u3001\u66f8\u985e\u4f5c\u6210\u3001\u9762\u63a5\u5bfe\u7b56<\/span>\n <\/div>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fas fa-check text-green-500 mt-1 mr-2\"><\/i>\n <div>\n <strong class=\"block text-sm text-gray-800\">\u4ed5\u4e8b\u306b\u95a2\u308f\u308b\u76f8\u8ac7<\/strong>\n <span class=\"text-xs text-gray-500\">\u4eba\u9593\u95a2\u4fc2\u3001\u50cd\u304d\u304c\u3044\u3001\u30e2\u30c1\u30d9\u30fc\u30b7\u30e7\u30f3<\/span>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"bg-white rounded-xl border border-gray-200 overflow-hidden\">\n <div class=\"bg-brand-light p-6 text-center\">\n <i class=\"fas fa-compass text-4xl text-brand-blue mb-3\"><\/i>\n <h3 class=\"text-xl font-bold text-brand-blue\">\u30e9\u30a4\u30d5\u30d7\u30e9\u30f3<\/h3>\n <\/div>\n <div class=\"p-6\">\n <ul class=\"space-y-4\">\n <li class=\"flex items-start\">\n <i class=\"fas fa-check text-green-500 mt-1 mr-2\"><\/i>\n <div>\n <strong class=\"block text-sm text-gray-800\">\u4e2d\u9ad8\u5e74\u30ad\u30e3\u30ea\u30a2\u30c1\u30a7\u30f3\u30b8<\/strong>\n <span class=\"text-xs text-gray-500\">40\u30fb50\u4ee3\u304b\u3089\u306e\u898b\u76f4\u3057\u3001\u5b66\u3073\u76f4\u3057<\/span>\n <\/div>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fas fa-check text-green-500 mt-1 mr-2\"><\/i>\n <div>\n <strong class=\"block text-sm text-gray-800\">\u30ea\u30bf\u30a4\u30a2\u30e1\u30f3\u30c8\u30d7\u30e9\u30f3<\/strong>\n <span class=\"text-xs text-gray-500\">\u9000\u8077\u5f8c\u306e\u751f\u6d3b\u3001\u5e74\u91d1\u6d3b\u7528\u3001\u5065\u5eb7\u7dad\u6301<\/span>\n <\/div>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fas fa-check text-green-500 mt-1 mr-2\"><\/i>\n <div>\n <strong class=\"block text-sm text-gray-800\">\u305d\u306e\u4ed6\u306e\u304a\u60a9\u307f<\/strong>\n <span class=\"text-xs text-gray-500\">\u6f20\u7136\u3068\u3057\u305f\u4e0d\u5b89\u3001\u5bb6\u65cf\u306e\u30e9\u30a4\u30d5\u30d7\u30e9\u30f3<\/span>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"flow\" class=\"py-20 bg-gray-50\">\n <div class=\"container mx-auto px-4\">\n <div class=\"grid md:grid-cols-2 gap-12\">\n <div>\n <h2 class=\"text-2xl font-bold text-brand-blue mb-8\">\u3054\u76f8\u8ac7\u306e\u6d41\u308c<\/h2>\n <div class=\"space-y-8 relative before:absolute before:inset-0 before:ml-5 before:-translate-x-px md:before:mx-auto md:before:translate-x-0 before:h-full before:w-0.5 before:bg-gradient-to-b before:from-transparent before:via-slate-300 before:to-transparent\">\n \n <div class=\"relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active\">\n <div class=\"flex items-center justify-center w-10 h-10 rounded-full border border-white bg-brand-blue text-white shrink-0 shadow md:order-1 md:group-odd:-translate-x-1\/2 md:group-even:translate-x-1\/2 z-10 font-bold\">1<\/div>\n <div class=\"w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] bg-white p-4 rounded border border-slate-200 shadow\">\n <div class=\"flex items-center justify-between space-x-2 mb-1\">\n <div class=\"font-bold text-slate-900\">\u521d\u56de\u30aa\u30f3\u30e9\u30a4\u30f3\u76f8\u8ac7\uff0845\u5206\uff09<\/div>\n <span class=\"bg-red-500 text-white text-xs font-bold px-2 py-1 rounded\">\u7121\u6599<\/span>\n <\/div>\n <div class=\"text-sm text-gray-500\">\u73fe\u72b6\u3084\u304a\u60a9\u307f\u3092\u304a\u4f3a\u3044\u3057\u3001\u5f53\u30b5\u30fc\u30d3\u30b9\u304c\u3069\u3046\u304a\u5f79\u306b\u7acb\u3066\u308b\u304b\u3054\u8aac\u660e\u3057\u307e\u3059\u3002<\/div>\n <\/div>\n <\/div>\n\n <div class=\"relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active\">\n <div class=\"flex items-center justify-center w-10 h-10 rounded-full border border-white bg-slate-300 text-slate-500 shrink-0 shadow md:order-1 md:group-odd:-translate-x-1\/2 md:group-even:translate-x-1\/2 z-10 font-bold\">2<\/div>\n <div class=\"w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] bg-white p-4 rounded border border-slate-200 shadow\">\n <div class=\"font-bold text-slate-900 mb-1\">\u3054\u63d0\u6848\u30fb\u304a\u898b\u7a4d\u308a<\/div>\n <div class=\"text-sm text-gray-500\">\u6700\u9069\u306a\u30b5\u30dd\u30fc\u30c8\u30d7\u30e9\u30f3\u3068\u6599\u91d1\u306e\u304a\u898b\u7a4d\u308a\u3092\u3054\u63d0\u793a\u3057\u307e\u3059\u3002<\/div>\n <\/div>\n <\/div>\n\n <div class=\"relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active\">\n <div class=\"flex items-center justify-center w-10 h-10 rounded-full border border-white bg-slate-300 text-slate-500 shrink-0 shadow md:order-1 md:group-odd:-translate-x-1\/2 md:group-even:translate-x-1\/2 z-10 font-bold\">3<\/div>\n <div class=\"w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] bg-white p-4 rounded border border-slate-200 shadow\">\n <div class=\"font-bold text-slate-900 mb-1\">\u3054\u5951\u7d04<\/div>\n <div class=\"text-sm text-gray-500\">\u5185\u5bb9\u306b\u3054\u7d0d\u5f97\u3044\u305f\u3060\u3051\u307e\u3057\u305f\u3089\u5951\u7d04\u7de0\u7d50\u3068\u306a\u308a\u307e\u3059\u3002\u7121\u7406\u306a\u52e7\u8a98\u306f\u3044\u305f\u3057\u307e\u305b\u3093\u3002<\/div>\n <\/div>\n <\/div>\n\n <div class=\"relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active\">\n <div class=\"flex items-center justify-center w-10 h-10 rounded-full border border-white bg-slate-300 text-slate-500 shrink-0 shadow md:order-1 md:group-odd:-translate-x-1\/2 md:group-even:translate-x-1\/2 z-10 font-bold\">4<\/div>\n <div class=\"w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] bg-white p-4 rounded border border-slate-200 shadow\">\n <div class=\"font-bold text-slate-900 mb-1\">\u7d99\u7d9a\u30b5\u30dd\u30fc\u30c8\u958b\u59cb<\/div>\n <div class=\"text-sm text-gray-500\">\u30d7\u30e9\u30f3\u30cb\u30f3\u30b0\u3084\u5b9f\u884c\u652f\u63f4\u3092\u958b\u59cb\u3002\u5b9a\u671f\u7684\u306a\u9762\u8ac7\u3067\u9032\u6357\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <div>\n <h2 class=\"text-2xl font-bold text-brand-blue mb-8\">2\u56de\u76ee\u4ee5\u964d\u306e\u76f8\u8ac7\u6599\uff08\u76ee\u5b89\uff09<\/h2>\n <div class=\"bg-white rounded-xl shadow-lg overflow-hidden\">\n <div class=\"p-6 border-b border-gray-100\">\n <p class=\"text-sm text-gray-500 mb-4\">\u203b\u6599\u91d1\u306f\u3059\u3079\u3066\u7a0e\u8fbc\u307f\u8868\u793a\u3067\u3059\u3002\u4e0b\u8a18\u306f\u76ee\u5b89\u3067\u3042\u308a\u3001\u500b\u5225\u306b\u304a\u898b\u7a4d\u308a\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n <div class=\"space-y-4\">\n <div class=\"flex justify-between items-center p-4 bg-gray-50 rounded-lg\">\n <span class=\"font-bold text-gray-700\">45\u5206<\/span>\n <span class=\"text-xl font-bold text-brand-blue\">4,000\u5186<\/span>\n <\/div>\n <div class=\"flex justify-between items-center p-4 bg-gray-50 rounded-lg\">\n <span class=\"font-bold text-gray-700\">60\u5206<\/span>\n <span class=\"text-xl font-bold text-brand-blue\">5,000\u5186<\/span>\n <\/div>\n <div class=\"flex justify-between items-center p-4 bg-brand-light rounded-lg border-l-4 border-brand-accent\">\n <span class=\"font-bold text-gray-700\">90\u5206 <span class=\"text-xs font-normal ml-2 text-gray-500\">\u203b\u3058\u3063\u304f\u308a\u76f8\u8ac7<\/span><\/span>\n <span class=\"text-xl font-bold text-brand-blue\">7,000\u5186<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"p-6 bg-gray-50 text-center\">\n <p class=\"font-bold text-brand-blue mb-2\">\u307e\u305a\u306f\u521d\u56de\u7121\u6599\u76f8\u8ac7\u304b\u3089<\/p>\n <p class=\"text-sm text-gray-600\">\u900f\u660e\u6027\u306e\u9ad8\u3044\u30d7\u30ed\u30bb\u30b9\u3067\u3001\u5b89\u5fc3\u3057\u3066\u3054\u76f8\u8ac7\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"contact\" class=\"py-24 bg-brand-blue text-white relative overflow-hidden\">\n <div class=\"absolute inset-0 bg-[url('https:\/\/www.transparenttextures.com\/patterns\/diamond-upholstery.png')] opacity-10\"><\/div>\n <div class=\"container mx-auto px-4 text-center relative z-10\">\n <h2 class=\"text-3xl md:text-4xl font-bold mb-6\">\u307e\u305a\u306f\u304a\u6c17\u8efd\u306b\u3001\u7121\u6599\u76f8\u8ac7\u304b\u3089\u59cb\u3081\u307e\u305b\u3093\u304b\uff1f<\/h2>\n <p class=\"text-lg mb-10 opacity-90 max-w-2xl mx-auto\">\n \u672a\u6765\u3078\u306e\u4e00\u6b69\u306f\u3001\u73fe\u72b6\u3092\u77e5\u308a\u3001\u8a08\u753b\u3092\u7acb\u3066\u308b\u3053\u3068\u304b\u3089\u59cb\u307e\u308a\u307e\u3059\u3002<br>\n \u7d4c\u9a13\u8c4a\u5bcc\u306a\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u3068\u30d5\u30a1\u30a4\u30ca\u30f3\u30b7\u30e3\u30eb\u30d7\u30e9\u30f3\u30ca\u30fc\u304c\u3001<br class=\"hidden md:inline\">\u3042\u306a\u305f\u306e\u60f3\u3044\u306b\u771f\u646f\u306b\u8033\u3092\u50be\u3051\u3001\u6700\u9069\u306a\u89e3\u6c7a\u7b56\u3092\u4e00\u7dd2\u306b\u898b\u3064\u3051\u51fa\u3057\u307e\u3059\u3002\n <\/p>\n <div class=\"flex flex-col md:flex-row justify-center gap-6\">\n <a href=\"https:\/\/forms.gle\/KYLbGQTbWM6PEQqN7\" target=\"_blank\" class=\"bg-brand-accent hover:bg-yellow-600 text-white text-lg font-bold px-10 py-4 rounded-full shadow-xl transform hover:scale-105 transition duration-300\">\n <i class=\"far fa-calendar-check mr-2\"><\/i> \u30aa\u30f3\u30e9\u30a4\u30f3\u76f8\u8ac7\uff0845\u5206\uff09\u3092\u4e88\u7d04\u3059\u308b\n <\/a>\n <\/div>\n <p class=\"mt-6 text-sm opacity-75\">\u76f8\u8ac7\u306e\u304a\u7533\u3057\u8fbc\u307f\u306f\u4e0a\u8a18\u30d5\u30a9\u30fc\u30e0\u3088\u308a\u304a\u9858\u3044\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/section>\n\n<\/body>\n<\/html>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-center\">\u3010<span class=\"span-stk-fs-m\">\u904b\u55b6\u4f1a\u793e<\/span>\u3011<\/h4>\n\n\n\n<p class=\"has-text-align-center\"><a rel=\"noreferrer noopener\" href=\"https:\/\/sognoplanning.com\" target=\"_blank\"><strong><span class=\"span-stk-fs-m\">\u30bd\u30fc\u30cb\u30e7\u30d7\u30e9\u30f3\u30cb\u30f3\u30b0\u682a\u5f0f\u4f1a\u793e<\/span><\/strong><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u30e9\u30a4\u30d5\u30d7\u30e9\u30f3\u76f8\u8ac7\u5ba4 | \u30bd\u30fc\u30cb\u30e7\u30d7\u30e9\u30f3\u30cb\u30f3\u30b0\u682a\u5f0f\u4f1a\u793e \u30e9\u30a4\u30d5\u30d7\u30e9\u30f3\u76f8\u8ac7\u5ba4 \u30b5\u30fc\u30d3\u30b9\u306b\u3064\u3044\u3066 \u5f37\u307f \u3054\u76f8\u8ac7\u5185\u5bb9 \u6599\u91d1\u30fb\u6d41\u308c \u7121\u6599\u76f8\u8ac7\u3092\u4e88\u7d04 LIFE PLAN CONSULTATION \u3042\u306a\u305f\u306e\u672a\u6765\u3092\u30c8\u30fc\u30bf\u30eb\u30b5\u30dd\u30fc\u30c8 \u5c06\u6765…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-lp.php","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"tags":[],"class_list":["post-2640","page","type-page","status-publish","article"],"_links":{"self":[{"href":"https:\/\/sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages\/2640","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sognoplanning.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sognoplanning.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2640"}],"version-history":[{"count":10,"href":"https:\/\/sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages\/2640\/revisions"}],"predecessor-version":[{"id":2916,"href":"https:\/\/sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages\/2640\/revisions\/2916"}],"wp:attachment":[{"href":"https:\/\/sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2640"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2640"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}