{"id":127300,"date":"2026-04-22T14:43:11","date_gmt":"2026-04-22T05:43:11","guid":{"rendered":"https:\/\/nipt-bgi-wp.hiro-test.net\/nipt\/?page_id=127300"},"modified":"2026-05-08T05:48:23","modified_gmt":"2026-05-07T20:48:23","slug":"plan-finder","status":"publish","type":"page","link":"https:\/\/www.hiro-clinic.or.jp\/nipt\/plan-finder\/","title":{"rendered":"\u30d7\u30e9\u30f3\u8a3a\u65ad"},"content":{"rendered":"<style>\r\n*,\r\n*::before,\r\n*::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\nbody, h1, h2, h3, h4, h5, h6,\r\np, ul, ol, li,\r\nfigure, figcaption,\r\nblockquote, dl, dd {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\nul, ol {\r\n  list-style: none;\r\n}\r\n\r\nimg {\r\n  max-width: 100%;\r\n  display: block;\r\n}\r\n\r\na {\r\n  text-decoration: none;\r\n  color: inherit;\r\n}\r\n\r\nbutton, input, textarea, select {\r\n  font: inherit;\r\n}\r\n<\/style>\n\n\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+Serif+JP:wght@300;400;500;600;700&#038;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    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Noto Serif JP', '\u6e38\u660e\u671d', 'Yu Mincho', '\u30d2\u30e9\u30ae\u30ce\u660e\u671d ProN', serif;\n            line-height: 1.8;\n            color: #333;\n            background: linear-gradient(135deg, #FFF9FA 0%, #FFE8EE 100%);\n            min-height: 100vh;\n        }\n\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 20px;\n        }\n\n        .header-cont {\n            background: linear-gradient(135deg, #F0447C 0%, #E91E63 100%);\n            color: white;\n            padding: 40px 20px;\n            text-align: center;\n            border-radius: 0 0 30px 30px;\n            box-shadow: 0 4px 20px rgba(240, 68, 124, 0.3);\n            margin-bottom: 40px;\n        }\n\n        .header-cont h1 {\n            color:#fff;\n            font-size: 2.2em;\n            font-weight: 600;\n            margin-bottom: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 15px;\n        }\n\n        .header-cont p {\n            font-size: 1.1em;\n            opacity: 0.95;\n        }\n\n        .hero {\n            background: white;\n            border-radius: 20px;\n            padding: 50px 40px;\n            text-align: center;\n            box-shadow: 0 8px 30px rgba(240, 68, 124, 0.15);\n            margin-bottom: 40px;\n        }\n\n        .hero h2 {\n            font-size: 2em;\n            color: #F0447C;\n            margin-bottom: 20px;\n        }\n\n        .hero p {\n            font-size: 1.1em;\n            color: #666;\n            margin-bottom: 30px;\n        }\n\n        .btn {\n            display: inline-block;\n            background: linear-gradient(135deg, #F0447C 0%, #E91E63 100%);\n            color: white;\n            padding: 18px 50px;\n            border: none;\n            border-radius: 50px;\n            font-size: 1.2em;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            text-decoration: none;\n            font-family: 'Noto Serif JP', serif;\n            box-shadow: 0 4px 15px rgba(240, 68, 124, 0.3);\n        }\n\n        .btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(240, 68, 124, 0.4);\n        }\n\n        .btn:disabled {\n            background: #ccc;\n            cursor: not-allowed;\n            transform: none;\n        }\n\n        .section {\n            background: white;\n            border-radius: 20px;\n            padding: 40px;\n            margin-bottom: 30px;\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n        }\n\n        .section h2 {\n            color: #F0447C;\n            font-size: 1.8em;\n            margin-bottom: 30px;\n            padding-bottom: 15px;\n            border-bottom: 3px solid #FFE8EE;\n        }\n\n        \/* \u8a3a\u65ad\u30bb\u30af\u30b7\u30e7\u30f3 *\/\n        #diagnosisSection {\n            display: none;\n        }\n\n        .question-container {\n            display: none;\n        }\n\n        .question-container.active {\n            display: block;\n            animation: fadeIn 0.5s ease;\n        }\n\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n                transform: translateY(20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        .progress-bar {\n            background: #FFE8EE;\n            height: 8px;\n            border-radius: 10px;\n            margin-bottom: 30px;\n            overflow: hidden;\n        }\n\n        .progress-fill {\n            background: linear-gradient(90deg, #F0447C 0%, #E91E63 100%);\n            height: 100%;\n            transition: width 0.3s ease;\n            border-radius: 10px;\n        }\n\n        .question-title {\n            font-size: 1.5em;\n            color: #333;\n            margin-bottom: 25px;\n            font-weight: 600;\n        }\n\n        .options {\n            display: flex;\n            flex-direction: column;\n            gap: 15px;\n            margin-bottom: 30px;\n        }\n\n        .option-card {\n            background: white;\n            border: 2px solid #FFE8EE;\n            border-radius: 15px;\n            padding: 20px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            display: flex;\n            align-items: center;\n            gap: 20px;\n        }\n\n        .option-card:hover {\n            border-color: #F0447C;\n            box-shadow: 0 4px 15px rgba(240, 68, 124, 0.15);\n            transform: translateX(5px);\n        }\n\n        .option-card.selected {\n            background: linear-gradient(135deg, #FFF0F5 0%, #FFE8EE 100%);\n            border-color: #F0447C;\n            box-shadow: 0 4px 15px rgba(240, 68, 124, 0.2);\n        }\n\n        .option-icon {\n            width: 60px;\n            height: 60px;\n            min-width: 60px;\n            background: linear-gradient(135deg, #FFE8EE 0%, #FFF0F5 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 28px;\n        }\n\n        .option-card.selected .option-icon {\n            background: linear-gradient(135deg, #F0447C 0%, #E91E63 100%);\n            color: white;\n        }\n\n        .option-content {\n            flex: 1;\n        }\n\n        .option-title {\n            font-size: 1.1em;\n            font-weight: 600;\n            color: #333;\n            margin-bottom: 5px;\n        }\n\n        .option-subtitle {\n            font-size: 0.9em;\n            color: #4A90D9;\n            line-height: 1.5;\n        }\n\n        .option-subtitle.pink {\n            color: #F0447C;\n        }\n\n        .navigation {\n            display: flex;\n            justify-content: space-between;\n            gap: 15px;\n            margin-top: 30px;\n        }\n\n        .btn-nav {\n            padding: 12px 30px;\n            font-size: 1em;\n        }\n\n        .btn-secondary {\n            background: #ddd;\n            color: #666;\n        }\n\n        .btn-secondary:hover {\n            background: #ccc;\n        }\n\n        \/* \u7d50\u679c\u30bb\u30af\u30b7\u30e7\u30f3 *\/\n        #resultSection {\n            display: none;\n        }\n\n        .result-card {\n            background: white;\n            border-left: 5px solid #F0447C;\n            border-radius: 15px;\n            padding: 30px;\n            margin-bottom: 25px;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\n        }\n\n        .result-card.second {\n            border-left-color: #FF88A0;\n        }\n\n        .badge {\n            display: inline-block;\n            background: linear-gradient(135deg, #F0447C 0%, #E91E63 100%);\n            color: white;\n            padding: 8px 20px;\n            border-radius: 20px;\n            font-size: 0.9em;\n            font-weight: 600;\n            margin-bottom: 15px;\n        }\n\n        .badge.second {\n            background: linear-gradient(135deg, #FF88A0 0%, #FFB7C3 100%);\n        }\n\n        .result-card h3 {\n            color: #F0447C;\n            font-size: 1.8em;\n            margin-bottom: 15px;\n        }\n\n        .result-price {\n            font-size: 1.4em;\n            color: #E91E63;\n            font-weight: 600;\n            margin-bottom: 20px;\n        }\n\n        .result-features {\n            margin: 20px 0;\n        }\n\n        .result-features li {\n            padding: 8px 0;\n            border-bottom: 1px solid #FFE8EE;\n        }\n\n        .result-features li:last-child {\n            border-bottom: none;\n        }\n\n        .reason-box {\n            background: #FFF9FA;\n            border: 2px solid #FFE8EE;\n            border-radius: 10px;\n            padding: 20px;\n            margin-top: 20px;\n        }\n\n        .reason-box h4 {\n            color: #F0447C;\n            margin-bottom: 10px;\n        }\n\n        \/* \u30d7\u30e9\u30f3\u4e00\u89a7\u30bb\u30af\u30b7\u30e7\u30f3 *\/\n        .tabs {\n            display: flex;\n            gap: 10px;\n            margin-bottom: 30px;\n            flex-wrap: wrap;\n        }\n\n        .tab {\n            background: white;\n            border: 2px solid #FFE8EE;\n            padding: 12px 25px;\n            border-radius: 25px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-size: 1em;\n            font-weight: 500;\n        }\n\n        .tab:hover {\n            border-color: #F0447C;\n        }\n\n        .tab.active {\n            background: linear-gradient(135deg, #F0447C 0%, #E91E63 100%);\n            color: white;\n            border-color: #F0447C;\n        }\n\n        .plans-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n            gap: 25px;\n        }\n\n        .plan-card {\n            text-decoration:none;\n            background: white;\n            border: 2px solid #FFE8EE;\n            border-radius: 15px;\n            padding: 30px;\n            transition: all 0.3s ease;\n        }\n\n        .plan-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 25px rgba(240, 68, 124, 0.15);\n            border-color: #F0447C;\n        }\n\n        .plan-header {\n            margin-bottom: 20px;\n        }\n\n        .plan-name {\n            font-size: 1.5em;\n            font-weight: 600;\n            color: #F0447C;\n            margin-bottom: 10px;\n        }\n\n        .plan-price {\n            font-size: 1.3em;\n            color: #E91E63;\n            font-weight: 600;\n            margin-bottom: 15px;\n        }\n\n        .plan-category {\n            display: inline-block;\n            background: #FFE8EE;\n            color: #F0447C;\n            padding: 5px 15px;\n            border-radius: 15px;\n            font-size: 0.85em;\n            margin-bottom: 10px;\n        }\n\n        .plan-features {\n            margin: 20px 0;\n            list-style:none!important;\n            padding:initial!important;\n        }\n\n        .plan-features li {\n            padding: 8px 0;\n            padding-left: 25px;\n            position: relative;\n        }\n\n        .plan-features li:before {\n            content: \"\u2713\";\n            position: absolute;\n            left: 0;\n            color: #F0447C;\n            font-weight: bold;\n        }\n\n        .early-badge {\n            background: #F0447C;\n            color: white;\n            padding: 5px 12px;\n            border-radius: 12px;\n            font-size: .9rem;\n            margin-left: 10px;\n        }\n\n        \/* \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6 *\/\n        @media (max-width: 768px) {\n            .header-cont h1 {\n                font-size: 1.6em;\n            }\n\n            .hero {\n                padding: 30px 20px;\n            }\n\n            .hero h2 {\n                font-size: 1.5em;\n            }\n\n            .section {\n                padding: 25px 20px;\n            }\n\n            .plans-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .option-card {\n                padding: 15px;\n            }\n\n            .option-icon {\n                width: 50px;\n                height: 50px;\n                min-width: 50px;\n                font-size: 24px;\n            }\n\n            .navigation {\n                flex-direction: column;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .header-cont {\n                padding: 30px 15px;\n            }\n\n            .header-cont h1 {\n                font-size: 1.3em;\n            }\n\n            .btn {\n                padding: 15px 30px;\n                font-size: 1em;\n            }\n        }\n        .hidden {\n          display: none !important;\n      }\n    \n      \/* \u30b9\u30af\u30ed\u30fc\u30eb\u30c8\u30c3\u30d7\u30dc\u30bf\u30f3 *\/\n      #scrollTop {\n          position: fixed;\n          bottom: 30px;\n          right: 30px;\n          background: linear-gradient(135deg, #F0447C 0%, #E91E63 100%);\n          color: white;\n          width: 50px!important;\n          height: 50px;\n          border-radius: 50%;\n          display: none;\n          align-items: center;\n          justify-content: center;\n          cursor: pointer;\n          box-shadow: 0 4px 15px rgba(240, 68, 124, 0.3);\n          transition: all 0.3s ease;\n          z-index: 1000;\n          padding:initial!important;\n      }\n      @media screen and (max-width:700px){\n          #scrollTop {\n              bottom:150px;\n          }\n      }\n      #scrollTop:hover {\n          transform: translateY(-5px);\n          box-shadow: 0 6px 20px rgba(240, 68, 124, 0.4);\n      }\n      .title{\n          display:none;\n      }\n      h3:before{\n          display:none;\n      }\n    .result-section-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n        margin-bottom: 20px;\n        gap: 20px;\n    }\n    .result-section-header h2 {\n        margin: 0;\n        flex: 1;\n    }\n    .result-selection-summary {\n        font-size: 11px;\n        color: #b5b0b0;\n        text-align: left;\n        line-height: 1.6;\n        padding: 12px;\n        border: 1px dashed #ddd;\n        border-radius: 6px;\n\n        width: 190px;\n        flex-shrink: 0;\n    }\n    .result-selection-summary span {\n        display: block;\n    }\n    @media (max-width: 768px) {\n        .result-section-header {\n            flex-direction: column;\n        }\n        .result-selection-summary {\n            width: 100%;\n        }\n    }\n<\/style>\n\n\n\n<section class=\"header-cont\">\n        <h1>\n            <i class=\"fas fa-heartbeat\"><\/i>\n            \u30d2\u30ed\u30af\u30ea\u30cb\u30c3\u30af NIPT \u30d7\u30e9\u30f3\u8a3a\u65ad\n        <\/h1>\n        <p>\u3042\u306a\u305f\u306b\u6700\u9069\u306aNIPT\u691c\u67fb\u30d7\u30e9\u30f3\u3092\u898b\u3064\u3051\u307e\u3057\u3087\u3046<\/p>\n    <\/section>\n\n    <div class=\"container\">\n        <!-- \u30d2\u30fc\u30ed\u30fc\u30bb\u30af\u30b7\u30e7\u30f3 -->\n        <div id=\"heroSection\" class=\"hero\">\n            <h2>\u3042\u306a\u305f\u306b\u5408\u3063\u305f\u30d7\u30e9\u30f3\u3092\u8a3a\u65ad\u3057\u307e\u3059<\/h2>\n            <p>7\u3064\u306e\u8cea\u554f\u306b\u7b54\u3048\u3066\u3001\u6700\u9069\u306aNIPT\u691c\u67fb\u30d7\u30e9\u30f3\u3092\u3054\u63d0\u6848\u3044\u305f\u3057\u307e\u3059\u3002<br>\u6240\u8981\u6642\u9593\u306f\u7d042\u301c3\u5206\u3067\u3059\u3002<\/p>\n            <button class=\"btn\" onclick=\"startDiagnosis()\">\n                <i class=\"fas fa-play-circle\"><\/i> \u8a3a\u65ad\u3092\u306f\u3058\u3081\u308b\n            <\/button>\n        <\/div>\n\n        <!-- \u8a3a\u65ad\u30bb\u30af\u30b7\u30e7\u30f3 -->\n        <div id=\"diagnosisSection\" class=\"section\">\n            <div class=\"progress-bar\">\n                <div class=\"progress-fill\" id=\"progressBar\" style=\"width: 14.3%\"><\/div>\n            <\/div>\n\n            <!-- \u8cea\u554f1: \u598a\u5a20\u9031\u6570 -->\n            <div class=\"question-container active\" id=\"q1\">\n                <h3 class=\"question-title\">\u8cea\u554f1: \u73fe\u5728\u306e\u598a\u5a20\u9031\u6570\u3092\u6559\u3048\u3066\u304f\u3060\u3055\u3044<\/h3>\n                <div class=\"options\">\n                    <div class=\"option-card\" onclick=\"selectAnswer(1, 'early')\">\n                        <div class=\"option-icon\">\n                            <i class=\"fas fa-calendar-check\" style=\"color: #F0447C;\"><\/i>\n                        <\/div>\n                        <div class=\"option-content\">\n                            <div class=\"option-title\">10\u9031\u672a\u6e80<\/div>\n                            <div class=\"option-subtitle\">\u65e9\u671fNIPT\u5bfe\u5fdc\u30d7\u30e9\u30f3\u304c\u5fc5\u8981\u3067\u3059<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"option-card\" onclick=\"selectAnswer(1, 'normal')\">\n                        <div class=\"option-icon\">\n                            <i class=\"fas fa-calendar-alt\" style=\"color: #F0447C;\"><\/i>\n                        <\/div>\n                        <div class=\"option-content\">\n                            <div class=\"option-title\">10\u9031\u301c15\u9031<\/div>\n                            <div class=\"option-subtitle\">\u901a\u5e38\u306eNIPT\u691c\u67fb\u306b\u6700\u9069\u306a\u6642\u671f\u3067\u3059<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"option-card\" onclick=\"selectAnswer(1, 'late')\">\n                        <div class=\"option-icon\">\n                            <i class=\"fas fa-calendar-plus\" style=\"color: #F0447C;\"><\/i>\n                        <\/div>\n                        <div class=\"option-content\">\n                            <div class=\"option-title\">15\u9031\u4ee5\u964d<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"navigation\">\n                    <div><\/div>\n                    <button class=\"btn btn-nav\" onclick=\"nextQuestion(2)\">\u6b21\u3078 <i class=\"fas fa-arrow-right\"><\/i><\/button>\n                <\/div>\n            <\/div>\n\n            <!-- \u8cea\u554f2: \u4e88\u7b97 -->\n            <div class=\"question-container\" id=\"q2\">\n                <h3 class=\"question-title\">\u8cea\u554f2: \u3054\u4e88\u7b97\u3092\u304a\u805e\u304b\u305b\u304f\u3060\u3055\u3044\uff08\u7a0e\u8fbc\uff09<\/h3>\n                <div class=\"options\">\n                    <div class=\"option-card\" onclick=\"selectAnswer(2, 'low')\">\n                        <div class=\"option-icon\">\n                            <i class=\"fas fa-coins\" style=\"color: #F0447C;\"><\/i>\n                        <\/div>\n                        <div class=\"option-content\">\n                            <div class=\"option-title\">20\u4e07\u5186\u4ee5\u4e0b<\/div>\n                            <div class=\"option-subtitle pink\">\u30df\u30cb\u30fb\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9\u30d7\u30e9\u30f3\u3092\u3054\u691c\u8a0e\u3044\u305f\u3060\u3051\u307e\u3059<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"option-card\" onclick=\"selectAnswer(2, 'mid')\">\n                        <div class=\"option-icon\">\n                            <i class=\"fas fa-wallet\" style=\"color: #F0447C;\"><\/i>\n                        <\/div>\n                        <div class=\"option-content\">\n                            <div class=\"option-title\">20\u4e07\u5186\u301c30\u4e07\u5186<\/div>\n                            <div class=\"option-subtitle pink\">\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9\u30d7\u30e9\u30f3\u304c\u4eba\u6c17\u3067\u3059<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"option-card\" onclick=\"selectAnswer(2, 'high')\">\n                        <div class=\"option-icon\">\n                            <i class=\"fas fa-gem\" style=\"color: #F0447C;\"><\/i>\n                        <\/div>\n                        <div class=\"option-content\">\n                            <div class=\"option-title\">30\u4e07\u5186\u4ee5\u4e0a<\/div>\n                            <div class=\"option-subtitle pink\">\u6700\u3082\u5305\u62ec\u7684\u306a\u30d7\u30ec\u30df\u30a2\u30e0\u30d7\u30e9\u30f3\u3092\u304a\u9078\u3073\u3044\u305f\u3060\u3051\u307e\u3059<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"navigation\">\n                    <button class=\"btn btn-secondary btn-nav\" onclick=\"prevQuestion(1)\"><i class=\"fas fa-arrow-left\"><\/i> \u623b\u308b<\/button>\n                    <button class=\"btn btn-nav\" onclick=\"nextQuestion(3)\">\u6b21\u3078 <i class=\"fas fa-arrow-right\"><\/i><\/button>\n                <\/div>\n            <\/div>\n\n            <!-- \u8cea\u554f3: \u691c\u67fb\u7bc4\u56f2 -->\n            <div class=\"question-container\" id=\"q3\">\n                <h3 class=\"question-title\">\u8cea\u554f3: \u691c\u67fb\u7bc4\u56f2\u306e\u3054\u5e0c\u671b\u3092\u6559\u3048\u3066\u304f\u3060\u3055\u3044<\/h3>\n                <div class=\"options\">\n                    <div class=\"option-card\" onclick=\"selectAnswer(3, 'downs-only')\">\n                        <div class=\"option-icon\">\n                            <i class=\"fas fa-check\" style=\"color: #F0447C;\"><\/i>\n                        <\/div>\n                        <div class=\"option-content\">\n                            <div class=\"option-title\">\u30c0\u30a6\u30f3\u75c7\u306e\u307f<\/div>\n                            <div class=\"option-subtitle\">21\u756a\u67d3\u8272\u4f53\u306e\u307f\u3092\u8abf\u3079\u307e\u3059<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"option-card\" onclick=\"selectAnswer(3, 'Mini')\">\n                        <div class=\"option-icon\">\n                            <i class=\"fas fa-check-double\" style=\"color: #F0447C;\"><\/i>\n                        <\/div>\n                        <div class=\"option-content\">\n                            <div class=\"option-title\">\u57fa\u672c\u7684\u306a\u67d3\u8272\u4f53\u7570\u5e38<\/div>\n                            <div class=\"option-subtitle\">13\u30fb18\u30fb21\u756a\u67d3\u8272\u4f53\u3092\u8abf\u3079\u307e\u3059<br><span style=\"font-size: 0.85em;\">18\u30fb13\u30c8\u30ea\u30bd\u30df\u30fc\u306f\u91cd\u3044\u5fc3\u81d3\u75c5\u3084\u591a\u767a\u5947\u5f62\u3092\u4f34\u3044\u3001\u591a\u304f\u306f\u4e73\u5150\u671f\u307e\u3067\u306b\u91cd\u3044\u7d4c\u904e\u3092\u305f\u3069\u308a\u307e\u3059<\/span><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"option-card\" onclick=\"selectAnswer(3, 'standard')\">\n                        <div class=\"option-icon\">\n                            <i class=\"fas fa-th\" style=\"color: #F0447C;\"><\/i>\n                        <\/div>\n                        <div class=\"option-content\">\n                            <div class=\"option-title\">\u77e5\u7684\u969c\u5bb3\uff08\u5fae\u5c0f\u6b20\u5931\u30fb\u91cd\u8907\u75be\u60a3\uff09\u3082\u8abf\u3079\u305f\u3044<\/div>\n                            <div class=\"option-subtitle\">\u30c7\u30a3\u30b8\u30e7\u30fc\u30b8\u75c7\u5019\u7fa4\u306a\u3069\u306e\u5fae\u5c0f\u6b20\u5931\u3082\u691c\u67fb<br><span style=\"font-size: 0.85em;\">\u5fae\u5c0f\u6b20\u5931\u3067\u5fc3\u75be\u60a3\u3001\u514d\u75ab\u4e0d\u5168\u3001\u767a\u9054\u306e\u9045\u308c\u306a\u3069\u3092\u4f34\u3046\u3053\u3068\u304c\u3042\u308a\u307e\u3059<\/span><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"option-card\" onclick=\"selectAnswer(3, 'wide')\">\n                        <div class=\"option-icon\">\n                            <i class=\"fas fa-th-large\" style=\"color: #F0447C;\"><\/i>\n                        <\/div>\n                        <div class=\"option-content\">\n                            <div class=\"option-title\">\u3067\u304d\u308b\u3060\u3051\u5e83\u7bc4\u56f2\u306b<\/div>\n                            <div class=\"option-subtitle\">\u5168\u3066\u306e\u67d3\u8272\u4f53\u3092\u5bfe\u8c61\u306b\u3001\u5927\u304d\u3081\u306e\u90e8\u5206\u6b20\u5931\u3084\u91cd\u8907\u3092\u5e83\u304f\u8abf\u3079\u308b\u30d7\u30e9\u30f3\u3067\u3059<br><span style=\"font-size: 0.85em;\">\u91cd\u5ea6\u306e\u5fc3\u5947\u5f62\u3084\u591a\u767a\u5947\u5f62\u3001\u6210\u9577\u30fb\u77e5\u7684\u767a\u9054\u306e\u9045\u308c\u306b\u3064\u306a\u304c\u308b\u7570\u5e38\u304c\u542b\u307e\u308c\u307e\u3059<\/span><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"option-card\" onclick=\"selectAnswer(3, 'full')\">\n                        <div class=\"option-icon\">\n                            <i class=\"fas fa-trophy\" style=\"color: #F0447C;\"><\/i>\n                        <\/div>\n                        <div class=\"option-content\">\n                            <div class=\"option-title\">\u6700\u3082\u5305\u62ec\u7684\u306a\u691c\u67fb\u3092\u5e0c\u671b<\/div>\n                            <div class=\"option-subtitle\">143\u7a2e\u985e\u306e\u5fae\u5c0f\u6b20\u5931\u30fb\u91cd\u8907\u75be\u60a3\u3092\u542b\u3080\u6700\u5927\u9650\u306e\u691c\u67fb\u3057\u307e\u3059<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"navigation\">\n                    <button class=\"btn btn-secondary btn-nav\" onclick=\"prevQuestion(2)\"><i class=\"fas fa-arrow-left\"><\/i> \u623b\u308b<\/button>\n                    <button class=\"btn btn-nav\" onclick=\"nextQuestion(4)\">\u6b21\u3078 <i class=\"fas fa-arrow-right\"><\/i><\/button>\n                <\/div>\n            <\/div>\n\n            <!-- \u8cea\u554f4: \u4e0d\u598a\u6cbb\u7642\u7d4c\u9a13 -->\n            <div class=\"question-container\" id=\"q4\">\n                <h3 class=\"question-title\">\u8cea\u554f4: \u4e0d\u598a\u6cbb\u7642\u306e\u3054\u7d4c\u9a13\u306f\u3042\u308a\u307e\u3059\u304b\uff1f<\/h3>\n                <div class=\"options\">\n                    <div class=\"option-card\" onclick=\"selectAnswer(4, 'yes')\">\n                        <div class=\"option-icon\">\n                            <i class=\"fas fa-user-check\" style=\"color: #F0447C;\"><\/i>\n                        <\/div>\n                        <div class=\"option-content\">\n                            <div class=\"option-title\">\u306f\u3044\u3001\u3042\u308a\u307e\u3059<\/div>\n                            <div class=\"option-subtitle\">\u6027\u67d3\u8272\u4f53\u691c\u67fb\u3092\u542b\u3080\u30d7\u30e9\u30f3\u3092\u304a\u3059\u3059\u3081\u3057\u307e\u3059<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"option-card\" onclick=\"selectAnswer(4, 'no')\">\n                        <div class=\"option-icon\">\n                            <i class=\"fas fa-user\" style=\"color: #F0447C;\"><\/i>\n                        <\/div>\n                        <div class=\"option-content\">\n                            <div class=\"option-title\">\u3044\u3044\u3048\u3001\u3042\u308a\u307e\u305b\u3093<\/div>\n                            <div class=\"option-subtitle\">\u57fa\u672c\u7684\u306a\u691c\u67fb\u3092\u3054\u63d0\u6848\u3044\u305f\u3057\u307e\u3059<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"option-card\" onclick=\"selectAnswer(4, 'want')\">\n                        <div class=\"option-icon\">\n                            <i class=\"fas fa-user-plus\" style=\"color: #F0447C;\"><\/i>\n                        <\/div>\n                        <div class=\"option-content\">\n                            <div class=\"option-title\">\u7d4c\u9a13\u306f\u306a\u3044\u304c\u6027\u67d3\u8272\u4f53\u3082\u8abf\u3079\u305f\u3044<\/div>\n                            <div class=\"option-subtitle\">\u6027\u67d3\u8272\u4f53\u691c\u67fb\u3092\u542b\u3080\u30d7\u30e9\u30f3\u3092\u3054\u691c\u8a0e\u3044\u305f\u3060\u3051\u307e\u3059<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"navigation\">\n                    <button class=\"btn btn-secondary btn-nav\" onclick=\"prevQuestion(3)\"><i class=\"fas fa-arrow-left\"><\/i> \u623b\u308b<\/button>\n                    <button class=\"btn btn-nav\" onclick=\"nextQuestion(5)\">\u6b21\u3078 <i class=\"fas fa-arrow-right\"><\/i><\/button>\n                <\/div>\n            <\/div>\n\n            <!-- \u8cea\u554f5: \u6d41\u7523\u7d4c\u9a13 -->\n            <div class=\"question-container\" id=\"q5\">\n                <h3 class=\"question-title\">\u8cea\u554f5: \u6d41\u7523\u306e\u3054\u7d4c\u9a13\u306f\u3042\u308a\u307e\u3059\u304b\uff1f<\/h3>\n                <div class=\"options\">\n                    <div class=\"option-card\" onclick=\"selectAnswer(5, 'yes')\">\n                        <div class=\"option-icon\">\n                            <i class=\"fas fa-exclamation-triangle\" style=\"color: #F0447C;\"><\/i>\n                        <\/div>\n                        <div class=\"option-content\">\n                            <div class=\"option-title\">\u306f\u3044\u3001\u3042\u308a\u307e\u3059<\/div>\n                            <div class=\"option-subtitle\">\u6d41\u7523\u30ea\u30b9\u30af\u691c\u67fb\u3092\u542b\u3080\u30d7\u30e9\u30f3\u3092\u304a\u3059\u3059\u3081\u3057\u307e\u3059<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"option-card\" onclick=\"selectAnswer(5, 'no')\">\n                        <div class=\"option-icon\">\n                            <i class=\"fas fa-heart\" style=\"color: #F0447C;\"><\/i>\n                        <\/div>\n                        <div class=\"option-content\">\n                            <div class=\"option-title\">\u3044\u3044\u3048\u3001\u3042\u308a\u307e\u305b\u3093<\/div>\n                            <div class=\"option-subtitle\">\u57fa\u672c\u7684\u306a\u691c\u67fb\u3092\u3054\u63d0\u6848\u3044\u305f\u3057\u307e\u3059<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"option-card\" onclick=\"selectAnswer(5, 'want')\">\n                        <div class=\"option-icon\">\n                            <i class=\"fas fa-shield-alt\" style=\"color: #F0447C;\"><\/i>\n                        <\/div>\n                        <div class=\"option-content\">\n                            <div class=\"option-title\">\u7d4c\u9a13\u306f\u306a\u3044\u304c\u6d41\u7523\u30ea\u30b9\u30af\u3082\u8abf\u3079\u305f\u3044<\/div>\n                            <div class=\"option-subtitle\">\u6d41\u7523\u30ea\u30b9\u30af\u691c\u67fb\u3092\u542b\u3080\u30d7\u30e9\u30f3\u3092\u3054\u691c\u8a0e\u3044\u305f\u3060\u3051\u307e\u3059<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"navigation\">\n                    <button class=\"btn btn-secondary btn-nav\" onclick=\"prevQuestion(4)\"><i class=\"fas fa-arrow-left\"><\/i> \u623b\u308b<\/button>\n                    <button class=\"btn btn-nav\" onclick=\"nextQuestion(6)\">\u6b21\u3078 <i class=\"fas fa-arrow-right\"><\/i><\/button>\n                <\/div>\n            <\/div>\n\n            <!-- \u8cea\u554f6: \u30c7\u30a3\u30b8\u30e7\u30fc\u30b8\u75c7\u5019\u7fa4 -->\n            <div class=\"question-container\" id=\"q6\">\n                <h3 class=\"question-title\">\u8cea\u554f6: \u30c7\u30a3\u30b8\u30e7\u30fc\u30b8\u75c7\u5019\u7fa4\u3078\u306e\u95a2\u5fc3\u306f\u3042\u308a\u307e\u3059\u304b\uff1f<\/h3>\n                <div class=\"options\">\n                    <div class=\"option-card\" onclick=\"selectAnswer(6, 'family')\">\n                        <div class=\"option-icon\">\n                            <i class=\"fas fa-exclamation-circle\" style=\"color: #F0447C;\"><\/i>\n                        <\/div>\n                        <div class=\"option-content\">\n                            <div class=\"option-title\">\u5bb6\u65cf\u6b74\u304c\u3042\u308a\u7279\u306b\u6c17\u306b\u306a\u308b<\/div>\n                            <div class=\"option-subtitle\">\u30c7\u30a3\u30b8\u30e7\u30fc\u30b8\u75c7\u5019\u7fa4\u306e\u691c\u67fb\u3092\u542b\u3080\u30d7\u30e9\u30f3\u3092\u304a\u3059\u3059\u3081\u3057\u307e\u3059<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"option-card\" onclick=\"selectAnswer(6, 'interested')\">\n                        <div class=\"option-icon\">\n                            <i class=\"fas fa-info-circle\" style=\"color: #F0447C;\"><\/i>\n                        <\/div>\n                        <div class=\"option-content\">\n                            <div class=\"option-title\">\u4e00\u822c\u7684\u306a\u95a2\u5fc3\u304c\u3042\u308b<\/div>\n                            <div class=\"option-subtitle\">\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9\u30d7\u30e9\u30f3\u4ee5\u4e0a\u3092\u3054\u691c\u8a0e\u3044\u305f\u3060\u3051\u307e\u3059<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"option-card\" onclick=\"selectAnswer(6, 'not-concerned')\">\n                        <div class=\"option-icon\">\n                            <i class=\"fas fa-minus-circle\" style=\"color: #F0447C;\"><\/i>\n                        <\/div>\n                        <div class=\"option-content\">\n                            <div class=\"option-title\">\u7279\u306b\u6c17\u306b\u3057\u3066\u3044\u306a\u3044<\/div>\n                            <div class=\"option-subtitle\">\u30df\u30cb\u30d7\u30e9\u30f3\u304b\u3089\u3054\u63d0\u6848\u3044\u305f\u3057\u307e\u3059<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"navigation\">\n                    <button class=\"btn btn-secondary btn-nav\" onclick=\"prevQuestion(5)\"><i class=\"fas fa-arrow-left\"><\/i> \u623b\u308b<\/button>\n                    <button class=\"btn btn-nav\" onclick=\"nextQuestion(7)\">\u6b21\u3078 <i class=\"fas fa-arrow-right\"><\/i><\/button>\n                <\/div>\n            <\/div>\n\n            <!-- \u8cea\u554f7: \u5bb6\u65cf\u6b74 -->\n            <div class=\"question-container\" id=\"q7\">\n                <h3 class=\"question-title\">\u8cea\u554f7: \u907a\u4f1d\u6027\u75be\u60a3\u306e\u5bb6\u65cf\u6b74\u306f\u3042\u308a\u307e\u3059\u304b\uff1f<\/h3>\n                <div class=\"options\">\n                    <div class=\"option-card\" onclick=\"selectAnswer(7, 'yes')\">\n                        <div class=\"option-icon\">\n                            <i class=\"fas fa-users\" style=\"color: #F0447C;\"><\/i>\n                        <\/div>\n                        <div class=\"option-content\">\n                            <div class=\"option-title\">\u306f\u3044\u3001\u3042\u308a\u307e\u3059<\/div>\n                            <div class=\"option-subtitle\">\u5305\u62ec\u7684\u306a\u691c\u67fb\u3092\u542b\u3080\u30d7\u30e9\u30f3\u3092\u304a\u3059\u3059\u3081\u3057\u307e\u3059<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"option-card\" onclick=\"selectAnswer(7, 'no')\">\n                        <div class=\"option-icon\">\n                            <i class=\"fas fa-user\" style=\"color: #F0447C;\"><\/i>\n                        <\/div>\n                        <div class=\"option-content\">\n                            <div class=\"option-title\">\u3044\u3044\u3048\u3001\u3042\u308a\u307e\u305b\u3093<\/div>\n                            <div class=\"option-subtitle\">\u6a19\u6e96\u7684\u306a\u691c\u67fb\u7bc4\u56f2\u3092\u3054\u63d0\u6848\u3044\u305f\u3057\u307e\u3059<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"option-card\" onclick=\"selectAnswer(7, 'unknown')\">\n                        <div class=\"option-icon\">\n                            <i class=\"fas fa-question-circle\" style=\"color: #F0447C;\"><\/i>\n                        <\/div>\n                        <div class=\"option-content\">\n                            <div class=\"option-title\">\u308f\u304b\u3089\u306a\u3044<\/div>\n                            <div class=\"option-subtitle\">\u5e45\u5e83\u3044\u691c\u67fb\u7bc4\u56f2\u306e\u30d7\u30e9\u30f3\u3092\u3054\u691c\u8a0e\u3044\u305f\u3060\u3051\u307e\u3059<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"navigation\">\n                    <button class=\"btn btn-secondary btn-nav\" onclick=\"prevQuestion(6)\"><i class=\"fas fa-arrow-left\"><\/i> \u623b\u308b<\/button>\n                    <button class=\"btn btn-nav\" id=\"showResultBtn\" disabled onclick=\"showResult()\">\u8a3a\u65ad\u7d50\u679c\u3092\u898b\u308b <i class=\"fas fa-check-circle\"><\/i><\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- \u7d50\u679c\u30bb\u30af\u30b7\u30e7\u30f3 -->\n        <div id=\"resultSection\" class=\"section\">\n            <h2><i class=\"fas fa-clipboard-check\"><\/i> \u3042\u306a\u305f\u306b\u304a\u3059\u3059\u3081\u306e\u30d7\u30e9\u30f3<\/h2>\n            <div id=\"resultContent\"><\/div>\n            \n            <!-- \u30aa\u30d7\u30b7\u30e7\u30f3\u6848\u5185\uff08\u8a3a\u65ad\u7d50\u679c\u5185\uff09 -->\n            <div style=\"margin-top: 40px; padding: 25px; background: linear-gradient(135deg, #FFF0F5 0%, #FFE8EE 100%); border-radius: 15px;\">\n                <h3 style=\"color: #F0447C; font-size: 1.4em; margin-bottom: 20px;\"><i class=\"fas fa-plus-circle\"><\/i> \u691c\u67fb\u3092\u3055\u3089\u306b\u5145\u5b9f\u3055\u305b\u308b\u30aa\u30d7\u30b7\u30e7\u30f3<\/h3>\n                <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px; margin-bottom: 20px;\">\n                    <div style=\"background: white; border: 2px solid #FFE8EE; border-radius: 10px; padding: 15px;\">\n                        <h4 style=\"color: #F0447C; font-size: 1.1em; margin-bottom: 8px;\"><i class=\"fas fa-clock\"><\/i> Early<\/h4>\n                        <p style=\"font-size: 1em; color: #E91E63; font-weight: 600;\">\u00a511,000\uff08\u7a0e\u8fbc\uff09<\/p>\n                    <\/div>\n                    <div style=\"background: white; border: 2px solid #FFE8EE; border-radius: 10px; padding: 15px;\">\n                        <h4 style=\"color: #F0447C; font-size: 1.1em; margin-bottom: 8px;\"><i class=\"fas fa-bolt\"><\/i> \u78ba\u7d04\u4fbf<\/h4>\n                        <p style=\"font-size: 1em; color: #E91E63; font-weight: 600;\">\u00a544,000\uff08\u7a0e\u8fbc\uff09<\/p>\n                    <\/div>\n                    <div style=\"background: white; border: 2px solid #FFE8EE; border-radius: 10px; padding: 15px;\">\n                        <h4 style=\"color: #F0447C; font-size: 1.1em; margin-bottom: 8px;\"><i class=\"fas fa-dna\"><\/i> \u30ad\u30e3\u30ea\u30a2\u30b9\u30af\u30ea\u30fc\u30cb\u30f3\u30b0\u30c6\u30b9\u30c8231\uff08\u30da\u30a2\u691c\u67fb\uff09<\/h4>\n                        <p style=\"color: #666; font-size: 0.8em; margin-top: 3px; margin-bottom: 5px;\">\u203b\u4e00\u81f4\u3057\u305f\u90e8\u5206\u306e\u307f\u5831\u544a<\/p>\n                        <p style=\"font-size: 1em; color: #E91E63; font-weight: 600;\">\u00a5220,000\uff08\u7a0e\u8fbc\uff09<\/p>\n                    <\/div>\n                <\/div>\n                <div style=\"background: white; border-radius: 10px; padding: 15px;\">\n                    <h4 style=\"color: #F0447C; margin-bottom: 10px;\"><i class=\"fas fa-shield-alt\"><\/i> \u7f8a\u6c34\u691c\u67fb\u30b5\u30dd\u30fc\u30c8<\/h4>\n                    <div style=\"display: flex; gap: 15px; flex-wrap: wrap;\">\n                        <div style=\"flex: 1; min-width: 150px;\">\n                            <strong style=\"color: #E91E63;\">\u30e9\u30a4\u30c8 \u00a53,300<\/strong>\n                        <\/div>\n                        <div style=\"flex: 1; min-width: 150px;\">\n                            <strong style=\"color: #E91E63;\">\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9 \u00a55,500<\/strong>\n                        <\/div>\n                        <div style=\"flex: 1; min-width: 150px;\">\n                            <strong style=\"color: #E91E63;\">\u30ef\u30a4\u30c9 \u00a511,000<\/strong>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div style=\"text-align: center; margin-top: 40px;\">\n                <button class=\"btn\" onclick=\"resetDiagnosis()\">\n                    <i class=\"fas fa-redo\"><\/i> \u3082\u3046\u4e00\u5ea6\u8a3a\u65ad\u3059\u308b\n                <\/button>\n                <a href=\"https:\/\/mypage-nipt-reservation.hiro-clinic.or.jp\/registration\" target=\"_blank\" class=\"btn\" style=\"margin-left: 15px;\">\n                    <i class=\"fas fa-external-link-alt\"><\/i> \u516c\u5f0f\u30b5\u30a4\u30c8\u3067\u4e88\u7d04\u3059\u308b\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <!-- \u30d7\u30e9\u30f3\u4e00\u89a7\u30bb\u30af\u30b7\u30e7\u30f3 -->\n        <div id=\"plansSection\" class=\"section\">\n            <h2><i class=\"fas fa-list-alt\"><\/i> \u30d7\u30e9\u30f3\u4e00\u89a7<\/h2>\n            <div class=\"tabs\">\n                <div class=\"tab active\" onclick=\"filterPlans('all')\">\u3059\u3079\u3066<\/div>\n                <div class=\"tab\" onclick=\"filterPlans('\u30d7\u30ec\u30df\u30a2\u30e0')\">\u30d7\u30ec\u30df\u30a2\u30e0<\/div>\n                <div class=\"tab\" onclick=\"filterPlans('\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9')\">\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9<\/div>\n                <div class=\"tab\" onclick=\"filterPlans('\u30df\u30cb')\">\u30df\u30cb<\/div>\n            <\/div>\n            <div class=\"plans-grid\" id=\"plansGrid\"><\/div>\n            \n            <!-- \u30aa\u30d7\u30b7\u30e7\u30f3\u6848\u5185\uff08\u30d7\u30e9\u30f3\u4e00\u89a7\u306e\u4e0b\uff09 -->\n            <div style=\"margin-top: 40px;\">\n                <h3 style=\"color: #F0447C; font-size: 1.5em; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #FFE8EE;\"><i class=\"fas fa-plus-circle\"><\/i> \u30aa\u30d7\u30b7\u30e7\u30f3<\/h3>\n                <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-bottom: 30px;\">\n                    <div style=\"background: #FFF9FA; border: 2px solid #FFE8EE; border-radius: 15px; padding: 20px;\">\n                        <h3 style=\"color: #F0447C; font-size: 1.2em; margin-bottom: 10px;\"><i class=\"fas fa-clock\"><\/i> Early\uff08\u598a\u5a2010\u9031\u672a\u6e80\u306e\u65b9\uff09<\/h3>\n                        <p style=\"font-size: 1.1em; color: #E91E63; font-weight: 600;\">\u00a511,000\uff08\u7a0e\u8fbc\uff09<\/p>\n                    <\/div>\n                    <div style=\"background: #FFF9FA; border: 2px solid #FFE8EE; border-radius: 15px; padding: 20px;\">\n                        <h3 style=\"color: #F0447C; font-size: 1.2em; margin-bottom: 10px;\"><i class=\"fas fa-bolt\"><\/i> \u78ba\u7d04\u4fbf<\/h3>\n                        <p style=\"font-size: 1.1em; color: #E91E63; font-weight: 600;\">\u00a544,000\uff08\u7a0e\u8fbc\uff09<\/p>\n                    <\/div>\n                    <div style=\"background: #FFF9FA; border: 2px solid #FFE8EE; border-radius: 15px; padding: 20px;\">\n                        <h3 style=\"color: #F0447C; font-size: 1.2em; margin-bottom: 10px;\"><i class=\"fas fa-dna\"><\/i> \u30ad\u30e3\u30ea\u30a2\u30b9\u30af\u30ea\u30fc\u30cb\u30f3\u30b0\u30c6\u30b9\u30c8231\uff08\u30da\u30a2\u691c\u67fb\uff09<\/h3>\n                        <p style=\"color: #666; font-size: 0.85em; margin-top: 5px;\">\u203b\u4e00\u81f4\u3057\u305f\u90e8\u5206\u306e\u307f\u5831\u544a<\/p>\n                        <p style=\"font-size: 1.1em; color: #E91E63; font-weight: 600;\">\u00a5220,000\uff08\u7a0e\u8fbc\uff09<\/p>\n                    <\/div>\n                <\/div>\n                <div style=\"padding: 20px; background: linear-gradient(135deg, #FFF0F5 0%, #FFE8EE 100%); border-radius: 15px; margin-bottom: 20px;\">\n                    <h3 style=\"color: #F0447C; font-size: 1.3em; margin-bottom: 15px;\"><i class=\"fas fa-shield-alt\"><\/i> \u7f8a\u6c34\u691c\u67fb\u30b5\u30dd\u30fc\u30c8<\/h3>\n                    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px;\">\n                        <div>\n                            <h4 style=\"color: #E91E63; font-weight: 600; margin-bottom: 5px;\">\u30e9\u30a4\u30c8<\/h4>\n                            <p style=\"font-size: 1.1em; color: #F0447C; font-weight: 600;\">\u00a53,300\uff08\u7a0e\u8fbc\uff09<\/p>\n                            <p style=\"color: #666; font-size: 0.9em;\">\u691c\u67fb\u4ee3\u306e\u6700\u592710\u4e07\u5186\u307e\u3067\u88dc\u52a9<\/p>\n                        <\/div>\n                        <div>\n                            <h4 style=\"color: #E91E63; font-weight: 600; margin-bottom: 5px;\">\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9<\/h4>\n                            <p style=\"font-size: 1.1em; color: #F0447C; font-weight: 600;\">\u00a55,500\uff08\u7a0e\u8fbc\uff09<\/p>\n                            <p style=\"color: #666; font-size: 0.9em;\">\u691c\u67fb\u4ee3\u306e\u6700\u592720\u4e07\u5186\u307e\u3067\u88dc\u52a9<\/p>\n                        <\/div>\n                        <div>\n                            <h4 style=\"color: #E91E63; font-weight: 600; margin-bottom: 5px;\">\u30ef\u30a4\u30c9<\/h4>\n                            <p style=\"font-size: 1.1em; color: #F0447C; font-weight: 600;\">\u00a511,000\uff08\u7a0e\u8fbc\uff09<\/p>\n                            <p style=\"color: #666; font-size: 0.9em;\">\u691c\u67fb\u4ee3\uff0b\u30a8\u30b3\u30fc\u4ee3\u306a\u3069\u8af8\u7d4c\u8cbb\u3092\u542b\u3080\u6700\u592730\u4e07\u5186\u307e\u3067\u88dc\u52a9<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div style=\"padding: 15px; background: #FFF9FA; border-left: 4px solid #F0447C; border-radius: 5px;\">\n                    <h4 style=\"color: #F0447C; margin-bottom: 10px;\"><i class=\"fas fa-info-circle\"><\/i> \u305d\u306e\u4ed6\u306e\u30aa\u30d7\u30b7\u30e7\u30f3<\/h4>\n                    <ul style=\"color: #666; line-height: 1.8;\">\n                        <li>\u6027\u67d3\u8272\u4f53: \u00a566,000\uff08\u7a0e\u8fbc\uff09<\/li>\n                        <li style=\"line-height:1.5;margin-bottom.5rem;\">\u5fae\u5c0f\u6b20\u5931\u30fb\u91cd\u8907\u75be\u60a31\u7a2e\u985e\u306b\u3064\u304d: \u00a522,000\uff08\u7a0e\u8fbc\uff09<br><span style=\"color: #666; font-size: 0.85em;\">\u203b7\u7a2e\u306e\u5fae\u5c0f\u6b20\u5931\u30fb\u91cd\u8907\u75be\u60a3\u306b\u542b\u307e\u308c\u308b\u75be\u60a3\u306f\u9078\u629e\u5bfe\u8c61\u5916\u3068\u306a\u308a\u307e\u3059\u3002<br>\n<span style=\"line-height:1.3;font-size:.9em;\">\u30fb1p36\u6b20\u5931\u75c7\u5019\u7fa4<br>\n\u30fb\u30a6\u30a9\u30eb\u30d5\u30fb\u30d2\u30eb\u30b7\u30e5\u30db\u30fc\u30f3\u75c7\u5019\u7fa4(4p16.3\u6b20\u5931)<br>\n\u30fb\u30af\u30ea\u30fb\u30c7\u30e5\u30fb\u30c1\u30e3\u30c3\u30c8\u75c7\u5019\u7fa4(\u732b\u9cf4\u304d\u75c7\u5019\u7fa4)(5p-)<br>\n\u30fb\u30d7\u30e9\u30c0\u30fc\u30fb\u30a6\u30a3\u30ea\u30fc\u75c7\u5019\u7fa4(15q11.2\u9818\u57df)<br>\n\u30fb\u30a2\u30f3\u30b8\u30a7\u30eb\u30de\u30f3\u75c7\u5019\u7fa4(15q11.2\u9818\u57df)<br>\n\u30fb\u30b9\u30df\u30b9\u30fb\u30de\u30ae\u30cb\u30b9\u75c7\u5019\u7fa4(17p11.2\u6b20\u5931)<br>\n\u30fb\u30c7\u30a3\u30b8\u30e7\u30fc\u30b8\u75c7\u5019\u7fa4(22q11.2\u6b20\u5931)<\/span><\/span><\/li>\n                        <li>\u5168\u67d3\u8272\u4f53\u90e8\u5206\u6b20\u5931\u30fb\u91cd\u8907\u75be\u60a3: \u00a566,000\uff08\u7a0e\u8fbc\uff09<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- \u30b9\u30af\u30ed\u30fc\u30eb\u30c8\u30c3\u30d7\u30dc\u30bf\u30f3 -->\n    <div id=\"scrollTop\" onclick=\"scrollToTop()\">\n        <i class=\"fas fa-arrow-up\"><\/i>\n    <\/div>\n\n    <script>\n        \/\/ \u30d7\u30e9\u30f3\u30c7\u30fc\u30bf\uff082026\u5e744\u670820\u65e5\u304b\u3089\uff09\n        const plans = [\n            \/\/ Premium\uff08\u30d7\u30ec\u30df\u30a2\u30e0\uff09\n            {\n                id: 'premium-pro',\n                name: 'Premium Pro',\n                category: '\u30d7\u30ec\u30df\u30a2\u30e0',\n                price: '400,000',\n                priceTax: '440,000',\n                features: ['1\u301c22\u756a\u67d3\u8272\u4f53\u306e\u7570\u5e38', '\u5358\u80ce\u5150\uff1a\u6027\u67d3\u8272\u4f53\u306e\u7570\u5e38\u3001\u6027\u5225', '\u53cc\u80ce\u5150\uff1aY\u67d3\u8272\u4f53\u306e\u6709\u7121', '\u5168\u67d3\u8272\u4f53\u90e8\u5206\u6b20\u5931\u30fb\u91cd\u8907\u75be\u60a3', '143\u7a2e\u306e\u5fae\u5c0f\u6b20\u5931\u30fb\u91cd\u8907\u75be\u60a3'],\n                earlyNipt: false,\n                score: 0\n            },\n            {\n                id: 'premium-plus',\n                name: 'Premium +',\n                category: '\u30d7\u30ec\u30df\u30a2\u30e0',\n                price: '300,000',\n                priceTax: '330,000',\n                features: ['13,18,21\u756a\u67d3\u8272\u4f53\u306e\u7570\u5e38', '\u5358\u80ce\u5150\uff1a\u6027\u67d3\u8272\u4f53\u306e\u7570\u5e38\u3001\u6027\u5225', '\u53cc\u80ce\u5150\uff1aY\u67d3\u8272\u4f53\u306e\u6709\u7121', '143\u7a2e\u306e\u5fae\u5c0f\u6b20\u5931\u30fb\u91cd\u8907\u75be\u60a3'],\n                earlyNipt: false,\n                score: 0\n            },\n            \/\/ Standard\uff08\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9\uff09\n            {\n                id: 'standard-pro-max',\n                name: 'Standard ProMax',\n                category: '\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9',\n                price: '200,000',\n                priceTax: '220,000',\n                features: ['1\u301c22\u756a\u67d3\u8272\u4f53\u306e\u7570\u5e38', '\u5358\u80ce\u5150\uff1a\u6027\u67d3\u8272\u4f53\u306e\u7570\u5e38\u3001\u6027\u5225', '\u53cc\u80ce\u5150\uff1aY\u67d3\u8272\u4f53\u306e\u6709\u7121', '\u5168\u67d3\u8272\u4f53\u90e8\u5206\u6b20\u5931\u30fb\u91cd\u8907\u75be\u60a3', '7\u7a2e\u306e\u5fae\u5c0f\u6b20\u5931\u30fb\u91cd\u8907\u75be\u60a3'],\n                earlyNipt: false,\n                score: 0\n            },\n            {\n                id: 'standard-pro',\n                name: 'Standard Pro',\n                category: '\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9',\n                price: '160,000',\n                priceTax: '176,000',\n                features: ['13,18,21\u756a\u67d3\u8272\u4f53\u306e\u7570\u5e38', '\u5358\u80ce\u5150\uff1a\u6027\u67d3\u8272\u4f53\u306e\u7570\u5e38\u3001\u6027\u5225', '\u53cc\u80ce\u5150\uff1aY\u67d3\u8272\u4f53\u306e\u6709\u7121', '7\u7a2e\u306e\u5fae\u5c0f\u6b20\u5931\u30fb\u91cd\u8907\u75be\u60a3'],\n                earlyNipt: false,\n                score: 0\n            },\n            {\n                id: 'standard-plus',\n                name: 'Standard +',\n                category: '\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9',\n                price: '120,000',\n                priceTax: '132,000',\n                features: ['13,18,21\u756a\u67d3\u8272\u4f53\u306e\u7570\u5e38', '\u5358\u80ce\u5150\uff1a\u6027\u67d3\u8272\u4f53\u306e\u7570\u5e38\u3001\u6027\u5225', '\u53cc\u80ce\u5150\uff1aY\u67d3\u8272\u4f53\u306e\u6709\u7121'],\n                earlyNipt: false,\n                score: 0\n            },\n            \/\/ Mini\uff08\u30df\u30cb\uff09\n            {\n                id: 'Mini-plus',\n                name: 'Mini +',\n                category: '\u30df\u30cb',\n                price: '120,000',\n                priceTax: '132,000',\n                features: ['13,18,21\u756a\u67d3\u8272\u4f53\u306e\u7570\u5e38', '7\u7a2e\u306e\u5fae\u5c0f\u6b20\u5931\u30fb\u91cd\u8907\u75be\u60a3'],\n                earlyNipt: false,\n                score: 0\n            },\n            {\n                id: 'Mini',\n                name: 'Mini',\n                category: '\u30df\u30cb',\n                price: '80,000',\n                priceTax: '88,000',\n                features: ['13,18,21\u756a\u67d3\u8272\u4f53\u306e\u7570\u5e38'],\n                earlyNipt: false,\n                score: 0\n            },\n            {\n                id: 'Mini-minus',\n                name: 'Mini -',\n                category: '\u30df\u30cb',\n                price: '60,000',\n                priceTax: '66,000',\n                features: ['21\u756a\u67d3\u8272\u4f53\u306e\u7570\u5e38'],\n                earlyNipt: false,\n                score: 0\n            }\n        ];\n\n        \/\/ \u8a3a\u65ad\u30c7\u30fc\u30bf\n        const answers = {};\n\n        \/\/ \u8a3a\u65ad\u958b\u59cb\n        function startDiagnosis() {\n            document.getElementById('heroSection').style.display = 'none';\n            document.getElementById('diagnosisSection').style.display = 'block';\n            updateProgress(1);\n        }\n\n        \/\/ \u7b54\u3048\u3092\u9078\u629e\n        function selectAnswer(questionNum, value) {\n            answers[questionNum] = value;\n            \n            \/\/ \u3059\u3079\u3066\u306e\u9078\u629e\u80a2\u304b\u3089\u9078\u629e\u72b6\u614b\u3092\u524a\u9664\n            const cards = document.querySelectorAll(`#q${questionNum} .option-card`);\n            cards.forEach(card => card.classList.remove('selected'));\n            \n            \/\/ \u30af\u30ea\u30c3\u30af\u3055\u308c\u305f\u30ab\u30fc\u30c9\u306b\u9078\u629e\u72b6\u614b\u3092\u8ffd\u52a0\n            event.currentTarget.classList.add('selected');\n            \n            \/\/ \u8cea\u554f7\u306e\u5834\u5408\u3001\u8a3a\u65ad\u7d50\u679c\u30dc\u30bf\u30f3\u3092\u6709\u52b9\u5316\n            if (questionNum === 7) {\n                document.getElementById('showResultBtn').disabled = false;\n            }\n        }\n\n        \/\/ \u6b21\u306e\u8cea\u554f\u3078\n        function nextQuestion(nextNum) {\n            const currentNum = nextNum - 1;\n            if (!answers[currentNum]) {\n                alert('\u9078\u629e\u80a2\u3092\u9078\u3093\u3067\u304f\u3060\u3055\u3044');\n                return;\n            }\n            \n            document.getElementById(`q${currentNum}`).classList.remove('active');\n            document.getElementById(`q${nextNum}`).classList.add('active');\n            updateProgress(nextNum);\n            scrollToTop();\n        }\n\n        \/\/ \u524d\u306e\u8cea\u554f\u3078\n        function prevQuestion(prevNum) {\n            const currentNum = prevNum + 1;\n            document.getElementById(`q${currentNum}`).classList.remove('active');\n            document.getElementById(`q${prevNum}`).classList.add('active');\n            updateProgress(prevNum);\n            scrollToTop();\n        }\n\n        \/\/ \u9032\u6357\u30d0\u30fc\u66f4\u65b0\n        function updateProgress(questionNum) {\n            const progress = (questionNum \/ 7) * 100;\n            document.getElementById('progressBar').style.width = progress + '%';\n        }\n\n        \/\/ \u8a3a\u65ad\u7d50\u679c\u8868\u793a\n        function showResult() {\n            if (!answers[7]) {\n                alert('\u3059\u3079\u3066\u306e\u8cea\u554f\u306b\u7b54\u3048\u3066\u304f\u3060\u3055\u3044');\n                return;\n            }\n\n            \/\/ \u30b9\u30b3\u30a2\u30ea\u30f3\u30b0\n            plans.forEach(plan => plan.score = 0);\n\n            \/\/ \u65e9\u671fNIPT\u5bfe\u5fdc\u304c\u5fc5\u8981\u306a\u5834\u5408\uff08\u5168\u30d7\u30e9\u30f3+Early \u30aa\u30d7\u30b7\u30e7\u30f3\u00a511,000\u3067\u5bfe\u5fdc\u53ef\u80fd\uff09\n            \/\/ \u7279\u306b\u30b9\u30b3\u30a2\u30ea\u30f3\u30b0\u306b\u306f\u5f71\u97ff\u3057\u306a\u3044\n\n            \/\/ \u4e88\u7b97\u306b\u57fa\u3065\u304f\u30b9\u30b3\u30a2\u30ea\u30f3\u30b0\n            if (answers[2] === 'low') {\n                plans.forEach(plan => {\n                    const price = parseInt(plan.priceTax.replace(\/,\/g, ''));\n                    if (price <= 200000) plan.score += 50;\n                });\n            } else if (answers[2] === 'mid') {\n                plans.forEach(plan => {\n                    const price = parseInt(plan.priceTax.replace(\/,\/g, ''));\n                    if (price > 200000 && price <= 300000) plan.score += 50;\n                });\n            } else if (answers[2] === 'high') {\n                plans.forEach(plan => {\n                    const price = parseInt(plan.priceTax.replace(\/,\/g, ''));\n                    if (price > 300000) plan.score += 50;\n                });\n            }\n\n            \/\/ \u691c\u67fb\u7bc4\u56f2\u306b\u57fa\u3065\u304f\u30b9\u30b3\u30a2\u30ea\u30f3\u30b0\n            if (answers[3] === 'downs-only') {\n                ['Mini-minus'].forEach(id => {\n                    const plan = plans.find(p => p.id === id);\n                    if (plan) plan.score += 40;\n                });\n            } else if (answers[3] === 'Mini') {\n                ['Mini', 'Mini-plus', 'standard-plus'].forEach(id => {\n                    const plan = plans.find(p => p.id === id);\n                    if (plan) plan.score += 40;\n                });\n            } else if (answers[3] === 'standard') {\n                ['standard-pro', 'premium-plus', 'Mini-plus'].forEach(id => {\n                    const plan = plans.find(p => p.id === id);\n                    if (plan) plan.score += 40;\n                });\n            } else if (answers[3] === 'wide') {\n                ['standard-pro-max', 'premium-pro'].forEach(id => {\n                    const plan = plans.find(p => p.id === id);\n                    if (plan) plan.score += 40;\n                });\n            } else if (answers[3] === 'full') {\n                \/\/ Premium Pro\u3092\u6700\u512a\u5148\n                const premiumPro = plans.find(p => p.id === 'premium-pro');\n                if (premiumPro) premiumPro.score += 50;\n            }\n\n            \/\/ \u4e0d\u598a\u6cbb\u7642\u30fb\u6027\u67d3\u8272\u4f53\u691c\u67fb\n            if (answers[4] === 'yes' || answers[4] === 'want') {\n                plans.forEach(plan => {\n                    if (plan.features.some(f => f.includes('\u6027\u67d3\u8272\u4f53'))) {\n                        plan.score += 30;\n                    }\n                });\n            }\n\n            \/\/ \u6d41\u7523\u30ea\u30b9\u30af\u691c\u67fb\uff081\u301c22\u756a\u67d3\u8272\u4f53\u306e\u7570\u5e38\u3092\u542b\u3080\u30d7\u30e9\u30f3\uff09\n            if (answers[5] === 'yes' || answers[5] === 'want') {\n                plans.forEach(plan => {\n                    if (plan.features.some(f => f.includes('1\u301c22\u756a\u67d3\u8272\u4f53'))) {\n                        plan.score += 30;\n                    }\n                });\n            }\n\n            \/\/ \u30c7\u30a3\u30b8\u30e7\u30fc\u30b8\u75c7\u5019\u7fa4\n            if (answers[6] === 'family' || answers[6] === 'interested') {\n                plans.forEach(plan => {\n                    if (plan.features.some(f => f.includes('\u30c7\u30a3\u30b8\u30e7\u30fc\u30b8') || f.includes('\u5fae\u5c0f\u6b20\u5931'))) {\n                        plan.score += 25;\n                    }\n                });\n            }\n\n            \/\/ \u5bb6\u65cf\u6b74\u304c\u3042\u308b\u5834\u5408\u306f\u5305\u62ec\u7684\u306a\u30d7\u30e9\u30f3\u3092\u63a8\u5968\n            if (answers[7] === 'yes' || answers[7] === 'unknown') {\n                ['premium-pro', 'standard-pro-max'].forEach(id => {\n                    const plan = plans.find(p => p.id === id);\n                    if (plan) plan.score += 20;\n                });\n            }\n\n            \/\/ \u30b9\u30b3\u30a2\u9806\u306b\u30bd\u30fc\u30c8\n            const sortedPlans = [...plans].sort((a, b) => b.score - a.score);\n            const topPlan = sortedPlans[0];\n            const secondPlan = sortedPlans[1];\n\n            \/\/ \u7d50\u679c\u8868\u793a\n            let resultHTML = '';\n            \n            \/\/ \u7b2c1\u5019\u88dc\n            resultHTML += generateResultCard(topPlan, 1);\n            \n            \/\/ \u7b2c2\u5019\u88dc\n            if (secondPlan && secondPlan.score > 0) {\n                resultHTML += generateResultCard(secondPlan, 2);\n            }\n\n            document.getElementById('resultContent').innerHTML = resultHTML;\n            document.getElementById('diagnosisSection').style.display = 'none';\n            document.getElementById('resultSection').style.display = 'block';\n            scrollToTop();\n        }\n\n        \/\/ \u7d50\u679c\u30ab\u30fc\u30c9\u751f\u6210\n        function generateResultCard(plan, rank) {\n            const badgeClass = rank === 1 ? 'badge' : 'badge second';\n            const cardClass = rank === 1 ? 'result-card' : 'result-card second';\n            const badgeText = rank === 1 ? '\u7b2c1\u5019\u88dc' : '\u7b2c2\u5019\u88dc';\n            \n            let reasonText = generateReasonText(plan);\n            \n            return `\n                <div class=\"${cardClass}\">\n                    <span class=\"${badgeClass}\">${badgeText}<\/span>\n                    <h3>${plan.name}<\/h3>\n                    <p class=\"result-price\">\u00a5${plan.priceTax}\uff08\u7a0e\u8fbc\uff09<\/p>\n                    <div class=\"result-features\">\n                        <h4><i class=\"fas fa-check-circle\"><\/i> \u691c\u67fb\u5185\u5bb9<\/h4>\n                        <ul>\n                            ${plan.features.map(f => `<li>${f}<\/li>`).join('')}\n                        <\/ul>\n                    <\/div>\n                    <div class=\"reason-box\">\n                        <h4><i class=\"fas fa-lightbulb\"><\/i> \u304a\u3059\u3059\u3081\u306e\u7406\u7531<\/h4>\n                        <p>${reasonText}<\/p>\n                    <\/div>\n                <\/div>\n            `;\n        }\n\n        \/\/ \u63a8\u85a6\u7406\u7531\u751f\u6210\n        function generateReasonText(plan) {\n            let reasons = [];\n            \n            if (answers[1] === 'early') {\n                reasons.push('\u598a\u5a2010\u9031\u672a\u6e80\u306e\u65b9\u306fEarly\u30aa\u30d7\u30b7\u30e7\u30f3\uff08+\u00a511,000\uff09\u3067\u5bfe\u5fdc\u53ef\u80fd\u3067\u3059');\n            }\n            \n            if (answers[4] === 'yes' || answers[4] === 'want') {\n                if (plan.features.some(f => f.includes('\u6027\u67d3\u8272\u4f53'))) {\n                    reasons.push('\u6027\u67d3\u8272\u4f53\u691c\u67fb\u304c\u542b\u307e\u308c\u3066\u304a\u308a\u3001\u4e0d\u598a\u6cbb\u7642\u306e\u7d4c\u9a13\u304c\u3042\u308b\u65b9\u306b\u9069\u3057\u3066\u3044\u307e\u3059');\n                }\n            }\n            \n            if (answers[5] === 'yes' || answers[5] === 'want') {\n                if (plan.features.some(f => f.includes('1\u301c22\u756a\u67d3\u8272\u4f53'))) {\n                    reasons.push('1\u301c22\u756a\u67d3\u8272\u4f53\u306e\u7570\u5e38\u691c\u67fb\u304c\u542b\u307e\u308c\u3066\u304a\u308a\u3001\u6d41\u7523\u30ea\u30b9\u30af\u306e\u78ba\u8a8d\u306b\u9069\u3057\u3066\u3044\u307e\u3059');\n                }\n            }\n            \n            if (answers[6] === 'family' || answers[6] === 'interested') {\n                if (plan.features.some(f => f.includes('\u5fae\u5c0f\u6b20\u5931'))) {\n                    reasons.push('\u5fae\u5c0f\u6b20\u5931\u30fb\u91cd\u8907\u75be\u60a3\u306e\u691c\u67fb\u304c\u542b\u307e\u308c\u3066\u3044\u307e\u3059');\n                }\n            }\n            \n            if (reasons.length === 0) {\n                reasons.push('\u3054\u4e88\u7b97\u3068\u691c\u67fb\u7bc4\u56f2\u306e\u3054\u5e0c\u671b\u306b\u6700\u3082\u9069\u3057\u305f\u30d7\u30e9\u30f3\u3067\u3059');\n            }\n            \n            return reasons.join('\u3002') + '\u3002';\n        }\n\n        \/\/ \u30d7\u30e9\u30f3\u4e00\u89a7\u8868\u793a\n        function displayPlans() {\n            const grid = document.getElementById('plansGrid');\n            let html = '';\n            \n            plans.forEach(plan => {\n                html += `\n                    <div class=\"plan-card\" data-category=\"${plan.category}\">\n                        <div class=\"plan-header\">\n                            <div class=\"plan-category\">${plan.category}<\/div>\n                            <h3 class=\"plan-name\">${plan.name}<\/h3>\n                            <div class=\"plan-price\">\u00a5${plan.priceTax}\uff08\u7a0e\u8fbc\uff09<\/div>\n                        <\/div>\n                        <ul class=\"plan-features\">\n                            ${plan.features.map(f => `<li>${f}<\/li>`).join('')}\n                        <\/ul>\n                    <\/div>\n                `;\n            });\n            \n            grid.innerHTML = html;\n        }\n\n        \/\/ \u30d7\u30e9\u30f3\u30d5\u30a3\u30eb\u30bf\u30ea\u30f3\u30b0\n        function filterPlans(category) {\n            const cards = document.querySelectorAll('.plan-card');\n            const tabs = document.querySelectorAll('.tab');\n            \n            \/\/ \u30bf\u30d6\u306e\u30a2\u30af\u30c6\u30a3\u30d6\u72b6\u614b\u66f4\u65b0\n            tabs.forEach(tab => tab.classList.remove('active'));\n            event.currentTarget.classList.add('active');\n            \n            \/\/ \u30ab\u30fc\u30c9\u306e\u8868\u793a\/\u975e\u8868\u793a\n            cards.forEach(card => {\n                if (category === 'all' || card.dataset.category === category) {\n                    card.style.display = 'block';\n                } else {\n                    card.style.display = 'none';\n                }\n            });\n        }\n\n        \/\/ \u8a3a\u65ad\u30ea\u30bb\u30c3\u30c8\n        function resetDiagnosis() {\n            Object.keys(answers).forEach(key => delete answers[key]);\n            document.querySelectorAll('.option-card').forEach(card => {\n                card.classList.remove('selected');\n            });\n            document.getElementById('showResultBtn').disabled = true;\n            document.getElementById('resultSection').style.display = 'none';\n            document.getElementById('diagnosisSection').style.display = 'block';\n            document.querySelectorAll('.question-container').forEach(q => {\n                q.classList.remove('active');\n            });\n            document.getElementById('q1').classList.add('active');\n            updateProgress(1);\n            scrollToTop();\n        }\n\n        \/\/ \u30c8\u30c3\u30d7\u3078\u30b9\u30af\u30ed\u30fc\u30eb\n        function scrollToTop() {\n            window.scrollTo({ top: 0, behavior: 'smooth' });\n        }\n\n        \/\/ \u30b9\u30af\u30ed\u30fc\u30eb\u30c8\u30c3\u30d7\u30dc\u30bf\u30f3\u8868\u793a\u5236\u5fa1\n        window.addEventListener('scroll', function() {\n            const scrollTopBtn = document.getElementById('scrollTop');\n            if (window.pageYOffset > 300) {\n                scrollTopBtn.style.display = 'flex';\n            } else {\n                scrollTopBtn.style.display = 'none';\n            }\n        });\n\n        \/\/ \u521d\u671f\u5316\n        document.addEventListener('DOMContentLoaded', function() {\n            displayPlans();\n        });\n    <\/script>\n","protected":false},"excerpt":{"rendered":"\u30d2\u30ed\u30af\u30ea\u30cb\u30c3\u30af NIPT \u30d7\u30e9\u30f3\u8a3a\u65ad \u3042&#8230;\n <a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/plan-finder\/\">\u7d9a\u304d\u3092\u8aad\u3080<\/a>","protected":false},"author":84,"featured_media":0,"parent":0,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"page_wide.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-127300","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hiro-clinic.or.jp\/nipt\/wp-json\/wp\/v2\/pages\/127300","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hiro-clinic.or.jp\/nipt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hiro-clinic.or.jp\/nipt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hiro-clinic.or.jp\/nipt\/wp-json\/wp\/v2\/users\/84"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hiro-clinic.or.jp\/nipt\/wp-json\/wp\/v2\/comments?post=127300"}],"version-history":[{"count":11,"href":"https:\/\/www.hiro-clinic.or.jp\/nipt\/wp-json\/wp\/v2\/pages\/127300\/revisions"}],"predecessor-version":[{"id":128038,"href":"https:\/\/www.hiro-clinic.or.jp\/nipt\/wp-json\/wp\/v2\/pages\/127300\/revisions\/128038"}],"wp:attachment":[{"href":"https:\/\/www.hiro-clinic.or.jp\/nipt\/wp-json\/wp\/v2\/media?parent=127300"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}