{"id":130933,"date":"2026-06-22T17:08:46","date_gmt":"2026-06-22T08:08:46","guid":{"rendered":"https:\/\/www.hiro-clinic.or.jp\/nipt\/?post_type=lp&#038;p=130933"},"modified":"2026-06-23T13:10:21","modified_gmt":"2026-06-23T04:10:21","slug":"at-home_blood_draw","status":"publish","type":"lp","link":"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp\/at-home_blood_draw\/","title":{"rendered":"\u81ea\u5b85\u3067\u63a1\u8840\u53ef\u80fdLP"},"content":{"rendered":"\n<style>\n  :root{\n    --cream:#FFF8F5;\n    --cream-2:#FDEFEA;\n    --blush:#FCE4EA;\n    --blush-2:#F8D3DD;\n    --rose:#DB6A8B;\n    --rose-deep:#B84266;\n    --rose-deeper:#9A2F52;\n    --plum:#5E2A3C;\n    --ink:#4D3A40;\n    --ink-soft:#8a7077;\n    --gold:#CFA46A;\n    --line:#EBD3D8;\n    --petal:10px 40px 10px 40px;\n    --petal-rev:40px 10px 40px 10px;\n    --maxw:1120px;\n    --shadow:0 18px 50px -24px rgba(122,43,60,.32);\n    --shadow-sm:0 10px 30px -18px rgba(122,43,60,.30);\n  }\n#header_main_nav { padding-top:1rem; }\n#header{ background:#fff; }\n@media screen and (max-width: 767px) {\n    #main_col { padding:initial; margin:initial;}\n    #left-col{ margin:initial;}\n}\n  #main_col{margin-top:initial;}\n  #article #post_title,#article #post_meta_top{display:none;}\n  *{box-sizing:border-box;margin:0;padding:0;}\n  html{scroll-behavior:smooth;}\n  body{\n    font-family:\"Zen Kaku Gothic New\",sans-serif;\n    color:var(--ink);\n    background:var(--cream);\n    line-height:1.9;\n    font-size:16px;\n    -webkit-font-smoothing:antialiased;\n    overflow-x:hidden;\n  }\n  #main_col #left_col{width:100%; max-width:1200px;margin:0 auto;}\n  img{max-width:100%;display:block;}\n  a{color:inherit;text-decoration:none;}\n\n  .wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:24px;}\n\n  .eyebrow{\n    font-family:\"Cormorant Garamond\",serif;\n    font-size:.95rem;\n    letter-spacing:.42em;\n    text-transform:uppercase;\n    color:var(--rose-deep);\n    display:inline-flex;align-items:center;gap:.7em;\n    font-weight:600;\n  }\n  .eyebrow::before{\n    content:\"\";width:34px;height:1px;background:var(--gold);display:inline-block;\n  }\n  .eyebrow.center::after{\n    content:\"\";width:34px;height:1px;background:var(--gold);display:inline-block;\n  }\n  .jp-label{\n    font-family:\"Shippori Mincho\",serif;font-weight:600;\n    letter-spacing:.08em;color:var(--plum);font-size:.9rem;\n  }\n\n  h2.sec-title{\n    font-family:\"Shippori Mincho\",serif;\n    font-weight:700;\n    color:var(--plum);\n    font-size:clamp(1.65rem,4.4vw,2.7rem);\n    line-height:1.55;\n    letter-spacing:.02em;\n    margin:.55em 0 .2em;\n    border:initial;\n  }\n  .lead{\n    color:var(--ink);\n    font-size:clamp(1rem,2.2vw,1.12rem);\n    max-width:800px;\n  }\n\n  \/* ---------- buttons ---------- *\/\n  .btn{\n    --b1:var(--rose);--b2:var(--rose-deeper);\n    display:inline-flex;align-items:center;gap:.7em;justify-content:center;\n    font-family:\"Zen Kaku Gothic New\",sans-serif;font-weight:700;\n    color:#fff;background:linear-gradient(135deg,var(--b1),var(--b2));\n    padding:1.05em 2.4em;border-radius:999px;\n    letter-spacing:.06em;font-size:1.02rem;\n    box-shadow:0 16px 34px -16px rgba(154,47,82,.75);\n    transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;\n    border:none;cursor:pointer;position:relative;\n  }\n  .btn:hover{transform:translateY(-3px);box-shadow:0 22px 40px -16px rgba(154,47,82,.8);filter:saturate(1.05);}\n  .btn .arrow{transition:transform .25s ease;}\n  .btn:hover .arrow{transform:translateX(4px);}\n  .btn-ghost{\n    background:#fffb;color:var(--rose-deep);\n    border:1.5px solid var(--blush-2);box-shadow:none;font-weight:700;\n  }\n  .btn-ghost:hover{background:#fff;border-color:var(--rose);box-shadow:var(--shadow-sm);}\n  .btn-lg{font-size:1.12rem;padding:1.2em 3em;}\n  a:focus-visible,.btn:focus-visible{outline:3px solid var(--rose-deep);outline-offset:3px;border-radius:999px;}\n\n  \/* ---------- header ---------- *\/\n  header.site{\n    position:sticky;top:0;z-index:50;\n    backdrop-filter:saturate(1.4) blur(10px);\n    background:rgba(255,248,245,.82);\n    border-bottom:1px solid var(--line);\n  }\n  .nav{display:flex;align-items:center;justify-content:space-between;height:72px;}\n  .brand{display:flex;align-items:baseline;gap:.55em;}\n  .brand .mark{\n    font-family:\"Cormorant Garamond\",serif;font-weight:600;\n    font-size:1.7rem;letter-spacing:.04em;color:var(--plum);line-height:1;\n  }\n  .brand .mark b{color:var(--rose-deep);font-weight:600;}\n  .brand .tag{font-size:.72rem;color:var(--ink-soft);letter-spacing:.14em;}\n  .nav .btn{padding:.7em 1.6em;font-size:.9rem;}\n  .nav-links{display:none;gap:2em;font-size:.9rem;color:var(--plum);font-weight:500;}\n  .nav-links a{position:relative;}\n  .nav-links a::after{content:\"\";position:absolute;left:0;bottom:-4px;height:1.5px;width:0;background:var(--rose);transition:width .25s;}\n  .nav-links a:hover::after{width:100%;}\n  @media(min-width:900px){.nav-links{display:flex;}}\n\n  \/* ---------- hero ---------- *\/\n  .hero{position:relative;padding:clamp(56px,9vw,104px) 0 clamp(60px,8vw,96px);overflow:hidden;}\n  .hero .blob{position:absolute;border-radius:50%;filter:blur(8px);opacity:.7;z-index:0;pointer-events:none;}\n  .hero .b1{width:560px;height:560px;right:-160px;top:-120px;\n    background:radial-gradient(circle at 30% 30%,#FBD0DC,#F6A9BE 55%,rgba(246,169,190,0) 72%);}\n  .hero .b2{width:360px;height:360px;left:-120px;bottom:-100px;\n    background:radial-gradient(circle at 60% 40%,#FCE3CF,#F5C9A6 55%,rgba(245,201,166,0) 73%);opacity:.55;}\n  .hero .b3{width:180px;height:180px;right:18%;bottom:8%;\n    background:radial-gradient(circle,#FBD0DC,rgba(251,208,220,0) 70%);opacity:.6;}\n  .wrap.hero-inner{position:relative;z-index:2;display:grid;gap:40px;grid-template-columns:1fr;align-items:center;padding:12px;}\n  @media(min-width:920px){.wrap.hero-inner{grid-template-columns:1.15fr .85fr;gap:24px;}}\n\n  .hero h1{\n    font-family:\"Shippori Mincho\",serif;font-weight:800;\n    color:var(--plum);\n    font-size:clamp(27px,6vw,40px);\n    line-height:1.55;letter-spacing:.02em;\n    margin:.5em 0 .55em;\n  }\n  .hero h1 .hl{\n    position:relative;white-space:nowrap;color:var(--rose-deep);\n  }\n  .hero h1 .hl::after{\n    content:\"\";position:absolute;left:-2%;right:-2%;bottom:.06em;height:.36em;\n    background:linear-gradient(90deg,var(--blush-2),#F9C6D2);z-index:-1;border-radius:4px;opacity:.85;\n  }\n  .hero p.sub{font-size:clamp(1rem,2.4vw,1.16rem);max-width:30em;color:var(--ink);margin-bottom:2em;}\n  .hero-cta{display:flex;flex-wrap:wrap;gap:16px;align-items:center;}\n  .hero-note{margin-top:1.5em;font-size:.82rem;color:var(--ink-soft);display:flex;align-items:center;gap:.5em;}\n  .hero-note .dot{width:7px;height:7px;border-radius:50%;background:var(--gold);}\n\n  \/* hero card \/ illustration *\/\n  .hero-art{position:relative;}\n  .hero-card{\n    background:linear-gradient(160deg,#fff, #FFF3F0);\n    border:1px solid var(--line);\n    border-radius:32px 96px 32px 96px;\n    box-shadow:var(--shadow);\n    padding:38px 34px;\n    position:relative;overflow:hidden;\n  }\n  .hero-card::before{\n    content:\"\";position:absolute;right:-40px;top:-40px;width:150px;height:150px;border-radius:50%;\n    background:radial-gradient(circle at 40% 40%,#FBD7E0,rgba(251,215,224,0) 70%);\n  }\n  .hc-eyebrow{font-family:\"Cormorant Garamond\",serif;letter-spacing:.3em;color:var(--rose-deep);font-size:.8rem;text-transform:uppercase;}\n  .hc-title{font-family:\"Shippori Mincho\",serif;font-weight:700;color:var(--plum);font-size:1.32rem;margin:.4em 0 1.1em;line-height:1.6;}\n  .hc-list{display:grid;gap:14px;position:relative;z-index:1;}\n  .hc-item{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--ink);}\n  .hc-ic{\n    flex:none;width:38px;height:38px;border-radius:50%;\n    background:linear-gradient(135deg,var(--rose),var(--rose-deep));\n    display:grid;place-items:center;color:#fff;box-shadow:0 8px 18px -8px rgba(154,47,82,.6);\n  }\n  .hc-ic svg{width:19px;height:19px;}\n  .hc-divider{height:1px;background:var(--line);margin:6px 0;}\n\n  \/* ---------- section base ---------- *\/\n  section.block{padding:clamp(64px,9vw,108px) 0;position:relative;}\n  .sec-head{margin-bottom:clamp(34px,5vw,56px);}\n  .sec-head.center{text-align:center;display:flex;flex-direction:column;align-items:center;}\n\n  \/* ---------- worries ---------- *\/\n  .worries{background:linear-gradient(180deg,var(--cream),#FFF1EE);}\n  .worry-grid{display:grid;gap:min(2vw,18px);grid-template-columns:1fr;}\n  @media(min-width:680px){.worry-grid{grid-template-columns:1fr 1fr;}}\n  .worry{\n    background:#fff;border:1px solid var(--line);\n    border-radius:var(--petal);\n    padding:26px 26px 26px 30px;\n    display:flex;gap:18px;align-items:flex-start;\n    box-shadow:var(--shadow-sm);position:relative;\n    transition:transform .3s ease, box-shadow .3s ease;\n  }\n  .worry:hover{transform:translateY(-4px);box-shadow:var(--shadow);}\n  .worry .q{\n    font-family:\"Shippori Mincho\",serif;font-weight:700;color:var(--blush-2);\n    font-size:2.2rem;line-height:1;flex:none;margin-top:-2px;\n  }\n  .worry p{font-size:1.02rem;color:var(--ink);font-weight:500;margin-bottom:initial;}\n  .worry.feature{grid-column:1\/-1;background:linear-gradient(135deg,#fff,#FFF0F3);}\n\n  \/* ---------- solution ---------- *\/\n  .solution{background:\n    radial-gradient(1200px 500px at 80% -10%, #FDDDE6 0%, rgba(253,221,230,0) 60%),\n    linear-gradient(180deg,#FFF1EE,var(--cream));}\n  .sol-inner{display:grid;gap:46px;grid-template-columns:1fr;align-items:center;}\n  @media(min-width:900px){.sol-inner{grid-template-columns:1fr 1fr;gap:60px;}}\n  .sol-copy h2{margin-top:.4em;}\n  .sol-copy .lead{margin-top:.8em;}\n  .sol-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:0;}\n  .stat{\n    background:#fff;border:1px solid var(--line);border-radius:22px;\n    padding:26px 16px;text-align:center;box-shadow:var(--shadow-sm);\n  }\n  .stat .num{font-family:\"Cormorant Garamond\",serif;font-weight:600;color:var(--rose-deep);\n    font-size:clamp(2.2rem,6vw,3rem);line-height:1;}\n  .stat .num small{font-size:.42em;font-family:\"Zen Kaku Gothic New\";font-weight:700;margin-left:.15em;}\n  .stat .cap{font-size:.82rem;color:var(--ink-soft);margin-top:.5em;letter-spacing:.04em;}\n\n  \/* ---------- benefits ---------- *\/\n  .benefits{background:var(--cream);}\n  .ben-grid{display:grid;gap: min(3vw, 24px);grid-template-columns:1fr;}\n  @media(min-width:640px){.ben-grid{grid-template-columns:1fr 1fr;}}\n  @media(min-width:1000px){.ben-grid{grid-template-columns:repeat(4,1fr);}}\n  .ben{\n    background:#fff;border:1px solid var(--line);border-radius:24px;\n    padding:32px 20px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;\n    transition:transform .3s ease, box-shadow .3s ease;\n  }\n  .ben::after{content:\"\";position:absolute;left:0;top:0;height:4px;width:100%;\n    background:linear-gradient(90deg,var(--rose),var(--gold));opacity:.85;}\n  .ben:hover{transform:translateY(-6px);box-shadow:var(--shadow);}\n  .ben-ic{\n    width:58px;height:58px;border-radius:18px;\n    background:linear-gradient(140deg,var(--blush),#FBD0DC);\n    display:grid;place-items:center;margin-bottom:18px;color:var(--rose-deep);\n  }\n  .ben-ic svg{width:28px;height:28px;}\n  .ben h3{font-family:\"Shippori Mincho\",serif;font-weight:700;color:var(--plum);font-size:clamp(20px,2.5vw,22px);margin-bottom:.5em;line-height:1.5;}\n  .ben h3:before{ display:none; }\n  .ben p{font-size:.95rem;color:var(--ink);}\n\n  \/* ---------- steps ---------- *\/\n  .steps{background:linear-gradient(180deg,var(--cream),#FFF0F3);}\n  .timeline{position:relative;max-width:760px;margin-inline:auto;}\n  .timeline::before{\n    content:\"\";position:absolute;left:31px;top:24px;bottom:24px;width:2px;\n    background:linear-gradient(180deg,var(--rose),var(--gold));border-radius:2px;\n  }\n  .step{display:grid;grid-template-columns:64px 1fr;gap:min(3vw,24px);padding:18px 0;position:relative;}\n  .step .node{\n    width:64px;height:64px;border-radius:50%;flex:none;\n    background:#fff;border:2px solid var(--blush-2);\n    display:grid;place-items:center;position:relative;z-index:2;\n    box-shadow:var(--shadow-sm);\n  }\n  .step .node span{font-family:\"Cormorant Garamond\",serif;font-weight:600;color:var(--rose-deep);font-size:1.5rem;}\n  .step .body{\n    background:#fff;border:1px solid var(--line);border-radius:var(--petal-rev);\n    padding:24px 28px;box-shadow:var(--shadow-sm);\n    transition:transform .3s ease, box-shadow .3s ease;\n  }\n  .step .body:hover{transform:translateX(4px);box-shadow:var(--shadow);}\n  .step h3{font-family:\"Shippori Mincho\",serif;font-weight:700;color:var(--plum);font-size:1.18rem;margin-bottom:.35em;}\n  .step p{font-size:.96rem;color:var(--ink);}\n  .step .tag{display:inline-block;margin-top:.7em;font-size:.78rem;color:var(--rose-deep);\n    background:var(--blush);padding:.3em 1em;border-radius:999px;font-weight:700;letter-spacing:.04em;}\n\n  \/* ---------- plans ---------- *\/\n  .plans{background:var(--cream);}\n  .plans .reveal.in.pbtn{ text-align:center; margin:1.5rem auto 1rem;}\n  .plan-grid{display:grid;gap: min(3vw, 14px);grid-template-columns:repeat(2, 1fr);align-items:stretch;}\n  @media(max-width:550px){.plan-grid{grid-template-columns:1fr; max-width:300px; margin:0 auto; }.plan.option{max-width:300px;}.option-area{max-width:300px;}}\n  @media(min-width:1120px){.plan-grid{grid-template-columns:repeat(4,1fr);}}\n  .plan.card{\n    background:#fff;border:1px solid var(--line);border-radius:28px;\n    padding:16px 12px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;\n    position:relative;transition:transform .3s ease, box-shadow .3s ease;\n  }\n  .plan:hover{transform:translateY(-6px);box-shadow:var(--shadow);}\n  .plan .pname{font-family:\"Cormorant Garamond\",serif;font-size:1.5rem;color:var(--rose-deep);letter-spacing:.06em;font-weight:600;}\n  .plan .pjp{font-family:\"Shippori Mincho\",serif;font-weight:600;color:var(--plum);font-size: clamp(15px, 3vw, 16px);margin-top:.1em;}\n  .plan .price{font-family:\"Cormorant Garamond\",serif;font-weight:600;color:var(--plum);\n    font-size:2.6rem;line-height:1;margin:.5em 0 .1em; text-align:center;}\n  .plan .price .yen{font-size:1.1rem;margin-right:.1em;}\n  .plan .price .tax{font-family:\"Zen Kaku Gothic New\";font-size:.7rem;color:var(--ink-soft);margin-left:.4em;font-weight:400;}\n  .plan .price-tax{ margin-bottom:1.5rem; text-align:center;}\n  .plan .pdesc{font-size:.92rem;color:var(--ink);margin:1em 0 1.3em;min-height:3.5em;}\n  .plan ul{list-style:none;display:grid;gap:12px;margin-bottom:28px;padding:initial;}\n  .plan li{display:flex;align-items:flex-start;font-size:14.5px;color:var(--ink); gap.25rem 0;}\n  .plan li svg{flex:none;width:18px;height:18px;margin-top:7.5px;color:var(--rose);}\n  .plan .btn{margin-top:auto;width:100%;}\n  .plan.popular{\n    border:2px solid var(--rose);\n    background:linear-gradient(180deg,#fff,#FFF3F6);\n    box-shadow:var(--shadow);\n  }\n  @media(min-width:860px){.plan.popular{transform:translateY(-14px);}.plan.popular:hover{transform:translateY(-20px);}}\n  .ribbon{\n    position:absolute;top:-14px;left:50%;transform:translateX(-50%);\n    background:linear-gradient(135deg,var(--rose),var(--rose-deeper));color:#fff;\n    font-size:.78rem;font-weight:700;letter-spacing:.12em;padding:.45em 1.5em;border-radius:999px;\n    box-shadow:0 10px 22px -10px rgba(154,47,82,.7);white-space:nowrap;\n  }\n\/* ---------- \u63a1\u8840\u30aa\u30d7\u30b7\u30e7\u30f3\uff08\u8a2a\u554f=\u901a\u5e38 \/ \u9023\u643a=\u63a7\u3048\u3081\uff09 ---------- *\/\n.plans .option-area{margin:3em auto 0;}\n.plans .option-head{\n  text-align:center;font-family:\"Shippori Mincho\",serif;color:var(--plum);\n  font-size:.95rem;letter-spacing:.04em;margin-bottom:1.1em;\n}\n.plans .option-grid{display:flex;flex-direction:column;gap:12px;}\n\n\/* \u5171\u901a\uff1a\u540d\u79f0\uff0b\u8aac\u660e\uff08\u5de6\uff09\uff5c\u4fa1\u683c\uff08\u53f3\uff09 *\/\n.plans .plan.card.option{margin:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1.2em;}\n.plans .option .opt-info{min-width:0;}\n.plans .option .opt-price{flex:none;}\n.plans .option-main .opt-price{text-align:center;}\n.plans .option .pname{font-family:\"Shippori Mincho\",serif;color:var(--plum);letter-spacing:.02em;line-height:1.5;}\n.plans .option .pjp{font-family:\"Zen Kaku Gothic New\",sans-serif;color:var(--ink-soft);font-weight:400;line-height:1.55;}\n.plans .option .price{font-family:\"Cormorant Garamond\",serif;font-weight:600;color:var(--rose-deep);margin:0;text-align:right;white-space:nowrap;}\n.plans .option .price .yen{margin-left:.05em;}\n.plans .option .price-tax{text-align:right;margin:.1em 0 0;color:var(--ink-soft);}\n\n\/* \u8a2a\u554f\u63a1\u8840\uff1a\u901a\u5e38\u30b5\u30a4\u30ba *\/\n.plans .plan.card.option-main{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm);padding:20px 24px;}\n.plans .option-main .pname{font-size:1.5rem;font-weight:700;}\n.plans .option-main .pjp{font-size:.85rem;margin:.3em 0 0;}\n.plans .option-main .price{font-size:1.85rem;}\n.plans .option-main .price .yen{font-size:.85rem;}\n.plans .option-main .price-tax{font-size:.76rem;}\n\n\/* \u9023\u643a\u30af\u30ea\u30cb\u30c3\u30af\uff1a\u5c0f\u3055\u304f\u63a7\u3048\u3081 *\/\n.plans .plan.card.option-mini{background:rgba(255,255,255,.5);border:1px solid var(--line);border-radius:14px;box-shadow:none;padding:11px 18px;}\n.plans .plan.card.option-mini:hover{transform:none;background:#fff;box-shadow:none;}\n.plans .option-mini .pname{font-size:1.1rem; }\n.plans .option-mini .opt-info { min-width: 0; }\n.plans .option-mini .price {\n    font-family: \"Cormorant Garamond\", serif;\n    font-weight: 600;\n    font-size: 1.4rem;\n    margin: 0;\n    text-align: left;\n    color: var(--plum);\n    white-space: nowrap;\n}\n.plans .option-mini .price-tax {\n    font-size: .7rem;\n    text-align: left;\n    margin: .1em 0 0;\n    color: var(--ink-soft);\n}\n.plans .option-mini {\n    flex: 1 1 0;\n    min-width: 0;\n    margin: 0;\n    background: rgba(255, 255, 255, .55);\n    border: 1px solid var(--line);\n    border-radius: 16px;\n    box-shadow: none;\n    padding: 15px 16px;\n    display: flex;\n    flex-direction: column;\n    gap: .45em;\n  }\n@media (min-width: 768px) {\n    .plans .option-mini {\n        flex-direction: row;\n        align-items: center;\n        justify-content: space-between;\n        gap: 1.2em;\n        padding: 14px 22px;\n    }\n    .plans .option .opt-price, .plans .option .price, .plans .option .price-tax {\n        text-align: right;\n    }\n}\n  \/* ---------- cta ---------- *\/\n  .cta{\n    position:relative;overflow:hidden;\n    background:linear-gradient(135deg,#E37C99 0%,var(--rose-deep) 55%,var(--rose-deeper) 100%);\n    color:#fff;text-align:center;\n  }\n  .cta::before,.cta::after{content:\"\";position:absolute;border-radius:50%;opacity:.16;background:#fff;}\n  .cta::before{width:340px;height:340px;left:-120px;top:-120px;}\n  .cta::after{width:240px;height:240px;right:-90px;bottom:-90px;opacity:.12;}\n  .cta .wrap{position:relative;z-index:1;}\n  .cta .eyebrow{color:#FFE2EA;}\n  .cta .eyebrow::before,.cta .eyebrow.center::after{background:rgba(255,255,255,.6);}\n  .cta h2{font-family:\"Shippori Mincho\",serif;font-weight:700;font-size:clamp(1.8rem,5vw,2.9rem);line-height:1.55;margin:.4em 0 .4em;color:#fff;}\n  .cta p{color:#FFE9EF;max-width:34em;margin:0 auto 2.2em;font-size:1.05rem;}\n  .cta .btn{background:#fff;color:var(--rose-deeper);box-shadow:0 18px 40px -16px rgba(0,0,0,.4);}\n  .cta .btn:hover{filter:none;color:var(--rose-deeper);}\n  .cta .reassure{margin-top:1.6em;font-size:.85rem;color:#FFE2EA;display:flex;gap:1.4em;justify-content:center;flex-wrap:wrap;}\n  .cta .reassure span{display:inline-flex;align-items:center;gap:.5em;}\n  .cta .reassure svg{width:16px;height:16px;}\n\n  \/* ---------- footer ---------- *\/\n  footer.site{background:var(--plum);color:#E9D6DC;padding:54px 0 40px;font-size:.86rem;}\n  footer .ft-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;align-items:flex-start;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.14);}\n  footer .brand .mark{color:#fff;}\n  footer .brand .mark b{color:#F6A9BE;}\n  footer .brand .tag{color:#C9AEB6;}\n  footer .ft-links{display:flex;gap:1.6em;flex-wrap:wrap;color:#E9D6DC;}\n  footer .ft-links a:hover{color:#fff;text-decoration:underline;}\n  footer .disc{margin-top:24px;color:#C9AEB6;line-height:1.95;font-size:.8rem;}\n  footer .disc p{margin-bottom:.4em;}\n  footer .copy{margin-top:22px;color:#B79BA4;font-size:.78rem;letter-spacing:.04em;}\n\n  \/* ---------- reveal animation ---------- *\/\n  .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease, transform .7s ease;}\n  .reveal.in{opacity:1;transform:none; border:initial;}\n  @media(prefers-reduced-motion:reduce){\n    .reveal{opacity:1;transform:none;transition:none;}\n    html{scroll-behavior:auto;}\n    .btn,.worry,.ben,.plan,.step .body{transition:none;}\n  }\n#previous_next_post{\n  display:none;\n}\n<\/style>\n\n\n\n<section class=\"hero\">\n  <div class=\"blob b1\"><\/div>\n  <div class=\"blob b2\"><\/div>\n  <div class=\"blob b3\"><\/div>\n  <div class=\"wrap hero-inner\">\n    <div class=\"hero-copy reveal\">\n      <span class=\"eyebrow\">At-home <a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/\">NIPT<\/a><\/span>\n      <h1>\u304a\u306a\u304b\u306e\u8d64\u3061\u3083\u3093\u306e\u3053\u3068\u3001<br><span class=\"hl\">\u304a\u3046\u3061\u3067\u3001\u305d\u3063\u3068<\/span>\u78ba\u304b\u3081\u308b\u3002<\/h1>\n      <p class=\"sub\">\u901a\u9662\u3082\u3001\u5f85\u3061\u6642\u9593\u3082\u3001\u4f53\u8abf\u306e\u5fc3\u914d\u3082\u5fc5\u8981\u3042\u308a\u307e\u305b\u3093\u3002<br>\u81ea\u5b85\u3067\u5b8c\u7d50\u3059\u308bNIPT\uff08\u65b0\u578b\u51fa\u751f\u524d\u691c\u67fb\uff09\u3067\u3001<br>\u3042\u306a\u305f\u306e\u30da\u30fc\u30b9\u3067\u3001\u5b89\u5fc3\u3078\u306e\u4e00\u6b69\u3092\u3002<\/p>\n      <div class=\"hero-cta\">\n        <a href=\"#plans\" class=\"btn btn-lg\">\u30d7\u30e9\u30f3\u3092\u898b\u308b<span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\n        <a href=\"#steps\" class=\"btn btn-ghost\">\u53d7\u3051\u65b9\u3092\u77e5\u308b<\/a>\n      <\/div>\n      <p class=\"hero-note\"><span class=\"dot\" aria-hidden=\"true\"><\/span>\u8a3a\u5bdf\u304b\u3089\u63a1\u8840\u307e\u3067\u81ea\u5b85\u3067\u5b8c\u7d50\uff0f24\u6642\u9593\u30aa\u30f3\u30e9\u30a4\u30f3\u53d7\u4ed8<\/p>\n    <\/div>\n\n    <div class=\"hero-art reveal\">\n      <div class=\"hero-card\">\n        <span class=\"hc-eyebrow\">Why <a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/\">NIPT<\/a><\/span>\n        <p class=\"hc-title\">\u3054\u81ea\u5b85\u304b\u3089\u6765\u9662\u30bc\u30ed\u3067<br>\u53d7\u3051\u3089\u308c\u307e\u3059\u3002<\/p>\n        <div class=\"hc-list\">\n          <div class=\"hc-item\">\n            <span class=\"hc-ic\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 12l2-2 4 4 9-9 2 2\"\/><path d=\"M3 12v6a2 2 0 002 2h14a2 2 0 002-2v-6\"\/><\/svg><\/span>\n            <span>\u7533\u3057\u8fbc\u307f\u304b\u3089\u7d50\u679c\u307e\u3067\u81ea\u5b85\u3067\u5b8c\u7d50<\/span>\n          <\/div>\n          <div class=\"hc-item\">\n            <span class=\"hc-ic\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg><\/span>\n            <span>\u770b\u8b77\u5e2b\u8a2a\u554f\u5f8c\u3001\u6700\u77ed2\u65e5\u3067\u7d50\u679c<\/span>\n          <\/div>\n          <div class=\"hc-item\">\n            <span class=\"hc-ic\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21s-7-4.5-7-10a4 4 0 017-2.6A4 4 0 0119 11c0 5.5-7 10-7 10z\"\/><\/svg><\/span>\n            <span>\u30ea\u30e2\u30fc\u30c8\u3067\u3082\u3054\u81ea\u8eab\u306b\u5408\u3063\u305f\u30d7\u30e9\u30f3\u3092\u9078\u629e\u53ef\u80fd<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ================= 1. \u60a9\u307f ================= -->\n<section class=\"block worries\" id=\"worries\">\n  <div class=\"wrap\">\n    <div class=\"sec-head center reveal\">\n      <span class=\"eyebrow center\">Worries<\/span>\n      <h2 class=\"sec-title\">\u305d\u306e\u4e0d\u5b89\u3001<br>\u3072\u3068\u308a\u3067\u62b1\u3048\u3066\u3044\u307e\u305b\u3093\u304b\uff1f<\/h2>\n      <p class=\"lead\">\u598a\u5a20\u4e2d\u306e\u5927\u5207\u306a\u9078\u629e\u3002\u3060\u304b\u3089\u3053\u305d\u3001\u307e\u308f\u308a\u306b\u8a00\u3044\u3065\u3089\u304b\u3063\u305f\u308a\u3001\u4e00\u6b69\u304c\u8e0f\u307f\u51fa\u305b\u306a\u304b\u3063\u305f\u308a\u3002<br>\u3053\u3093\u306a\u6c17\u6301\u3061\u3001\u3042\u306a\u305f\u3060\u3051\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n    <\/div>\n\n    <div class=\"worry-grid\">\n      <div class=\"worry reveal\"><span class=\"q\" aria-hidden=\"true\">\u201c<\/span><p>\u30af\u30ea\u30cb\u30c3\u30af\u306b\u884c\u304f\u6642\u9593\u304c\u3001\u306a\u304b\u306a\u304b\u53d6\u308c\u306a\u3044\u3002<\/p><\/div>\n      <div class=\"worry reveal\"><span class=\"q\" aria-hidden=\"true\">\u201c<\/span><p>1\u4eba\u3067\u901a\u9662\u3059\u308b\u306e\u306f\u306a\u3093\u3060\u304b\u4e0d\u5b89\u3002<\/p><\/div>\n      <div class=\"worry reveal\"><span class=\"q\" aria-hidden=\"true\">\u201c<\/span><p>\u65e9\u304f\u53d7\u3051\u305f\u3044\u306e\u306b\u3001\u4f53\u8abf\u304c\u5b89\u5b9a\u3057\u306a\u3044\u3002<\/p><\/div>\n      <div class=\"worry reveal\"><span class=\"q\" aria-hidden=\"true\">\u201c<\/span><p>\u3064\u308f\u308a\u304c\u3064\u3089\u304f\u3066\u3001\u901a\u9662\u305d\u306e\u3082\u306e\u304c\u8ca0\u62c5\u306b\u306a\u3063\u3066\u3044\u308b\u3002<\/p><\/div>\n      <div class=\"worry feature reveal\"><span class=\"q\" aria-hidden=\"true\">\u201c<\/span><p>\u305d\u3082\u305d\u3082\u691c\u67fb\u306e\u3053\u3068\u3001\u8ab0\u306b\u76f8\u8ac7\u3059\u308c\u3070\u3044\u3044\u306e\u304b\u308f\u304b\u3089\u306a\u3044\u2014\u2014\u3002<\/p><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ================= 2. \u60a9\u307f\u89e3\u6c7a ================= -->\n<section class=\"block solution\" id=\"solution\">\n  <div class=\"wrap sol-inner\">\n    <div class=\"sol-copy reveal\">\n      <span class=\"eyebrow\">Solution<\/span>\n      <h2 class=\"sec-title\">\u305d\u306e\u3059\u3079\u3066\u3001<br>\u304a\u3046\u3061\u3067\u89e3\u6c7a\u3067\u304d\u307e\u3059\u3002<\/h2>\n      <p class=\"lead\">\u30d2\u30ed\u30af\u30ea\u30cb\u30c3\u30af\u306eNIPTy\u306f\u3001\u304a\u7533\u3057\u8fbc\u307f\u304b\u3089\u7d50\u679c\u306e\u78ba\u8a8d\u307e\u3067\u3001\u3059\u3079\u3066\u81ea\u5b85\u3067\u5b8c\u7d50\u3002\u770b\u8b77\u5e2b\u304c\u8a2a\u554f\u3057\u305f\u3089\u63a1\u8840\u3059\u308b\u3060\u3051\u3002\u3042\u3068\u306f\u7d50\u679c\u304c\u51fa\u308b\u307e\u3067\u3001\u5c02\u9580\u30b9\u30bf\u30c3\u30d5\u304c\u3057\u3063\u304b\u308a\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002<\/p>\n    <\/div>\n    <div class=\"sol-stats reveal\">\n      <div class=\"stat\"><div class=\"num\">0<small>\u56de<\/small><\/div><div class=\"cap\">\u691c\u67fb\u306e\u305f\u3081\u306e\u901a\u9662<\/div><\/div>\n      <div class=\"stat\"><div class=\"num\">2<small>\u65e5<\/small><\/div><div class=\"cap\">\u6700\u77ed\u3067\u306e\u7d50\u679c\u901a\u77e5<\/div><\/div>\n      <div class=\"stat\"><div class=\"num\">24<small>h<\/small><\/div><div class=\"cap\">\u30aa\u30f3\u30e9\u30a4\u30f3\u53d7\u4ed8<\/div><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ================= 3. \u30e1\u30ea\u30c3\u30c8 ================= -->\n<section class=\"block benefits\" id=\"benefits\">\n  <div class=\"wrap\">\n    <div class=\"sec-head center reveal\">\n      <span class=\"eyebrow center\">Benefits<\/span>\n      <h2 class=\"sec-title\">\u304a\u3046\u3061\u3067\u53d7\u3051\u3089\u308c\u308b\u304b\u3089\u3001<br>\u3046\u308c\u3057\u3044\u3053\u3068\u3002<\/h2>\n      <p class=\"lead\">\u5834\u6240\u3082\u6642\u9593\u3082\u3001\u3042\u306a\u305f\u306e\u5fc3\u306e\u8ca0\u62c5\u3082\u3002NIPT\u306b\u307e\u3064\u308f\u308b\u300c\u30cf\u30fc\u30c9\u30eb\u300d\u3092\u3001\u3067\u304d\u308b\u304b\u304e\u308a\u8efd\u304f\u3057\u307e\u3057\u305f\u3002<\/p>\n    <\/div>\n\n    <div class=\"ben-grid\">\n      <div class=\"ben reveal\">\n        <div class=\"ben-ic\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 11l9-8 9 8\"\/><path d=\"M5 10v10h14V10\"\/><path d=\"M9 20v-6h6v6\"\/><\/svg><\/div>\n        <h3>\u901a\u9662\u30bc\u30ed<\/h3>\n        <p>\u691c\u67fb\u306e\u305f\u3081\u306e\u6765\u9662\u306f\u4e0d\u8981\u3002\u5bb6\u4e8b\u3084\u4e0a\u306e\u304a\u5b50\u3055\u3093\u306e\u304a\u4e16\u8a71\u306e\u5408\u9593\u306b\u3001\u3054\u81ea\u5b85\u3067\u53d7\u3051\u3089\u308c\u307e\u3059\u3002<\/p>\n      <\/div>\n      <div class=\"ben reveal\">\n        <div class=\"ben-ic\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"11\" width=\"14\" height=\"10\" rx=\"2\"\/><path d=\"M8 11V7a4 4 0 018 0v4\"\/><\/svg><\/div>\n        <h3>\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u3092\u5b88\u308c\u308b<\/h3>\n        <p>\u8ab0\u306b\u3082\u4f1a\u308f\u305a\u3001\u77e5\u3089\u308c\u305a\u3002\u3042\u306a\u305f\u306e\u30da\u30fc\u30b9\u3067\u5b89\u5fc3\u3057\u3066\u53d7\u3051\u3089\u308c\u307e\u3059\u3002<\/p>\n      <\/div>\n      <div class=\"ben reveal\">\n        <div class=\"ben-ic\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2L3 14h7l-1 8 11-13h-7z\"\/><\/svg><\/div>\n        <h3>\u30b9\u30d4\u30fc\u30c7\u30a3\u30fc\u306b\u7d50\u679c<\/h3>\n        <p>\u63a1\u8840\u30ad\u30c3\u30c8\u304c\u691c\u67fb\u6a5f\u95a2\u306b\u5230\u7740\u5f8c\u3001\u6700\u77ed2\u55b6\u696d\u65e5\u3067\u7d50\u679c\u3092\u30aa\u30f3\u30e9\u30a4\u30f3\u901a\u77e5\u3002\u9577\u3044\u4e0d\u5b89\u306e\u6642\u9593\u3092\u77ed\u304f\u3002<\/p>\n      <\/div>\n      <div class=\"ben reveal\">\n        <div class=\"ben-ic\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\"\/><\/svg><\/div>\n        <h3>\u5c02\u9580\u30b9\u30bf\u30c3\u30d5\u30fb\u533b\u5e2b\u306e\u30b5\u30dd\u30fc\u30c8<\/h3>\n        <p>\u691c\u67fb\u524d\u306e\u7591\u554f\u304b\u3089\u7d50\u679c\u5f8c\u306e\u3054\u76f8\u8ac7\u3001\u907a\u4f1d\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u306e\u3054\u6848\u5185\u307e\u3067\u3002\u3072\u3068\u308a\u306b\u3057\u307e\u305b\u3093\u3002<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ================= 4. \u624b\u9806 ================= -->\n<section class=\"block steps\" id=\"steps\">\n  <div class=\"wrap\">\n    <div class=\"sec-head center reveal\">\n      <span class=\"eyebrow center\">Steps<\/span>\n      <h2 class=\"sec-title\">\u7533\u3057\u8fbc\u307f\u304b\u3089\u7d50\u679c\u307e\u3067\u3001<br>4\u30b9\u30c6\u30c3\u30d7\u3002<\/h2>\n      <p class=\"lead\">\u3080\u305a\u304b\u3057\u3044\u3053\u3068\u306f\u3001\u3042\u308a\u307e\u305b\u3093\u3002\u4e0b\u306e\u6d41\u308c\u306b\u305d\u3063\u3066\u9032\u3080\u3060\u3051\u3067\u3059\u3002<\/p>\n    <\/div>\n\n    <div class=\"timeline\">\n      <div class=\"step reveal\">\n        <div class=\"node\"><span>01<\/span><\/div>\n        <div class=\"body\">\n          <h3>\u3054\u4e88\u7d04<\/h3>\n          <p>\u30aa\u30f3\u30e9\u30a4\u30f3\u306e\u30d5\u30a9\u30fc\u30e0\u306b\u5fc5\u8981\u4e8b\u9805\u3068\u8a2a\u554f\u5e0c\u671b\u65e5\u6642\u3092\u5165\u529b\u3002\u3054\u4e0d\u660e\u306a\u70b9\u306f\u7533\u3057\u8fbc\u307f\u524d\u306b\u3054\u76f8\u8ac7\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n          <span class=\"tag\">\u6240\u8981 \u7d043\u5206<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"step reveal\">\n        <div class=\"node\"><span>02<\/span><\/div>\n        <div class=\"body\">\n          <h3>\u30aa\u30f3\u30e9\u30a4\u30f3\u8a3a\u5bdf<\/h3>\n          <p>\u8a3a\u5bdf\u306b\u3066\u3054\u81ea\u8eab\u306b\u5408\u3063\u305f\u30d7\u30e9\u30f3\u3092\u9078\u629e\u3001\u3054\u81ea\u5b85\u3078\u306e\u8a2a\u554f\u65e5\u6642\u3092\u304a\u9078\u3073\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n          <span class=\"tag\">\u533b\u5e2b\u3068\u30d7\u30e9\u30f3\u76f8\u8ac7<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"step reveal\">\n        <div class=\"node\"><span>02<\/span><\/div>\n        <div class=\"body\">\n          <h3>\u770b\u8b77\u5e2b\u304c\u3054\u81ea\u5b85\u3078\u8a2a\u554f<\/h3>\n          <p>\u770b\u8b77\u5e2b\u304c\u304a\u7533\u3057\u8fbc\u307f\u3044\u305f\u3060\u3044\u305f\u65e5\u6642\u306b\u3054\u81ea\u5b85\u3078\u3068\u8a2a\u554f\u3057\u3001\u63a1\u8840\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n          <span class=\"tag\">\u770b\u8b77\u5e2b\u304c\u63a1\u8840\u5bfe\u5fdc<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"step reveal\">\n        <div class=\"node\"><span>04<\/span><\/div>\n        <div class=\"body\">\n          <h3>\u7d50\u679c\u3092\u78ba\u8a8d<\/h3>\n          <p>\u691c\u67fb\u6a5f\u95a2\u306b\u5230\u7740\u5f8c\u3001\u6700\u77ed2\u65e5\u3067\u30de\u30a4\u30da\u30fc\u30b8\u306b\u7d50\u679c\u3092\u901a\u77e5\u3002\u7d50\u679c\u78ba\u8a8d\u5f8c\u306e\u5bfe\u5fdc\u306b\u3064\u3044\u3066\u3082\u76f8\u8ac7\u304c\u53ef\u80fd\u3067\u3059\u3002<\/p>\n          <span class=\"tag\">\u6700\u77ed 2\u65e5<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ================= 5. \u5404\u7a2e\u30d7\u30e9\u30f3 ================= -->\n<section class=\"block plans\" id=\"plans\">\n  <div class=\"wrap\">\n    <div class=\"sec-head center reveal\">\n      <span class=\"eyebrow center\">Plans<\/span>\n      <h2 class=\"sec-title\">\u3042\u306a\u305f\u306b\u5408\u3063\u305f<br>\u30d7\u30e9\u30f3\u3092\u9078\u629e<\/h2>\n      <p class=\"lead\">\u77e5\u308a\u305f\u3044\u3053\u3068\u3084\u3001\u3054\u4e88\u7b97\u306b\u5408\u308f\u305b\u3066\u9078\u3079\u307e\u3059\u3002\u3069\u306e\u30d7\u30e9\u30f3\u3082\u3001\u691c\u67fb\u5f8c\u307e\u3067\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002<br>\n        <small>\u203b\u3054\u81ea\u5b85\u3067\u63a1\u8840\u3059\u308b\u5834\u5408+22,000\u5186(\u7a0e\u8fbc)\u306b\u306a\u308a\u307e\u3059\u3002<\/small><\/p>\n    <\/div>\n \n    <div class=\"plan-grid\">\n      <!-- plan O -->\n      <div class=\"plan card reveal\">\n        <div class=\"pname\">O<\/div>\n        <p class=\"pjp\">10\u4e07\u5186\u3067\u8abf\u3079\u308b\u3001<br>\u5b89\u5fc3\u306e\u7b2c\u4e00\u6b69\u3002<\/p>\n        <div class=\"price\">90,000<span class=\"yen\">\u5186<\/span><\/div>\n        <div class=\"price-tax\">\u7a0e\u8fbc 99,000\u5186<\/div>\n        <ul>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>13\u30fb18\u30fb21\u756a\u67d3\u8272\u4f53\u306e\u7570\u5e38<\/li>\n        <\/ul>\n      <\/div>\n \n      <!-- plan A23 -->\n      <div class=\"plan card reveal\">\n        <div class=\"pname\">A23<\/div>\n        <p class=\"pjp\">\u57fa\u672c3\u75be\u60a3\uff0b<a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp-143\/\">\u5fae\u5c0f\u6b20\u5931<\/a>23\u7a2e\u3092<br>\u3057\u3063\u304b\u308a\u30ab\u30d0\u30fc\u3002<\/p>\n        <div class=\"price\">180,000<span class=\"yen\">\u5186<\/span><\/div>\n        <div class=\"price-tax\">\u7a0e\u8fbc 198,000\u5186<\/div>\n        <ul>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>13\u30fb18\u30fb21\u756a\u67d3\u8272\u4f53\u306e\u7570\u6570\u6027<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\u6027\u67d3\u8272\u4f53\u30fb<a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/nipt\/testing\/#anchor_sex\">\u6027\u5225<\/a>\uff08\u5358\u80ce\uff09<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Y\u67d3\u8272\u4f53\u306e\u6709\u7121\uff08\u53cc\u80ce\uff09<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>23\u7a2e\u306e<a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp-143\/\">\u5fae\u5c0f\u6b20\u5931<\/a>\u30fb\u91cd\u8907\u75be\u60a3<\/li>\n        <\/ul>\n      <\/div>\n \n      <!-- plan F23 -->\n      <div class=\"plan card reveal\">\n        <div class=\"pname\">F23<\/div>\n        <p class=\"pjp\">\u5168\u67d3\u8272\u4f53\u306e\u30ea\u30b9\u30af\u3092<br>\u3059\u3079\u3066\u691c\u67fb\u3002<\/p>\n        <div class=\"price\">280,000<span class=\"yen\">\u5186<\/span><\/div>\n        <div class=\"price-tax\">\u7a0e\u8fbc 308,000\u5186<\/div>\n        <ul>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>1\u301c22\u756a\u67d3\u8272\u4f53\u306e\u7570\u6570\u6027<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\u6027\u67d3\u8272\u4f53\u30fb<a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/nipt\/testing\/#anchor_sex\">\u6027\u5225<\/a>\uff08\u5358\u80ce\uff09<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Y\u67d3\u8272\u4f53\u306e\u6709\u7121\uff08\u53cc\u80ce\uff09<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\u5168\u67d3\u8272\u4f53<a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/chromosome-partial-deletion-guide\/\">\u90e8\u5206\u6b20\u5931<\/a>\u30fb\u91cd\u8907\u75be\u60a3<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>23\u7a2e\u306e<a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp-143\/\">\u5fae\u5c0f\u6b20\u5931<\/a>\u30fb\u91cd\u8907\u75be\u60a3<\/li>\n        <\/ul>\n      <\/div>\n \n      <!-- plan F143 (\u304a\u3059\u3059\u3081) -->\n      <div class=\"plan card reveal\">\n        <div class=\"pname\">F143<\/div>\n        <p class=\"pjp\">\u7db2\u7f85\u6027\u3068\u5b89\u5fc3\u3092\u4e21\u7acb\u3002<br>\u5b9f\u7e3e\u5341\u5206\u306e\u30d0\u30e9\u30f3\u30b9\u30d7\u30e9\u30f3\u3002<\/p>\n        <div class=\"price\">400,000<span class=\"yen\">\u5186<\/span><\/div>\n        <div class=\"price-tax\">\u7a0e\u8fbc 440,000\u5186<\/div>\n        <ul>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>1\u301c22\u756a\u67d3\u8272\u4f53\u306e\u7570\u6570\u6027<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\u6027\u67d3\u8272\u4f53\u30fb<a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/nipt\/testing\/#anchor_sex\">\u6027\u5225<\/a>\uff08\u5358\u80ce\uff09<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Y\u67d3\u8272\u4f53\u306e\u6709\u7121\uff08\u53cc\u80ce\uff09<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\u5168\u67d3\u8272\u4f53<a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/chromosome-partial-deletion-guide\/\">\u90e8\u5206\u6b20\u5931<\/a>\u30fb\u91cd\u8907\u75be\u60a3<\/li>\n          <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>143\u7a2e\u306e<a href=\"https:\/\/www.hiro-clinic.or.jp\/nipt\/lp-143\/\">\u5fae\u5c0f\u6b20\u5931<\/a>\u30fb\u91cd\u8907\u75be\u60a3<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n    <div class=\"reveal pbtn\"><a href=\"\/nipt\/plan\/plan-difference-2\/\" class=\"btn btn-lg\">\u30d7\u30e9\u30f3\u4e00\u89a7\u3092\u898b\u308b<span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span><\/a><\/div>\n  <\/div>\n<!-- \u25bc \u63a1\u8840\u30aa\u30d7\u30b7\u30e7\u30f3\uff08\u63a7\u3048\u3081\u30ab\u30fc\u30c9\uff09 -->\n  <div class=\"wrap option-area\">\n    <p class=\"option-head\">\uff0b \u63a1\u8840\u65b9\u6cd5\u306e\u30aa\u30d7\u30b7\u30e7\u30f3<\/p>\n    <div class=\"option-grid\">\n      <div class=\"plan card reveal option-main\">\n        <div class=\"opt-info\">\n          <div class=\"pname\">\u304a\u3046\u3061NIPT<\/div>\n            <p class=\"pjp\">\u3054\u81ea\u5b85\u307e\u3067\u770b\u8b77\u5e2b\u304c\u8a2a\u554f\u3002\u6765\u9662\u30bc\u30ed\u3067\u901a\u9662\u6642\u306e\u4e0d\u5b89\u3092\u53d6\u308a\u9664\u3051\u307e\u3059\u3002<\/p>\n          <\/div>\n        <div class=\"opt-price\">\n          <div class=\"price\"><span class=\"plus\">\uff0b<\/span>20,000<span class=\"yen\">\u5186<\/span><\/div>\n          <div class=\"price-tax\">\u7a0e\u8fbc 22,000\u5186<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"plan card reveal option-mini\">\n        <div class=\"opt-info\">\n          <div class=\"pname\">\u9023\u643a\u30af\u30ea\u30cb\u30c3\u30af\u3067\u306e\u63a1\u8840<\/div>\n          <p class=\"pjp\">\u304a\u8fd1\u304f\u306e\u9023\u643a\u30af\u30ea\u30cb\u30c3\u30af\u3067\u63a1\u8840\u3059\u308b\u5834\u5408\u306e\u8ffd\u52a0\u6599\u91d1\u3067\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"opt-price\">\n          <div class=\"price\"><span class=\"plus\">\uff0b<\/span>10,000<span class=\"yen\">\u5186<\/span><\/div>\n          <div class=\"price-tax\">\u7a0e\u8fbc 11,000\u5186<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <\/div>\n<\/section>\n\n<!-- ================= 6. CTA ================= -->\n<section class=\"block cta\" id=\"cta\">\n  <div class=\"wrap\">\n    <span class=\"eyebrow center reveal\">Ready?<\/span>\n    <h2 class=\"reveal\">\u5b89\u5fc3\u3078\u306e\u4e00\u6b69\u3092\u3001<br>\u304a\u3046\u3061\u304b\u3089\u3002<\/h2>\n    <p class=\"reveal\">\u3054\u4e0d\u660e\u306a\u70b9\u306f\u3001\u304a\u7533\u3057\u8fbc\u307f\u524d\u306b\u3044\u3064\u3067\u3082\u3054\u76f8\u8ac7\u3044\u305f\u3060\u3051\u307e\u3059\u3002<br>\u3042\u306a\u305f\u3068\u304a\u306a\u304b\u306e\u8d64\u3061\u3083\u3093\u306e\u305f\u3081\u306b\u3001\u3067\u304d\u308b\u3053\u3068\u304b\u3089\u59cb\u3081\u307e\u3057\u3087\u3046\u3002<\/p>\n    <div class=\"reveal\"><a href=\"https:\/\/mypage-nipt-reservation.hiro-clinic.or.jp\/registration\" class=\"btn btn-lg\">\u4eca\u3059\u3050\u4e88\u7d04\u3057\u3066\u307f\u308b<span class=\"arrow\" aria-hidden=\"true\">\u2192<\/span><\/a><\/div>\n    <div class=\"reassure reveal\">\n      <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\u770b\u8b77\u5e2b\u304c\u3054\u81ea\u5b85\u307e\u3067\u8a2a\u554f<\/span>\n      <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\"\/><\/svg>\u533b\u5e2b\u3068\u5b89\u5fc3\u306e\u30d7\u30e9\u30f3\u8a3a\u65ad<\/span>\n      <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>24\u6642\u9593\u30aa\u30f3\u30e9\u30a4\u30f3\u53d7\u4ed8<\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<script>\n  \/\/ gentle scroll reveal\n  (function(){\n    var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    var els = document.querySelectorAll('.reveal');\n    if(reduce || !('IntersectionObserver' in window)){\n      els.forEach(function(e){e.classList.add('in');});\n      return;\n    }\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(en){\n        if(en.isIntersecting){ en.target.classList.add('in'); io.unobserve(en.target); }\n      });\n    },{threshold:0.12, rootMargin:'0px 0px -40px 0px'});\n    els.forEach(function(e){io.observe(e);});\n  })();\n<\/script>\n","protected":false},"featured_media":0,"template":"","class_list":["post-130933","lp","type-lp","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hiro-clinic.or.jp\/nipt\/wp-json\/wp\/v2\/lp\/130933","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":23,"href":"https:\/\/www.hiro-clinic.or.jp\/nipt\/wp-json\/wp\/v2\/lp\/130933\/revisions"}],"predecessor-version":[{"id":130980,"href":"https:\/\/www.hiro-clinic.or.jp\/nipt\/wp-json\/wp\/v2\/lp\/130933\/revisions\/130980"}],"wp:attachment":[{"href":"https:\/\/www.hiro-clinic.or.jp\/nipt\/wp-json\/wp\/v2\/media?parent=130933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}