{"id":127762,"date":"2026-04-28T16:31:56","date_gmt":"2026-04-28T07:31:56","guid":{"rendered":"https:\/\/www.hiro-clinic.or.jp\/nipt\/?post_type=lp&#038;p=127762"},"modified":"2026-04-30T15:50:15","modified_gmt":"2026-04-30T06:50:15","slug":"nipt-lp-ft","status":"publish","type":"lp","link":"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/nipt-lp-ft\/","title":{"rendered":"NIPT-lp-ft"},"content":{"rendered":"\n<style>\n#main_contents{\n  background:#f3f4f6;\n}\n#main_col{\n  margin-top:0;\n}\n#post_title,#post_meta_top{\n  display:none;\n}\n.lp h1{\n  margin-top:0;\n  margin-bottom:0;\n}\n#header{\n  background-color:#fff;\n  padding-top:1rem;\n}\n#search_contain,\n#previous_next_post{\n  display:none;\n}\n.post_content p{\n  margin-bottom:0;\n  font-size:initial;\n  font-weight:normal;\n}\n.post_content h2{\n  font-size:1.5rem;\n  color:#4a4a4a;\n  border-bottom:none;\n  margin:0;\n}\n.post_content h3:before{\n  display:none;\n  margin:0;\n}\n.shadow-sm{\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\na{\n  text-decoration:none;\n}\n.shadow-md{\n--tw-shadow: 0 4px 6px -1px rgb(0 0 0 \/ 0.1), 0 2px 4px -2px rgb(0 0 0 \/ 0.1);\n    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.post_content {\n  max-width:800px;\n  margin:0 auto;\n}\n.text-main-blue{\n  color: rgb(141 180 210 \/ var(--tw-text-opacity, 1))!important;\n}\na{\n  text-decoration:none;\n}\n<\/style>\n\n\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;500;700&#038;family=Zen+Maru+Gothic:wght@400;500;700;900&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        html{\n          margin-top:0!important;\n        }\n        body {\n            background-color: #F3F4F6;\n            color: #4A4A4A;\n        }\n        .lp-container {\n            max-width: 800px;\n            margin: 0 auto;\n            background-color: #FFFFFF;\n            box-shadow: 0 0 20px rgba(0,0,0,0.05);\n        }\n        \/* Tap effect for buttons *\/\n        .btn-3d {\n            transition: all 0.1s ease-in-out;\n            position: relative;\n            top: 0;\n        }\n        .btn-3d:active {\n            top: 4px;\n        }\n        \n\/* Accordion Styles *\/\n        .js-accordion-collapse {\n            display: none;\n        }\n        .js-accordion-collapse.show {\n            display: block;\n        }\n        .js-accordion-button {\n            cursor: pointer;\n            position: relative;\n        }\n        .js-accordion-button::after {\n            content: '\\f078';\n            font-family: 'Font Awesome 6 Free';\n            font-weight: 900;\n            position: absolute;\n            right: 20px;\n            top: 50%;\n            transform: translateY(-50%);\n            transition: transform 0.3s ease;\n            color: #8DB4D2;\n        }\n        .js-accordion-button.active::after {\n            transform: translateY(-50%) rotate(180deg);\n        }\n        .city-list {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 10px;\n            margin-top: 10px;\n        }\n        .city-list li {\n            background: #fff;\n            border: 1px solid #E5E7EB;\n            padding: 5px 15px;\n            border-radius: 20px;\n            font-size: 14px;\n        }\n        .city-list a {\n            color: #4A4A4A;\n            text-decoration: none;\n        }\n    <\/style>\n\n\n\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        sans: ['\"Noto Sans JP\"', 'sans-serif'], \/\/ \u57fa\u672c\u30d5\u30a9\u30f3\u30c8\u3092Noto Sans JP\u306b\u8a2d\u5b9a\n                        heading: ['\"Zen Maru Gothic\"', 'sans-serif'], \/\/ \u898b\u51fa\u3057\u7528\u30d5\u30a9\u30f3\u30c8\n                    },\n                    colors: {\n                        'pastel-pink': '#FFEBF0',\n                        'main-pink': '#F4649E',\n                        'pastel-blue': '#EBF4F6',\n                        'main-blue': '#8DB4D2',\n                        'text-main': '#4A4A4A',\n                        'line-green': '#06C755',\n                    },\n                    boxShadow: {\n                        'btn': '0 6px 0 #C9457E',\n                        'btn-active': '0 2px 0 #C9457E',\n                        'btn-line': '0 6px 0 #05A044',\n                        'btn-line-active': '0 2px 0 #05A044',\n                        'btn-white': '0 6px 0 #D1D5DB',\n                        'btn-white-active': '0 2px 0 #D1D5DB',\n                        'card': '0 10px 25px -5px rgba(0, 0, 0, 0.05)',\n                    }\n                }\n            }\n        }\n    <\/script>\n\n\n\n<div class=\"lp-container relative\">\n\n\n\n<!-- 1. \u30d5\u30a1\u30fc\u30b9\u30c8\u30d3\u30e5\u30fc\uff08FV\uff09 -->\n    <section class=\"relative bg-white w-full pb-10 md:pb-14 lp\">\n        <h1 class=\"relative w-full\">\n            <!-- \u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3055\u308c\u305f\u30e1\u30a4\u30f3\u30d3\u30b8\u30e5\u30a2\u30eb\u753b\u50cf -->\n            <img decoding=\"async\" src=\"\/nipt\/wp-content\/uploads\/2026\/04\/main_visual-1.webp\" alt=\"\u304a\u8179\u306e\u8d64\u3061\u3083\u3093\u306e\u4e0d\u5b89\u3001\u5b89\u5fc3\u306b\u5909\u3048\u307e\u305b\u3093\u304b\uff1f\u30c0\u30a6\u30f3\u75c7\u3060\u3051\u3058\u3083\u306a\u3044\u5148\u5929\u7684\u30ea\u30b9\u30af\u307e\u3067\u308f\u304b\u308bNIPT\" class=\"w-full h-auto block\">\n            \n            <!-- \u753b\u50cf\u306b40%\u7a0b\u5ea6\u88ab\u308bCTA\u30dc\u30bf\u30f3 -->\n            <div class=\"absolute bottom-0 left-0 w-full flex justify-center translate-y-[60%] px-4 z-20\">\n                <a href=\"https:\/\/mypage-nipt-reservation.hiro-clinic.or.jp\/registration\" class=\"btn-3d inline-block w-full max-w-[400px] bg-gradient-to-r from-pink-400 to-main-pink text-white font-bold text-xl md:text-2xl py-4 md:py-5 rounded-full shadow-btn active:shadow-btn-active text-center\" target=\"_blank\" rel=\"noopener\">\n                    <i class=\"fa-regular fa-calendar-check mr-2\"><\/i> \u691c\u67fb\u306eWEB\u4e88\u7d04\u306f\u3053\u3061\u3089\n                    <span class=\"block text-xs md:text-sm font-normal mt-1 font-sans\">\uff0824\u6642\u9593\u53d7\u4ed8\u4e2d\uff09<\/span>\n                <\/a>\n            <\/div>\n        <\/h1>\n    <\/section>\n\n    <!-- 2. \u60a9\u307f\u306e\u5171\u611f\u30bb\u30af\u30b7\u30e7\u30f3ss -->\n    <section class=\"pt-16 pb-0 md:pb-8 px-5 bg-white\">\n        <div class=\"text-center mb-8\">\n            <h2 class=\"font-heading text-xl md:text-2xl font-bold leading-relaxed relative inline-block\">\n                \u598a\u5a20\u304c\u308f\u304b\u3063\u3066\u5b09\u3057\u3044\u53cd\u9762\u3001<br>\n                \u3053\u3093\u306a\u4e0d\u5b89\u3092\u611f\u3058\u308b\u3053\u3068\u306f<br class=\"md:hidden\">\u3042\u308a\u307e\u305b\u3093\u304b\uff1f\n                <span class=\"absolute -bottom-3 left-1\/2 transform -translate-x-1\/2 w-16 h-1 bg-main-blue rounded-full\"><\/span>\n            <\/h2>\n        <\/div>\n\n        <div class=\"bg-gray-50 rounded-2xl p-6 md:p-8 border border-gray-100 relative mt-16\">\n            <!-- \u30d7\u30ec\u30fc\u30b9\u30db\u30eb\u30c0\u30fc\u753b\u50cf (\u4e0d\u5b89\u306a\u5973\u6027\u306e\u30a4\u30e1\u30fc\u30b8) -->\n            <img decoding=\"async\" src=\"\/nipt\/wp-content\/uploads\/2026\/04\/34179155_s-1.webp\" alt=\"\u60a9\u3080\u5973\u6027\" class=\"w-24 h-24 rounded-full object-cover border-4 border-white shadow-md absolute -top-12 left-1\/2 transform -translate-x-1\/2\" style=\"width:6rem;height:6rem;\">\n            \n            <ul class=\"space-y-5 mt-10\">\n                <li class=\"flex items-start gap-3\">\n                    <i class=\"fa-solid fa-square-check text-main-pink text-2xl mt-1\"><\/i>\n                    <p class=\"font-medium text-lg\">\u300c\u30c0\u30a6\u30f3\u75c7\u3060\u3051\u3067\u306a\u304f\u3001\u4ed6\u306e\u969c\u5bb3\u3082\u898b\u843d\u3068\u3057\u305f\u3089\u3069\u3046\u3057\u3088\u3046\u2026\u300d<\/p>\n                <\/li>\n                <li class=\"flex items-start gap-3\">\n                    <i class=\"fa-solid fa-square-check text-main-pink text-2xl mt-1\"><\/i>\n                    <p class=\"font-medium text-lg\">\u300c\u8a8d\u53ef\u65bd\u8a2d\u306f\u5e74\u9f62\u5236\u9650\u306a\u3069\u30cf\u30fc\u30c9\u30eb\u304c\u9ad8\u3044\u3002\u3067\u3082\u9ad8\u984d\u306a\u8cbb\u7528\u306f\u51fa\u305b\u306a\u3044\u2026\u300d<\/p>\n                <\/li>\n                <li class=\"flex items-start gap-3\">\n                    <i class=\"fa-solid fa-square-check text-main-pink text-2xl mt-1\"><\/i>\n                    <p class=\"font-medium text-lg\">\u300c\u7d50\u679c\u304c\u6765\u308b\u307e\u3067\u306e\u9593\u3001\u4e0d\u5b89\u3067\u751f\u304d\u305f\u5fc3\u5730\u304c\u3057\u306a\u3044\u2026\u300d<\/p>\n                <\/li>\n            <\/ul>\n        <\/div>\n\n        <!-- \u4e0b\u3078\u5c0e\u304f\u5439\u304d\u51fa\u3057\u30c7\u30b6\u30a4\u30f3 -->\n        <div class=\"text-center translate-y-[3.5rem] relative z-20\">\n            <div class=\"relative inline-block filter drop-shadow-md\">\n                <p class=\"font-heading text-2xl font-bold text-main-pink bg-pastel-pink inline-block px-8 py-5 md:py-4 rounded-2xl md:rounded-full leading-relaxed md:leading-normal relative z-10 border-4 border-white\">\n                    \u305d\u306e\u304a\u60a9\u307f\u3001<br class=\"md:hidden\">\u30d2\u30ed\u30af\u30ea\u30cb\u30c3\u30af\u306e<br><span class=\"!text-4xl !md:text-5xl font-black mt-2\">NIPT<\/span><br class=\"md:hidden\">\u304c\u89e3\u6c7a\u3057\u307e\u3059\uff01\n                <\/p>\n                <div class=\"absolute w-8 h-8 bg-pastel-pink transform rotate-45 -bottom-3 left-1\/2 -translate-x-1\/2 z-0 border-b-4 border-r-4 border-white\"><\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 3. \u89e3\u8aac\u30fb\u5553\u8499\u30bb\u30af\u30b7\u30e7\u30f3 -->\n    <section class=\"pt-24 pb-16 px-5 bg-pastel-blue\">\n        <div class=\"text-center mb-10\">\n            <h2 class=\"font-heading text-xl md:text-2xl font-bold leading-relaxed\">\n                NIPT\u3067\u8abf\u3079\u3089\u308c\u308b\u306e\u306f<br class=\"md:hidden\">\u30c0\u30a6\u30f3\u75c7\u3060\u3051\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002<br>\n                <span class=\"text-main-blue\">\u77e5\u3063\u3066\u304a\u304f\u3079\u304d\u75be\u60a3\u306f\u3001<br class=\"md:hidden\">\u4ed6\u306b\u3082\u3042\u308a\u307e\u3059\u3002<\/span>\n            <\/h2>\n        <\/div>\n\n        <div class=\"bg-white rounded-2xl p-6 shadow-sm mb-8 text-left\">\n            <p class=\"mb-4\">\u591a\u304f\u306e\u65bd\u8a2d\u3067\u691c\u67fb\u3055\u308c\u308b\u300c13\u756a\u30fb18\u756a\u30fb21\u756a\u67d3\u8272\u4f53\u300d\u306e\u7570\u5e38\u3002<br>\u5b9f\u306f\u300113\u756a\u306818\u756a\u306e\u7570\u5e38\u306f\u975e\u5e38\u306b\u91cd\u7be4\u3067\u3001\u591a\u304f\u304c\u751f\u5f8c1\u5e74\u4ee5\u5185\u306b\u547d\u3092\u843d\u3068\u3057\u3066\u3057\u307e\u3046\u75be\u60a3\u3067\u3059\u3002<\/p>\n            <p class=\"font-bold text-main-pink\">\u3057\u304b\u3057\u3001\u51fa\u7523\u5f8c\u306b\u3054\u5bb6\u65cf\u306e\u5c06\u6765\u3078\u6700\u3082\u5927\u304d\u306a\u5f71\u97ff\u3092\u4e0e\u3048\u308b\u306e\u306f\u3001\u300c\u9577\u304f\u5f71\u97ff\u304c\u7d9a\u304f\u75be\u60a3\u300d\u3067\u3059\u3002<\/p>\n            <p class=\"mt-2\">\u751f\u307e\u308c\u305f\u5f8c\u3082\u3001\u751f\u6daf\u306b\u308f\u305f\u308b\u30b5\u30dd\u30fc\u30c8\u304c\u5fc5\u8981\u3068\u306a\u308b\u4ee5\u4e0b\u306e\u4ee3\u8868\u7684\u306a\u75be\u60a3\u3092\u3001\u598a\u5a20\u4e2d\u304b\u3089\u77e5\u3063\u3066\u304a\u304f\u3053\u3068\u304c\u3068\u3066\u3082\u5927\u5207\u3067\u3059\u3002<\/p>\n        <\/div>\n\n        <div class=\"space-y-4\">\n            <!-- \u75be\u60a31 -->\n            <div class=\"bg-white rounded-2xl p-5 shadow-card flex gap-4 items-center\">\n                <div class=\"w-16 h-16 shrink-0 bg-blue-50 rounded-full flex items-center justify-center\">\n                    <i class=\"fa-solid fa-child-reaching text-3xl text-main-blue\"><\/i>\n                <\/div>\n                <div>\n                    <h3 class=\"font-heading font-bold text-lg text-main-blue mb-1\">\u30c0\u30a6\u30f3\u75c7\u5019\u7fa4 <span class=\"text-sm font-normal text-gray-500 font-sans\">(21\u30c8\u30ea\u30bd\u30df\u30fc)<\/span><\/h3>\n                    <p class=\"text-sm\">\u4e00\u822c\u7684\u306b\u77e5\u3089\u308c\u3066\u3044\u308b\u75be\u60a3\u3067\u3001\u751f\u6daf\u306b\u308f\u305f\u308b\u624b\u539a\u3044\u30b5\u30dd\u30fc\u30c8\u304c\u5fc5\u8981\u3067\u3059\u3002<\/p>\n                <\/div>\n            <\/div>\n            <!-- \u75be\u60a32 -->\n            <div class=\"bg-white rounded-2xl p-5 shadow-card flex gap-4 items-center border-2 border-main-pink\">\n                <div class=\"w-16 h-16 shrink-0 bg-pink-50 rounded-full flex items-center justify-center relative\">\n                    <i class=\"fa-solid fa-brain text-3xl text-main-pink\"><\/i>\n                    <span class=\"absolute -top-2 -right-2 bg-red-500 text-white text-[10px] font-bold px-2 py-1 rounded-full\">\u91cd\u8981<\/span>\n                <\/div>\n                <div>\n                    <h3 class=\"font-heading font-bold text-lg text-main-pink mb-1\">7\u7a2e\u306e\u5fae\u5c0f\u6b20\u5931\u75c7\u5019\u7fa4 <span class=\"text-sm font-normal text-gray-500 font-sans\">(\u30c7\u30a3\u30b8\u30e7\u30fc\u30b8\u75c7\u5019\u7fa4\u306a\u3069)<\/span><\/h3>\n                    <p class=\"text-sm\">\u30c7\u30a3\u30b8\u30e7\u30fc\u30b8\u75c7\u5019\u7fa4\u306f\u3001\u30c0\u30a6\u30f3\u75c7\u306b\u6b21\u3044\u3067\u591a\u3044\u3068\u3055\u308c\u308b\u75be\u60a3\u3067\u3059\u3002\u767a\u9054\u969c\u5bb3\u3084\u5fc3\u75be\u60a3\u3001\u514d\u75ab\u7570\u5e38\u306a\u3069\u3092\u5f15\u304d\u8d77\u3053\u3059\u3053\u3068\u3082\u3042\u308a\u3001\u898b\u843d\u3068\u3055\u308c\u3084\u3059\u3044\u3082\u306e\u306e\u975e\u5e38\u306b\u91cd\u8981\u3067\u3059\u3002<\/p>\n                <\/div>\n            <\/div>\n            <!-- \u75be\u60a33 -->\n            <div class=\"bg-white rounded-2xl p-5 shadow-card flex gap-4 items-center\">\n                <div class=\"w-16 h-16 shrink-0 bg-yellow-50 rounded-full flex items-center justify-center\">\n                    <i class=\"fa-solid fa-venus-mars text-3xl text-yellow-500\"><\/i>\n                <\/div>\n                <div>\n                    <h3 class=\"font-heading font-bold text-lg text-yellow-600 mb-1\">\u6027\u67d3\u8272\u4f53\u306e\u7570\u5e38<\/h3>\n                    <p class=\"text-sm\">\u898b\u305f\u76ee\u3067\u306f\u5206\u304b\u308a\u306b\u304f\u3044\u3067\u3059\u304c\u3001\u5c06\u6765\u306e\u6210\u9577\u3084\u767a\u9054\u3001\u751f\u6b96\u80fd\u529b\uff08\u4e0d\u598a\u75c7\u306a\u3069\uff09\u306b\u5f71\u97ff\u3059\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 4. \u30af\u30ea\u30cb\u30c3\u30af\u306e\u5f37\u307f\u30bb\u30af\u30b7\u30e7\u30f3 -->\n    <section class=\"py-16 px-5 bg-white\">\n        <div class=\"text-center mb-10\">\n            <!-- \u5439\u304d\u51fa\u3057\u98a8\u30c7\u30b6\u30a4\u30f3 -->\n            <div class=\"inline-block relative bg-pastel-pink text-main-pink px-5 py-2 rounded-full mb-4 text-[13px] md:text-base whitespace-nowrap font-heading shadow-sm font-bold\">\n                \u672c\u5f53\u306b\u77e5\u308a\u305f\u3044\u3053\u3068\u304c\u308f\u304b\u308b\uff01\n                <div class=\"absolute w-3 h-3 bg-pastel-pink transform rotate-45 -bottom-1.5 left-1\/2 -translate-x-1\/2\"><\/div>\n            <\/div>\n            <h2 style=\"width:100%;\" class=\"font-heading text-2xl md:text-3xl font-bold leading-relaxed relative inline-block\">\n                \u30d2\u30ed\u30af\u30ea\u30cb\u30c3\u30af\u304c\u9078\u3070\u308c\u308b<br class=\"md:hidden\"><span class=\"!text-main-pink !text-4xl\">3<\/span>\u3064\u306e\u7406\u7531\n                <span class=\"absolute -bottom-3 left-1\/2 transform -translate-x-1\/2 w-16 h-1 bg-main-pink rounded-full\"><\/span>\n            <\/h2>\n        <\/div>\n\n        <div class=\"space-y-8\">\n            <!-- \u7406\u75311 -->\n            <div class=\"bg-gray-50 rounded-2xl overflow-hidden shadow-card\">\n                <img decoding=\"async\" src=\"\/nipt\/wp-content\/uploads\/2026\/04\/22299168_s-1.webp\" alt=\"\u8d64\u3061\u3083\u3093\u306e\u8db3\" class=\"w-full !h-48 object-cover\">\n                <div class=\"p-6\">\n                    <div class=\"flex flex-col md:flex-row items-center gap-3 md:gap-2 mb-3 text-center md:text-left\">\n                        <span class=\"shrink-0 bg-main-pink text-white font-black text-xl w-10 h-10 flex items-center justify-center rounded-full\">1<\/span>\n                        <h3 class=\"font-heading font-bold text-xl text-main-pink\">\u77e5\u7684\u969c\u5bb3\uff08\u5fae\u5c0f\u6b20\u5931\uff09\u307e\u3067<br class=\"md:hidden\">\u898b\u9003\u3055\u306a\u3044<\/h3>\n                    <\/div>\n                    <p class=\"text-center md:text-left\">\u4e00\u822c\u7684\u306aNIPT\u3067\u306f\u5206\u304b\u3089\u306a\u3044\u3001\u30c7\u30a3\u30b8\u30e7\u30fc\u30b8\u75c7\u5019\u7fa4\u3092\u306f\u3058\u3081\u3068\u3059\u308b\u300c\u77e5\u7684\u969c\u5bb3\u300d\u307e\u3067\u3057\u3063\u304b\u308a\u691c\u67fb\u3067\u304d\u307e\u3059\u3002<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- \u7406\u75312 -->\n            <div class=\"bg-gray-50 rounded-2xl overflow-hidden shadow-card\">\n                <img decoding=\"async\" src=\"\/nipt\/wp-content\/uploads\/2026\/04\/25188073_s-1.webp\" alt=\"\u598a\u5a66\u3055\u3093\" class=\"w-full !h-48 object-cover\">\n                <div class=\"p-6\">\n                    <div class=\"flex flex-col md:flex-row items-center gap-3 md:gap-2 mb-3 text-center md:text-left\">\n                        <span class=\"shrink-0 bg-main-pink text-white font-black text-xl w-10 h-10 flex items-center justify-center rounded-full\">2<\/span>\n                        <h3 class=\"font-heading font-bold text-xl text-main-pink\">\u4e0d\u5b89\u306a\u5f85\u3061\u6642\u9593\u3092\u306a\u304f\u3059<br class=\"md:hidden\">\u300c\u6700\u77ed2\u65e5\u300d\u3067\u306e\u7d50\u679c\u901a\u77e5<\/h3>\n                    <\/div>\n                    <p class=\"text-center md:text-left\">\u56fd\u5185\u306e\u81ea\u793e\u30e9\u30dc\uff08\u6771\u4eac\u885b\u751f\u691c\u67fb\u6240\uff09\u3067\u691c\u67fb\u3092\u884c\u3046\u305f\u3081\u3001\u30b9\u30d4\u30fc\u30c7\u30a3\u30fc\u306b\u7d50\u679c\u3092\u304a\u5c4a\u3051\u3002\u6d77\u5916\u3078\u691c\u4f53\u3092\u9001\u308b\u300c\u4e0d\u5b89\u306a2\u9031\u9593\u300d\u3092\u904e\u3054\u3055\u306a\u304f\u3066\u6e08\u307f\u307e\u3059\u3002<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- \u7406\u75313 -->\n            <div class=\"bg-gray-50 rounded-2xl overflow-hidden shadow-card\">\n                <img decoding=\"async\" src=\"\/nipt\/wp-content\/uploads\/2026\/04\/3620425_s-1.webp\" alt=\"\u533b\u5e2b\u3068\u60a3\u8005\" class=\"w-full !h-48 object-cover object-top\">\n                <div class=\"p-6\">\n                    <div class=\"flex flex-col md:flex-row items-center gap-3 md:gap-2 mb-3 text-center md:text-left\">\n                        <span class=\"shrink-0 bg-main-pink text-white font-black text-xl w-10 h-10 flex items-center justify-center rounded-full\">3<\/span>\n                        <h3 class=\"font-heading font-bold text-xl text-main-pink\">\u4e07\u304c\u4e00\u306e\u6642\u3082\u5b89\u5fc3\u306e<br class=\"md:hidden\">\u624b\u539a\u3044\u30b5\u30dd\u30fc\u30c8\u4f53\u5236<\/h3>\n                    <\/div>\n                    <p class=\"text-center md:text-left\">\u5ba2\u89b3\u7684\u306a\u6570\u5024\u3067\u8a73\u7d30\u5224\u5b9a\u3059\u308b\u30d2\u30ed\u30af\u30ea\u30cb\u30c3\u30af\u72ec\u81ea\u306e\u300c\u967d\u6027\u30b9\u30b3\u30a2\u300d\u30ec\u30dd\u30fc\u30c8\u3092\u3054\u63d0\u4f9b\u3057\u307e\u3059\u3002\u3055\u3089\u306b\u3001\u4e07\u304c\u4e00\u967d\u6027\u3060\u3063\u305f\u5834\u5408\u3001\u7f8a\u6c34\u691c\u67fb\u306e\u8cbb\u7528\u3092\u6700\u592720\u4e07\u5186\uff08\u7a0e\u8fbc\uff09\u307e\u3067\u88dc\u52a9\u3059\u308b\u30b5\u30dd\u30fc\u30c8\u5236\u5ea6\u3092\u3054\u7528\u610f\u3057\u3066\u3044\u307e\u3059\u3002<br><span class=\"text-sm\">\u203b\u7f8a\u6c34\u691c\u67fb\u30b5\u30dd\u30fc\u30c8\uff08\u7a0e\u8fbc3,300\u5186\uff09\u3078\u306e\u3054\u52a0\u5165\u304c\u5fc5\u8981\u3067\u3059\u3002<\/span><\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- \u533b\u5e2b\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb -->\n        <div class=\"mt-12 bg-white border-2 border-gray-100 rounded-2xl p-6 flex flex-col md:flex-row items-center gap-6 shadow-sm text-center md:text-left\">\n            <img decoding=\"async\" src=\"\/nipt\/wp-content\/uploads\/2026\/04\/oka-ai-blue.webp\" alt=\"\u5ca1 \u535a\u53f2 \u7d71\u62ec\u9662\u9577\" class=\"w-32 h-32 rounded-full object-cover shadow-md mx-auto md:mx-0\" style=\"aspect-ratio: 1 \/ 1; object-position: 50% 20%;\">\n            <div>\n                <p class=\"text-sm text-gray-500 font-bold mb-1\">\u533b\u7642\u6cd5\u4eba\u793e\u56e3\u798f\u7f8e\u4f1a<\/p>\n                <h4 class=\"font-heading text-xl font-bold mb-3\">\u5ca1 \u535a\u53f2 <span class=\"text-sm font-normal font-sans\">\u7d71\u62ec\u9662\u9577<\/span><\/h4>\n                <p class=\"text-sm leading-relaxed text-gray-600\">\u6176\u61c9\u5927\u5b66\u533b\u5b66\u90e8\u5352\u696d\u5f8c\u3001\u65e5\u7c73\u306e\u533b\u5e2b\u56fd\u5bb6\u8a66\u9a13\u306b\u5408\u683c\u3002\u533b\u5b66\u535a\u58eb\u30fb\u30e9\u30dc\u30c7\u30a3\u30ec\u30af\u30bf\u30fc\u8cc7\u683c\u4fdd\u6709\u3002\u7686\u69d8\u304c\u5b89\u5fc3\u3057\u3066\u691c\u67fb\u3092\u53d7\u3051\u3089\u308c\u308b\u74b0\u5883\u3092\u6574\u3048\u3066\u304a\u308a\u307e\u3059\u3002<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 5. \u304a\u3059\u3059\u3081\u30d7\u30e9\u30f3\uff08Standard Pro\u30d7\u30e9\u30f3\uff09\u306e\u30cf\u30a4\u30e9\u30a4\u30c8 -->\n    <section class=\"py-16 px-5 bg-gradient-to-b from-pastel-pink to-white\">\n        <div class=\"text-center mb-8\">\n            <h2 class=\"font-heading text-2xl font-bold text-main-pink flex flex-col items-center gap-2\">\n                <i class=\"fa-solid fa-crown text-yellow-400 text-5xl\"><\/i>\n                <span>\u4e00\u756a\u9078\u3070\u308c\u3066\u3044\u308b<br class=\"md:hidden\">\u304a\u3059\u3059\u3081\u30d7\u30e9\u30f3<\/span>\n                <span class=\"!text-4xl !md:text-5xl !font-black !mt-2\" style=\"color:#f4649E\">Standard Pro\u30d7\u30e9\u30f3<\/span>\n            <\/h2>\n        <\/div>\n\n        <div class=\"bg-white rounded-3xl p-6 pt-12 md:p-10 md:pt-14 shadow-xl border-4 border-main-pink relative overflow-hidden mt-4\">\n            <div class=\"absolute top-0 right-0 z-10 bg-main-pink text-white font-bold py-1.5 px-10 text-sm md:text-base transform translate-x-8 translate-y-4 rotate-45 shadow-md\">\n                \u4eba\u6c17No.1\n            <\/div>\n\n            <p class=\"text-center font-bold mb-6 text-lg relative z-20\">\u300c\u3069\u306e\u30d7\u30e9\u30f3\u304c\u826f\u3044\u304b\u308f\u304b\u3089\u306a\u3044\u300d\u3068\u3044\u3046\u65b9\u306b<br>\u4e00\u756a\u9078\u3070\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n            \n            <div class=\"bg-pink-50 rounded-xl p-5 mb-6\">\n                <h3 class=\"font-heading font-bold text-main-pink border-b border-pink-200 pb-2 mb-3 text-center\">\u691c\u67fb\u5185\u5bb9<\/h3>\n                <p class=\"text-sm md:text-base leading-relaxed text-left\">\n                    \u57fa\u672c\u306e3\u67d3\u8272\u4f53\uff0813\u30fb18\u30fb21\u756a\uff09\u3068\u6027\u5225\u5224\u5b9a\u306b\u52a0\u3048\u3001\u3054\u5bb6\u5ead\u3078\u306e\u8ca0\u62c5\u304c\u5927\u304d\u3044<strong>\u300c\u30c7\u30a3\u30b8\u30e7\u30fc\u30b8\u75c7\u5019\u7fa4\u300d<\/strong>\u3084<strong>\u300c\u6027\u67d3\u8272\u4f53\u306e\u7570\u5e38\uff08\u4e0d\u598a\u75c7\u306a\u3069\uff09\u300d<\/strong>\u3092\u3057\u3063\u304b\u308a\u7db2\u7f85\u3002\u591a\u304f\u306e\u598a\u5a66\u3055\u3093\u304c\u6700\u3082\u77e5\u308a\u305f\u3044\u5185\u5bb9\u304c\u30ae\u30e5\u30c3\u3068\u8a70\u307e\u3063\u3066\u3044\u307e\u3059\u3002\n                <\/p>\n            <\/div>\n\n            <div class=\"text-center mb-6\">\n                <p class=\"text-gray-500 font-bold mb-1\">\u4fa1\u683c<\/p>\n                <p class=\"!font-heading !text-4xl !md:text-5xl !font-black !text-main-pink\">160,000<span class=\"text-2xl font-sans font-bold\">\u5186<\/span><\/p>\n                <p class=\"text-sm text-gray-500\">\uff08\u7a0e\u8fbc 176,000\u5186\uff09<\/p>\n            <\/div>\n\n            <div class=\"bg-yellow-50 rounded-xl p-4 text-center border border-yellow-100\">\n                <p class=\"text-sm md:text-base font-bold text-yellow-800 text-left\">\n                    <i class=\"fa-solid fa-lightbulb text-yellow-500 mr-1\"><\/i>\n                    \u4ed6\u9662\u3067\u8a73\u3057\u3044\u691c\u67fb\uff08\u30d5\u30eb\u30d7\u30e9\u30f3\uff09\u3092\u53d7\u3051\u3088\u3046\u3068\u3059\u308b\u306815\u4e07\u301c20\u4e07\u5186\u7a0b\u5ea6\u304b\u304b\u308b\u3053\u3068\u304c\u591a\u3044\u4e2d\u3067\u3001\u540c\u4fa1\u683c\u5e2f\u3067\u300c\u3088\u308a\u3054\u5bb6\u65cf\u306e\u5c06\u6765\u3092\u898b\u636e\u3048\u305f\u8a73\u3057\u3044\u691c\u67fb\u300d\u304c\u7121\u7406\u306a\u304f\u53d7\u3051\u3089\u308c\u307e\u3059\u3002\n                <\/p>\n            <\/div>\n        <\/div>\n                <div class=\"space-y-5 max-w-md mx-auto\">\n            <!-- \u30dc\u30bf\u30f33: WEB\u4e88\u7d04 -->\n            <a href=\"https:\/\/mypage-nipt-reservation.hiro-clinic.or.jp\/registration\" class=\"btn-3d block text-center w-full bg-gradient-to-r from-pink-400 to-main-pink text-white font-bold text-xl py-5 rounded-full shadow-btn active:shadow-btn-active mt-8\" target=\"_blank\" rel=\"noopener\">\n                <i class=\"fa-regular fa-calendar-check mr-2\"><\/i> \u691c\u67fb\u306eWEB\u4e88\u7d04\u306f\u3053\u3061\u3089\n                <span class=\"block text-sm font-normal mt-1 font-sans\">\uff0824\u6642\u9593\u53d7\u4ed8\u4e2d\uff09<\/span>\n            <\/a>\n        <\/div>\n    <\/section>\n   \n\n\n  \n\n\n\n\n\n\n    <!-- 6. \u8c4a\u5bcc\u306a\u30d7\u30e9\u30f3\u7d39\u4ecb\uff06\u533b\u7642\u6a5f\u95a2\u30bb\u30af\u30b7\u30e7\u30f3 -->\n    <section class=\"py-16 px-5 bg-white\">\n        <div class=\"text-center mb-10\">\n            <h2 class=\"font-heading text-xl md:text-2xl font-bold leading-relaxed\">\n                \u3054\u81ea\u8eab\u306e\u5e0c\u671b\u3084\u3054\u4e88\u7b97\u306b\u5408\u308f\u305b\u3066\u3001<br>\u8c4a\u5bcc\u306a\u30d7\u30e9\u30f3\u304b\u3089\u9078\u3079\u307e\u3059\n            <\/h2>\n        <\/div>\n        \n        <p class=\"mb-8 leading-relaxed text-left\">\n            \u30d2\u30ed\u30af\u30ea\u30cb\u30c3\u30af\u3067\u306f\u3001\u4e88\u7b97\u3092\u6291\u3048\u305f\u3044\u65b9\u5411\u3051\u306e\u30d9\u30fc\u30b7\u30c3\u30af\u306a\u30d7\u30e9\u30f3\u304b\u3089\u3001116\u7a2e\u985e\u306e\u77e5\u7684\u969c\u5bb3\u3084\u5168\u67d3\u8272\u4f53\u3092\u7db2\u7f85\u7684\u306b\u8abf\u3079\u305f\u3044\u65b9\u5411\u3051\u306e\u30d5\u30eb\u30d7\u30e9\u30f3\u307e\u3067\u3001\u3054\u5e0c\u671b\u306b\u5408\u308f\u305b\u3066\u81ea\u7531\u306b\u9078\u629e\u3067\u304d\u307e\u3059\u3002<br>\n            <strong class=\"block mt-2\">\u3042\u306a\u305f\u306b\u3074\u3063\u305f\u308a\u306e\u30d7\u30e9\u30f3\u304c\u304d\u3063\u3068\u898b\u3064\u304b\u308a\u307e\u3059\u3002<\/strong>\n        <\/p>\n\n        <div class=\"bg-pastel-blue rounded-2xl p-6 md:p-8 mb-8\">\n            <h3 class=\"font-heading text-xl font-bold text-center text-main-blue mb-4\">\n                <i class=\"fa-solid fa-hospital mr-2\"><\/i>\u5168\u56fd\u306e\u9023\u643a\u533b\u7642\u6a5f\u95a2\n            <\/h3>\n            <p class=\"text-center mb-4 leading-relaxed\">\n                \u304a\u8fd1\u304f\u306e\u533b\u7642\u6a5f\u95a2\u3067<br class=\"md:hidden\">\u65b0\u578b\u51fa\u751f\u524d\u8a3a\u65ad\u304c\u53ef\u80fd\u3067\u3059\u3002<br>\n                <strong>46\u90fd\u9053\u5e9c\u770c\u3001125\u7b87\u6240<\/strong>\n            <\/p>\n            <p class=\"text-xs text-center text-gray-500 mb-6\">\u203b\u6c96\u7e04\u4ee5\u5916\u306e\u5168\u90fd\u9053\u5e9c\u770c\u3067\u53d7\u691c\u3067\u304d\u307e\u3059\u3002<\/p>\n            \n            \n            <!-- Accordion HTML (As provided in prompt, styled with classes) -->\n            <div id=\"more-table-acc\" class=\"js-accordion-content table-all space-y-3\">\n                \n                <!-- \u5317\u6d77\u9053\u5730\u65b9 -->\n                <article class=\"td-loc bg-white rounded-xl overflow-hidden shadow-sm\">\n                    <div class=\"js-accordion-item\">\n                        <div class=\"js-accordion-header js-accordion-button bg-white p-4 font-bold border-b border-gray-100\">\n                            <div class=\"loc-text font-heading\">\u5317\u6d77\u9053\u5730\u65b9<\/div>\n                        <\/div>\n                        <div class=\"js-accordion-collapse p-4 bg-gray-50 text-sm\">\n                            <div class=\"js-accordion-body\">\n                                <ul class=\"space-y-3\">\n                                    <li class=\"font-bold\">\u5317\u6d77\u9053\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/hiroclinic\/sapporo\/\">\u30d2\u30ed\u30af\u30ea\u30cb\u30c3\u30afNIPT\u672d\u5e4c\u99c5\u524d\u9662<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-hokkaido\/\">\u65ed\u5ddd\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-hokkaido\/\">\u51fd\u9928\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-hokkaido\/\">\u91e7\u8def\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                <\/ul>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/article>\n\n                <!-- \u6771\u5317\u5730\u65b9 -->\n                <article class=\"td-loc bg-white rounded-xl overflow-hidden shadow-sm\">\n                    <div class=\"js-accordion-item\">\n                        <div class=\"js-accordion-header js-accordion-button bg-white p-4 font-bold border-b border-gray-100\">\n                            <div class=\"loc-text font-heading\">\u6771\u5317\u5730\u65b9<\/div>\n                        <\/div>\n                        <div class=\"js-accordion-collapse p-4 bg-gray-50 text-sm\">\n                            <div class=\"js-accordion-body\">\n                                <ul class=\"space-y-3\">\n                                    <li class=\"font-bold\">\u5c71\u5f62\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-yamagata\/\">\u5c71\u5f62\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u5ca9\u624b\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-iwate\/\">\u76db\u5ca1\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u79cb\u7530\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-akita\/\">\u79cb\u7530\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u798f\u5cf6\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-fukushima\/\">\u3044\u308f\u304d\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-fukushima\/\">\u4f1a\u6d25\u82e5\u677e\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                <\/ul>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/article>\n\n                <!-- \u95a2\u6771\u5730\u65b9 -->\n                <article class=\"td-loc bg-white rounded-xl overflow-hidden shadow-sm\">\n                    <div class=\"js-accordion-item\">\n                        <div class=\"js-accordion-header js-accordion-button bg-white p-4 font-bold border-b border-gray-100\">\n                            <div class=\"loc-text font-heading\">\u95a2\u6771\u5730\u65b9<\/div>\n                        <\/div>\n                        <div class=\"js-accordion-collapse p-4 bg-gray-50 text-sm\">\n                            <div class=\"js-accordion-body\">\n                                <ul class=\"space-y-3\">\n                                    <li class=\"font-bold\">\u8328\u57ce\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-ibaraki\/\">\u6c34\u6238\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-ibaraki\/\">\u571f\u6d66\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-ibaraki\/\">\u9f8d\u30f6\u5d0e\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-ibaraki\/\">\u884c\u65b9\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-ibaraki\/\">\u3064\u304f\u3070\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u7fa4\u99ac\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-gunma\/\">\u524d\u6a4b\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-gunma\/\">\u5bcc\u5ca1\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-gunma\/\">\u9ad8\u5d0e\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u6803\u6728\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-tochigi\/\">\u5b87\u90fd\u5bae\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-tochigi\/\">\u9e7f\u6cbc\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u57fc\u7389\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a class=\"omiya-link\" href=\"\/nipt\/hiroclinic\/omiya\/\">\u30d2\u30ed\u30af\u30ea\u30cb\u30c3\u30af\u5927\u5bae\u99c5\u524d\u9662<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u6771\u4eac\u90fd\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a class=\"tokyo-link\" href=\"\/nipt\/hiroclinic\/tokyo\/\">\u30d2\u30ed\u30af\u30ea\u30cb\u30c3\u30af\u6771\u4eac\u99c5\u524d\u9662<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u5343\u8449\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-chiba\/\">\u9999\u53d6\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-chiba\/\">\u8302\u539f\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-chiba\/\">\u5343\u8449\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u795e\u5948\u5ddd\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a class=\"yokohama-link\" href=\"\/nipt\/hiroclinic\/yokohama\/\">\u30d2\u30ed\u30af\u30ea\u30cb\u30c3\u30af\u6a2a\u6d5c\u99c5\u524d\u9662<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                <\/ul>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/article>\n\n                <!-- \u4e2d\u90e8\u5730\u65b9 -->\n                <article class=\"td-loc bg-white rounded-xl overflow-hidden shadow-sm\">\n                    <div class=\"js-accordion-item\">\n                        <div class=\"js-accordion-header js-accordion-button bg-white p-4 font-bold border-b border-gray-100\">\n                            <div class=\"loc-text font-heading\">\u4e2d\u90e8\u5730\u65b9<\/div>\n                        <\/div>\n                        <div class=\"js-accordion-collapse p-4 bg-gray-50 text-sm\">\n                            <div class=\"js-accordion-body\">\n                                <ul class=\"space-y-3\">\n                                    <li class=\"font-bold\">\u65b0\u6f5f\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-niigata\/\">\u65b0\u6f5f\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-niigata\/\">\u4f50\u6e21\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u77f3\u5ddd\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-ishikawa\/\">\u91d1\u6ca2\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-ishikawa\/\">\u80fd\u7f8e\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-ishikawa\/\">\u52a0\u8cc0\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u5c71\u68a8\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-yamanashi\/\">\u7532\u5e9c\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u5c90\u961c\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-gifu\/\">\u4e2d\u6d25\u5ddd\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-gifu\/\">\u5c90\u961c\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u611b\u77e5\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a class=\"nagoya-link\" href=\"\/nipt\/hiroclinic\/nagoya\/\">\u30d2\u30ed\u30af\u30ea\u30cb\u30c3\u30af\u540d\u53e4\u5c4b\u99c5\u524d\u9662<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u5bcc\u5c71\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-toyama\/\">\u5bcc\u5c71\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-toyama\/\">\u5c04\u6c34\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u798f\u4e95\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-fukui\/\">\u798f\u4e95\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u9577\u91ce\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-nagano\/\">\u9577\u91ce\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-nagano\/\">\u677e\u672c\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-nagano\/\">\u4e0b\u9ad8\u4e95\u90e1<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-nagano\/\">\u4f0a\u90a3\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u9759\u5ca1\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-shizuoka\/\">\u9759\u5ca1\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-shizuoka\/\">\u6d5c\u677e\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-shizuoka\/\">\u85e4\u679d\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u4e09\u91cd\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-mie\/\">\u6d25\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-mie\/\">\u4f0a\u52e2\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-mie\/\">\u6851\u540d\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                <\/ul>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/article>\n                \n                <!-- \u8fd1\u757f\u5730\u65b9 -->\n                <article class=\"td-loc bg-white rounded-xl overflow-hidden shadow-sm\">\n                    <div class=\"js-accordion-item\">\n                        <div class=\"js-accordion-header js-accordion-button bg-white p-4 font-bold border-b border-gray-100\">\n                            <div class=\"loc-text font-heading\">\u8fd1\u757f\u5730\u65b9<\/div>\n                        <\/div>\n                        <div class=\"js-accordion-collapse p-4 bg-gray-50 text-sm\">\n                            <div class=\"js-accordion-body\">\n                                <ul class=\"space-y-3\">\n                                    <li class=\"font-bold\">\u6ecb\u8cc0\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-shiga\/\">\u8349\u6d25\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-shiga\/\">\u9ad8\u5cf6\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-shiga\/\">\u5b88\u5c71\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-shiga\/\">\u9577\u6d5c\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u4eac\u90fd\u5e9c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-kyoto\/\">\u4eac\u90fd\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-kyoto\/\">\u57ce\u967d\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u5927\u962a\u5e9c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a class=\"osaka-link\" href=\"\/nipt\/hiroclinic\/osaka\/\">\u30d2\u30ed\u30af\u30ea\u30cb\u30c3\u30af\u5927\u962a\u99c5\u524d\u9662<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/hiroclinic\/namba\/\">\u30d2\u30ed\u30af\u30ea\u30cb\u30c3\u30af\u306a\u3093\u3070\u5fc3\u658e\u6a4b\u9662<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u5948\u826f\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-nara\/\">\u4e94\u689d\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u5175\u5eab\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-hyogo\/\">\u5c3c\u5d0e\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u548c\u6b4c\u5c71\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-wakayama\/\">\u548c\u6b4c\u5c71\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-wakayama\/\">\u65e5\u9ad8\u90e1\u5370\u5357\u753a<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                <\/ul>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/article>\n\n                <!-- \u4e2d\u56fd\u5730\u65b9 -->\n                <article class=\"td-loc bg-white rounded-xl overflow-hidden shadow-sm\">\n                    <div class=\"js-accordion-item\">\n                        <div class=\"js-accordion-header js-accordion-button bg-white p-4 font-bold border-b border-gray-100\">\n                            <div class=\"loc-text font-heading\">\u4e2d\u56fd\u5730\u65b9<\/div>\n                        <\/div>\n                        <div class=\"js-accordion-collapse p-4 bg-gray-50 text-sm\">\n                            <div class=\"js-accordion-body\">\n                                <ul class=\"space-y-3\">\n                                    <li class=\"font-bold\">\u5ca1\u5c71\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a class=\"okayama-link\" href=\"\/nipt\/hiroclinic\/okayama\/\">\u30d2\u30ed\u30af\u30ea\u30cb\u30c3\u30af\u5ca1\u5c71\u99c5\u524d\u9662<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u9ce5\u53d6\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-tottori\/\">\u7c73\u5b50\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-tottori\/\">\u5009\u5409\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u5c71\u53e3\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-yamaguchi\/\">\u5c71\u53e3\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-yamaguchi\/\">\u5b87\u90e8\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u5cf6\u6839\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-shimane\/\">\u677e\u6c5f\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u5e83\u5cf6\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-hiroshima\/\">\u5449\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-hiroshima\/\">\u5e9c\u4e2d\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-hiroshima\/\">\u5e83\u5cf6\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                <\/ul>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/article>\n\n                <!-- \u56db\u56fd\u5730\u65b9 -->\n                <article class=\"td-loc bg-white rounded-xl overflow-hidden shadow-sm\">\n                    <div class=\"js-accordion-item\">\n                        <div class=\"js-accordion-header js-accordion-button bg-white p-4 font-bold border-b border-gray-100\">\n                            <div class=\"loc-text font-heading\">\u56db\u56fd\u5730\u65b9<\/div>\n                        <\/div>\n                        <div class=\"js-accordion-collapse p-4 bg-gray-50 text-sm\">\n                            <div class=\"js-accordion-body\">\n                                <ul class=\"space-y-3\">\n                                    <li class=\"font-bold\">\u9999\u5ddd\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-kagawa\/\">\u9ad8\u677e\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-kagawa\/\">\u4e38\u4e80\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u5fb3\u5cf6\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-tokushima\/\">\u5fb3\u5cf6\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u611b\u5a9b\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-ehime\/\">\u677e\u5c71\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-ehime\/\">\u516b\u5e61\u6d5c\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-ehime\/\">\u4eca\u6cbb\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                <\/ul>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/article>\n\n                <!-- \u4e5d\u5dde\u5730\u65b9 -->\n                <article class=\"td-loc bg-white rounded-xl overflow-hidden shadow-sm\">\n                    <div class=\"js-accordion-item\">\n                        <div class=\"js-accordion-header js-accordion-button bg-white p-4 font-bold border-b border-gray-100\">\n                            <div class=\"loc-text font-heading\">\u4e5d\u5dde\u5730\u65b9<\/div>\n                        <\/div>\n                        <div class=\"js-accordion-collapse p-4 bg-gray-50 text-sm\">\n                            <div class=\"js-accordion-body\">\n                                <ul class=\"space-y-3\">\n                                    <li class=\"font-bold\">\u5927\u5206\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-oita\/\">\u5927\u5206\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u798f\u5ca1\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a class=\"hakata-link\" href=\"\/nipt\/hiroclinic\/hakata\/\">\u30d2\u30ed\u30af\u30ea\u30cb\u30c3\u30af\u535a\u591a\u99c5\u524d\u9662<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u9577\u5d0e\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-nagasaki\/\">\u9577\u5d0e\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u4f50\u8cc0\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-saga\/\">\u4f50\u8cc0\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u718a\u672c\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-kumamoto\/\">\u718a\u672c\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u5bae\u5d0e\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-miyazaki\/\">\u5bae\u5d0e\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                    <li class=\"font-bold\">\u9e7f\u5150\u5cf6\u770c\n                                        <ul class=\"city-list font-normal\">\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-kagoshima\/\">\u9e7f\u5150\u5cf6\u5e02<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-kagoshima\/\">\u85a9\u6469\u90e1<\/a><\/li>\n                                            <li><a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/partner-patient-lp-kagoshima\/\">\u9e7f\u5c4b\u5e02<\/a><\/li>\n                                        <\/ul>\n                                    <\/li>\n                                <\/ul>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/article>\n\n            <\/div>\n            <!-- \/Accordion -->\n        <\/div>\n    <\/section>\n\n    <!-- 7. \u304a\u5ba2\u69d8\u306e\u58f0\u30bb\u30af\u30b7\u30e7\u30f3 -->\n    <section class=\"py-16 px-5 bg-pink-50\">\n        <div class=\"text-center mb-10\">\n            <h2 class=\"font-heading text-2xl md:text-3xl font-bold leading-relaxed text-main-pink relative inline-block\">\n                NIPT\u691c\u67fb\u3092\u53d7\u3051\u305f<br class=\"md:hidden\">\u304a\u5ba2\u3055\u307e\u306e\u58f0\n                <span class=\"absolute -bottom-3 left-1\/2 transform -translate-x-1\/2 w-16 h-1 bg-main-pink rounded-full\"><\/span>\n            <\/h2>\n        <\/div>\n\n        <div class=\"space-y-6\">\n            <!-- \u53e3\u30b3\u30df1 -->\n            <div class=\"bg-white rounded-2xl p-6 md:p-8 shadow-card border border-pink-100\">\n                <div class=\"flex items-center gap-1 mb-4 text-yellow-400 text-lg\">\n                    <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\n                <\/div>\n                <p class=\"text-sm md:text-base leading-loose text-gray-700\">\n                    \u5e74\u9f62\u7684\u306b\u3082\u4e0d\u5b89\u3067\u691c\u67fb\u3092\u53d7\u3051\u305f\u304f\u3001\u53e3\u30b3\u30df\u304c\u826f\u3044\u30d2\u30ed\u30af\u30ea\u30cb\u30c3\u30af\u3092\u9078\u629e\u3057\u307e\u3057\u305f\u3002 \u4e88\u7d04\u6642\u9593\u304c\u591a\u304f\u3066\u53d6\u308a\u3084\u3059\u304f\u3001 \u8aac\u660e \u304b\u3089\u63a1\u8840\u307e\u3067\u3001\u3068\u3066\u3082\u30b9\u30e0\u30fc\u30ba\u3067\u3057\u305f\u3002 \u5f85\u3061\u6642\u9593\u304c\u306a\u3044\u306e\u3067\u4ed5\u4e8b\u304c\u5fd9\u3057\u3044\u4e2d\u3067\u3082\u884c\u304f\u3053\u3068\u304c\u3067\u304d\u3066\u7acb\u5730\u5171\u306b\u975e\u5e38\u306b\u4fbf\u5229 \u3067\u3059\u3002 \u307e\u305f\u7d50\u679c\u3082\u63a1\u8840\u7fcc\u65e5\u304b\u30898\u65e5\u4ee5\u964d\u306b\u7d50\u679c\u304c\u51fa\u308b\u3068\u8a00\u308f\u308c\u307e\u3057\u305f\u304c\u30014\u65e5\u3067\u7d50\u679c\u304c\u51fa\u305f\u306e\u3067\u65e9\u304f\u3066\u3073\u3063\u304f\u308a\u3057\u307e\u3057 \u305f\u3002 \u7d50\u679c\u304c\u51fa\u308b\u307e\u3067\u6bce\u65e5\u305d\u308f\u305d\u308f\u3057\u3066\u3044\u305f\u306e\u3067\u65e9\u304f\u7d50\u679c\u304c\u51fa\u308b\u306e\u306f\u5b09\u3057\u304b\u3063\u305f\u3067\u3059\u3002 \u3053\u308c\u304b\u3089\u51fa\u7523\u3092\u8fce\u3048\u308b\u51fa\u751f\u524d\u8a3a\u65ad \u3092\u53d7\u3051\u305f\u3044\u3068\u8a00\u3063\u3066\u3044\u308b\u53cb\u9054\u306b\u3082\u3053\u3061\u3089\u3092\u304a\u3059\u3059\u3081\u3057\u305f\u3044\u3067\u3059\u3002\n                <\/p>\n            <\/div>\n            \n            <!-- \u53e3\u30b3\u30df2 -->\n            <div class=\"bg-white rounded-2xl p-6 md:p-8 shadow-card border border-pink-100\">\n                <div class=\"flex items-center gap-1 mb-4 text-yellow-400 text-lg\">\n                    <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\n                <\/div>\n                <p class=\"text-sm md:text-base leading-loose text-gray-700\">\n                    27\u624d\u3067\u598a\u5a20\u3057\u307e\u3057\u305f\u3002 \u5e74\u9f62\u7684\u306b\u3082\u75c5\u9662\u3067\u4f55\u304b\u8a00\u308f\u308c\u305f\u308f\u3051\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u304c\u3001 \u598a\u5a20\u5f53\u521d\u3088\u308aNIPT\u306f\u6c17\u306b\u306a\u3063\u3066\u3044\u307e\u3057\u305f\u3002 \u3064\u308f\u308a\u304c\u843d\u3061\u7740\u304d\u3044\u308d\u3044\u308d\u3068\u8abf\u3079\u59cb\u3081\u5c11\u3057\u3067\u3082\u4e0d\u5b89\u304c\u306a\u304f\u306a\u308c\u3070\u3068\u53d7\u3051\u308b\u3053\u3068\u306b\u3057\u307e\u3057\u305f\u3002 \u91d1\u984d\u3084\u5185\u5bb9\u3082 \u69d8\u3005\u3067\u3044\u304f\u3064\u304b\u6bd4\u8f03\u3055\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3057\u305f\u304c\u3001 \u30d2\u30ed\u30af\u30ea\u30cb\u30c3\u30af\u306f\u6bd4\u8f03\u7684\u30ea\u30fc\u30ba\u30ca\u30d6\u30eb\u306a\u30d9\u30fc\u30b7\u30c3\u30af\u30b3\u30fc\u30b9\u304c\u3042\u308a\u3001 \u53e3\u30b3\u30df\u3082\u826f\u304b\u3063\u305f\u305f\u3081\u6c7a\u3081\u307e\u3057\u305f\u3002 \u691c\u67fb\u306f\u63a1\u8840\u306e\u307f\u3067\u7d50\u679c\u30823\u65e5\u307b\u3069\u3067\u30e1\u30fc\u30eb\u304c\u5c4a\u304d\u307e\u3057\u305f\u3002 \u3053\u3093\u306a\u306b\u65e9\u304f\u6765\u308b\u3068\u306f\u601d\u3063\u3066 \u3044\u306a\u304b\u3063\u305f\u306e\u3067\u9a5a\u304d\u307e\u3057\u305f\u3002 \u7d50\u679c\u306b\u5b89\u5fc3\u3057\u3001 \u672c\u5f53\u306b\u53d7\u3051\u3066\u826f\u304b\u3063\u305f\u3068\u601d\u3044\u307e\u3059\u3002\n                <\/p>\n            <\/div>\n\n            <!-- \u53e3\u30b3\u30df3 -->\n            <div class=\"bg-white rounded-2xl p-6 md:p-8 shadow-card border border-pink-100\">\n                <div class=\"flex items-center gap-1 mb-4 text-yellow-400 text-lg\">\n                    <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\n                <\/div>\n                <p class=\"text-sm md:text-base leading-loose text-gray-700\">\n                    \u598a\u5a20\u304c\u308f\u304b\u3063\u305f\u3068\u304d\u3001 \u3053\u308c\u304b\u3089\u306e\u751f\u6d3b\u3084\u8d64\u3061\u3083\u3093\u306e\u5065\u5eb7\u306b\u3064\u3044\u3066\u69d8\u3005\u306a\u30ea\u30b9\u30af\u3092\u8003\u3048\u3001\u5b89\u5fc3\u3057\u3066\u51fa\u7523\u306b\u81e8\u3080\u305f\u3081\u306b NIPT\u8a3a\u65ad\u3092\u53d7\u3051\u308b\u3053\u3068\u3092\u6c7a\u610f\u3057\u307e\u3057\u305f\u3002<br>\n                    \u8cbb\u7528\u306f\u304b\u304b\u308a\u307e\u3059\u304c\u3001 \u6bcd\u4f53\u304b\u3089\u306e\u63a1\u8840\u3060\u3051\u3067\u8d64\u3061\u3083\u3093\u306e\u67d3\u8272\u4f53\u306b\u3064\u3044\u3066\u8abf\u3079\u3089\u308c\u308b\u3068\u3044\u3046\u70b9\u306b\u5927\u304d\u306a\u9b45\u529b\u3092\u611f\u3058\u3001\u5b9f\u969b \u306e\u691c\u67fb\u3082\u4f53\u3078\u306e\u8ca0\u62c5\u304c\u5c11\u306a\u304f\u3001 \u3068\u3066\u3082\u697d\u306a\u6c17\u6301\u3061\u3067\u53d7\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3057\u305f\u3002 \u7d50\u679c\u306f\u30e1\u30fc\u30eb\u3067\u901a\u77e5\u3055\u308c\u308b\u305f\u3081\u518d\u5ea6\u75c5\u9662 \u306b\u884c\u304f\u5fc5\u8981\u304c\u306a\u304f\u3001\u5fd9\u3057\u3044\u4e2d\u3067\u3082\u5b89\u5fc3\u3057\u3066\u5f85\u3064\u3053\u3068\u304c\u3067\u304d\u305f\u306e\u3082\u826f\u304b\u3063\u305f\u70b9\u3067\u3059\u3002<br>\n                    \u598a\u5a20\u4e2d\u306f\u3069\u3046\u3057\u3066\u3082\u4e0d\u5b89\u304c\u3064\u304d\u307e\u3068\u3046\u3082\u306e\u3067\u3059\u304c\u3001 \u3053\u306e\u691c\u67fb\u306e\u304a\u304b\u3052\u3067\u5fc3\u306b\u4f59\u88d5\u304c\u751f\u307e\u308c\u3001 \u598a\u5a20\u751f\u6d3b\u3092\u524d\u5411\u304d\u306b\u904e\u3054\u3059 \u3053\u3068\u304c\u3067\u304d\u305f\u306e\u3067\u3001\u53d7\u3051\u3066\u672c\u5f53\u306b\u826f\u304b\u3063\u305f\u3068\u611f\u3058\u3066\u3044\u307e\u3059\u3002\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 8. \u30e1\u30c7\u30a3\u30a2\u5b9f\u7e3e\u30bb\u30af\u30b7\u30e7\u30f3 -->\n    <section class=\"py-16 px-5 bg-white\">\n        <div class=\"text-center mb-10\">\n            <h2 class=\"font-heading text-2xl md:text-3xl font-bold leading-relaxed relative inline-block\">\n                \u591a\u6570\u306e\u30e1\u30c7\u30a3\u30a2\u3067<br class=\"md:hidden\">\u7d39\u4ecb\u3055\u308c\u3066\u3044\u307e\u3059\n                <span class=\"absolute -bottom-3 left-1\/2 transform -translate-x-1\/2 w-16 h-1 bg-main-blue rounded-full\"><\/span>\n            <\/h2>\n        <\/div>\n        \n        <div class=\"flex flex-col gap-6 max-w-lg mx-auto\">\n            <!-- \u30e1\u30c7\u30a3\u30a2\u5b9f\u7e3e\u753b\u50cf x 5  -->\n            <div class=\"bg-gray-100 rounded-xl shadow-sm border border-gray-200 flex items-center justify-center relative\">\n                <img decoding=\"async\" src=\"\/nipt\/wp-content\/uploads\/2026\/04\/media-tv-260423.webp\" alt=\"\u30e1\u30c7\u30a3\u30a2\u63b2\u8f09\u30a4\u30e1\u30fc\u30b86\" class=\"w-full h-full object-cover opacity-90\">\n            <\/div>\n            <div class=\"bg-gray-100 rounded-xl shadow-sm border border-gray-200 flex items-center justify-center relative\">\n                <img src=\/nipt\/wp-content\/uploads\/2026\/04\/media-004-2.webp\" alt=\"\u30e1\u30c7\u30a3\u30a2\u63b2\u8f09\u30a4\u30e1\u30fc\u30b86\" class=\"w-full h-full object-cover opacity-90\">\n            <\/div>\n            <div class=\"bg-gray-100 rounded-xl shadow-sm border border-gray-200  flex items-center justify-center relative\">\n                 <img decoding=\"async\" src=\"\/nipt\/wp-content\/uploads\/2026\/04\/media-006-2.webp\" alt=\"\u30e1\u30c7\u30a3\u30a2\u63b2\u8f09\u30a4\u30e1\u30fc\u30b83\" class=\"w-full h-full object-cover opacity-90\">\n            <\/div>\n            <div class=\"bg-gray-100 rounded-xl shadow-sm border border-gray-200  flex items-center justify-center relative\">\n                 <img decoding=\"async\" src=\"\/nipt\/wp-content\/uploads\/2026\/04\/media-001.webp\" alt=\"\u30e1\u30c7\u30a3\u30a2\u63b2\u8f09\u30a4\u30e1\u30fc\u30b82\" class=\"w-full h-full object-cover opacity-90\">\n            <\/div>\n            <div class=\"bg-gray-100 rounded-xl shadow-sm border border-gray-200  flex items-center justify-center relative\">\n                 <img decoding=\"async\" src=\"\/nipt\/wp-content\/uploads\/2026\/04\/media-002-2.webp\" alt=\"\u30e1\u30c7\u30a3\u30a2\u63b2\u8f09\u30a4\u30e1\u30fc\u30b84\" class=\"w-full h-full object-cover opacity-90\">\n            <\/div>\n            <div class=\"bg-gray-100 rounded-xl shadow-sm border border-gray-200  flex items-center justify-center relative\">\n                 <img decoding=\"async\" src=\"\/nipt\/wp-content\/uploads\/2026\/04\/media-003-2.webp\" alt=\"\u30e1\u30c7\u30a3\u30a2\u63b2\u8f09\u30a4\u30e1\u30fc\u30b85\" class=\"w-full h-full object-cover opacity-90\">\n            <\/div>\n            <div class=\"bg-gray-100 rounded-xl shadow-sm border border-gray-200  flex items-center justify-center relative\">\n            <img decoding=\"async\" src=\"\/nipt\/wp-content\/uploads\/2026\/04\/media-005.webp\" alt=\"\u30e1\u30c7\u30a3\u30a2\u63b2\u8f09\u30a4\u30e1\u30fc\u30b85\" class=\"w-full h-full object-cover opacity-90\">\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 9. CTA\uff08\u884c\u52d5\u559a\u8d77\uff09\u30a8\u30ea\u30a2 -->\n    <section id=\"reservation\" class=\"py-16 px-5 bg-gray-50 border-t border-gray-200\">\n        <div class=\"text-center mb-8\">\n            <h2 class=\"font-heading text-xl md:text-2xl font-bold leading-relaxed mb-4\">\n                \u304a\u8179\u306e\u8d64\u3061\u3083\u3093\u306e\u5065\u5eb7\u3001<br>\n                \u65e9\u3081\u306b\u78ba\u8a8d\u3057\u3066<br class=\"md:hidden\"><span class=\"text-main-pink\">\u5b89\u5fc3\u306e\u30de\u30bf\u30cb\u30c6\u30a3\u30e9\u30a4\u30d5<\/span>\u3078\n            <\/h2>\n            <p class=\"text-gray-600 font-medium\">\u3069\u306e\u30d7\u30e9\u30f3\u304c\u826f\u3044\u304b\u8ff7\u3063\u305f\u3089\u3001\u307e\u305a\u306f\u7121\u6599\u306e\u30d7\u30e9\u30f3\u8a3a\u65ad\u3084LINE\u76f8\u8ac7\u3092\u3054\u5229\u7528\u304f\u3060\u3055\u3044\u3002<\/p>\n        <\/div>\n\n        <div class=\"space-y-5 max-w-md mx-auto\">\n            <!-- \u30dc\u30bf\u30f31: \u30d7\u30e9\u30f3\u8a3a\u65ad -->\n            <a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/plan-finder\/?q=37\" class=\"btn-3d flex items-center justify-center gap-3 w-full bg-white text-main-pink border-2 border-main-pink font-bold text-lg py-4 rounded-full shadow-btn-white active:shadow-btn-white-active\">\n                <i class=\"fa-solid fa-clipboard-list text-2xl\"><\/i>\n                <div class=\"text-left leading-tight\">\n                    <span class=\"text-xs font-normal block\">\u305f\u3063\u305f7\u554f\u3067\u308f\u304b\u308b\uff01<\/span>\n                    \u300c\u3042\u306a\u305f\u306b\u5408\u3046\u30d7\u30e9\u30f3\u8a3a\u65ad\u300d\n                <\/div>\n            <\/a>\n\n            <!-- \u30dc\u30bf\u30f32: LINE\u76f8\u8ac7 -->\n            <a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/line-registration\/\" class=\"btn-3d flex items-center justify-center gap-3 w-full bg-line-green text-white font-bold text-lg py-4 rounded-full shadow-btn-line active:shadow-btn-line-active\">\n                <i class=\"fa-brands fa-line text-3xl\"><\/i>\n                <div class=\"text-left leading-tight\">\n                    LINE\u7121\u6599\u76f8\u8ac7\u3067\u6c17\u8efd\u306b\u805e\u3044\u3066\u307f\u308b\n                <\/div>\n            <\/a>\n\n            <!-- \u30dc\u30bf\u30f33: WEB\u4e88\u7d04 -->\n            <a href=\"https:\/\/mypage-nipt-reservation.hiro-clinic.or.jp\/registration\" class=\"btn-3d block text-center w-full bg-gradient-to-r from-pink-400 to-main-pink text-white font-bold text-xl py-5 rounded-full shadow-btn active:shadow-btn-active mt-8\" target=\"_blank\" rel=\"noopener\">\n                <i class=\"fa-regular fa-calendar-check mr-2\"><\/i> \u691c\u67fb\u306eWEB\u4e88\u7d04\u306f\u3053\u3061\u3089\n                <span class=\"block text-sm font-normal mt-1 font-sans\">\uff0824\u6642\u9593\u53d7\u4ed8\u4e2d\uff09<\/span>\n            <\/a>\n        <\/div>\n    <\/section>\n\n<\/div>\n\n<!-- \u56fa\u5b9a\u30d5\u30c3\u30bf\u30fcCTA (\u30b9\u30de\u30db\u7b49\u3067\u8ffd\u5f93\u3055\u305b\u308b\u305f\u3081\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8) -->\n<div class=\"fixed bottom-0 left-0 w-full bg-white\/90 backdrop-blur-md border-t border-pink-100 p-3 z-50 flex justify-center shadow-[0_-5px_15px_rgba(0,0,0,0.05)] md:hidden\">\n    <a href=\"https:\/\/mypage-nipt-reservation.hiro-clinic.or.jp\/registration\" class=\"flex-1 max-w-[400px] bg-main-pink text-white font-bold text-center py-3 rounded-full shadow-md font-heading\" target=\"_blank\" rel=\"noopener\">\n        <i class=\"fa-regular fa-calendar-check mr-1\"><\/i> 24\u6642\u9593WEB\u4e88\u7d04\n    <\/a>\n<\/div>\n\n<!-- JavaScript for Accordion -->\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const accordionButtons = document.querySelectorAll('.js-accordion-button');\n        \n        accordionButtons.forEach(button => {\n            button.addEventListener('click', function() {\n                \/\/ Toggle active class on button for icon rotation\n                this.classList.toggle('active');\n                \n                \/\/ Get the next element (collapse div)\n                const content = this.nextElementSibling;\n                \n                \/\/ Toggle 'show' class to display\/hide\n                if (content.classList.contains('show')) {\n                    content.classList.remove('show');\n                } else {\n                    \/\/ (Optional) Close other accordions\n                    \/\/ document.querySelectorAll('.js-accordion-collapse').forEach(c => c.classList.remove('show'));\n                    \/\/ document.querySelectorAll('.js-accordion-button').forEach(b => b.classList.remove('active'));\n                    \/\/ this.classList.add('active');\n                    \n                    content.classList.add('show');\n                }\n            });\n        });\n    });\n<\/script>\n\n\n\n<script>\n  \/\/ lp-content \u30af\u30e9\u30b9\u3092\u6301\u3064\u8981\u7d20\u3060\u3051\u3092\u53d6\u5f97\n  document.querySelectorAll('.lp-container').forEach(el => {\n    \/\/ \u5143\u306e\u30af\u30e9\u30b9\u3092\u30b9\u30da\u30fc\u30b9\u3067\u5206\u5272\n    const classes = el.className.split(\/\\s+\/);\n\n    \/\/ \u3059\u3067\u306b ! \u304c\u4ed8\u3044\u3066\u3044\u306a\u3044\u30af\u30e9\u30b9\u3060\u3051 ! \u3092\u4ed8\u3051\u308b\n    const newClasses = classes.map(c => c.startsWith('!') ? c : '!' + c);\n\n    \/\/ class \u5c5e\u6027\u3092\u66f8\u304d\u63db\u3048\n    el.className = newClasses.join(' ');\n  });\n<\/script>\n","protected":false},"featured_media":0,"template":"","class_list":["post-127762","lp","type-lp","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hiro-clinic.or.jp\/nipt\/wp-json\/wp\/v2\/lp\/127762","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hiro-clinic.or.jp\/nipt\/wp-json\/wp\/v2\/lp"}],"about":[{"href":"https:\/\/www.hiro-clinic.or.jp\/nipt\/wp-json\/wp\/v2\/types\/lp"}],"version-history":[{"count":13,"href":"https:\/\/www.hiro-clinic.or.jp\/nipt\/wp-json\/wp\/v2\/lp\/127762\/revisions"}],"predecessor-version":[{"id":127896,"href":"https:\/\/www.hiro-clinic.or.jp\/nipt\/wp-json\/wp\/v2\/lp\/127762\/revisions\/127896"}],"wp:attachment":[{"href":"https:\/\/www.hiro-clinic.or.jp\/nipt\/wp-json\/wp\/v2\/media?parent=127762"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}