{"id":78618,"date":"2024-06-25T17:00:01","date_gmt":"2024-06-25T08:00:01","guid":{"rendered":"https:\/\/www.hiro-clinic.or.jp\/nipt\/?post_type=plan&#038;p=78618"},"modified":"2026-06-11T10:23:00","modified_gmt":"2026-06-11T01:23:00","slug":"premium","status":"publish","type":"plan","link":"https:\/\/www.hiro-clinic.or.jp\/nipt\/plan\/premium\/","title":{"rendered":"NIPTy \u539a\u751f\u52b4\u50cd\u7701\u6307\u5b9a\u96e3\u75c5\u30d7\u30e9\u30f3\u300a\u30d7\u30ec\u30df\u30a2\u30e0\u300b"},"content":{"rendered":"\n<style>\n.fuku20th{\n  margin-top:1rem;\n  display:block;\n}\n.fuku20th img{\n  width:100%;\n}\n<\/style>\n\n\n\n<section class=\"section\">\n  <h1>NIPTy \u539a\u751f\u52b4\u50cd\u7701\u6307\u5b9a\u96e3\u75c5\u30d7\u30e9\u30f3\u300a\u30d7\u30ec\u30df\u30a2\u30e0\u300b\u4e00\u89a7<\/h1>\n  <p class=\"lead\" style=\"text-align:left;margin-bottom:3rem;\">\n    \u300cF143 MONO\u300d\u306f\u3001\u300cF143\u300d\u306e\u691c\u67fb\u5185\u5bb9\u306b\u52a0\u3048\u3066\u3001\u300cNIPTy-MONO\u300d\u306e\u691c\u67fb\u304c\u542b\u307e\u308c\u3066\u3044\u307e\u3059\u3002<br>\u203b2026\u5e747\u6708\u4ee5\u964d\u304b\u3089\u5c0e\u5165\u4e88\u5b9a\u3068\u306a\u308a\u307e\u3059\u3002\n  <\/p>\n<!-- \n<h2>\u691c\u67fb\u30d7\u30e9\u30f3\u6bd4\u8f03<\/h2>\n<div class=\"plans\">\n<a href=\"#ppm\">F143 MONO<span>\u306f<br class=\"sp-only\">\u3053\u3061\u3089<\/span><\/a>\n<a href=\"#pp\">F143<span>\u306f<br class=\"sp-only\">\u3053\u3061\u3089<\/span><\/a>\n<a href=\"#pplus\">NIPTy Premium +<span>\u30d7\u30e9\u30f3\u306f<br class=\"sp-only\">\u3053\u3061\u3089<\/span><\/a>\n<\/div>\n-->\n<\/section>\n<style>\nsection.section {\n  margin-bottom:30px;\n}\n.pink-pointbox {\n    background-color: #fff9fb;\n    border-radius: 6px;\n    border: 3px dashed #fdb0bc;\n    font-size: 100%;\n    padding: 10px;\n    margin-bottom: 1rem;\n}\n  .pink-pointbox p {\n    margin-bottom: 0!important;\n}\n  .pink-pointmoji {\n   color: red;\n}\n.plans{\n  width:100%;\n  max-width:628px;\n  margin:0 auto;\n  display:flex;\n  justify-content:space-around;\n}\n.plans a{\n  width:48%;\n  background:pink;\n  padding:1rem 0;\n  text-align:center;\n  font-size:24px;\n  border:1px solid #333;\n  text-decoration:none;\n  color:#000;\n  border-radius:8px;\n}\n.plans a span{\n  font-size:18px;\n}\n@media (max-width: 767px) {\n  .plans a span{\n    display:block;\n  }\n}\n<\/style>\n\n\n<div class=\"newcta\">\r\n <a href=\"https:\/\/mypage-nipt-reservation.hiro-clinic.or.jp\/registration\">\r\n  <p class=\"jisseki mincho\">NIPT\u691c\u67fb\u5b9f\u7e3e<span class=\"big\">75,000<span>\u4ef6\u4ee5\u4e0a<\/span><\/span><\/p>\r\n  <p class=\"res-btn\">\u7a7a\u304d\u72b6\u6cc1\u3092\u78ba\u8a8d\u3057\u3066\u4e88\u7d04\u3059\u308b<\/p>\r\n <\/a>\r\n<\/div>\r\n<style>\r\n.newcta{\r\n  margin:1rem auto 2rem;\r\n}\r\n.newcta a{\r\n  width:100%;\r\n  max-width:500px;\r\n  margin:0 auto;\r\n  display:block;\r\n  text-decoration:none;\r\n  text-align:center;\r\n}\r\n.newcta p{\r\n  margin:0 auto;\r\n}\r\n.newcta .jisseki{\r\n  margin:0 auto;\r\n  position:relative;\r\n  font-size:clamp(1rem, 0.909rem + 0.45vw, 1.25rem);\r\n  background: linear-gradient(to bottom, #b68d3c 0%, #e2b95f 35%, #b68d3c);\r\n  -webkit-background-clip: text;\r\n  color: rgba(0,0,0,0);\r\n  font-weight:bold;\r\n  display:inline-flex;\r\n  flex-wrap:wrap;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:.5rem;\r\n  padding-bottom:1rem;\r\n}\r\n.newcta .jisseki span{\r\n  font-size:2rem;\r\n}\r\n.newcta .jisseki span span{\r\n  font-size:clamp(1rem, 0.909rem + 0.45vw, 1.25rem);\r\n}\r\n.newcta .res-btn{\r\n  display:inline-block;\r\n  background:#f0a3b8;\r\n  padding:1.5rem 2rem;\r\n  text-align:center;\r\n  border-radius:1rem;\r\n  box-shadow:0 .5rem .5rem #f0a3b866;\r\n  color:#fff;\r\n  font-size:1.2rem;\r\n  font-weight:bold;\r\n  letter-spacing:.2rem;\r\n  min-width:320px;\r\n}\r\n@media screen and (max-width:500px){\r\n  .newcta .jisseki .big{\r\n    width:100%;\r\n  }\r\n  .newcta .res-btn{\r\n    padding:1.5rem 0;\r\n  }\r\n}\r\n<\/style>\r\n<div class=\"old-cta\">\r\n<div class=\"container\" style=\"padding:10px\">\r\n<div class=\"nipt-bnr mincho\">\r\n<a href=\"https:\/\/mypage-nipt-reservation.hiro-clinic.or.jp\/registration\">\r\n<p class=\"jisseki font-s gothic\">NIPT\u691c\u67fb\u5b9f\u7e3e<\/p>\r\n<p class=\"total font-m\"><span class=\"gold font-l\">68,000<\/span>\u4ef6<\/p>\r\n<p class=\"res font-s gothic\">\u3054\u4e88\u7d04\u306f\u3053\u3061\u3089\u25b6\ufe0e\u25b6\ufe0e\u25b6\ufe0e<\/p>\r\n<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"content-center\" style=\"max-width:1200px;margin:0 auto;width:90%\">\r\n <div class=\"image-text-block\">\r\n<a href=\"\/nipt\/20th-anniversary\/\" style=\"max-width:825px;margin:0.5rem auto\"><img decoding=\"async\" src=\"\/nipt\/wp-content\/uploads\/2026\/05\/forplan_btn-0525.webp\" style=\"width:100%\"><\/a>\r\n <\/div>\r\n<\/div>\r\n<style>\r\n.old-cta{\r\n  display:none;\r\n}\r\n.nipt-bnr{\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n  width:calc(100% - 3rem);\r\n  min-width:350px;\r\n  max-width:480px;\r\n  aspect-ratio:11 \/ 5;\r\n  position:relative;\r\n  margin:1rem auto;\r\n  background-image:linear-gradient(to bottom,#63513c,#63513c,#feef7b,#63513c,#63513c);\r\n  border-radius:8px;\r\n  box-shadow:6px 6px 6px #999;\r\n}\r\n.nipt-bnr .gold{\r\n  background:linear-gradient(to bottom,#d1ac60,#e8ca74 50%,#d29e30,#ac7726);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  font-weight:bold;\r\n}\r\n.cta-btn-nipt-reservation-wimg{\r\n  text-decoration:none;\r\n  border-bottom:initial;\r\n}\r\n.label-link {\r\n  align-items: center;\r\n  text-decoration: none;\r\n  gap: 8px;\r\n}\r\n.image-text-block {\r\n  text-align: center;\r\n}\r\n.tittle_price{\r\n font-weight:900;\r\n font-size:2rem;\r\n color:#e54c84;\r\n text-align:center;\r\n border-bottom:none;\r\n margin-bottom:-10px;\r\n}\r\n.box_11 {\r\n  width: 12px;\r\n  height: 12px;\r\n  background-color: #e54c84;\r\n  border-radius: 2px;\r\n  flex-shrink: 0;\r\n}\r\n.center-container {\r\n  text-align: center;\r\n}\r\n.label-box{\r\ndisplay:block;\r\nfont-size:1.3rem !important;\r\nfont-weight:900;\r\ncolor:#e54c84;\r\ntext-align:right;\r\n}\r\n<\/style>\n\n\n\n<style>\n  \/* \u65e2\u5b58\u30b5\u30a4\u30c8\u3078\u306e\u5f71\u97ff\u3092\u9632\u3050\u305f\u3081\u3001\u5909\u6570\u3082\u3053\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u5185\u306e\u307f\u3067\u5b9a\u7fa9\n  *\/\n  .cp-card {\n    --cp-primary-red: #e61b52;\n    --cp-border-color: #e61b52;\n    --cp-tag-bg: #f5f6f8;\n    --cp-tag-border: #e0e0e0;\n    --cp-plan-bg: #fce7f0;\n    --cp-text-main: #333333;\n\n    display: flex;\n    max-width: 800px;\n    width: 100%;\n    background-color: #ffffff;\n    border: 3px solid var(--cp-border-color);\n    border-radius: 24px;\n    overflow: hidden;\n    box-shadow: 0 8px 15px rgba(200, 74, 92, 0.15);\n    box-sizing: border-box;\n    margin: 20px auto !important;\n  }\n\n  \/* \u5d29\u308c\u9632\u6b62\u3092\u30ab\u30fc\u30c9\u5185\u306e\u8981\u7d20\u306b\u3060\u3051\u9650\u5b9a\u9069\u7528 *\/\n  .cp-card *, .cp-card *::before, .cp-card *::after {\n    box-sizing: inherit;\n  }\n\n  \/* ----------------------\n     \u5de6\u5074\uff1a\u30c6\u30ad\u30b9\u30c8\u3068\u30bf\u30b0\u30a8\u30ea\u30a2\n     ---------------------- *\/\n  .cp-left {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .cp-header {\n    \/* \ud83d\udc47 \u3053\u3053\u3092\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u306b\u5909\u66f4\uff08\u5de6\u304b\u3089\u53f3\u3078\u3001\u3084\u3084\u6fc3\u3044\u8272\u304b\u3089\u8584\u3044\u8272\u3078\uff09 *\/\n    background: linear-gradient(90deg, #e61b52 0%, #ec6b6a 100%);\n    color: #333333;\n    padding: 15px 20px;\n    font-family: \"Hiragino Mincho ProN\", \"Yu Mincho\", YuMincho, \"MS PMincho\", serif;\n  }\n\n  .cp-header .cp-title {\n    margin: 0;\n    font-size: 1.5rem;\n    font-weight: bold;\n    letter-spacing: 0.02em;\n    line-height: 1.4;\n    color:  #fff;\n    text-align: left;\n    border-bottom: none;\n  }\n\n  .cp-cap {\n    margin: 0;\n    font-size: 0.7rem;\n    font-weight: normal;\n  }\n\n  .cp-features {\n    padding: 12px 12px;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 7px;\n  }\n\n  .cp-tag {\n    background-color: var(--cp-tag-bg);\n    color: var(--cp-text-main);\n    padding: 4px 10px;\n    border: 1px solid var(--cp-tag-border);\n    border-radius: 8px;\n    font-size: 0.75rem; \n    font-weight: bold; \n    white-space: nowrap;\n  }\n\n  \/* ----------------------\n     \u53f3\u5074\uff1a\u4fa1\u683c\u30a8\u30ea\u30a2\n     ---------------------- *\/\n  .cp-right {\n    width: 220px;\n    border-left: 1px solid var(--cp-primary-red);\n    padding: 20px 20px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    font-family: \"Hiragino Mincho ProN\", \"Yu Mincho\", YuMincho, \"MS PMincho\", serif;\n  }\n\n  .cp-plan-name {\n    background-color: var(--cp-plan-bg);\n    color: var(--cp-text-main);\n    width: 90%; \n    text-align: center;\n    padding: 2px;\n    font-size: 1.3rem;\n    font-weight: bold;\n    margin-bottom: 10px;\n  }\n\n  .cp-price-main {\n    color: var(--cp-primary-red);\n    text-align: center;\n  }\n\n  .cp-price-main .cp-number {\n    font-size: 2.0rem; \n  }\n\n  .cp-price-main .cp-unit {\n    font-size: 1.4rem;\n  }\n\n  .cp-price-sub {\n    color: var(--cp-text-main);\n    text-align: center;\n    font-size: 1.2rem;\n  }\n\n  .cp-price-sub .cp-tax {\n    font-size: 0.9rem;\n    color: #666;\n  }\n\n  \/* ----------------------\n     \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u5bfe\u5fdc\n     ---------------------- *\/\n  @media (max-width: 650px) {\n    .cp-card {\n      flex-direction: column;\n    }\n    \n    .cp-right {\n      width: 100%; \n      margin: 0;\n      border-left: none;\n      border-top: 1px solid var(--cp-primary-red); \n      padding: 20px 10%;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .cp-plan-name {\n      width: 100%; \n    }\n  }\n<\/style>\n\n\n\n<div class=\"cp-card\" id=\"f143-mono\">\n    <div class=\"cp-left\">\n      <div class=\"cp-header\">\n        <h2 class=\"cp-title\">\u3059\u3079\u3066\u3092\u8abf\u3079\u5c3d\u3059\u6700\u4e0a\u4f4d\u30d7\u30e9\u30f3<br class=\"sp-only\"><span class=\"cp-cap\">\u203b2026\u5e747\u6708\u4ee5\u964d\u304b\u3089\u5c0e\u5165\u4e88\u5b9a<\/span><\/h2>\n      <\/div>\n      <div class=\"cp-features\">\n        <span class=\"cp-tag\">1\u301c22\u756a\u67d3\u8272\u4f53\u306e\u7570\u6570\u6027<\/span>\n        <span class=\"cp-tag\">\u6027\u67d3\u8272\u4f53\u30fb\u6027\u5225\uff08\u5358\u80ce\uff09<\/span>\n        <span class=\"cp-tag\">Y\u67d3\u8272\u4f53\u306e\u6709\u7121\uff08\u53cc\u80ce\uff09<\/span>\n        <span class=\"cp-tag\">\u5168\u67d3\u8272\u4f53\u90e8\u5206\u6b20\u5931\u30fb\u91cd\u8907\u75be\u60a3<\/span>\n        <span class=\"cp-tag\">143\u7a2e\u306e\u5fae\u5c0f\u6b20\u5931\u30fb\u91cd\u8907\u75be\u60a3<\/span>\n        <span class=\"cp-tag\">NIPTy-MONO<\/span>\n      <\/div>\n    <\/div>\n    \n    <div class=\"cp-right\">\n      <div class=\"cp-plan-name\">F143 MONO<\/div>\n      <div class=\"cp-price-main\">\n        <span class=\"cp-number\">600,000<\/span><span class=\"cp-unit\">\u5186<\/span>\n      <\/div>\n      <div class=\"cp-price-sub\">\n        660,000\u5186 <span class=\"cp-tax\">(\u7a0e\u8fbc)<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n\n\n<div class=\"cp-card\"  id=\"f143\">\n    <div class=\"cp-left\">\n      <div class=\"cp-header\">\n        <h2 class=\"cp-title\">\u7db2\u7f85\u6027\u3068\u5b89\u5fc3\u3092\u4e21\u7acb\u3002<br>\u5b9f\u7e3e\u5341\u5206\u306e\u30d0\u30e9\u30f3\u30b9\u30d7\u30e9\u30f3<\/h2>\n      <\/div>\n      <div class=\"cp-features\">\n        <span class=\"cp-tag\">1\u301c22\u756a\u67d3\u8272\u4f53\u306e\u7570\u6570\u6027<\/span>\n        <span class=\"cp-tag\">\u6027\u67d3\u8272\u4f53\u30fb\u6027\u5225\uff08\u5358\u80ce\uff09<\/span>\n        <span class=\"cp-tag\">Y\u67d3\u8272\u4f53\u306e\u6709\u7121\uff08\u53cc\u80ce\uff09<\/span>\n        <span class=\"cp-tag\">\u5168\u67d3\u8272\u4f53\u90e8\u5206\u6b20\u5931\u30fb\u91cd\u8907\u75be\u60a3<\/span>\n        <span class=\"cp-tag\">143\u7a2e\u306e\u5fae\u5c0f\u6b20\u5931\u30fb\u91cd\u8907\u75be\u60a3<\/span>\n      <\/div>\n    <\/div>\n    \n    <div class=\"cp-right\">\n      <div class=\"cp-plan-name\">F143<\/div>\n      <div class=\"cp-price-main\">\n        <span class=\"cp-number\">400,000<\/span><span class=\"cp-unit\">\u5186<\/span>\n      <\/div>\n      <div class=\"cp-price-sub\">\n        440,000\u5186 <span class=\"cp-tax\">(\u7a0e\u8fbc)<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n\n\n<!-- \u30d7\u30e9\u30f3\u8868css -->\n<style>\n.plan-items{\n  margin:-150px auto 0!important;\n  padding-top:150px;\n  max-width:initial!important;\n}\n.p-box.premium{\n  background: linear-gradient(45deg, #d24951, #eda9a5);\n}\n.premium h3{\n  color:#d24951;\n}\n.premium .price p:first-child{\n  background:#e9ada5;\n}\n.p-box{\n  border-radius:1rem;\n  padding:1rem;\n  max-width:1000px;\n  margin:0 auto 1.5rem;\n  width:calc(100% - .5rem);\n  box-sizing:border-box;\n}\n.p-box h3{\n  text-align:center;\n  padding:.5rem 0;\n  border-radius:.5rem;\n  background:#fff;\n  margin:0 0 1rem;  \n}\n.p-box h3:before{\n  display:none;\n}\n.plan-inner{\n  background:#fff;\n  display:flex;\n  flex-wrap:wrap;\n  align-items:flex-end;\n  justify-content: center;\n  align-items: center;\n  gap:1rem;\n  padding:1rem;\n  border-radius:.5rem;\n}\n.p-box tr{\n  padding-bottom:.5rem;\n}\n.p-box tr:last-child{\n  padding-bottom:initial;\n}\n.p-box th,\n.p-box td{\n  background:initial;\n  border:initial;\n  padding:0 0 .5rem;\n}\n.p-box tr:last-child th,\n.p-box tr:last-child td{\n  padding-bottom:0;\n}\n.p-box th{\n  width: 30%;\n  font-size: 1.2rem;\n  font-weight: bold;\n  position: relative;\n  min-width: 175px;\n}\n.p-box th:after {\n  position: absolute;\n  content: \":\";\n  right: 1rem;\n  top: 50%;\n  transform: translateY(-55%);\n}\n.p-box .icons,\n.p-box .price{\n  margin:initial;\n  width: calc(100% - .5rem);\n  max-width: calc(450px - 1rem);\n  margin: 0 auto;\n}\n.p-box .icons img{\n  height: 35px !important;\n  width: auto;\n  vertical-align:middle;\n  display:block;\n  margin:0 auto;\n}\n.p-box-sponly-br{\n  display:none;\n}\n.plan{\n    margin: auto;\n}\n.p-box .price{\n  text-align:center;\n  border:1px solid #000;\n  box-sizing:border-box;\n}\n.p-box .price p{\n  margin:initial;\n  color:#000;\n}\n.p-box .price p:first-child{\n  padding:.5rem 0;\n  background:#e9ada5;\n}\n.p-box .price p:last-child{\n  padding:1rem 0;\n}\n.p-box .price span{\n  font-size:2rem;\n}\nul.kensa {\n    width: 50%;\n}\n.kensa li{\n  font-size: 20px;\n  line-height: 1.7;\n}\n.kensa-7gatu{\n    color: red;\n    list-style-type: none;\n}\n@media screen and (max-width:500px){\n  .p-box th {\n    text-align:left;\n    min-width:125px;\n  }\n  .p-box th,\n  .p-box td{\n    font-size:.9rem!important;\n  }\n  .icons th {\n    min-width:100px;\n  }\n  .p-box .icons img{\n    margin:0;\n   }\n  .p-box .icons img.size-s{\n    margin:initial;\n    margin-left: calc(35px \/ 2);\n  }\n  .p-box th:after{\n    right:.35rem;\n  }\n.p-box-sponly-br{\n  display:inline;\n}\nul.kensa {\n    width: 100%;\n}\n.kensa li{\n  font-size: 15px;\n}\n}\n<\/style>\n\n\n\n<style>\n.hiro-opt-wrap *,\n.hiro-opt-wrap *::before,\n.hiro-opt-wrap *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n}\n\n.hiro-opt-wrap {\n    width: 100%;\n    max-width: 900px;\n    font-family: \"Helvetica Neue\", Arial, \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", Meiryo, sans-serif;\n    color: #333;\n    line-height: 1.5;\n}\n\n.hiro-opt-sec-head {\n    margin-top: 34px;\n    margin-bottom: 16px;\n    border-bottom: 2px solid #aebca3;\n    padding-bottom: 8px;\n}\n\n.hiro-opt-wrap > .hiro-opt-sec-head:first-child {\n    margin-top: 0;\n}\n\n.hiro-opt-sec-title {\n    font-family: \"Yu Mincho\", \"YuMincho\", \"Hiragino Mincho ProN\", serif;\n    font-size: 22px;\n    font-weight: bold;\n    color: #333;\n    display: block;\n}\n\n.hiro-opt-sec-sub {\n    font-family: \"Helvetica Neue\", Arial, sans-serif;\n    font-size: 14px;\n    color: #777;\n    font-weight: normal;\n    margin-left: 10px;\n}\n\n.hiro-opt-card {\n    background-color: #fff;\n    border: 1px solid #509f4c;\n    border-radius: 8px;\n    margin-bottom: 15px;\n    overflow: hidden;\n}\n\n.hiro-opt-card-head {\n    background-color: #509f4c;\n    color: #fff;\n    font-family: \"Helvetica Neue\", Arial, sans-serif;\n    font-size: 13px;\n    font-weight: normal;\n    padding: 6px 16px;\n    letter-spacing: 0.04em;\n    opacity: 0.92;\n    display: block;\n}\n\n.hiro-opt-card-row {\n    display: flex;\n    align-items: stretch;\n}\n\n.hiro-opt-card-left {\n    flex: 1;\n    padding: 18px;\n    border-right: 1px solid #d4e8d2;\n}\n\n.hiro-opt-card-right {\n    width: 220px;\n    flex-shrink: 0;\n    padding: 18px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-end;\n    background-color: #f8fdf8;\n}\n\n.hiro-opt-card-title {\n    font-family: \"Yu Mincho\", \"YuMincho\", \"Hiragino Mincho ProN\", serif;\n    font-size: 17px;\n    font-weight: bold;\n    margin-bottom: 7px;\n    color: #222;\n    line-height: 1.4;\n    display: block;\n}\n\n.hiro-opt-tag {\n    display: inline-block;\n    font-size: 13px;\n    color: #509f4c;\n    border: 1px solid #509f4c;\n    border-radius: 12px;\n    padding: 2px 10px;\n    margin-bottom: 8px;\n    background-color: #f0faf0;\n}\n\n.hiro-opt-card-desc {\n    font-size: 14px;\n    color: #444;\n    margin-bottom: 6px;\n    line-height: 1.7;\n    display: block;\n}\n\n.hiro-opt-note-list {\n    list-style: none;\n    padding: 0;\n    margin: 4px 0 0 0;\n}\n\n.hiro-opt-note-list li {\n    font-size: 13px;\n    color: #888;\n    line-height: 1.6;\n}\n\n.hiro-opt-note {\n    font-size: 13px;\n    color: #888;\n    line-height: 1.6;\n    display: block;\n    margin: 4px 0;\n}\n\n.hiro-opt-price-row {\n    display: flex;\n    align-items: baseline;\n    justify-content: flex-end;\n}\n\n.hiro-opt-price-num {\n    font-family: \"Yu Mincho\", \"YuMincho\", serif;\n    font-size: 30px;\n    color: #509f4c;\n    font-weight: normal;\n    letter-spacing: 0.02em;\n}\n\n.hiro-opt-price-unit {\n    font-size: 19px;\n    color: #509f4c;\n    margin-left: 2px;\n    font-family: \"Yu Mincho\", \"YuMincho\", serif;\n}\n\n.hiro-opt-price-tax {\n    font-size: 13px;\n    color: #888;\n    margin-left: 5px;\n    display: block;\n    text-align: right;\n    margin-top: 3px;\n}\n\n.hiro-opt-price-lbl {\n    font-size: 13px;\n    color: #509f4c;\n    font-weight: bold;\n    margin-top: 4px;\n    text-align: right;\n    display: block;\n}\n\n.hiro-opt-loc-tags {\n    display: flex;\n    gap: 6px;\n    flex-wrap: wrap;\n    margin-bottom: 8px;\n}\n\n.hiro-opt-loc-tag {\n    font-size: 12px;\n    background-color: #e7f3e8;\n    border: 1px solid #509f4c;\n    color: #509f4c;\n    padding: 2px 9px;\n    border-radius: 12px;\n    display: inline-block;\n}\n\n\/* \u7f8a\u6c34\u30b5\u30dd\u30fc\u30c8 *\/\n.hiro-opt-sup-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px;\n    margin-bottom: 15px;\n}\n\n.hiro-opt-sup-card {\n    background-color: #fff;\n    border: 1px solid #509f4c;\n    border-radius: 8px;\n    overflow: hidden;\n    text-align: center;\n}\n\n.hiro-opt-sup-head {\n    background-color: #509f4c;\n    color: #fff;\n    font-size: 15px;\n    font-weight: bold;\n    padding: 8px 10px;\n    font-family: \"Yu Mincho\", \"YuMincho\", serif;\n    display: block;\n}\n\n.hiro-opt-sup-body {\n    padding: 14px 10px;\n}\n\n.hiro-opt-sup-desc {\n    font-size: 13px;\n    color: #555;\n    margin-bottom: 10px;\n    line-height: 1.5;\n    display: block;\n}\n\n.hiro-opt-sup-price {\n    font-family: \"Yu Mincho\", \"YuMincho\", serif;\n    font-size: 24px;\n    color: #509f4c;\n}\n\n.hiro-opt-sup-unit {\n    font-size: 16px;\n    color: #509f4c;\n}\n\n.hiro-opt-sup-tax {\n    font-size: 12px;\n    color: #888;\n    display: block;\n    margin-top: 3px;\n}\n\n\/* \u305d\u306e\u4ed62\u5217 *\/\n.hiro-opt-other-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 15px;\n}\n\n.hiro-opt-other-body {\n    padding: 16px 18px;\n}\n\n.hiro-opt-other-price-row {\n    display: flex;\n    align-items: baseline;\n    gap: 2px;\n    margin-top: 10px;\n}\n\n\/* \u6ce8\u91c8 *\/\n.hiro-opt-footnote {\n    margin-top: 20px;\n    padding: 16px 18px;\n    background-color: #f5f5f5;\n    border-radius: 6px;\n    border-left: 3px solid #509f4c;\n}\n\n.hiro-opt-footnote p {\n    font-size: 13px;\n    color: #555;\n    margin: 0 0 8px 0 !important;\n    padding: 0 !important;\n    line-height: 1.7;\n}\n\n.hiro-opt-footnote p:last-child {\n    margin-bottom: 0 !important;\n}\n\n\/* \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6 *\/\n@media (max-width: 600px) {\n    .hiro-opt-sec-title { font-size: 18px; }\n    .hiro-opt-sec-sub { font-size: 12px; }\n\n    .hiro-opt-card-row { flex-direction: column; }\n\n    .hiro-opt-card-left {\n        border-right: none;\n        border-bottom: 1px solid #d4e8d2;\n        padding: 14px;\n    }\n\n    .hiro-opt-card-right {\n        width: auto;\n        align-items: flex-start;\n        padding: 12px 14px;\n    }\n\n    .hiro-opt-price-row { justify-content: flex-start; }\n    .hiro-opt-price-lbl { text-align: left; }\n    .hiro-opt-price-num { font-size: 26px; }\n    .hiro-opt-price-unit { font-size: 17px; }\n    .hiro-opt-card-title { font-size: 15px; }\n    .hiro-opt-card-desc { font-size: 13px; }\n\n    .hiro-opt-sup-grid { grid-template-columns: 1fr; }\n\n    .hiro-opt-sup-card {\n        display: flex;\n        flex-direction: row;\n        text-align: left;\n        align-items: stretch;\n    }\n\n    .hiro-opt-sup-head {\n        writing-mode: vertical-rl;\n        text-orientation: mixed;\n        padding: 12px 8px;\n        font-size: 13px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        min-width: 34px;\n    }\n\n    .hiro-opt-sup-body {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 12px 14px;\n        flex: 1;\n        text-align: left;\n    }\n\n    .hiro-opt-sup-desc { margin-bottom: 0; flex: 1; }\n\n    .hiro-opt-sup-tax {\n        display: inline;\n        margin-top: 0;\n        margin-left: 2px;\n    }\n\n    .hiro-opt-other-grid { grid-template-columns: 1fr; }\n    .hiro-opt-other-body { padding: 14px; }\n    .hiro-opt-footnote { padding: 14px; margin-bottom: 30px;}\n    .hiro-opt-footnote p { font-size: 12px; }\n}\n<\/style>\n\n<div class=\"hiro-opt-wrap\">\n\n    <!-- \u30aa\u30d7\u30b7\u30e7\u30f3 -->\n    <div class=\"hiro-opt-sec-head\">\n        <span class=\"hiro-opt-sec-title\">\u30aa\u30d7\u30b7\u30e7\u30f3<\/span>\n    <\/div>\n\n    <div class=\"hiro-opt-card\">\n        <span class=\"hiro-opt-card-head\">10\u9031\u3092\u5f85\u305f\u305a\u306b\u3001\u306f\u3084\u304f\u77e5\u308b\u9078\u629e\u3092\u3002<\/span>\n        <div class=\"hiro-opt-card-row\">\n            <div class=\"hiro-opt-card-left\">\n                <span class=\"hiro-opt-card-title\">Early\uff08\u598a\u5a2010\u9031\u672a\u6e80\uff09<\/span>\n            <\/div>\n            <div class=\"hiro-opt-card-right\">\n                <div class=\"hiro-opt-price-row\">\n                    <span class=\"hiro-opt-price-num\">11,000<\/span><span class=\"hiro-opt-price-unit\">\u5186<\/span>\n                <\/div>\n                <span class=\"hiro-opt-price-tax\">(\u7a0e\u8fbc)<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"hiro-opt-card\">\n        <span class=\"hiro-opt-card-head\">\u5c4a\u3044\u305f\u691c\u4f53\u306f\u3001\u305f\u3060\u3061\u306b\u6b21\u56de\u306e\u691c\u67fb\u67a0\u3078\u3002<\/span>\n        <div class=\"hiro-opt-card-row\">\n            <div class=\"hiro-opt-card-left\">\n                <span class=\"hiro-opt-card-title\">\u78ba\u7d04\u4fbf<\/span>\n            <\/div>\n            <div class=\"hiro-opt-card-right\">\n                <div class=\"hiro-opt-price-row\">\n                    <span class=\"hiro-opt-price-num\">44,000<\/span><span class=\"hiro-opt-price-unit\">\u5186<\/span>\n                <\/div>\n                <span class=\"hiro-opt-price-tax\">(\u7a0e\u8fbc)<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"hiro-opt-card\">\n        <span class=\"hiro-opt-card-head\">2026\u5e747\u6708\u3001\u6b21\u4e16\u4ee3\u306e\u691c\u67fb\u304c\u306f\u3058\u307e\u308b\u3002<\/span>\n        <div class=\"hiro-opt-card-row\">\n            <div class=\"hiro-opt-card-left\">\n                <span class=\"hiro-opt-card-title\">NIPTy-MONO<\/span>\n                <span class=\"hiro-opt-card-desc\">200\u7a2e\u985e\u4ee5\u4e0a\u306e\u5358\u4e00\u907a\u4f1d\u5b50\u75be\u60a3\u3092\u8abf\u3079\u308b\u691c\u67fb\u30022026\u5e747\u6708\u4ee5\u964d\u5c0e\u5165\u4e88\u5b9a\u3002<\/span>\n            <\/div>\n            <div class=\"hiro-opt-card-right\">\n                <div class=\"hiro-opt-price-row\">\n                    <span class=\"hiro-opt-price-num\">330,000<\/span><span class=\"hiro-opt-price-unit\">\u5186<\/span>\n                <\/div>\n                <span class=\"hiro-opt-price-tax\">(\u7a0e\u8fbc)<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- \u30ad\u30e3\u30ea\u30a2\u30b9\u30af\u30ea\u30fc\u30cb\u30f3\u30b0 -->\n    <div class=\"hiro-opt-sec-head\">\n        <span class=\"hiro-opt-sec-title\">\u30ad\u30e3\u30ea\u30a2\u30b9\u30af\u30ea\u30fc\u30cb\u30f3\u30b0\u30c6\u30b9\u30c8231<\/span>\n    <\/div>\n\n    <div class=\"hiro-opt-card\">\n        <span class=\"hiro-opt-card-head\">\u751f\u307e\u308c\u305f\u304a\u5b50\u3055\u307e\u306e\u6f5c\u6027\u907a\u4f1d\u5b50\u3092\u8abf\u3079\u308b\u3002<\/span>\n        <div class=\"hiro-opt-card-row\">\n            <div class=\"hiro-opt-card-left\">\n                <span class=\"hiro-opt-tag\">\u51fa\u751f\u3055\u308c\u305f\u304a\u5b50\u3055\u307e\u5bfe\u8c61<\/span>\n                <span class=\"hiro-opt-card-title\">\u30ad\u30e3\u30ea\u30a2\u30b9\u30af\u30ea\u30fc\u30cb\u30f3\u30b0\u30c6\u30b9\u30c8231<\/span>\n                <span class=\"hiro-opt-card-desc\">\u30d2\u30ed\u30af\u30ea\u30cb\u30c3\u30af\u3067NIPT\u3092\u53d7\u691c\u3057\u3001\u751f\u307e\u308c\u305f\u304a\u5b50\u3055\u307e\u3092\u5bfe\u8c61\u3068\u3057\u3066\u6f5c\u6027\u907a\u4f1d\u5b50\u691c\u67fb\u3092\u7279\u5225\u4fa1\u683c\u306b\u3066\u63d0\u4f9b\u3057\u3066\u304a\u308a\u307e\u3059\u3002<\/span>\n                <ul class=\"hiro-opt-note-list\">\n                    <li>\u203b\u3055\u3089\u306bNIPT\u3092\u53d7\u691c\u3055\u308c\u305f\u969b\u306b\u767a\u884c\u3055\u308c\u308b\u30b8\u30a7\u30cd\u30ea\u30aa\u30dd\u30a4\u30f3\u30c8\u3082\u3001\u3054\u5229\u7528\u53ef\u80fd\u3002<\/li>\n                    <li>\u203b\u958b\u59cb\u6642\u671f\u304c\u6c7a\u307e\u308a\u307e\u3057\u305f\u3089\u304a\u77e5\u3089\u305b\u3044\u305f\u3057\u307e\u3059\u3002<\/li>\n                <\/ul>\n            <\/div>\n            <div class=\"hiro-opt-card-right\">\n                <div class=\"hiro-opt-price-row\">\n                    <span class=\"hiro-opt-price-num\">220,000<\/span><span class=\"hiro-opt-price-unit\">\u5186<\/span>\n                <\/div>\n                <span class=\"hiro-opt-price-tax\">(\u7a0e\u8fbc)<\/span>\n                <span class=\"hiro-opt-price-lbl\">\u30aa\u30d7\u30b7\u30e7\u30f3\u4fa1\u683c<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"hiro-opt-card\">\n        <span class=\"hiro-opt-card-head\">\u3075\u305f\u308a\u3067\u53d7\u3051\u308b\u3001\u672a\u6765\u3078\u306e\u6e96\u5099\u3002<\/span>\n        <div class=\"hiro-opt-card-row\">\n            <div class=\"hiro-opt-card-left\">\n                <span class=\"hiro-opt-tag\">NIPT\u3092\u53d7\u691c\u3055\u308c\u308b\u3054\u4e21\u89aa\u5bfe\u8c61<\/span>\n                <span class=\"hiro-opt-card-title\">\u30ad\u30e3\u30ea\u30a2\u30b9\u30af\u30ea\u30fc\u30cb\u30f3\u30b0\u30c6\u30b9\u30c8231\uff08\u30da\u30a2\u691c\u67fb\uff09<\/span>\n                <span class=\"hiro-opt-card-desc\">\u30d2\u30ed\u30af\u30ea\u30cb\u30c3\u30af\u306e\u30d7\u30e9\u30f3\u306b\u3001\u30aa\u30d7\u30b7\u30e7\u30f3\u3067\u6f5c\u6027\u907a\u4f1d\u5b50\u691c\u67fb\u3092\u63d0\u4f9b\u3057\u3066\u304a\u308a\u307e\u3059\u3002<\/span>\n                <ul class=\"hiro-opt-note-list\">\n                    <li>\u203b\u4e00\u81f4\u3057\u305f\u90e8\u5206\u306e\u307f\u5831\u544a\u3002\u958b\u59cb\u6642\u671f\u304c\u6c7a\u307e\u308a\u307e\u3057\u305f\u3089\u304a\u77e5\u3089\u305b\u3044\u305f\u3057\u307e\u3059\u3002<\/li>\n                <\/ul>\n            <\/div>\n            <div class=\"hiro-opt-card-right\">\n                <div class=\"hiro-opt-price-row\">\n                    <span class=\"hiro-opt-price-num\">220,000<\/span><span class=\"hiro-opt-price-unit\">\u5186<\/span>\n                <\/div>\n                <span class=\"hiro-opt-price-tax\">(\u7a0e\u8fbc)&nbsp;\u6d77\u5916\u691c\u67fb<\/span>\n                <span class=\"hiro-opt-price-lbl\">\u30aa\u30d7\u30b7\u30e7\u30f3\u4fa1\u683c<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- \u8d85\u97f3\u6ce2\u691c\u67fb -->\n    <div class=\"hiro-opt-sec-head\">\n        <span class=\"hiro-opt-sec-title\">\u8d85\u97f3\u6ce2\u691c\u67fb<\/span>\n    <\/div>\n\n    <div class=\"hiro-opt-card\">\n        <div class=\"hiro-opt-card-row\">\n            <div class=\"hiro-opt-card-left\">\n                <div class=\"hiro-opt-loc-tags\">\n                    <span class=\"hiro-opt-loc-tag\">\u5927\u5bae\u99c5\u524d\u9662<\/span>\n                    <span class=\"hiro-opt-loc-tag\">\u5927\u962a\u99c5\u524d\u9662<\/span>\n                <\/div>\n                <span class=\"hiro-opt-note\">\u5a66\u4eba\u79d1\u306e\u307f<\/span>\n            <\/div>\n            <div class=\"hiro-opt-card-right\">\n                <div class=\"hiro-opt-price-row\">\n                    <span class=\"hiro-opt-price-num\">11,000<\/span><span class=\"hiro-opt-price-unit\">\u5186<\/span>\n                    <span class=\"hiro-opt-sup-tax\">(\u7a0e\u8fbc)<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- \u7f8a\u6c34\u691c\u67fb\u30b5\u30dd\u30fc\u30c8 -->\n    <div class=\"hiro-opt-sec-head\">\n        <span class=\"hiro-opt-sec-title\">\u7f8a\u6c34\u691c\u67fb\u30b5\u30dd\u30fc\u30c8<span class=\"hiro-opt-sec-sub\">\uff08\u5f53\u65e5\u306e\u307f\u52a0\u5165\u53ef\uff09<\/span><\/span>\n    <\/div>\n\n    <div class=\"hiro-opt-sup-grid\">\n        <div class=\"hiro-opt-sup-card\">\n            <span class=\"hiro-opt-sup-head\">\u30e9\u30a4\u30c8<\/span>\n            <div class=\"hiro-opt-sup-body\">\n                <span class=\"hiro-opt-sup-desc\">\u691c\u67fb\u4ee3\u91d1\u3092\u6700\u592710\u4e07\u5186\u307e\u3067\u88dc\u52a9<\/span>\n                <div>\n                    <span class=\"hiro-opt-sup-price\">3,300<\/span><span class=\"hiro-opt-sup-unit\">\u5186<\/span>\n                    <span class=\"hiro-opt-sup-tax\">(\u7a0e\u8fbc)<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"hiro-opt-sup-card\">\n            <span class=\"hiro-opt-sup-head\">\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9<\/span>\n            <div class=\"hiro-opt-sup-body\">\n                <span class=\"hiro-opt-sup-desc\">\u691c\u67fb\u4ee3\u91d1\u3092\u6700\u592720\u4e07\u5186\u307e\u3067\u88dc\u52a9<\/span>\n                <div>\n                    <span class=\"hiro-opt-sup-price\">5,500<\/span><span class=\"hiro-opt-sup-unit\">\u5186<\/span>\n                    <span class=\"hiro-opt-sup-tax\">(\u7a0e\u8fbc)<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"hiro-opt-sup-card\">\n            <span class=\"hiro-opt-sup-head\">\u30ef\u30a4\u30c9<\/span>\n            <div class=\"hiro-opt-sup-body\">\n                <span class=\"hiro-opt-sup-desc\">\u691c\u67fb\u4ee3\u91d1\u3092\u6700\u592730\u4e07\u5186\u307e\u3067\u88dc\u52a9<\/span>\n                <div>\n                    <span class=\"hiro-opt-sup-price\">11,000<\/span><span class=\"hiro-opt-sup-unit\">\u5186<\/span>\n                    <span class=\"hiro-opt-sup-tax\">(\u7a0e\u8fbc)<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- \u305d\u306e\u4ed6 -->\n    <div class=\"hiro-opt-sec-head\">\n        <span class=\"hiro-opt-sec-title\">\u305d\u306e\u4ed6\u30aa\u30d7\u30b7\u30e7\u30f3<\/span>\n    <\/div>\n\n    <div class=\"hiro-opt-other-grid\">\n        <div class=\"hiro-opt-card\">\n            <div class=\"hiro-opt-other-body\">\n                <span class=\"hiro-opt-card-title\">\u8a3a\u7642\u65e5\u4ee5\u5916\u306e\u8a3a\u5bdf<\/span>\n                <span class=\"hiro-opt-note\">\u76f4\u63a5\u307e\u305f\u306f\u9060\u969420\u5206<\/span>\n                <div class=\"hiro-opt-other-price-row\">\n                    <span class=\"hiro-opt-price-num\" style=\"font-size:24px\">4,400<\/span><span class=\"hiro-opt-price-unit\" style=\"font-size:16px\">\u5186<\/span>\n                    <span class=\"hiro-opt-sup-tax\">(\u7a0e\u8fbc)<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"hiro-opt-card\">\n            <div class=\"hiro-opt-other-body\">\n                <span class=\"hiro-opt-card-title\">\u691c\u67fb\u7d50\u679c\u306e\u90f5\u9001<\/span>\n                <span class=\"hiro-opt-note\">\u691c\u67fb\u7d50\u679c\u306e\u7c21\u6613\u66f8\u7559\u9001\u4ed8<\/span>\n                <div class=\"hiro-opt-other-price-row\">\n                    <span class=\"hiro-opt-price-num\" style=\"font-size:24px\">3,300<\/span><span class=\"hiro-opt-price-unit\" style=\"font-size:16px\">\u5186<\/span>\n                    <span class=\"hiro-opt-sup-tax\">(\u7a0e\u8fbc)<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- \u6ce8\u91c8 -->\n    <div class=\"hiro-opt-footnote\">\n        <p>F143 MONO\u30d7\u30e9\u30f3\u306f\u30011\uff5e22\u756a\u67d3\u8272\u4f53\u3001\u77e5\u7684\u969c\u5bb3\u3001\u4e0d\u598a\u75c7\u3001\u6d41\u7523\u30ea\u30b9\u30af\u307e\u3067\u5e45\u5e83\u304f\u7db2\u7f85\u3059\u308b\u6700\u4e0a\u7d1a\u30d7\u30e9\u30f3\u3067\u3059\u3002\u306a\u304a\u3001200\u7a2e\u985e\u4ee5\u4e0a\u306e\u5358\u4e00\u907a\u4f1d\u5b50\u75be\u60a3\u3092\u8abf\u3079\u308b\u300cNIPTy-MONO\u300d\u306b\u3064\u3044\u3066\u306f\u30012026\u5e747\u6708\u4ee5\u964d\u306e\u5c0e\u5165\u3092\u4e88\u5b9a\u3057\u3066\u304a\u308a\u307e\u3059\u3002<\/p>\n        <p>F143\u30d7\u30e9\u30f3\u306f1\uff5e22\u756a\u67d3\u8272\u4f53\uff0b\u77e5\u7684\u969c\u5bb3\uff0b\u4e0d\u598a\u75c7\u3092\u542b\u307f\u3001\u5e83\u7bc4\u56f2\u3092\u7db2\u7f85\u3057\u305f\u4eba\u6c17\u306e\u9ad8\u3044\u30d0\u30e9\u30f3\u30b9\u578b\u30d7\u30e9\u30f3\u3067\u3059\u3002<\/p>\n        <p>\u203bNIPT\u306e\u691c\u67fb\u306f\u81ea\u7531\u8a3a\u7642\u3068\u306a\u3063\u3066\u304a\u308a\u307e\u3059\u3002\u5168\u984d\u81ea\u5df1\u8ca0\u62c5\u3068\u306a\u308a\u307e\u3059\u306e\u3067\u3001\u4fdd\u967a\u8a3c\u306f\u304a\u4f7f\u3044\u3044\u305f\u3060\u3051\u307e\u305b\u3093\u3002<\/p>\n        <p>\u203b\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u307f\u306e\u3054\u5229\u7528\u306f\u3067\u304d\u307e\u305b\u3093\u3002<\/p>\n    <\/div>\n\n<\/div>\n\n\n\n<section id=\"pay_section\">\n    <h2>\u304a\u652f\u6255\u3044\u306b\u95a2\u3059\u308b\u3054\u8aac\u660e<\/h2>\n    <p>\u304a\u652f\u6255\u3044\u306f\u30af\u30ec\u30b8\u30c3\u30c8\u30ab\u30fc\u30c9\u306e\u307f\u3068\u306a\u308a\u307e\u3059\u3002\n        \u30fbJCB \u30fbAMEX \u30fb\u30c0\u30a4\u30ca\u30fc\u30b9\u30af\u30e9\u30d6 \u30fb\u9280\u806f \u30fbVISA \u30fbMaster \u30fbDiscover<\/p>\n    <img decoding=\"async\" src=\"\/nipt\/wp-content\/uploads\/2023\/06\/pay.png\" alt=\"\u30af\u30ec\u30b8\u30c3\u30c8\u30ab\u30fc\u30c9\">\n<\/section>\n<style>\n    #pay_section {\n        background: #FCF6F7;\n        padding: 1rem;\n    }\n<\/style>\n\n\n<div class=\"newcta\">\r\n <a href=\"https:\/\/mypage-nipt-reservation.hiro-clinic.or.jp\/registration\">\r\n  <p class=\"jisseki mincho\">NIPT\u691c\u67fb\u5b9f\u7e3e<span class=\"big\">75,000<span>\u4ef6\u4ee5\u4e0a<\/span><\/span><\/p>\r\n  <p class=\"res-btn\">\u7a7a\u304d\u72b6\u6cc1\u3092\u78ba\u8a8d\u3057\u3066\u4e88\u7d04\u3059\u308b<\/p>\r\n <\/a>\r\n<\/div>\r\n<style>\r\n.newcta{\r\n  margin:1rem auto 2rem;\r\n}\r\n.newcta a{\r\n  width:100%;\r\n  max-width:500px;\r\n  margin:0 auto;\r\n  display:block;\r\n  text-decoration:none;\r\n  text-align:center;\r\n}\r\n.newcta p{\r\n  margin:0 auto;\r\n}\r\n.newcta .jisseki{\r\n  margin:0 auto;\r\n  position:relative;\r\n  font-size:clamp(1rem, 0.909rem + 0.45vw, 1.25rem);\r\n  background: linear-gradient(to bottom, #b68d3c 0%, #e2b95f 35%, #b68d3c);\r\n  -webkit-background-clip: text;\r\n  color: rgba(0,0,0,0);\r\n  font-weight:bold;\r\n  display:inline-flex;\r\n  flex-wrap:wrap;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:.5rem;\r\n  padding-bottom:1rem;\r\n}\r\n.newcta .jisseki span{\r\n  font-size:2rem;\r\n}\r\n.newcta .jisseki span span{\r\n  font-size:clamp(1rem, 0.909rem + 0.45vw, 1.25rem);\r\n}\r\n.newcta .res-btn{\r\n  display:inline-block;\r\n  background:#f0a3b8;\r\n  padding:1.5rem 2rem;\r\n  text-align:center;\r\n  border-radius:1rem;\r\n  box-shadow:0 .5rem .5rem #f0a3b866;\r\n  color:#fff;\r\n  font-size:1.2rem;\r\n  font-weight:bold;\r\n  letter-spacing:.2rem;\r\n  min-width:320px;\r\n}\r\n@media screen and (max-width:500px){\r\n  .newcta .jisseki .big{\r\n    width:100%;\r\n  }\r\n  .newcta .res-btn{\r\n    padding:1.5rem 0;\r\n  }\r\n}\r\n<\/style>\r\n<div class=\"old-cta\">\r\n<div class=\"container\" style=\"padding:10px\">\r\n<div class=\"nipt-bnr mincho\">\r\n<a href=\"https:\/\/mypage-nipt-reservation.hiro-clinic.or.jp\/registration\">\r\n<p class=\"jisseki font-s gothic\">NIPT\u691c\u67fb\u5b9f\u7e3e<\/p>\r\n<p class=\"total font-m\"><span class=\"gold font-l\">68,000<\/span>\u4ef6<\/p>\r\n<p class=\"res font-s gothic\">\u3054\u4e88\u7d04\u306f\u3053\u3061\u3089\u25b6\ufe0e\u25b6\ufe0e\u25b6\ufe0e<\/p>\r\n<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"content-center\" style=\"max-width:1200px;margin:0 auto;width:90%\">\r\n <div class=\"image-text-block\">\r\n<a href=\"\/nipt\/20th-anniversary\/\" style=\"max-width:825px;margin:0.5rem auto\"><img decoding=\"async\" src=\"\/nipt\/wp-content\/uploads\/2026\/05\/forplan_btn-0525.webp\" style=\"width:100%\"><\/a>\r\n <\/div>\r\n<\/div>\r\n<style>\r\n.old-cta{\r\n  display:none;\r\n}\r\n.nipt-bnr{\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n  width:calc(100% - 3rem);\r\n  min-width:350px;\r\n  max-width:480px;\r\n  aspect-ratio:11 \/ 5;\r\n  position:relative;\r\n  margin:1rem auto;\r\n  background-image:linear-gradient(to bottom,#63513c,#63513c,#feef7b,#63513c,#63513c);\r\n  border-radius:8px;\r\n  box-shadow:6px 6px 6px #999;\r\n}\r\n.nipt-bnr .gold{\r\n  background:linear-gradient(to bottom,#d1ac60,#e8ca74 50%,#d29e30,#ac7726);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  font-weight:bold;\r\n}\r\n.cta-btn-nipt-reservation-wimg{\r\n  text-decoration:none;\r\n  border-bottom:initial;\r\n}\r\n.label-link {\r\n  align-items: center;\r\n  text-decoration: none;\r\n  gap: 8px;\r\n}\r\n.image-text-block {\r\n  text-align: center;\r\n}\r\n.tittle_price{\r\n font-weight:900;\r\n font-size:2rem;\r\n color:#e54c84;\r\n text-align:center;\r\n border-bottom:none;\r\n margin-bottom:-10px;\r\n}\r\n.box_11 {\r\n  width: 12px;\r\n  height: 12px;\r\n  background-color: #e54c84;\r\n  border-radius: 2px;\r\n  flex-shrink: 0;\r\n}\r\n.center-container {\r\n  text-align: center;\r\n}\r\n.label-box{\r\ndisplay:block;\r\nfont-size:1.3rem !important;\r\nfont-weight:900;\r\ncolor:#e54c84;\r\ntext-align:right;\r\n}\r\n<\/style>\n\n\n\n<style>\n  #main_col{\n    margin-top:0;\n  }\n\n  .important {\n    font-size: 18px;\n    font-weight: bold;\n  }\n  .red {\n    color: #de3a3a;\n  }\n  .orange{\n    color: #ff9a3d;\n  }\n  .small {\n    font-size: 14px;\n  }\n  #article {\n    max-width: 1100px;\n    width: 100%;\n    margin: 0 auto;\n    padding: 0 0px;\n    box-sizing: border-box;\n  }\n  a {\n    text-decoration: underline;\n  }\n  .section ul {\n    list-style-type: disc;\n    padding-left: 20px;\n  }\n  .section ul li a{\n    color: #68213b;\n    font-weight: normal !important;\n  }\n\n  .post_content p.plus{\n    font-weight: bold;\n    color: rgb(205, 45, 45);\n    position: relative;\n    margin-bottom: 3rem;\n  }\n  .post_content p.plus span{\n    display: block;\n    padding-left: 5rem;\n  }\n\n  .post_content p.plus span::after{\n    content: \"\";\n    display: block;\n    background: url(\/nipt\/wp-content\/uploads\/2023\/06\/option_btn.png) no-repeat;\n    background-size: contain;\n    width: 70px;\n    height: 70px;\n    position: absolute;\n    left: 0;\n    top: 0;\n  }\n\n  @media (min-width: 1025px) {\n  .post_content p.plus{\n    text-align: center;\n    margin-bottom: 5rem;\n  }\n  .post_content p.plus span{\n    padding-left: 0;\n  }\n\n      .post_content p.plus span::after{\n          width: 70px;\n  height: 70px;\n  left: 140px;\n  top: -14px;\n      }\n  }\n\n  @media (min-width:768px) and ( max-width:1024px) {\n  .post_content p.plus{\n    margin-bottom: 5rem;\n    padding-left: 5rem;\n  }\n  .post_content p.plus span{\n    padding-left: 0;\n  }\n\n      .post_content p.plus span::after{\n          width: 70px;\n  height: 70px;\n  left: 1%;\n  top: -28%;\n      }\n  }\n\n\/*\n  .section .background-pink .option_btn a,\n  .section .explain .detail .option_btn a{\n    display: block;\n  }\n  .section .background-pink .option_btn,\n  .section .explain .detail .option_btn{\n    position: absolute;\n    right: 14%;\n    top: -50%;\n    max-width: 110px;\n    z-index: 1000;\n    display: block;\n  }\n\n  .section .explain .detail .option_btn{\n    top: -10%;\n    right: -13%;\n  }\n\n  @media (max-width: 770px) {\n    .section .background-pink.has_option{\n      padding-right: 3rem;\n    }\n\n    .section .background-pink .option_btn,\n    .section .explain .detail .option_btn{\n      width: 26%;\n      top: -35%;\n      right: 5%;\n    }\n\n    .section .explain .detail .option_btn{\n      top: -26%;\n      right: 2%;\n      width: 26%;\n    }\n  }*\/\n\/* ================ Point ================ *\/\n\n  .point-info{\n   width: 30%;\n   text-transform: uppercase;\n   color:#FFFFFF;\n   background:#E54C84;\n   padding-top: 5px;\n   padding-bottom: 5px;\n   border-radius: 18px;\n   font-weight: bold;\n   margin-left: auto;\n   margin-right: auto;\n   text-align: center;\n   margin-top:-44px;\n}\n  .point {\n    border: 2px solid #ff9a3d;\n    border-radius: 10px;\n    background: #fffff7;\n    list-style-type: disc;\n    position: relative;\n    padding: 1.5rem 0.6rem;\n    margin-top: 3rem;\n\n  }\n  .point ul {\n    padding: 0;\n    margin-top: 10px;\n  }\n  .point ul li {\n    position: relative;\n    padding-left: 5px;\n    margin-left:30px;\n  }\n  .point ul li::before {\n   \n  }\n  .point a {\n    text-decoration: none;\n    color: #333;\n    display: block;\n  }\n  .point img{\n    position: absolute;\n    width: 30%;\n    top: 10px;\n    right: 0;\n    padding-top:20px;\n    padding-right:20px;\n  }\n\n\n@media only screen and (max-width: 1199px) {}\n@media only screen and (max-width: 991px) {}\n@media only screen and (max-width: 767px) {\n  .point ul li {\n    position: relative;\n    padding-left: 2px;\n    margin-left:20px;\n  }\n\n}\n@media only screen and (max-width: 414px) {}\n@media only screen and (max-width: 375px) {}\n@media only screen and (max-width: 320px) {}\n\n\n  table {\n    width: 100%;\n    margin: 0 auto 1rem!important;\n  }\n\n  #anywhere table{\n    margin-bottom: 0 !important;\n  }\n\n.post_content h2{\nfont-size: 1.5rem;\nmargin: 1rem auto;\n}\n\n\n.lead{\n    font-size: 1.4rem;\n    text-align: center;\n  }\n\n  @media only screen and (max-width: 767px) {\n    .lead{\n    font-size: 1.1rem;\n  }\n  }\n\n\/* ================Add F================ *\/\n\n.add-f{\n    padding: 1.5rem 7rem;\n    background: #FCF6F7;\n}\n@media only screen and (max-width: 767px) {\n.add-f{\n    padding: 1rem 0.5rem;\n}\n}\n.section .customh-3::before{\ncontent: none !important;\n}\n\n.section .customh-3{\nmargin-top:10px;\nmargin-bottom:5px;\npadding-top:5px;\npadding-bottom:5px;\ncolor: #d80964;\ntext-align: center;\n}\n\n@media only screen and (max-width: 767px){\n.section .customh-3{\n    font-size: 1.5rem;\n    line-height: 1.2;\n}\n}\n\n\/*.section .span-half{\nbackground: linear-gradient(0deg, #FFF9A4 50%, #FCF6F7 50%);\n}*\/\n\n    .section .detail{\n        display: flex;\n        justify-content: center;\n        gap: 4rem;\n    }\n\n    .section .detail .detail_2 {\n        width: 40%;\n    }\n\n    .section .detail .detail_2 .percentage{\n        margin: 0;\n        font-size: 1.2rem;\n        font-weight: bold;\n        text-align: right;\n    }\n\n.section .explain .to_whom{\n        width: 70%;\n  padding: 1rem;\n  background: #fff;\n  border: 3px dotted #db6236;\n  border-radius: 10px;\n  box-sizing: border-box;\n        margin: 2rem auto;\n}\n\n.section .explain h4{\n  color: #333;\n  margin-bottom: 0;\n  margin-top: 0;\n}\n\n.section .explain .to_whom h4{\n  background: linear-gradient(transparent 50%,#ffe58b 50%);\n  display: inline-block;\n  margin-bottom: 0.5rem;\n}\n\n.section .explain h4::before{\n  content: \"\";\n  display: inline-block;\n  width: 0;\n}\n\n.section .explain .to_whom ul li{\n  font-weight: bold;\n  font-weight: 1.2rem;\n}\n\n    .section .cover {\n        margin-bottom: 1rem;\n    }\n\n    .section .cover img {\n        display: block;\n    }\n\n    @media only screen and (max-width: 767px) {\n        .section .detail{\n            display: block;\n            margin-bottom: 3rem;\n        }\n\n        .section .detail .detail_2 {\n            width: 90%;\n            margin: 1rem auto;\n        }\n    .section .explain .to_whom,\n    .section .explain .detail{\n      width: 100%;\n    }\n    .section .explain .detail{\n      margin-top: 1rem;\n    }\n    .section .explain .detail h4{\n      margin-top: 0.5rem;\n        }\n\n        .section .cover img {\n            width: 90%;\n            margin: 0 auto;\n        }\n\n        .section .cover .percentage {\n            font-size: 1.2rem;\n            text-align: right;\n            font-weight: bold;\n    }\n  }\n\n.section .background-pink{\n    background: #FEA0B2;\n    color: #310303;\n    padding-top: 10px;\n    padding-bottom: 20px;\n}\n\n.section .background-pink.no1,\n.section .background-pink.rec1{\n  position: relative;\n  padding-bottom:10px!important;\n}\n\n.section .background-pink.no1::before,\n.section .background-pink.rec1::before{\n  display: block;\n  content: \"\";\n  background: url(\/nipt\/wp-content\/themes\/hiro_nipt\/img\/no1_flag.png) no-repeat;\n  background-size: contain;\n  position: absolute;\n  width: 120px;\n  height: 150px;\n  top: -44px;\n  left: 110px;\n}\n\n.section .background-pink.rec1::before{\n  background: url(\/nipt\/wp-content\/uploads\/2023\/07\/recommend_flag.png) no-repeat;\n  background-size: contain;\n}\n\n#guard_oms .background-pink.rec1::before{\n  background: url(\/nipt\/wp-content\/uploads\/2024\/07\/baryu_plan_flag.webp) no-repeat;\n  background-size: contain;\n}\n@media only screen and (max-width: 767px){\n  .section .background-pink.no1::before,\n  .section .background-pink.rec1::before{\n    left: 0;\n    top: -30px;\n    width: 70px;\n    height: 80px;\n  }\n}\n\n.section .group-btn{\ndisplay:flex;\n}\n\n.section .a-link{\n border: 1px solid  #db6236;\n text-decoration: none;\n color: #333;\n background: #f6f7b4;\n padding-top: 7px;\n padding-bottom:6px;\n padding-left:8px;\n padding-right:22px;\n margin-top:10px;\n margin-right:10px;\n margin-bottom: 10px;\n font-size: 0.9rem;\n border-radius: 4px;\n position: relative;\n}\n\n.section .a-link.has_modal::after{\n display: block;\n content: \"\";\n border-left: 1px solid #68213b;\n border-bottom: 1px solid #68213b;\n transform: rotate(-135deg);\n width: 5px;\n height: 5px;\n position: absolute;\n top: 40%;\n right: 9px;\n transition: .5s transform ease,1s opacity ease;\n}\n\n.section .a-link.green{\n border: 1px solid #65CED2;\n margin-left: 0;\n}\n\n\n.section .td-pink{\nbackground: #FFD6DE;\npadding-top:3px;\npadding-bottom:3px;\ntext-align: center;\n}\n\n.section .th-gray{\nbackground: #E3E3E3;\ntext-align: center;\npadding: 0.5rem 0;\ncolor: #333;\nposition: relative;\ncursor: pointer;\n}\n\n.section .th-gray::after{\n  display: block;\n  content: \"\";\n  border-left: 3px solid #333;\n  border-bottom: 3px solid #333;\n  transform: rotate(-45deg);\n  width: 8px;\n  height: 8px;\n  position: absolute;\n  top: 34%;\n  right: 35%;\ntransition: .5s transform ease,1s opacity ease;\n}\n\n.section .accordion-title.open .th-gray::after{\n  transform: rotate(135deg);\n}\n@media only screen and (max-width: 767px){\n  .section .th-gray::after{\n        top: 31%;\n        right: 16%;\n    }\n}\n\n.section td{\ntext-align: center;\n}\n\n.add-table tr td{\nborder: 1px solid #6A6A6A;\n}\n\n.add-table tr:nth-of-type(2) td{\nfont-size: 1.5rem;\nline-height: 1;\n}\n\n@media only screen and (max-width: 767px){\n  .add-table tr:nth-of-type(2) td{\n    font-size: 1.3rem;\n    }\n}\n\n.add-table tr:nth-of-type(2) td,\n.add-table tr:nth-of-type(4) td{\nfont-weight: bold;\npadding: 20px 0;\n}\n\n@media only screen and (max-width: 767px){\n.add-table tr:nth-of-type(2) td,\n.add-table tr:nth-of-type(4) td{\nline-height: 1.2;\npadding: 20px 0 15px;\n}\n}\n\n.add-table tr:nth-of-type(2) td .tax,\n.add-table tr:nth-of-type(4) td .tax{\nmargin-top: 0;\nfont-weight: normal;\npadding-left: 0.5rem;\n}\n\n.add-table tr th{\nborder: 1px solid #6A6A6A;\n}\n\n.add-table-pink tr th{\nborder: 1px solid #FFC1D0;\n}\n\n.add-table-pink tr td{\nborder: 1px solid #FFC1D0;\n}\n\n.add-table-pink th{\nborder: 1px solid #FFC1D0;\n}\n\n.margin-gmore{\nmargin-top: 20px;\nmargin-bottom:20px;\n}\n\n.group-more{\ntext-align: center;\n}\n\n@media only screen and (max-width: 767px){\n  .group-more{\n    text-align: left;\n}\n.add-table tr:nth-of-type(2) td .tax,\n.add-table tr:nth-of-type(4) td .tax{\npadding-left: 0;\n}\n}\n\n.rmore-btn-pink{\nwidth:320px;\nbackground: #FF4D8F;\npadding-top:10px;\npadding-bottom:10px;\ncolor: #FFFFFF !important;\ntext-decoration: none;\ntext-align: center;\nmargin-right: 10px;\nfont-size:20px;\nborder-radius: 22px;\n}\n\n.reservation-btn{\nwidth:320px;\nbackground: #FF8A4D;\npadding-top:10px;\npadding-bottom:10px;\ncolor: #333 !important;\nfont-weight: bold;\ntext-decoration: none;\ntext-align: center;\nfont-size:20px;\nborder-radius: 30px;\nmargin: 0 auto 0.5rem;\ndisplay: block;\n}\n\n\/* Media Queries *\/\n\n@media only screen and (max-width: 1199px) {}\n@media only screen and (max-width: 991px) {\n.group-more{\ndisplay: block;\n}\n\n\n.rmore-btn-pink{\nwidth:100%;\nbackground: #FF4D8F;\npadding-top:10px;\npadding-bottom:10px;\ncolor: #FFFFFF !important;\ntext-decoration: none;\ntext-align: center;\nmargin-right:0;\ndisplay: block;\n}\n\n.reservation-btn{\nwidth:100%;\nbackground: #FF8A4D;\npadding-top:10px;\npadding-bottom:10px;\ncolor: #333 !important;\ntext-decoration: none;\ntext-align: center;\nmargin-top:10px;\ndisplay: block;\n}\n\n}\n@media only screen and (max-width: 767px) {}\n@media only screen and (max-width: 414px) {}\n@media only screen and (max-width: 375px) {}\n@media only screen and (max-width: 320px) {}\n\n\n\/* ============== Accordion ============== *\/ \n.item_list_ac{\nmargin-top:20px;\n}\n\n.section .accordion-title{\nmargin-left: auto;\nmargin-right: auto;\ncolor: #fff;\ntext-align: center;\npadding-top: 0px;\npadding-bottom: 0px;\nmargin-top:20px;\n}\n\n.section .item_list_ac .material-icons{\nborder: 1px solid #fff;\nborder-radius: 50%;\ncolor: #65CED2;\nbackground: #fff;\npadding-top: 5px;\npadding-bottom: 3px;\npadding-right: 5px;\npadding-left: 5px;\n}\n\n.section .accordion-content{\nbackground: #F6FAFC;\n}\n\n.item_list_ac h4{\n margin-left: auto;\n margin-right: auto;\n color: #310303 !important;\n}\n\n.item_list_ac h4::before{\n content: none;\n}\n\n    .item_list_ac li {\n      padding: 0;\n    }\n    \n    .item_list_ac dl {\n      \/* border: 2px solid #ffc6db; *\/\n      background-color: #fff;\n      margin: 0 auto;\n      border-radius: 0.75rem;\n    }\n    \n    .item_list_ac dt {\n      padding: 0.5rem;\n      background-color: #65CED2;\n      font-weight: 900;\n      line-height: 1.4;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n    }\n    \n    .item_list_ac dt .material-icons {\n      color: #e54c84;\n    }\n    \n    .item_list_ac dd {\n      line-height: 1.4;\n      padding: 1.5rem 7rem;\n    }\n@media only screen and (max-width: 767px) {\n.item_list_ac dd {\n      padding: 0.5rem;\n    }}\n    \n    .item_list_ac dd p {\n      line-height: 1.6;\n      margin: 0 auto 1rem;\n    }\n    \n    .item_list_ac dd a:not(.reservation-btn) {\n      font-weight: 900;\n      text-decoration: underline;\n    }\n    \n    @media (min-width: 771px) {\n      .item_list_ac dt {\n        font-size: 1.3rem;\n        padding: 1rem;\n        cursor: pointer;\n      }\n    }\n    @media (max-width: 770px) {\n      .item_list_ac li {\n        padding-left: 0;\n        padding-right: 0;\n      }\n    }\n\n@media only screen and (max-width: 1199px) {}\n@media only screen and (max-width: 991px) {\n.item_list_ac h4 {\n  margin-left: auto;\n  margin-right: auto;\n  color: #310303 !important;\n  margin-top: 20px;\n}\n}\n@media only screen and (max-width: 767px) {}\n@media only screen and (max-width: 414px) {}\n@media only screen and (max-width: 375px) {}\n@media only screen and (max-width: 320px) {}\n\n\n\n@media (min-width: 771px){\n  .btn{\n    max-width: 650px;\n    width: 100%;\n    margin: 0 auto;\n    display: flex;\n    justify-content: space-between;\n  }\n  .btn a{\n    width: 48%;\n    margin-bottom: 0;\n  }\n\n  .start_lead {\n    max-width: 620px;\n    width: 100%;\n    margin: 0 auto;\n    margin-bottom: 3rem;\n  }\n  .start_lead img {\n    width: 10%;\n  }\n  .start_lead p {\n    width: 85%;\n    font-weight: bold;\n    font-size: 18px;\n  }\n  .point {\n    padding: 1.5rem;\n    width: 70%;\n    margin: 3rem auto;\n  }\n  .point ul {\n    margin-top: 0;\n  }\n  .point img {\n    width: 20%;\n    right: 20px;\n  }\n}\n\/* \u30da\u30fc\u30b8\u5185\u30ea\u30f3\u30af\u8abf\u6574 *\/\n#scan_add{\n  padding-top: 130px;\n  margin-top:-70px;\n}\n#scan_46,\n#scan_dd {\n  padding-top: 70px;\n  margin-top:-70px;\n}\n\n\n\/* modal *\/\nbutton{\n  cursor: pointer;\n}\n\nbutton.early{\n  position: relative;\n}\n\nbutton.early::before{\n  position: absolute;\n  content: \"\";\n  display: block;\n  background: url(\/nipt\/wp-content\/uploads\/2023\/09\/bubble_early.png) no-repeat;\n  background-size: contain;\n  width: 103px;\n  height: 47px;\n  top: -150%;\n  left: 0;\n}\n\n@media (min-width: 771px){\nbutton.early::before{\n  width: 120px;\n  height: 53px;\n  top: -170%;\n  left: 0;\n}\n}\n.modal {\n  display: none;\n  position: fixed;\n  z-index: 1;\n  left: 0;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  overflow: unset;\n  background-color: rgba(0,0,0,0.5);\n}\n\n.modal .modal_box{\n  background-color: #fff;\n  margin: 10% auto;\n  max-width: 900px;\n        padding: 2rem;\n  width: 100%;\n  border-radius: 10px;\n  animation-name: modalopen;\n  animation-duration: 1s;\n  position: relative;\n        box-sizing: border-box;\n}\n\n.modal .modal_box p{\n  text-align: center;\n        padding: 1rem 0;\n  font-weight: bold;\n  font-size: 1.3rem;\n}\n\n.modal .modal_box img{\n  display: block;\n  width: 40%;\n  margin: 0 auto;\n  padding-bottom: 2rem;\n}\n\n.modal .modal_box .more{\n  padding-bottom: 2rem;\n}\n\n.modal .modal_box .more a{\n  display: block;\n  text-align: center;\n  max-width: 200px;\n  margin: 0 auto;\n  background: #f2a8c3;\n  padding: 1rem 0;\n  padding-right: 1rem;\n  border-radius: 40px;\n  color: #333;\n  font-weight: bold;\n  text-decoration: none;\n  position: relative;\n}\n\n.modal .modal_box .more a::after{\n  display: block;\n  content: \"\";\n  border-left: 3px solid #333;\n  border-bottom: 3px solid #333;\n  transform: rotate(-135deg);\n  width: 8px;\n  height: 8px;\n  position: absolute;\n  top: 40%;\n  right: 15%;\n  transition: .5s transform ease,1s opacity ease;\n}\n\n.modal .modal_box .modalClose{\n  position: absolute;\n  top: 5%;\n  right: 5%;\n  background: #cbcaca;\n  border: none;\n  padding: 0.5rem 1.1rem;\n  border-radius: 50px;\n  font-size: 2rem;\n}\n\n#modal2 .modal_box{\n  position: absolute;\n  top: 25%;\n  left: 50%;\n  transform: translateX(-50%);\n  margin: 0 auto;\n}\n\n#modal2 .modal_box p{\n  margin-bottom: 0;\n}\n\n#modal2 .modal_box .modalClose{\n  top: 15%;\n  right: 3%;\n  padding: 0.3rem 0.7rem;\n  font-size: 1.5rem;\n}\n\n@media (max-width: 770px) {\n  .modal{\n    top: 10%;\n  }\n\n  .modal .modal_box{\n    width: 90%;\n  }\n\n  .modal .modal_box p{\n    font-size: 1rem;\n  }\n\n  .modal .modal_box img{\n    width: 70%;\n  }\n\n  .modal .modal_box .more a{\n    padding: 0.5rem 0;\n  }\n\n  .modal .modal_box .modalClose{\n    top: -2%;\n    right: -2%;\n    padding: 0.5rem 0.9rem;\n    font-size: 1.5rem;\n  }\n\n  #modal2 .modal_box p{\n    font-size: 1rem;\n    padding: 2rem 0;\n    font-weight: normal;\n  }\n\n  #modal2 .modal_box .modalClose{\n    top: -15%;\n    right: -2%;    padding: 0.3rem 0.7rem;\n  }\n}\n\n<\/style>\n\n    <script>\n      \/\/ Accordion Jquery \n    \n      jQuery(function($){\n        $('.accordion-title').on('click', function(){\n          if($(this).siblings('.accordion-content').css('display') == 'none'){\n              $(this).addClass('open');\n              $(this).siblings('.accordion-content').slideDown();\n              $(this).children('.material-icons').html('remove');\n          }else{\n              $(this).removeClass('open');\n              $(this).siblings('.accordion-content').slideUp();\n              $(this).children('.material-icons').html('add');\n          }\n        });\n        \/\/ URL\u306e\u30cf\u30c3\u30b7\u30e5\u90e8\u5206\uff08id\uff09\u3092\u53d6\u5f97\n         const urlHash = location.hash;\n       \/\/ \u305d\u306eid\u3092\u6301\u3064\u8981\u7d20\u304c\u306a\u304b\u3063\u305f\u3089\u51e6\u7406\u3092\u629c\u3051\u308b\n         if ($(urlHash).length){\n         $(urlHash)\n          .find('.accordion-content')\n          .show();\n      }\n      });\n       \n        \/\/ modal\n  const modalBtns = document.querySelectorAll(\".modalOpen\");\n  modalBtns.forEach(function (btn) {\n    btn.onclick = function () {\n      var modal = btn.getAttribute('data-modal');\n      document.getElementById(modal).style.display = \"block\";\n      var sticky = document.getElementById('section_contact');\n      document.getElementById('section_contact').style.display = \"none\";\n    };\n  });\n  const closeBtns = document.querySelectorAll(\".modalClose\");\n  closeBtns.forEach(function (btn) {\n    btn.onclick = function () {\n      var modal = btn.closest('.modal');\n      modal.style.display = \"none\";\n      var sticky = document.getElementById('section_contact');\n      document.getElementById('section_contact').style.display = \"block\";\n    };\n  });\n\n  window.onclick = function (event) {\n    if (event.target.className === \"modal\") {\n      event.target.style.display = \"none\";\n    }\n  };\n<\/script>\n\n\n\n\n\n<p><\/p>\n","protected":false},"featured_media":0,"parent":0,"menu_order":0,"template":"plan-top-template.php","class_list":["post-78618","plan","type-plan","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hiro-clinic.or.jp\/nipt\/wp-json\/wp\/v2\/plan\/78618","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hiro-clinic.or.jp\/nipt\/wp-json\/wp\/v2\/plan"}],"about":[{"href":"https:\/\/www.hiro-clinic.or.jp\/nipt\/wp-json\/wp\/v2\/types\/plan"}],"version-history":[{"count":283,"href":"https:\/\/www.hiro-clinic.or.jp\/nipt\/wp-json\/wp\/v2\/plan\/78618\/revisions"}],"predecessor-version":[{"id":130297,"href":"https:\/\/www.hiro-clinic.or.jp\/nipt\/wp-json\/wp\/v2\/plan\/78618\/revisions\/130297"}],"wp:attachment":[{"href":"https:\/\/www.hiro-clinic.or.jp\/nipt\/wp-json\/wp\/v2\/media?parent=78618"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}