:root{--ink:#4b4045;--muted:#71646b;--accent:#72558f;--brand:#cbb1ed;--pale:#f8f5fc;--line:#e6dfef;--serif:"a-otf-ryumin-pr6n","Yu Mincho","Hiragino Mincho ProN",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#fff;color:var(--ink);font:15px/1.95 var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p,figure{margin:0}h2,h3{font-weight:500}h2{font-family:var(--serif);font-size:34px;line-height:1.85;letter-spacing:.08em}h3{font-size:17px;line-height:1.8}p{margin-top:20px}a{color:inherit;text-decoration:none;transition:color .2s,background-color .2s}a:hover{color:var(--accent)}a:focus-visible,summary:focus-visible,input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img{max-width:100%;height:auto;display:block}button,input{font:inherit}.wrap{max-width:1180px;margin:0 auto;padding:0 40px}.section{padding:108px 0}.eyebrow{font-size:12px;letter-spacing:.12em;color:var(--accent);margin-bottom:24px}.caption{font-size:11px;line-height:1.9;color:var(--muted)}.serif{font-family:var(--serif)}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:54px;padding:14px 26px;border:1px solid var(--accent);border-radius:3px;color:white;background:var(--accent);font-size:13px;line-height:1.7;letter-spacing:.06em}.btn:after{content:'→';font-size:19px;font-weight:400}.btn:hover{color:white;background:#63477f}.btn.outline{color:var(--accent);background:transparent;border-color:#bca2d7}.btn.outline:hover{background:#f3ecfb}.textlink{display:inline-flex;align-items:center;border-bottom:1px solid #b49acc;padding:7px 0;margin-top:22px;font-size:12px;color:var(--accent);line-height:1.8}.center{text-align:center}.review{font-size:10px;letter-spacing:.1em;text-align:center;background:#f8f4fc;padding:4px 12px;color:#806d78}.header{background:white;position:relative;z-index:20}.headrow{padding:25px 38px;max-width:1500px;margin:auto;display:flex;align-items:center;gap:30px}.logo{width:250px}.nav{margin-left:auto;display:flex;align-items:center;gap:22px;font-size:12px}
.hero{position:relative;max-width:1540px;margin:auto;min-height:650px;background:#faf7fd;overflow:hidden}.hero .wrap{max-width:1240px;position:relative;z-index:2;pointer-events:none}.herocontent{width:51%;padding:54px 0 45px;pointer-events:auto}.herocontent .eyebrow{margin-bottom:17px;font-size:11px}.herocontent h1{font-size:12px;font-weight:400;line-height:1.9;letter-spacing:.08em;color:var(--muted)}.hero-lead{font-size:43px;line-height:1.75;letter-spacing:.10em;margin:22px 0 24px}.hero-lead .line{display:block}.herocontent>p{font-size:13px;line-height:2.1}.herocontent .caption{display:block;margin-top:8px;font-size:10px}.heroactions{display:flex;gap:13px;margin-top:25px}.heroactions .btn{padding:13px 21px;font-size:12px}.heroimage{position:absolute;right:0;top:0;width:52%;height:100%;border-radius:0 0 0 90px}.quick{display:grid;grid-template-columns:repeat(4,1fr);padding-top:22px;padding-bottom:22px}.quick a{display:flex;align-items:center;justify-content:space-between;padding:0 23px;border-right:1px solid var(--line);font-size:13px}.quick a:first-child{padding-left:0}.quick a:last-child{border:0;padding-right:0}.quick span{color:var(--accent)}.notice-strip{display:flex;align-items:center;gap:30px;padding-top:20px;padding-bottom:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px}.notice-strip>span{color:var(--accent);padding-right:25px;border-right:1px solid var(--line)}.notice-strip a{display:flex;gap:28px}.notice-strip a:last-child{margin-left:auto}
#care .wrap{display:grid;grid-template-columns:.95fr 1.15fr;gap:75px;align-items:start}.sectionhead{margin-bottom:40px}.sectionhead p{font-size:14px;color:var(--muted);line-height:2.15}.sectionhead p br{display:none}#care h2{font-size:29px;letter-spacing:.045em}#care .sectionhead{margin:0}.pillars{display:block;border-top:1px solid var(--line);margin-top:8px}.pillar{position:relative;padding:25px 0 26px 55px;border-bottom:1px solid var(--line)}.num{font:18px/1.8 var(--sans);color:#b5839c}.pillar h3{font-family:var(--serif);font-size:20px;letter-spacing:.035em}.pillar p{font-size:13px;color:var(--muted);line-height:2;margin-top:9px}
.doctor,.genetics,.visit{position:relative;background:var(--pale);padding:150px 0 140px}.doctor:before,.genetics:before,.visit:before,.doctor:after,.genetics:after,.visit:after{content:'';position:absolute;left:0;right:0;pointer-events:none;background-position:center;background-size:100% 100%;background-repeat:no-repeat}.doctor:before{top:-1px;height:100px;background-image:url('assets/wave-doctor-top.svg')}.doctor:after{bottom:-1px;height:88px;background-image:url('assets/wave-doctor-bottom.svg');transform:scaleY(-1)}.genetics:before{top:-1px;height:100px;background-image:url('assets/wave-genetics-top.svg')}.genetics:after{bottom:-1px;height:95px;background-image:url('assets/wave-genetics-bottom.svg');transform:scaleY(-1)}.visit:before{top:-1px;height:100px;background-image:url('assets/wave-visit-top.svg')}.visit:after{bottom:-1px;height:75px;background-image:url('assets/wave-visit-bottom.svg');transform:scaleY(-1)}.doctorgrid{display:grid;grid-template-columns:320px 1fr;gap:90px;align-items:center;max-width:1040px;margin:auto}.doctorphoto{position:relative}.doctorphoto:before{content:'';position:absolute;left:-18px;top:28px;right:22px;bottom:-22px;background:#ebd4e1}.portrait{position:relative;width:100%;border-radius:2px;filter:none}.doctortext h2{font-size:28px;letter-spacing:.04em;line-height:1.85}.doctorname{font-size:12px;margin-top:24px;display:flex;align-items:baseline;gap:18px}.doctorname strong{font-family:var(--serif);font-size:27px;font-weight:500;letter-spacing:.14em}.doctorname em{font:11px var(--sans);color:var(--muted)}.credentials{font-size:11px;margin-top:12px;color:var(--muted);line-height:2}.doctortext p{font-size:13px;line-height:2.25;margin-top:25px}
.planintro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:45px}.planintro h2{font-size:34px}.niptmessage p{font-size:14px;line-height:2.2;color:var(--muted)}.niptmessage p:first-child{margin-top:0}.threequestions{display:grid;grid-template-columns:1fr 1fr 1.3fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:0;margin:35px 0 52px;padding:24px 0 30px}.tq-lead{grid-column:1/-1;font-size:12px;margin:0 0 24px;color:var(--muted)}.threequestions>span{font-family:var(--serif);font-size:21px;line-height:1.7;border-right:1px solid var(--line);padding:0 30px;display:block}.threequestions>span:nth-of-type(1){padding-left:0}.threequestions>span:last-child{border:0}.threequestions b{font:11px var(--sans);color:var(--accent);display:block;margin-bottom:10px}.rangeintro h3{font-family:var(--serif);font-size:25px}.rangeintro p{font-size:13px;color:var(--muted);max-width:800px}.planheading{font:26px/1.8 var(--serif)}.plans{display:grid;grid-template-columns:repeat(3,1fr);margin:25px 0 24px;border-top:2px solid #b989a2;border-bottom:1px solid var(--line)}.plan{padding:28px 28px 24px;border-right:1px solid var(--line);background:#fff}.plan:first-child{padding-left:0}.plan:last-child{border:0;padding-right:0}.plan .en{font:10px var(--sans);color:var(--accent);letter-spacing:.12em}.plan h3{font:23px/1.7 var(--serif);margin:10px 0 16px}.price{font:33px/1.2 var(--sans);color:#715388}.price small{font:11px var(--sans);margin-left:8px}.plan p{font-size:12px;color:var(--muted);line-height:2;margin-top:22px;min-height:75px}.costnote{font-size:11px;color:var(--muted);line-height:1.9}.costnote strong{font-weight:500}
.genetics .wrap{display:grid;grid-template-columns:.95fr 1.05fr;gap:40px 85px}.genetics h2{font-size:34px}.genetics p{font-size:13px;line-height:2.1;max-width:430px}
.flow .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px 85px}.flow h2{font-size:29px}.flow .sectionhead{grid-column:1;grid-row:1/3}.flow .sectionhead p{font-size:13px;max-width:380px}.steps{list-style:none;padding:0;margin:0;grid-column:2}.steps li{display:grid;grid-template-columns:36px 1fr;gap:5px 20px;padding:22px 0;border-top:1px solid var(--line)}.steps li:last-child{border-bottom:1px solid var(--line)}.steps b{grid-row:1/3;font:19px var(--sans);color:#b08099;padding-top:5px;font-weight:400}.steps strong{font-size:15px;font-weight:500}.steps p{grid-column:2;font-size:12px;line-height:2;color:var(--muted);margin:3px 0 0}.follow{grid-column:2;border-left:2px solid #c8b0df;padding:6px 0 6px 18px}.follow strong{font-size:13px;font-weight:500}.follow p{font-size:12px;color:var(--muted);margin-top:7px}.flow .center{grid-column:2;text-align:left}.faq{padding-top:20px}.faq .wrap{max-width:1000px}.faq .sectionhead{margin-bottom:28px}.faq h2{font-size:30px}.faq details{border-bottom:1px solid var(--line);padding:21px 0}.faq details:first-of-type{border-top:1px solid var(--line)}.faq summary{list-style:none;display:flex;align-items:baseline;gap:20px;cursor:pointer;font-size:14px}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:'Q';font:17px var(--sans);color:var(--accent)}.faq summary:after{content:'＋';margin-left:auto;color:var(--accent)}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;color:var(--muted);padding-left:34px}
.journal{padding-top:45px}.journal-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.journal-heading .eyebrow{margin-bottom:14px}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.journal-item a{display:block;position:relative;padding-bottom:27px;border-bottom:1px solid var(--line)}.journal-item img{width:100%;aspect-ratio:1.6;object-fit:cover;border-radius:0}.article-meta{display:flex;justify-content:space-between;gap:10px;margin:18px 0 12px;font-size:10px;color:var(--muted)}.article-meta span{color:var(--accent)}.journal-item h3{font:17px/1.9 var(--serif);letter-spacing:.025em}.article-arrow{display:block;text-align:right;font-size:20px;color:var(--accent);margin-top:10px}.topic-links{display:flex;flex-wrap:wrap;gap:20px;font-size:11px;margin-top:24px}.topic-links>span{color:var(--muted);margin-right:10px}.topic-links a{border-bottom:1px solid var(--line)}.blog-panel{display:grid;grid-template-columns:1fr 1.45fr;gap:70px;margin-top:70px;padding-top:38px;border-top:1px solid var(--line)}.blog-panel h3{font-family:var(--serif);font-size:24px}.blog-panel .eyebrow{margin-bottom:14px}.blog-panel p{font-size:12px;color:var(--muted);line-height:2}.blog-articles a{display:block;position:relative;padding:17px 35px 22px 0;border-bottom:1px solid var(--line)}.blog-articles a:first-child{padding-top:0}.blog-articles a>span{font-size:10px;color:var(--accent)}.blog-articles h4{font-size:13px;font-weight:400;line-height:1.9;margin-top:8px}.blog-articles i{position:absolute;right:0;top:40%;font-style:normal;color:var(--accent)}
.visitgrid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.visit h2{font-size:29px}.visit p{font-size:13px}.hours{border-top:1px solid #decbd5;margin-top:26px;padding-top:22px}.hours strong{font:20px var(--sans);letter-spacing:.03em;display:block;margin-bottom:14px}.booking{border-left:1px solid #d9bfcd;padding:10px 0 10px 55px}.booking h3{font:25px/1.9 var(--serif)}.booking .btn{display:flex;margin-top:26px;max-width:340px}.phone{display:block;font:30px var(--sans);letter-spacing:.04em;margin:27px 0 10px}.booking .caption{font-size:10px}.news-layout{display:grid;grid-template-columns:280px 1fr;gap:55px}.information{padding:65px 0 95px}.information h2{font-size:30px}.information .eyebrow{margin-bottom:10px}.newsrow{display:flex;align-items:baseline;gap:25px;padding:23px 0;border-bottom:1px solid var(--line);font-size:12px}.newsrow:first-child{border-top:1px solid var(--line)}.newsrow time{font:11px var(--sans);color:var(--muted);white-space:nowrap}.newsrow i{margin-left:auto;font-style:normal;color:var(--accent)}
footer{border-top:1px solid var(--line);background:#fcfafd;padding:52px 0 30px}.footer-top{display:grid;grid-template-columns:280px 1fr;gap:60px}.footer-brand img{width:235px}.footer-brand p{font-size:10px;color:var(--muted);line-height:2;margin-top:24px}.footer-brand>a{display:block;font:20px var(--sans);margin-top:15px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;font-size:11px}.footer-links strong{display:block;font-weight:500;margin-bottom:18px}.footer-links a{display:block;color:var(--muted);padding:4px 0}.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:37px;padding-top:23px;gap:25px}.footer-bottom form{display:flex;align-items:center;gap:12px;font-size:11px}.footer-bottom input{min-width:0;width:185px;padding:8px 10px;border:1px solid #d8cbd2;background:#fff;border-radius:0}.footer-bottom button{background:var(--accent);color:white;border:0;padding:9px 15px;cursor:pointer}.footer-bottom p{font-size:10px;color:var(--muted);margin:0}.fixedbar{display:none}
@media(max-width:1150px){.nav{gap:15px}.headrow{padding:23px 28px}.logo{width:225px}.hero-lead{font-size:36px}.heroimage{width:49%}.herocontent{width:52%}.heroactions .btn{padding:12px 17px;gap:15px}.hero{min-height:620px}#care .wrap,.doctorgrid,.genetics .wrap,.flow .wrap,.visitgrid{gap:45px}.doctorgrid{grid-template-columns:270px 1fr}.doctortext h2{font-size:25px}.planintro{gap:45px}.planintro h2{font-size:30px}.footer-top{grid-template-columns:240px 1fr;gap:35px}.footer-links{gap:20px}.booking{padding-left:30px}}
@media(max-width:800px){.wrap{padding:0 25px}.section{padding:70px 0}.headrow{padding:20px 24px}.logo{width:215px}.nav{display:none}.hero{min-height:0;display:flex;flex-direction:column;background:#faf7fd}.heroimage{position:relative;order:0;width:calc(100% - 24px);height:290px;margin-left:24px;border-radius:0 0 0 48px;background-position:38% 48%;background-size:auto 115%}.hero .wrap{order:1;width:100%}.herocontent{width:100%;padding:27px 0 34px}.herocontent .eyebrow{font-size:10px;margin-bottom:12px}.herocontent h1{font-size:11px}.herocontent h1 br{display:none}.hero-lead{font-size:32px;line-height:1.65;letter-spacing:.065em;margin:17px 0 20px}.hero-lead .line{display:inline}.hero-lead .line:first-child:after{content:' ';white-space:pre}.herocontent>p{font-size:12px;line-height:2}.heroactions{margin-top:21px}.heroactions .btn{flex:1;min-height:50px;padding:12px 15px;gap:10px;font-size:11px}.quick{grid-template-columns:1fr 1fr;gap:19px 0;padding-top:18px;padding-bottom:24px}.quick a{font-size:11px;padding:0 15px}.quick a:nth-child(2){border:0;padding-right:0}.quick a:nth-child(3){padding-left:0}.notice-strip{margin:0 25px;padding:17px 0;display:grid;grid-template-columns:1fr;gap:9px;font-size:11px}.notice-strip>span{border:0;padding:0;font-size:10px}.notice-strip a{justify-content:space-between}.notice-strip a:last-child{margin:0}h2{font-size:27px;line-height:1.8;letter-spacing:.045em}.eyebrow{font-size:11px;margin-bottom:18px}#care .wrap{display:block}#care h2{font-size:26px}#care .sectionhead p{font-size:13px;max-width:540px}.pillars{margin-top:32px}.pillar{padding:22px 0 23px 39px}.num{font-size:16px}.pillar h3{font-size:18px}.pillar p{font-size:12px;line-height:2;margin-top:9px}.doctor,.genetics,.visit{padding-top:93px;padding-bottom:91px}.doctor:before,.genetics:before,.visit:before{height:50px}.doctor:after,.genetics:after,.visit:after{height:44px}.doctorgrid{display:grid;grid-template-columns:125px 1fr;gap:18px 25px}.doctortext{display:contents}.doctortext>.eyebrow{grid-column:1/-1;grid-row:1;margin:0}.doctortext h2{grid-column:1/-1;grid-row:2;font-size:23px;line-height:1.8;margin-bottom:15px}.doctorphoto{grid-column:1;grid-row:3/5;align-self:start;margin:0 0 22px 7px}.doctorphoto:before{left:-9px;right:13px;top:16px;bottom:-12px}.doctorname{grid-column:2;grid-row:3;display:block;margin-top:0;align-self:end;font-size:11px}.doctorname strong{display:block;font-size:25px;margin-top:3px;letter-spacing:.10em}.doctorname em{display:none}.credentials{grid-column:2;grid-row:4;font-size:10px;margin:0;align-self:start}.doctortext p{grid-column:1/-1;font-size:13px;line-height:2.2;margin:0}.planintro{display:block;margin-bottom:28px}.planintro h2{font-size:28px}.niptmessage{margin-top:28px}.niptmessage p{font-size:13px}.threequestions{grid-template-columns:1fr;padding:19px 0 10px;margin:28px 0 35px}.tq-lead{font-size:11px;line-height:1.8;margin-bottom:15px}.threequestions>span,.threequestions>span:nth-of-type(1){border:0;border-top:1px solid var(--line);padding:15px 0 15px 38px;font-size:18px;position:relative}.threequestions>span br{display:none}.threequestions b{position:absolute;left:0;top:22px;font-size:10px;margin:0}.rangeintro h3{font-size:21px}.rangeintro p{font-size:12px;margin-top:15px}.planheading{font-size:24px}.plans{display:block;margin-top:20px}.plan,.plan:first-child,.plan:last-child{padding:23px 0;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;column-gap:15px}.plan:last-child{border-bottom:0}.plan .en{grid-column:1/-1;font-size:9px}.plan h3{font-size:20px;margin:8px 0 0;align-self:center}.price{font-size:28px;margin-top:8px;align-self:center}.price small{font-size:10px;margin-left:4px}.plan p{grid-column:1/-1;min-height:0;margin-top:15px;font-size:12px}.costnote{font-size:10px}.genetics .wrap{display:block}.genetics h2{font-size:28px}.genetics p{font-size:13px}.flow .wrap{display:block}.flow h2{font-size:26px}.flow .sectionhead{margin-bottom:26px}.steps li{grid-template-columns:28px 1fr;gap:4px 16px;padding:20px 0}.steps p{font-size:12px}.steps strong{font-size:14px}.follow{margin-top:25px}.flow .center{margin-top:26px}.flow .btn{font-size:12px}.faq{padding-top:10px}.faq h2{font-size:25px}.faq .sectionhead{margin-bottom:23px}.faq summary{font-size:13px;gap:13px}.faq summary:before{font-size:16px}.faq summary:after{flex-shrink:0}.faq details p{font-size:12px;padding-left:26px}.journal{padding-top:20px}.journal-heading{display:block;margin-bottom:25px}.journal-heading h2{font-size:26px}.journal-grid{display:block}.journal-item{margin-top:23px}.journal-item a{display:grid;grid-template-columns:108px 1fr;column-gap:18px;padding-bottom:22px}.journal-item img{grid-row:1/4;aspect-ratio:1;object-fit:cover;align-self:start}.article-meta{margin:0 0 7px;display:block;font-size:9px}.article-meta time{display:block;margin-top:3px}.journal-item h3{font-size:15px;line-height:1.8;letter-spacing:0}.journal-item h3 br{display:none}.article-arrow{font-size:17px;margin-top:5px}.topic-links{gap:11px 16px;margin-top:21px;font-size:10px}.topic-links>span{width:100%}.blog-panel{display:block;margin-top:42px;padding-top:28px}.blog-panel h3{font-size:22px}.blog-panel p{font-size:12px}.blog-panel p br{display:none}.blog-articles{margin-top:25px}.blog-articles h4{font-size:13px}.blog-articles h4 br{display:none}.blog-articles a{padding:18px 24px 20px 0}.visitgrid{display:block}.visit h2{font-size:27px}.hours strong{font-size:18px}.booking{border-left:0;border-top:1px solid #d9bfcd;margin-top:37px;padding:31px 0 0}.booking h3{font-size:24px}.booking .btn{max-width:100%;width:100%}.phone{font-size:29px}.news-layout{display:block}.information{padding:35px 0 60px}.information h2{font-size:26px}.news-layout>div+div{margin-top:25px}.newsrow{display:grid;grid-template-columns:1fr 15px;gap:8px;padding:19px 0;font-size:12px}.newsrow time{grid-column:1/-1;font-size:11px}.newsrow i{grid-column:2}.footer-top{display:block}.footer-brand img{width:220px}.footer-brand p{margin-top:18px}.footer-links{grid-template-columns:1fr 1fr;gap:27px 20px;margin-top:35px;font-size:11px}.footer-links strong{margin-bottom:10px}.footer-bottom{display:block;margin-top:27px}.footer-bottom form{flex-wrap:wrap;gap:10px}.footer-bottom label{width:100%}.footer-bottom input{flex:1;width:120px}.footer-bottom p{margin-top:22px}.fixedbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;gap:9px;padding:10px 15px calc(10px + env(safe-area-inset-bottom));background:#fffffffa;border-top:1px solid var(--line)}.fixedbar .btn{min-height:46px;font-size:11px;padding:11px 16px;flex:1;gap:8px}.fixedbar .btn:last-child{flex:1.6}/* WordPress の global-styles（body{padding:0}）に負けないよう html を付ける */html body{padding-bottom:76px}.review{font-size:9px}}
@media(max-width:380px){.wrap{padding-left:21px;padding-right:21px}.headrow{padding:18px 20px}.logo{width:190px}.heroimage{height:240px}.hero-lead{font-size:27px}.heroactions .btn{padding:11px;font-size:10px}.doctorgrid{grid-template-columns:105px 1fr;gap:17px 20px}.doctortext h2{font-size:21px}.doctorname strong{font-size:23px}.price{font-size:25px}.plan h3{font-size:18px}.journal-item a{grid-template-columns:90px 1fr;gap:0 14px}.journal-item h3{font-size:14px}.fixedbar .btn{padding:10px 12px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a{transition:none}}

/* A lead photograph and a compact reading list give the journal its own rhythm. */
.journal-grid{grid-template-columns:1.05fr 1fr;gap:0 58px}
.journal-item:first-child{grid-row:1/3}.journal-item:first-child img{aspect-ratio:2;object-position:center 55%}
.journal-item:not(:first-child) a{padding:10px 0 24px}.journal-item:not(:first-child) .article-meta{margin-top:0}
.journal-item:last-child a{padding-top:25px}.journal-item:not(:first-child) h3{font-size:20px}.journal-item:first-child h3 br{display:none}
@media(max-width:800px){.journal-grid{display:block}.journal-item:first-child a{display:block}.journal-item:first-child img{aspect-ratio:1.9}.journal-item:first-child .article-meta{display:flex;margin-top:16px}.journal-item:first-child .article-meta time{margin:0}.journal-item:first-child h3{font-size:18px}.journal-item:not(:first-child) a{display:block;padding:0 0 20px}.journal-item:not(:first-child) h3{font-size:16px}.journal-item:not(:first-child) .article-meta{display:flex}.journal-item:not(:first-child) .article-meta time{margin:0}}
@media(max-width:800px){.hero-lead .line{display:block}.hero-lead .line:first-child:after{content:none}.heroimage{height:260px}.hero-lead{font-size:30px}}
@media(max-width:380px){.heroimage{height:235px}.hero-lead{font-size:28px}}

/* ===== v8（2026.09.30 先生フィードバック反映／10.01 構成・文字の見直し） ===== */
/* 文字の役割: 本文はゴシック17px（スマホ16px）。明朝はヒーロー・理念コピー・院長・セクション大見出しのみ */
:root{--ink:#39333f;--muted:#5d5367;--sans:"Hiragino Kaku Gothic ProN","hiragino-kaku-gothic-pron","Hiragino Sans","Yu Gothic",sans-serif}
body{font-size:17px;line-height:1.85}
h2{font-size:34px;line-height:1.5;letter-spacing:.04em}
#care h2,.doctortext h2,.planintro h2,.genetics h2,.flow h2,.faq h2,.journal-heading h2,.visit h2,.information h2{font-size:33px;line-height:1.5;letter-spacing:.04em}
.section{padding:88px 0}.doctor,.genetics,.visit{padding:128px 0 118px}
.sectionhead{margin-bottom:36px}.sectionhead p{font-size:17px;line-height:1.85;max-width:720px;margin-top:20px}
.eyebrow{font-size:13px;margin-bottom:16px}.caption{font-size:13px}.review{font-size:11px}
.btn{font-size:16px;font-weight:500}.textlink{font-size:16px;font-weight:500}.nav{font-size:15px}
.quick a{font-size:16px}.notice-strip{font-size:15px}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;color:var(--accent);padding:10px 16px;border:2px solid var(--accent)}.skip:focus{left:12px}

/* ロゴ: 先生の .ai（エンブレム）＋LPの文字＋新タグラインを Illustrator で組んだ SVG（2026.10.01） */
.logobox{display:block;width:340px;flex-shrink:0}.logobox img{width:100%;height:auto}
.footer-brand .logobox{width:300px}
@media(min-width:1151px) and (max-width:1340px){.logobox{width:280px}.footer-brand .logobox{width:300px}}

/* ヒーロー */
.heroimage{background:url('assets/clinic.webp') 50% 45%/cover no-repeat}
.herocontent{padding:48px 0 40px}
.herocontent .eyebrow{font-size:13px;margin-bottom:14px}
.herocontent h1.hero-concept{font-size:29px;font-weight:500;line-height:1.5;letter-spacing:.06em;color:var(--ink);padding-bottom:14px;border-bottom:1px solid #d9bccb;display:inline-block}
.hero-concept .sp{display:none}
.ph{display:inline-block}.teaser-head .pc{display:inline}
.herocontent h1.hero-concept{letter-spacing:.03em}
.hero-lead{margin:18px 0 16px}
.herocontent p.hero-sub{font-size:19px;line-height:1.75;font-weight:500;color:var(--ink);margin-top:0}
.hero-badges{margin-top:18px}.badge{display:inline-flex;align-items:baseline;gap:2px;padding:8px 18px;border:1px solid var(--accent);border-radius:999px;background:#fff;color:var(--accent);font-size:15px;font-weight:600;letter-spacing:.04em}.badge small{font-size:13px;font-weight:500}
.herocontent>p.caption{font-size:14px;margin-top:16px;line-height:1.75;max-width:520px}
.heroactions .btn{font-size:16px}


/* 院長の予告編: 写真＋文章の2列 */
.teaser{background:#fff;padding:44px 0 42px;border-bottom:1px solid var(--line)}
.teasergrid{display:grid;grid-template-columns:150px 1fr;gap:0 44px;align-items:center;max-width:980px}
.teaser-photo{width:150px;height:150px;object-fit:cover;object-position:center 12%;border-radius:50%}
.teaser-head{font-size:24px;line-height:1.55;letter-spacing:.04em;margin:0}
.teaser blockquote{margin:14px 0 0;font-size:17px;line-height:1.85;border-left:2px solid #c8b0df;padding-left:18px}
.teaser-name{font-size:15px;margin-top:10px;color:var(--muted)}.teaser-name span{margin-left:14px;font-size:14px}


/* ご相談内容から探す（4分野＋補助リンク） */
.consult .wrap{display:block}
.consult .sectionhead{max-width:760px}.consult .sectionhead p{font-size:17px;max-width:720px}
.hubcards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.hubcards a{position:relative;display:block;background:#fff;border:1px solid #dfd2ed;border-radius:4px;padding:26px 64px 26px 28px}
.hubcards a:hover{border-color:var(--accent);color:inherit}
.hub-en{display:block;font:12px var(--sans);letter-spacing:.12em;color:var(--accent)}
.hubcards strong{display:block;font-family:var(--sans);font-size:21px;font-weight:600;line-height:1.5;margin-top:8px}
.hubcards p{font-size:16px;line-height:1.75;color:var(--muted);margin-top:8px;max-width:none}
.hubcards i{position:absolute;right:26px;top:50%;transform:translateY(-50%);font-style:normal;font-size:22px;color:var(--accent)}
.consult-sub{display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:28px}
.consult-sub a{font-size:16px;font-weight:500;color:var(--accent);border-bottom:1px solid #b49acc;padding:4px 0}

/* 私たちの診療: 見出し・導入の下に2列×2段 */
#care .wrap{display:block}
#care .sectionhead{max-width:760px;margin:0 0 36px}#care .sectionhead p{font-size:17px}
.pillars{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;border-top:0;margin-top:0}
.pillar{position:relative;padding:26px 0 28px 52px;border-top:1px solid var(--line);border-bottom:0}
.pillar>.num{position:absolute;left:0;top:27px}
.pillar h3{font-family:var(--sans);font-size:20px;font-weight:600;letter-spacing:.02em;line-height:1.5}
.pillar p{font-size:16px;line-height:1.8;color:var(--muted);margin-top:8px}

/* 院長メッセージ（全文） */
.doctortext p{font-size:17px;line-height:1.9}.credentials{font-size:14px}.doctorname{font-size:14px}

/* NIPT: 導入（3点）→ 問いと答え → 検査範囲の一覧 → 料金の導入 → 3プラン → 比較 */
.niptmessage p{font-size:17px;line-height:1.85;color:var(--ink)}
.nipt-points{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.nipt-points li{border:1px solid #c8b0df;border-radius:999px;padding:6px 16px;background:#fff;color:var(--accent);font-size:15px;font-weight:600}
.tq-lead{font-size:14px}
.threequestions>span{font-family:var(--sans);font-size:18px;font-weight:600;line-height:1.6}
.threequestions b{font-size:12px}
.threequestions em{display:block;font-style:normal;font-size:16px;font-weight:400;line-height:1.75;color:var(--ink);margin-top:10px}
.rangeintro h3{font-family:var(--sans);font-size:21px;font-weight:600}.rangeintro p{font-size:17px;max-width:none}
.scopelist{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.scopelist li{background:var(--pale);border-top:3px solid #c9b0e0;padding:18px 18px 20px}
.scopelist i{display:block;font-style:normal;font-size:13px;font-weight:600;color:var(--accent)}
.scopelist strong{display:block;font-size:18px;font-weight:600;margin-top:6px}
.scopelist small{display:block;font-size:14px;color:var(--muted);margin-top:4px}
.scopenote{font-size:14px;margin-top:14px}
.pricehead{text-align:center;margin:60px 0 10px}.pricecopy{font-size:25px;line-height:1.6;margin:0}
.pricehead p:not(.pricecopy){font-size:16px;color:var(--muted);margin-top:12px}
.planheading{font:600 22px/1.6 var(--sans);margin-top:36px}
.plan h3{font:600 20px/1.6 var(--sans);margin:8px 0 12px}
.plan p{font-size:16px;line-height:1.75;min-height:0;margin-top:16px}
.price small{font-size:13px}
.costnote{font-size:14px;margin-top:16px}
.nipt-more{margin-top:30px}.nipt-more .btn{min-width:340px}

/* 受診の流れ: 淡いピンク＋波で中盤に区切りをつける */
.flow{position:relative;background:var(--pale);padding:88px 0}
.flow:before,.flow:after{content:none}
.flow .wrap{position:relative}.faq{padding-top:88px}
.flow .sectionhead p{font-size:17px}
.steps strong{font-size:18px;font-weight:600}.steps p{font-size:16px;line-height:1.75}
.follow strong{font-size:17px;font-weight:600}.follow p{font-size:16px}
.flow-facts{margin:30px 0 0;padding:0;max-width:380px;display:grid;gap:10px}
.flow-facts div{padding:14px 18px;background:#fff;border-radius:4px}
.flow-facts dt{font-size:14px;color:var(--accent)}
.flow-facts dd{margin:4px 0 0;font-size:17px;font-weight:500}.flow-facts dd b{font:24px var(--sans);margin:0 3px}
.flow-facts small{display:block;font-size:13px;font-weight:400;color:#b0487a}
.flow .center{margin-top:28px}

/* よくある質問 */
.faq summary{font-size:17px;font-weight:500}.faq details p{font-size:16px;line-height:1.8;color:var(--ink)}

/* 遺伝の病気・検査を調べる（検索・分野別入口・コラム・院長ブログ） */
.learn .journal-heading{margin-bottom:24px}
.learn-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:24px 48px;align-items:end;margin-bottom:44px;padding:26px 28px;background:var(--pale);border-radius:4px}
.learn-search label{display:block;font-size:15px;font-weight:600;margin-bottom:8px}
.learn-search div{display:flex;gap:8px}
.learn-search input{flex:1;min-width:0;width:100%;font-size:16px;padding:12px 14px;border:1px solid #d8cbd2;background:#fff;border-radius:0}
.learn-search button{font-size:16px;padding:0 22px;background:var(--accent);color:#fff;border:0;cursor:pointer}
.learn .topic-links{margin:0;gap:10px 20px;font-size:16px}
.learn .topic-links>span{width:100%;font-size:14px;color:var(--muted);margin:0}
.learn .topic-links a{color:var(--accent);border-bottom:1px solid #b49acc}
.journal-item h3{font-family:var(--sans);font-weight:600;line-height:1.6;letter-spacing:0}
.journal-item:first-child h3{font-size:20px}.journal-item:not(:first-child) h3{font-size:18px}
.article-meta{font-size:13px}.blog-panel p{font-size:16px;line-height:1.8}.blog-articles h4{font-size:16px;font-weight:500}.blog-articles a>span{font-size:13px}

/* アクセス・お知らせ・フッター */
.visit p{font-size:16px}.booking .caption,.hours .caption{font-size:13px}
.newsrow{font-size:16px}.newsrow time{font-size:13px}
.footer-links{font-size:15px}.footer-links a{font-size:15px}.footer-links strong{font-size:15px}.footer-brand p,.footer-bottom p{font-size:13px}.footer-bottom form,.footer-bottom button{font-size:14px}

/* スマホ固定CTA */
.fixedbar .btn.tel{flex-direction:column;align-items:center;justify-content:center;gap:0;line-height:1.3}
.fixedbar .btn.tel:after{content:none}.fixedbar .btn.tel small{font:12px var(--sans);letter-spacing:.03em;white-space:nowrap}

@media(max-width:1150px){.logobox{width:260px}.pillars{column-gap:36px}.learn-tools{grid-template-columns:minmax(0,1fr)}}
@media(max-width:800px){
 body{font-size:16px}
 h2,#care h2,.doctortext h2,.planintro h2,.genetics h2,.flow h2,.faq h2,.journal-heading h2,.visit h2,.information h2{font-size:27px;line-height:1.5;letter-spacing:.03em}
 .section{padding:60px 0}.doctor,.genetics,.visit{padding-top:84px;padding-bottom:80px}
 .logobox{width:260px}.footer-brand .logobox{width:260px}
 .eyebrow{font-size:13px;margin-bottom:12px}.btn{font-size:16px}.textlink{font-size:16px}
 .quick{display:none}
 .notice-strip{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0 25px;padding:14px 0;border-top:0;font-size:14px}.notice-strip>span{display:none}.notice-strip a,.notice-strip a:last-child{font-size:14px;gap:6px;margin:0;justify-content:flex-start}
 
 br.pc{display:none}
 .sectionhead p,#care .sectionhead p,.consult .sectionhead p,.flow .sectionhead p{font-size:16px}
 .heroimage{height:150px;background-position:50% 50%}
 .herocontent{padding:22px 0 28px}.herocontent .eyebrow{font-size:13px;margin-bottom:10px}
 .herocontent h1.hero-concept{font-size:23px;padding-bottom:10px}.hero-concept .sp{display:inline}
 .hero-lead{margin:12px 0 12px}.herocontent p.hero-sub{font-size:17px;line-height:1.7}
 .hero-badges{margin-top:14px}.badge{font-size:15px;padding:7px 14px}.badge small{font-size:13px}
 .herocontent>p.caption{font-size:14px}
 .heroactions .btn{justify-content:center;padding:12px 8px;font-size:16px}.heroactions .btn:after{content:none}
 .teaser{padding:26px 0 28px}
 .teasergrid{grid-template-columns:84px 1fr;gap:14px 18px}
 .teaser-photo{width:84px;height:84px}
 .teaser-body{display:contents}
 .teaser-head{grid-column:2;font-size:19px;line-height:1.5}.teaser-head br,.teaser-head .pc{display:none}
 .teaser blockquote,.teaser-name{grid-column:1/-1}
 .teaser blockquote{margin:0;font-size:16px;line-height:1.85;padding-left:14px}
 .teaser-name{margin-top:0}
 .hubcards{grid-template-columns:1fr;gap:12px}.hubcards a{padding:20px 50px 20px 20px}
 .hubcards strong{font-size:19px;margin-top:6px}.hubcards p{font-size:16px;margin-top:6px}.hubcards i{right:18px}
 .consult-sub{flex-direction:column;gap:12px;margin-top:22px}.consult-sub a{align-self:flex-start}
 .pillars{grid-template-columns:1fr}.pillar{padding:22px 0 24px 40px}.pillar>.num{top:23px}.pillar h3{font-size:19px}.pillar p{font-size:16px}
 .doctortext p{font-size:16px;line-height:1.9}.credentials{font-size:13px}
 .niptmessage p{font-size:16px}.tq-lead{font-size:14px}
 .threequestions>span,.threequestions>span:nth-of-type(1){font-size:17px}.threequestions em{font-size:16px;margin-top:6px}
 .rangeintro h3{font-size:19px}.rangeintro p{font-size:16px}
 .scopelist{grid-template-columns:1fr 1fr;gap:8px}.scopelist li{padding:14px 14px 16px}.scopelist strong{font-size:17px}
 .pricehead{text-align:left;margin-top:44px}.pricecopy{font-size:21px}
 .planheading{font-size:20px}.plan h3{font-size:19px}.plan p{font-size:16px}.price small{font-size:12px}
 .nipt-more .btn{min-width:0;width:100%}
 .steps strong{font-size:17px}.steps p{font-size:16px}.follow p{font-size:16px}.flow .btn{font-size:16px}
 .flow{padding-top:60px;padding-bottom:60px}.faq{padding-top:60px}
 .flow-facts{max-width:none;margin-top:22px;grid-template-columns:1fr 1fr;gap:8px}.flow-facts div{padding:12px 14px}.flow-facts div:first-child{grid-column:1/-1}.flow-facts dd{font-size:16px}.flow-facts div:not(:first-child) dd{font-size:15px}
 .faq summary{font-size:16px}.faq details p{font-size:16px}
 .learn-tools{padding:20px;margin-bottom:32px}.learn .topic-links{gap:10px 18px}
 .journal-item:first-child h3{font-size:18px}.journal-item:not(:first-child) h3{font-size:17px}
 .article-meta{font-size:13px}.blog-panel p{font-size:16px}.blog-articles h4{font-size:16px}
 .visit p{font-size:16px}.newsrow{font-size:16px}.newsrow time{font-size:13px}
 .footer-links a{font-size:15px}
 .fixedbar .btn{font-size:16px}.fixedbar .btn.tel small{font-size:12px}
}
@media(max-width:380px){.headrow .logobox{width:240px}.herocontent h1.hero-concept{font-size:21px}
 .heroactions{flex-direction:column;gap:10px}.heroactions .btn{flex:none;width:100%}
 .teasergrid{grid-template-columns:64px 1fr;gap:12px 14px}.teaser-photo{width:64px;height:64px}.teaser-head{font-size:16px}}
/* スマホ: 左に寄って見えないよう、ヒーロー・セクション見出し・ボタンとリンクを中央に（説明文と一覧は左揃えのまま） */
@media(max-width:800px){
 .herocontent{text-align:center}.heroactions{justify-content:center}.notice-strip{justify-content:center}
 .sectionhead .eyebrow,.sectionhead h2,.planintro>div:first-child,.doctortext>.eyebrow,.doctortext h2,.journal-heading,.visitgrid>div:first-child>.eyebrow,.visitgrid>div:first-child>h2,.news-layout>div:first-child,.pricehead{text-align:center}
 .booking>.eyebrow,.booking h3,.blog-panel .eyebrow,.blog-panel h3{text-align:center}
 .consult-sub{align-items:center}.consult-sub a{align-self:center;text-align:center}
 .flow .center{text-align:center}.flow .center .btn{display:flex;width:100%}
 .btn{position:relative;justify-content:center;padding-left:44px;padding-right:44px}.btn:after{position:absolute;right:18px;top:50%;transform:translateY(-50%)}
}
/* ボタン: 文字は中央・矢印は右端（PCも）／すべてのボタンにホバー */
.btn{transition:color .2s,background-color .2s,border-color .2s}
.heroactions .btn,.nipt-more .btn,.flow .center .btn,.booking .btn,.btn-sub{position:relative;justify-content:center;padding-left:48px;padding-right:48px}
.heroactions .btn:after,.nipt-more .btn:after,.flow .center .btn:after,.booking .btn:after,.btn-sub:after{position:absolute;right:18px;top:50%;transform:translateY(-50%);transition:transform .2s}
.heroactions .btn:hover:after,.nipt-more .btn:hover:after,.flow .center .btn:hover:after,.booking .btn:hover:after,.btn-sub:hover:after{transform:translate(4px,-50%)}

.btn.outline{background:#fff}.btn.outline:hover{background:#f3ecfb;color:var(--accent);border-color:var(--accent)}
.btn-sub{min-height:50px;padding-top:11px;padding-bottom:11px;margin-top:22px}
.btn-down:after{content:'↓'}.btn-down:hover:after{transform:translate(0,calc(-50% + 3px))}
.teaser .btn-sub{margin-top:14px}
.doctortext .btn-sub{margin:26px 10px 0 0}
.nipt-more .btn-sub{margin:0 0 0 14px}
.booking .btn-sub{display:flex;max-width:340px;margin-top:22px}
.learn-search button,.footer-bottom button{transition:background-color .2s}.learn-search button:hover,.footer-bottom button:hover{background:#63477f}
/* 分野から探す: 小さめの丸いボタン */
.learn .topic-links a{display:inline-flex;align-items:center;min-height:40px;padding:6px 16px;border:1px solid #c8b0df;border-radius:999px;background:#fff;color:var(--accent);font-size:15px;transition:color .2s,background-color .2s,border-color .2s}
.learn .topic-links a:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.learn .topic-links{gap:8px}
@media(max-width:800px){
 .btn-sub{display:flex;width:100%;margin:16px 0 0}
 .teaser .btn-sub,.doctortext .btn-sub{grid-column:1/-1;justify-self:stretch;margin:0}
 .nipt-more .btn-sub{margin:12px 0 0}
 .booking .btn-sub{max-width:none;margin-top:16px}
 .heroactions .btn{padding-left:8px;padding-right:8px}
}

/* 2026.10.01: 行動ボタン・補足リンク・説明ラベルの役割を分ける */
.clinic-notice{background:#fcfafd;border-top:1px solid var(--line)}
.clinic-notice .wrap{display:flex;justify-content:flex-end}
.clinic-notice a{display:inline-flex;align-items:center;gap:16px;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:4px}

.teaser{border-bottom:0}
.textlink{gap:10px;min-height:44px;text-underline-offset:5px}


.consult-sub{align-items:center;gap:12px 28px}
.consult-sub .consult-family{position:relative;flex-basis:100%;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:80px;margin:0 0 8px;padding:16px 56px 16px 24px;border:1px solid #bca2d7;border-radius:4px;text-align:left;font-size:17px}
.consult-family small{font-size:14px;font-weight:400;color:var(--muted)}
.consult-family:after{position:absolute;right:24px;top:50%;transform:translateY(-50%)}
.consult-sub a:not(.btn){min-height:44px;display:inline-flex;align-items:center;gap:8px}
.hubcards a:hover,.hubcards a:focus-visible{background:#faf7fd;border-color:var(--accent)}
/* 説明用の強みはクリック可能な丸いボタンに見せない */
.nipt-points{gap:10px 20px}
.nipt-points li{border:0;border-radius:0;padding:0;background:transparent;color:var(--ink)}
.nipt-points li:before{content:'✓';margin-right:8px;color:var(--accent)}
.nipt-more{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px;margin-top:28px}
.nipt-more .btn-sub{margin:0}
@media(max-width:800px){
 .clinic-notice .wrap{justify-content:center}
 
 
 
 .consult-sub .consult-family{align-self:stretch;width:100%;flex-basis:auto;padding:16px 48px 16px 20px;font-size:16px}
 .consult-family:after{right:18px}
 .nipt-more{flex-direction:column;gap:12px}
 .nipt-more .btn-sub{margin:0}
}
@media(prefers-reduced-motion:reduce){.btn,.btn:after,.learn .topic-links a,.learn-search button,.footer-bottom button{transition:none}}

/* 2026.10.01: 写真・水彩背景・控えめな陰影で長文にリズムをつける */
:root{--shadow-soft:0 10px 28px rgba(113,85,145,.07);--shadow-raised:0 16px 36px rgba(113,85,145,.12)}
.btn{border-radius:7px;box-shadow:0 4px 0 #aa8bce,0 9px 18px #aa8bce24;transition:background-color .2s,color .2s,box-shadow .2s,transform .2s}
.btn.outline{box-shadow:0 3px 0 #e5d9f1,0 7px 16px #aa8bce0d}
.btn:active{transform:translateY(2px);box-shadow:0 1px 0 #aa8bce,0 3px 8px #aa8bce18}
.btn:focus-visible{outline-width:3px;outline-offset:6px}
@media(hover:hover){
 .btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 #aa8bce,0 14px 24px #aa8bce26}
 .btn.outline:hover{box-shadow:0 5px 0 #ded0ef,0 12px 20px #aa8bce14}
 .hubcards a:hover{transform:translateY(-3px);box-shadow:var(--shadow-raised)}
}
.heroimage{box-shadow:-14px 16px 40px #7560870d}
.teaser-photo{border:6px solid #fff;box-shadow:0 0 0 1px #e7dcf1,0 12px 26px #7560871a}
.doctorphoto:before{border-radius:14px;background:linear-gradient(140deg,#e5d5f4,#f6f0fc);transform:rotate(-4deg)}
.doctorphoto .portrait{border:8px solid #fff;border-radius:12px;box-shadow:var(--shadow-raised)}
.hubcards{gap:24px}
.hubcards a{border-color:#eae2f2;border-radius:12px;box-shadow:var(--shadow-soft);transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s}
.hubcards i{display:grid;place-items:center;width:36px;height:36px;background:#f3ecfb;border-radius:50%;font-size:20px}
/* 写真は装飾背景。文字側とセクション末尾を白に溶かす */
.nipt{position:relative;isolation:isolate;background:#fff;overflow:hidden}
.nipt:before{content:'';position:absolute;z-index:-1;pointer-events:none;top:40px;right:0;width:65%;height:720px;background:linear-gradient(90deg,#fff 0%,#ffffffb3 20%,#ffffff00 52%),linear-gradient(0deg,#fff 0%,#ffffff00 30%,#ffffff40 95%,#fff 100%),url('assets/nipt-visual-landscape.jpg') right center/cover no-repeat}
.nipt .planintro{display:block;min-height:510px;margin-bottom:48px}
.nipt .planintro>div:first-child,.nipt .niptmessage{width:55%;max-width:600px}
.nipt .niptmessage{margin-top:28px}
.nipt .niptmessage p{line-height:1.9}
.nipt-points{margin-top:24px;font-size:15px}
.threequestions{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border:0;padding:0;margin:24px 0 60px}
.threequestions .tq-lead{margin:0 0 4px;font-size:16px;color:var(--ink)}
.threequestions>span,.threequestions>span:nth-of-type(1),.threequestions>span:last-child{border:1px solid #e6ddee;border-radius:12px;padding:26px 24px 28px;background:#fff;box-shadow:var(--shadow-soft);font-size:19px;line-height:1.65}
.threequestions b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#eee5f8;color:var(--accent);font-size:15px;margin:0 0 18px}
.threequestions em{margin-top:16px;line-height:1.85}
.rangeintro{padding-top:8px}
.scopelist{gap:14px}
.scopelist li{border-radius:0 0 8px 8px;background:#f6f1fc;padding:22px 18px}
.pricehead{margin-top:72px;padding-top:44px;border-top:1px solid var(--line)}
.plans{gap:20px;border:0;background:transparent;margin-top:28px;align-items:stretch}
.plan,.plan:first-child,.plan:last-child{padding:28px 24px;border:1px solid #e5d9f1;border-top:3px solid #cbb1e7;border-radius:10px;background:#fff;box-shadow:var(--shadow-soft)}
.plan p{min-height:0}
.costnote{margin-top:24px}
.journal-item img{border-radius:10px;box-shadow:var(--shadow-soft)}
.access-photo{margin-top:26px}
.access-photo img{width:100%;height:220px;object-fit:cover;object-position:center 53%;border:6px solid #fff;border-radius:10px;box-shadow:var(--shadow-soft)}
.access-photo figcaption{margin-top:10px;font-size:13px;color:var(--muted)}
.booking{padding:36px;border:1px solid #e5dced;border-radius:14px;background:#fff;box-shadow:var(--shadow-soft);text-align:center}
.booking .btn{margin-left:auto;margin-right:auto}
@media(max-width:1150px) and (min-width:801px){
 .threequestions{gap:14px}.threequestions>span,.threequestions>span:nth-of-type(1),.threequestions>span:last-child{padding:22px 18px}
 .plan,.plan:first-child,.plan:last-child{padding:24px 18px}
}
@media(min-width:801px) and (max-width:1180px){
 .nipt:before{height:540px}
}
@media(max-width:800px){
 .nipt:before{top:96px;left:50%;width:min(100%,520px);height:calc(min(100vw,520px)*1.25);transform:translateX(-50%);background:linear-gradient(180deg,#fff 0%,#ffffff00 16%),linear-gradient(0deg,#fff 0%,#ffffff00 12%),url('assets/nipt-visual-portrait.jpg') center top/cover no-repeat}
 .nipt .planintro{min-height:0;margin-bottom:36px}
 .nipt .planintro>div:first-child,.nipt .niptmessage{width:100%;max-width:none}
 .nipt .planintro>div:first-child{padding-bottom:110px}
 .nipt .niptmessage{padding:22px 20px;background:#ffffff8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #eae2f2;border-radius:12px;margin-top:calc(min(100vw,520px)*.875 - 231px)}
 .threequestions{grid-template-columns:1fr;gap:14px;margin-bottom:40px}
 .threequestions .tq-lead{font-size:15px;margin-bottom:4px}
 .threequestions>span,.threequestions>span:nth-of-type(1),.threequestions>span:last-child{padding:22px;font-size:18px}
 .threequestions b{position:static;font-size:14px;margin:0 0 12px;width:34px;height:34px}
 .threequestions em{margin-top:12px;font-size:16px}
 .plans{display:grid;grid-template-columns:1fr;gap:16px}
 .plan,.plan:first-child,.plan:last-child{padding:24px 20px;border:1px solid #e5d9f1;border-top:3px solid #cbb1e7}
 .plan h3{font-size:18px}.price{font-size:27px}
 .pricehead{margin-top:44px;padding-top:32px}
 .hubcards{gap:16px}.hubcards i{width:30px;height:30px;right:14px}
 .doctorphoto .portrait{border-width:4px;border-radius:8px}
 .teaser-photo{border-width:4px}
 .booking{margin-top:40px;padding:26px 20px}
 .access-photo img{height:190px}
 .fixedbar .btn{box-shadow:0 2px 0 #aa8bce,0 4px 10px #aa8bce14}
 .fixedbar .btn.outline{box-shadow:0 2px 0 #e5d9f1}
}
@media(min-width:521px) and (max-width:800px){
 .nipt:before{-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
}
@media(max-width:359px){
 .nipt:before{top:140px}
 .nipt .niptmessage{margin-top:154px}
}
@media(max-width:380px){
 .plan,.plan:first-child,.plan:last-child{grid-template-columns:1fr}
 .plan .price{grid-column:1;margin-top:12px}
 .scopelist{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.btn,.hubcards a{transition:none}.btn:hover,.hubcards a:hover,.btn:active{transform:none}}

/* 明るいラベンダー: 面は明るく、文字とフォーカスは濃く保つ */
:root{--button-bg:#ddc9f3;--button-hover:#d2b9ee;--button-ink:#49335f;--button-edge:#b499d2}
.btn{background:var(--button-bg);color:var(--button-ink);border-color:#c7ace2;box-shadow:0 3px 0 var(--button-edge),0 8px 18px #aa8bce20;font-weight:600}
.btn:hover{background:var(--button-hover);color:var(--button-ink)}
.btn.outline{background:#fff;color:var(--accent);border-color:#bca2d7;box-shadow:0 2px 0 #e5d9f1,0 6px 14px #aa8bce10}
.btn.outline:hover{background:#f3ecfb;color:#63477f;border-color:#a182c0}
.btn:active{box-shadow:0 1px 0 var(--button-edge),0 3px 8px #aa8bce18}
.learn-search button,.footer-bottom button{background:var(--button-bg);color:var(--button-ink);font-weight:600;border:1px solid #c7ace2;border-radius:6px}
.learn-search button:hover,.footer-bottom button:hover{background:var(--button-hover);color:var(--button-ink)}
.learn .topic-links a:hover{background:#eee2fa;color:#49335f;border-color:#bca2d7}
@media(hover:hover){.btn:hover{box-shadow:0 5px 0 var(--button-edge),0 12px 22px #aa8bce26}.btn.outline:hover{box-shadow:0 4px 0 #ded0ef,0 10px 18px #aa8bce14}}
@media(max-width:800px){.fixedbar .btn{box-shadow:0 2px 0 var(--button-edge),0 4px 10px #aa8bce14}.fixedbar .btn.outline{box-shadow:0 2px 0 #e5d9f1}}

/* 遺伝診療をブランドの主語に。ラベンダーと写真を活かした穏やかな階層 */
.hero .herocontent{width:53%;padding:60px 0 48px}
.brand-headline{font-size:clamp(30px,3vw,42px);font-weight:500;line-height:1.65;letter-spacing:.035em;margin:24px 0}
.brand-headline span{display:block}
.hero .herocontent h1.brand-headline{font-size:clamp(30px,3vw,42px);font-weight:500;line-height:1.65;color:var(--ink);letter-spacing:.035em}
.hero .herocontent p.brand-intro{font-size:16px;line-height:1.9;margin-top:20px}
.hero-nipt-link{display:grid;grid-template-columns:1fr auto;gap:4px 18px;max-width:430px;margin-top:32px;padding:18px 0;border-top:1px solid #dcd1e6;border-bottom:1px solid #dcd1e6}
.hero-nipt-link>span:first-child{font-size:13px;color:var(--accent)}
.hero-nipt-link strong{grid-column:1;font-size:17px;font-weight:500}
.hero-nipt-link>span:last-child{grid-column:2;grid-row:1/3;align-self:center;color:var(--accent)}
.knowledge{background:#fff;padding:88px 0}
.knowledge-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:end}
.knowledge-heading h2{font-size:33px;line-height:1.5}
.knowledge-heading p{font-size:18px;line-height:1.85;margin:0;color:var(--muted)}
.knowledge-intro{max-width:760px;font-size:17px;margin:26px 0 32px}
.knowledge .learn-tools{border-top:1px solid #ded3e9;border-bottom:1px solid #ded3e9;border-radius:0;margin-bottom:18px;padding:30px;background:#faf8fd}
.knowledge-note{font-size:14px;color:var(--muted);margin:0}
.btn,.btn.outline,.fixedbar .btn,.fixedbar .btn.outline{border-radius:4px;box-shadow:0 3px 10px #72558f12}
.btn:hover,.btn.outline:hover,.btn:active{transform:none;box-shadow:0 4px 14px #72558f1a}
.hubcards a{box-shadow:none;border-radius:5px}
.hubcards a:hover{transform:none;box-shadow:0 4px 16px #72558f0c}
.doctorphoto:before{transform:none;border-radius:3px}
.doctorphoto .portrait{border-radius:3px;box-shadow:0 12px 28px #72558f14}
.threequestions>span,.threequestions>span:nth-of-type(1),.threequestions>span:last-child{box-shadow:none;border-radius:4px}
.plan,.plan:first-child,.plan:last-child{box-shadow:none;border:0;border-top:1px solid #c9b5dd;border-radius:0;background:transparent;padding:26px 22px}
.plan h3{font-family:var(--serif);font-size:25px;font-weight:500;margin:12px 0 18px}
.plan p{font-size:16px;line-height:1.9;margin-top:0}
@media(max-width:1150px) and (min-width:801px){.hero .herocontent{width:53%}.brand-headline span{white-space:normal}}
@media(max-width:800px){
 .hero .herocontent{width:100%;padding:28px 0 32px}
 .hero .herocontent h1.brand-headline{font-size:clamp(24px,6.4vw,36px);line-height:1.65;letter-spacing:.01em;margin:18px 0 22px}
 .hero .herocontent .eyebrow{font-size:12px;line-height:1.8;letter-spacing:.04em}
 .hero .herocontent p.hero-sub{font-size:17px}
 .hero .herocontent p.brand-intro{font-size:16px;text-align:left}
 .hero-nipt-link{text-align:left;margin:26px auto 0;max-width:none}
 .hero-nipt-link strong{font-size:16px}
 .knowledge{padding:60px 0}
 .knowledge-heading{display:block}.knowledge-heading h2{font-size:27px}.knowledge-heading .eyebrow,.knowledge-heading h2{text-align:center}
 .knowledge-heading p{font-size:16px;margin-top:24px}
 .knowledge-intro{font-size:16px;margin:18px 0 24px}
 .knowledge .learn-tools{padding:22px 18px}
 .plan,.plan:first-child,.plan:last-child{display:block;padding:24px 0}
 .plan h3{font-size:23px;margin:8px 0 12px}
}
/* ロゴ: 340px以下（ナビの折り返し防止） */
@media(max-width:340px){.headrow .logobox{width:205px}}

/* ===== 2026.10.01 ヘッダー・メニュー・動き・改行（高級サイト45件の実測にもとづく） ===== */
/* 改行: 見出し・ボタン・ラベルは語句（<wbr>）の切れ目でだけ折り返す */
h1,h2,h3,h4,.eyebrow,.btn,dt,dd,em,summary,.tq-lead,.pricecopy,.teaser-head,.hero-sub,.hubcards strong,.scopelist strong,.scopelist small,.steps strong,.follow strong,.consult-family,.menu-nav a{word-break:keep-all;overflow-wrap:anywhere}
h1,h2,h3,.pricecopy,.teaser-head{text-wrap:balance}
.flow-facts dd b{display:inline}
.flow-facts div{text-align:center}
.nowrap{white-space:nowrap}
@media(max-width:800px){.flow-facts{grid-template-columns:1fr}.flow-facts div:not(:first-child) dd{font-size:16px}}

/* ヘッダー: 1段・ロゴ左。影なし・細線・字間を広く・ホバーで下線が左から伸びる */
.header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid transparent;transition:transform .45s cubic-bezier(.19,1,.22,1),border-color .4s ease}
.header.is-scrolled{border-bottom-color:var(--line)}
.header.is-hidden{transform:translateY(-100%)}
.headrow{max-width:1440px;padding:24px 48px;gap:44px;transition:padding .45s cubic-bezier(.19,1,.22,1)}
.header.is-scrolled .headrow{padding-top:12px;padding-bottom:12px}
.headrow .logobox{transition:width .45s cubic-bezier(.19,1,.22,1)}
.header.is-scrolled .headrow .logobox{width:280px}
.nav{margin-left:auto;gap:30px;font-size:14px;letter-spacing:.06em;min-width:0}
.nav a{position:relative;padding:12px 0;color:var(--ink);white-space:nowrap}
.nav a:after,.head-util:after{content:'';position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .5s cubic-bezier(.19,1,.22,1)}
.nav a:hover,.head-util:hover{color:var(--accent)}
.nav a:hover:after,.nav a:focus-visible:after,.head-util:hover:after,.head-util:focus-visible:after{transform:scaleX(1);transform-origin:left}
.head-actions{display:flex;flex-shrink:0;align-items:center;gap:24px;padding-left:30px;border-left:1px solid var(--line)}
.head-util{position:relative;padding:12px 0;font-size:13px;letter-spacing:.1em;color:var(--muted);white-space:nowrap}
.btn.head-cta{flex-shrink:0;white-space:nowrap;min-height:46px;padding:10px 32px;border-radius:2px;background:var(--accent);border-color:var(--accent);color:#fff;font-size:14px;font-weight:500;letter-spacing:.16em;box-shadow:none;transition:background-color .4s ease,color .4s ease}
.btn.head-cta:after{content:none}
.btn.head-cta:hover,.btn.head-cta:active{background:#5d4476;border-color:#5d4476;color:#fff;box-shadow:none;transform:none}
.menu-toggle{display:none;position:relative;width:44px;height:44px;margin-right:-10px;padding:0;border:0;background:transparent;cursor:pointer;color:var(--ink)}
.menu-toggle span{position:absolute;left:10px;right:10px;height:1px;background:currentColor;transition:transform .45s cubic-bezier(.19,1,.22,1),top .45s cubic-bezier(.19,1,.22,1)}
.menu-toggle span:first-child{top:17px}.menu-toggle span:last-child{top:26px}
.menu-open .menu-toggle span:first-child{top:21.5px;transform:rotate(45deg)}
.menu-open .menu-toggle span:last-child{top:21.5px;transform:rotate(-45deg)}

/* メニュー（1280px以下）: 全画面の白いパネル。項目は少しずつずれて現れる */
.menu-panel{position:fixed;inset:0;z-index:90;overflow-y:auto;background:#fff;padding:128px 32px 48px;opacity:0;visibility:hidden;transition:opacity .5s cubic-bezier(.19,1,.22,1),visibility 0s linear .5s}
.menu-panel.is-open{opacity:1;visibility:visible;transition:opacity .5s cubic-bezier(.19,1,.22,1),visibility 0s}
.menu-nav,.menu-cta{max-width:560px;margin-left:auto;margin-right:auto}
.menu-nav a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 4px;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:20px;letter-spacing:.08em;color:var(--ink)}
.menu-nav a:first-child{border-top:1px solid var(--line)}
.menu-nav a:after{content:'›';font-family:var(--sans);color:var(--accent);font-size:20px}
.menu-cta{display:grid;gap:12px;margin-top:32px}
.menu-cta .btn{width:100%}
.menu-mypage{justify-self:center;padding:10px 0;font-size:14px;letter-spacing:.06em;color:var(--muted);text-decoration:underline;text-underline-offset:5px}
.menu-nav a,.menu-cta{opacity:0;transform:translateY(14px);transition:opacity .8s cubic-bezier(.19,1,.22,1),transform .9s cubic-bezier(.19,1,.22,1)}
.menu-panel.is-open .menu-nav a,.menu-panel.is-open .menu-cta{opacity:1;transform:none;transition-delay:calc(var(--i)*60ms + 120ms)}
html.menu-open{overflow:hidden}
@media(min-width:1281px) and (max-width:1439px){
 .headrow{padding-left:32px;padding-right:32px;gap:32px}
 .headrow .logobox{width:280px}.header.is-scrolled .headrow .logobox{width:240px}
 .nav{gap:22px;letter-spacing:.04em}
 .head-actions{gap:18px;padding-left:22px}
}
@media(max-width:1280px){
 .header.is-scrolled .headrow .logobox{width:230px}
 .nav,.head-util{display:none}
 .head-actions{margin-left:auto;padding-left:0;border-left:0;gap:18px}
 .menu-toggle{display:block}
}
@media(max-width:800px){
 .headrow{padding:14px 20px;gap:16px}
 .header.is-scrolled .headrow{padding-top:8px;padding-bottom:8px}
 .header.is-scrolled .headrow .logobox{width:220px}
 .btn.head-cta{display:none}
 .menu-panel{padding:108px 24px 40px}
 .menu-nav a{font-size:18px;padding:16px 4px}
}
@media(max-width:340px){.header.is-scrolled .headrow .logobox{width:190px}}

/* 下線リンクだったものを枠線ボタンに（院長欄・予告編・コラム・ブログ・お知らせ） */
.doctor-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.doctor-links .btn-sub,.journal-heading .btn-sub{margin:0}
.teaser .btn-sub{margin-top:16px}
@media(max-width:800px){
 .doctor-links{grid-column:1/-1;display:grid;gap:10px;margin-top:4px}
 .doctor-links .btn-sub,.teaser .btn-sub,.journal-heading .btn-sub,.news-layout .btn-sub,.blog-panel .btn-sub{width:100%}
 .teaser .btn-sub{grid-column:1/-1;margin-top:4px}
 .journal-heading .btn-sub{margin-top:16px}
}

/* 動き: ヒーローは開いた直後に1行ずつ、ほかはスクロールで一度だけふわっと（1.0〜1.2秒・0.1秒ずつずらす） */
@media(prefers-reduced-motion:no-preference){
 .js .reveal{opacity:0;transform:translateY(32px);transition:opacity 1s cubic-bezier(.19,1,.22,1) var(--d,0ms),transform 1.2s cubic-bezier(.19,1,.22,1) var(--d,0ms)}
 .js .reveal.is-in{opacity:1;transform:none}
 /* ヒーロー: 開いた直後に再生（スクリプト不要。終わると必ず表示された状態で止まる） */
 .heroimage{animation:mvSettle 2.4s cubic-bezier(.19,1,.22,1) both}
 .hero .brand-headline span{animation:mvUp 1.4s cubic-bezier(.19,1,.22,1) .25s both}
 .hero .brand-headline span+span{animation-delay:.4s}
 .herocontent>.eyebrow{animation:mvFade 1.4s cubic-bezier(.19,1,.22,1) .1s both}
 .herocontent>:not(h1):not(.eyebrow){animation:mvFade 1.4s cubic-bezier(.19,1,.22,1) .7s both}
}
@keyframes mvUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes mvFade{from{opacity:0}to{opacity:1}}
@keyframes mvSettle{from{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
 .header,.headrow,.headrow .logobox,.menu-panel,.menu-nav a,.menu-cta,.menu-toggle span,.nav a:after,.head-util:after{transition:none}
}
/* ボタンの文字は1つの部品にまとめ、その中で語句の切れ目で折り返す（flexで文字が1文字ずつに割れるのを防ぐ） */
.btn-label{display:block;min-width:0;text-align:center}
/* 読ませたい見出し: 一文字ずつ浮かび上がる（data-type。文字の分割はスクリプト） */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.brand-headline .ch{display:inline}
.hero .brand-headline.fx-type span{animation:none}
@media(prefers-reduced-motion:no-preference){
 .fx-type .ch{opacity:0;filter:blur(6px);transition:opacity .9s cubic-bezier(.19,1,.22,1),filter .9s cubic-bezier(.19,1,.22,1);transition-delay:calc(var(--i)*35ms)}
 .fx-type.is-in .ch{opacity:1;filter:none}
}
/* NIPT欄の写真: 画面に入ったら3秒かけてふわっと出る（クラスはスクリプトが付ける） */
@media(prefers-reduced-motion:no-preference){
 .nipt.photo-wait:before{opacity:0;transform:scale(1.03);transition:opacity 3s cubic-bezier(.33,0,.2,1),transform 3s cubic-bezier(.33,0,.2,1)}
 .nipt.photo-wait.photo-in:before{opacity:1;transform:none}
}
@media(prefers-reduced-motion:no-preference) and (max-width:800px){
 .nipt.photo-wait:before{transform:translateX(-50%) scale(1.03)}
 .nipt.photo-wait.photo-in:before{transform:translateX(-50%)}
}
/* ===== NIPTトップ案（nipt.html・body.page-nipt）。トップには効かない ===== */
html:has(body.page-nipt){scroll-padding-top:140px}
.page-nipt .nav a[aria-current=page]{color:var(--accent)}
.breadcrumb{background:#faf7fd;padding:16px 0 0;font-size:13px;color:var(--muted)}
.breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.breadcrumb li+li:before{content:'›';margin:0 10px;color:#b9aec3}
.breadcrumb a{color:var(--accent)}
.pagehero{background:#faf7fd;padding:20px 0 44px}
.pagehero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:28px 56px;align-items:center}
.pagehero h1{font:400 clamp(32px,3.4vw,44px)/1.5 var(--serif);letter-spacing:.04em;margin:10px 0 0;color:var(--ink)}
.pagehero h1 small{font-size:.5em;letter-spacing:.04em}
.pagehero .lead{font-size:18px;line-height:1.85;margin-top:12px}
.pagehero .catch{font:400 clamp(24px,2.4vw,32px)/1.6 var(--serif);letter-spacing:.06em;color:var(--accent);margin-top:16px}
.pagehero .nipt-points{margin-top:18px}
.pagehero .heroactions{margin-top:24px}
.pagehero-img{aspect-ratio:4/3;border-radius:8px 8px 8px 96px;background:url('assets/nipt-visual-landscape.jpg') 72% 30%/cover}
.supervisor a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.pagenav{position:sticky;top:0;z-index:90;background:#fff;border-bottom:1px solid var(--line);transition:top .45s cubic-bezier(.19,1,.22,1)}
.nipt-intro{padding:64px 0 0}
.nipt-intro h2{font:400 26px/1.6 var(--serif)}
.nipt-intro p{font-size:16px;margin-top:12px;max-width:860px}
.theme-links,.morelinks{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.theme-links span,.morelinks span{width:100%;font-size:14px;color:var(--muted)}
.theme-links a,.morelinks a{display:inline-flex;align-items:center;min-height:40px;padding:6px 16px;border:1px solid #c8b0df;border-radius:999px;background:#fff;color:var(--accent);font-size:15px}
.theme-links a:hover,.morelinks a:hover{background:#eee2fa}
.facts{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.facts div{padding:22px 24px;background:var(--pale);border-radius:8px}
.facts dt{font-size:16px;font-weight:600;color:var(--accent)}
.facts dd{margin:8px 0 0;font-size:16px;line-height:1.9;word-break:normal}
.about-cond{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:24px 56px;align-items:start}
.about-cond h3,.subhead,.flowcols h3{font:400 22px/1.6 var(--serif)}
.about-cond p{font-size:16px;line-height:1.95;margin-top:12px}
.acc details{border-top:1px solid var(--line)}
.acc details:last-child{border-bottom:1px solid var(--line)}
.acc summary{cursor:pointer;list-style:none;position:relative;padding:16px 28px 16px 0;font-size:16px;font-weight:600}
.acc summary::-webkit-details-marker{display:none}
.acc summary:after{content:'+';position:absolute;right:4px;top:13px;font-size:20px;font-weight:400;color:var(--accent)}
.acc details[open] summary:after{content:'−'}
.acc ul,.acc ol{margin:0 0 18px;padding-left:1.4em;font-size:15px;line-height:1.9}
.acc li+li,.feebox li+li,.reasons li+li{margin-top:6px}
.acc li b,.reasons li b,.feebox li b{display:block}
.acc .textlink,.acc .review-note{margin:0 0 18px}
.nipt-scope{background:var(--pale)}
.subhead{margin:56px 0 16px}
.scopetable table{width:100%;border-collapse:collapse;background:#fff;font-size:15px;line-height:1.8}
.scopetable th,.scopetable td{padding:16px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.scopetable thead th{background:#f1e9fa;font-size:14px;color:var(--accent)}
.scopetable tbody th{width:22%;font-weight:600}
.scopetable small{display:block;margin-top:4px;font-size:13px;color:var(--muted)}
.scope-lead,.sexnote p{margin-top:18px;font-size:16px}
.review-note{margin-top:10px;font-size:13px;color:#b0487a}
.denovo{margin-top:56px;display:grid;grid-template-columns:.8fr 1.2fr;gap:20px 60px;align-items:start}
.denovo h3{font:400 25px/1.7 var(--serif);margin-top:10px}
.denovo p{font-size:16px;line-height:1.95}
.denovo p+p{margin-top:12px}
.sexnote .subhead{margin-bottom:0}
.sexnote p{margin-top:8px}
.sources{margin:32px 0 0;padding:0;list-style:none;font-size:12px;line-height:1.8;color:var(--muted)}
.reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.reasons article{padding:28px 26px;border:1px solid var(--line);border-radius:8px;background:#fff}
.reasons h3{margin-top:6px;font-size:18px;font-weight:600;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere}
.reasons p,.reasons ul{margin-top:10px;font-size:15px;line-height:1.9}
.reasons ul{list-style:none;padding:0}
.nipt-reasons .center{margin-top:32px}
.credlist{list-style:none;padding:0;margin:14px 0 0;font-size:15px;line-height:1.9}
.credlist li:before{content:'✓ ';color:var(--accent)}
.doctor-quote{margin:20px 0 0;padding:18px 20px;border-left:2px solid #c8b0df;background:#fff;font-size:16px;line-height:1.9}
.doctor-quote strong{display:block;margin-bottom:6px;font:400 20px/1.6 var(--serif)}
.awards{margin-top:18px}
.choose{margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.choose div{padding:20px 22px;background:var(--pale);border-top:3px solid #c9b0e0;border-radius:0 0 8px 8px}
.choose i{display:block;font-style:normal;font-size:13px;font-weight:600;color:var(--accent)}
.choose strong{display:block;margin-top:4px;font-size:17px;font-weight:600}
.choose p{margin-top:8px;font-size:15px;line-height:1.85}
.plan-lead{margin:8px 0 22px;font-size:16px;color:var(--muted)}
.scroll-hint{display:none}
.plantable-wrap{position:relative;overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:#fff}
.plantable-wrap:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.plantable{width:100%;min-width:860px;border-collapse:collapse;font-size:15px;line-height:1.6}
.plantable th,.plantable td{padding:13px 12px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle;word-break:keep-all;overflow-wrap:anywhere}
.plantable tbody th{width:210px;text-align:left;font-weight:500;background:#fff;position:sticky;left:0;z-index:1}
.plantable small{display:block;font-size:12px;font-weight:400;color:var(--muted)}
.plantable thead th{padding:22px 10px 16px;border-bottom:2px solid #c9b0e0;background:#fcfafd;font:400 18px/1.5 var(--serif);white-space:nowrap}
.plantable thead th:first-child{position:sticky;left:0;z-index:2}
.plantable thead i{display:block;margin-bottom:4px;font:600 11px var(--sans);font-style:normal;letter-spacing:.12em;color:var(--accent)}
.plantable tr.pricerow td b{display:block;font:600 19px var(--sans);white-space:nowrap}
.plantable tr.pricerow td s{font-size:12px;color:var(--muted)}
.plantable tr.grp th{padding:8px 12px;background:var(--pale);font-size:13px;font-weight:600;color:var(--accent);position:static}
.plantable tr.grp span{position:sticky;left:12px}
.plantable .yes{color:var(--accent);font-size:16px}
.plantable .no{color:#c9bfd2}
.plantable tr.fit td{font-size:14px}
.plantable tr.links a{font-size:14px;color:var(--accent);border-bottom:1px solid #b49acc}
.plan-notes{list-style:none;padding:0;margin:18px 0 0;font-size:13px;line-height:1.85;color:var(--muted)}
.plan-notes a{color:var(--accent);text-decoration:underline}
.family-set{margin-top:40px;padding:28px 30px;border:1px solid #c8b0df;border-radius:8px;background:#fcfafd}
.family-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px 40px}
.family-set i{display:block;font-style:normal;font-size:13px;font-weight:600;color:var(--accent)}
.family-set strong{display:block;margin:4px 0 6px;font:400 22px/1.6 var(--serif)}
.family-head p{max-width:640px;font-size:15px;line-height:1.9;color:var(--muted)}
.family-price{flex:none;text-align:right}
.family-price span,.family-price small{display:block;font-size:13px;color:var(--muted)}
.family-price b{display:block;font:600 26px var(--sans)}
.family-set .acc{margin-top:20px}
.fees{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.feebox{padding:26px 28px;border:1px solid var(--line);border-radius:8px;background:#fff}
.feebox h3{font-size:18px;font-weight:600}
.feebox p,.feebox ul{margin-top:10px;font-size:15px;line-height:1.9}
.feebox ul{padding-left:1.2em}
.feetable{width:100%;margin-top:10px;border-collapse:collapse;font-size:15px}
.feetable th,.feetable td{padding:10px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-weight:400}
.feetable td{padding-left:16px;text-align:right;white-space:nowrap}
.feetable small{display:block;font-size:12px;color:var(--muted)}
.feetable tr.sum th,.feetable tr.sum td{border-bottom:0;font-weight:600}
.nipt-flow{background:var(--pale)}
.flowcols{display:grid;grid-template-columns:1fr 1fr;gap:24px 56px}
.flowcols h3{margin-bottom:8px}
.flowcols .steps{grid-column:auto}
.flownote{margin-top:14px;font-size:13px}
.mypage-box{margin-top:40px;display:flex;justify-content:space-between;align-items:center;gap:20px 40px;padding:26px 30px;background:#fff;border-radius:8px}
.mypage-box h3{font-size:18px;font-weight:600}
.mypage-box p{max-width:640px;margin-top:6px;font-size:15px;line-height:1.9}
.mypage-actions{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.related{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.related a{display:block;padding:16px 0;border-bottom:1px solid var(--line);font-size:16px}
.related a:hover{color:var(--accent)}
@media(max-width:800px){
 html:has(body.page-nipt){scroll-padding-top:120px}
 .pagehero .wrap,.facts,.about-cond,.denovo,.reasons,.choose,.fees,.flowcols{grid-template-columns:1fr}
 .pagehero-img{order:-1;aspect-ratio:16/10;border-radius:8px 8px 8px 56px}
 .pagehero h1{font-size:30px}
 .pagehero .lead{font-size:16px}
 .pagehero .catch{font-size:22px}
 .nipt-intro{padding-top:48px}
 .nipt-intro h2{font-size:22px}
 .denovo h3{font-size:21px}
 .scopetable table,.scopetable tbody,.scopetable tr,.scopetable th,.scopetable td{display:block;width:auto}
 .scopetable thead{display:none}
 .scopetable tbody th{background:#f1e9fa;width:auto}
 .scopetable td:before{content:attr(data-label);display:block;margin-bottom:4px;font-size:12px;font-weight:600;color:var(--accent)}
 .scroll-hint{display:block;margin:0 0 8px;font-size:13px;color:var(--muted);text-align:right}
 .plantable{min-width:800px;font-size:14px}.plantable tbody th{width:140px}.plantable thead th{font-size:16px}.plantable tr.pricerow td b{font-size:17px}
 .family-set,.feebox,.mypage-box{padding:22px 20px}
 .family-head,.mypage-box{flex-direction:column;align-items:flex-start}
 .family-price{text-align:left}
}

/* ===== 2026.10.05 主ボタンの色（#62）・「NIPTの教科書」への導線（#65） ===== */
/* 主ボタンをヘッダーの「ご予約」と同じ濃い紫・白文字に（白地の枠ボタンはそのまま） */
:root{--button-bg:var(--accent);--button-hover:#5d4476;--button-ink:#fff;--button-edge:#5d4476}
.btn,.learn-search button,.footer-bottom button{border-color:var(--accent)}
.btn:hover{border-color:#5d4476}
/* NIPT欄: 調べられる範囲の下に「NIPTの教科書」への導線 */
.textbook{margin-top:30px}.textbook p{font-size:16px;margin-bottom:14px}.textbook .btn{min-width:340px}
@media(max-width:800px){.textbook{text-align:left}.textbook .btn{display:flex;min-width:0;width:100%}}

/* ===== 2026.10.06 NIPTトップ: このページ用のデザイン（セクションの役割ごとに見せ方を変える）。すべて .page-nipt の中だけ＝トップには効かない ===== */
/* 色: 白／淡い紫（白との差が分かる濃さ）／濃い紫（担当医だけ）の3段 */
.page-nipt{--n-pale:#f3eef9;--n-deep:#3b2d4b;--n-deep-ink:#e9e0f2;--n-deep-muted:#bfb0cf;--n-rule:rgba(255,255,255,.18)}
.page-nipt .section h2{font-size:34px;line-height:1.7;letter-spacing:.06em}
.page-nipt .subhead{margin:64px 0 18px}
.page-nipt .sectionhead .note{margin-top:10px;font-size:13px;color:var(--muted)}
/* ヒーロー: 要素を減らし、目次の白い帯を下端に重ねる */
.page-nipt .breadcrumb,.page-nipt .pagehero{background:var(--n-pale)}
.page-nipt .pagehero{padding:28px 0 92px}
.page-nipt .pagehero h1{margin-top:0}
.page-nipt .pagehero .supervisor{margin-top:28px;font-size:13px;color:var(--muted)}
.page-nipt .pagenav{margin-top:-32px;background:transparent;border-bottom:0}
.pagenav-bar{display:flex;overflow-x:auto;scrollbar-width:none;background:#fff;border:1px solid var(--line);border-radius:8px}
.pagenav-bar::-webkit-scrollbar{display:none}
.page-nipt .pagenav-bar a{position:relative;flex:none;padding:20px 15px;font-size:15px;white-space:nowrap;color:var(--ink)}
.page-nipt .pagenav-bar a:first-child{padding-left:24px}
.page-nipt .pagenav-bar a+a:before{content:'';position:absolute;left:0;top:50%;height:14px;margin-top:-7px;border-left:1px solid var(--line)}
.page-nipt .pagenav-bar a:hover{color:var(--accent)}
.page-nipt .pagenav-bar .pagenav-mypage{margin-left:auto;padding-right:24px;font-size:14px;color:var(--accent)}
.page-nipt .pagenav.is-stuck{background:#fff;border-bottom:1px solid var(--line)}
.page-nipt .pagenav.is-stuck .pagenav-bar{border-color:transparent;border-radius:0}
/* 導入: 見出し左・本文右。テーマ別の読み物は文字リンクの一覧に */
.page-nipt .nipt-intro{padding:104px 0 88px}
.intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px 72px;align-items:start}
.page-nipt .nipt-intro h2{font:400 34px/1.7 var(--serif);letter-spacing:.06em}
.page-nipt .nipt-intro p{margin-top:0;font-size:16px;line-height:2}
.page-nipt .theme-links{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;margin-top:28px}
.page-nipt .theme-links span{grid-column:1/-1;margin-bottom:6px;font-size:14px;color:var(--muted)}
.page-nipt .theme-links a{display:block;min-height:0;padding:12px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;color:var(--ink);font-size:15px}
.page-nipt .theme-links a:hover{background:none;color:var(--accent)}
/* NIPTとは: 箱をやめて罫線で区切る */
.page-nipt .nipt-about{padding-top:0}
.page-nipt .nipt-about>.wrap:before,.page-nipt .nipt-fees>.wrap:before,.page-nipt .nipt-related>.wrap:before{content:'';display:block;border-top:1px solid var(--line);margin-bottom:88px}
.page-nipt .facts{gap:0 56px}
.page-nipt .facts div{padding:26px 0 30px;background:none;border-radius:0;border-top:1px solid var(--line)}
.page-nipt .facts dt{font:400 21px/1.6 var(--serif);letter-spacing:.04em;color:var(--accent)}
.page-nipt .facts dd{margin-top:10px}
.page-nipt .facts .note{display:block;margin-top:10px;font-size:13px;line-height:1.8;color:var(--muted)}
/* わかること: 調べる範囲が左から右へ広がる階段（このページで一番目立たせる所） */
.page-nipt .nipt-scope,.page-nipt .nipt-flow,.page-nipt .visit{background:var(--n-pale)}
.scope-scale{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px;font-size:14px;font-weight:600;color:var(--accent)}
.scope-scale span{padding-bottom:10px;border-bottom:2px solid #d4c1ea}
.scope-scale span+span{grid-column:2/5;border-bottom-color:var(--accent)}
.page-nipt .scopelist{margin:28px 0 0;gap:0 16px}
.page-nipt .scopelist li{display:grid;grid-template-rows:72px auto;align-content:start;padding:0;background:none;border:0;border-radius:0}
.page-nipt .scopelist li:before{content:'';align-self:end;height:var(--h);background:var(--c);border-radius:4px 4px 0 0}
.page-nipt .scopelist li:nth-child(1){--h:18px;--c:#ddd0ee}
.page-nipt .scopelist li:nth-child(2){--h:36px;--c:#c3abe2}
.page-nipt .scopelist li:nth-child(3){--h:54px;--c:#9c7fc4}
.page-nipt .scopelist li:nth-child(4){--h:72px;--c:var(--accent)}
.page-nipt .scopelist i{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.page-nipt .scopelist strong{margin-top:18px;font:400 21px/1.6 var(--serif);letter-spacing:.04em}
.page-nipt .scopelist small{margin-top:6px;font-size:15px;line-height:1.85}
/* 選ばれる理由: 番号と箱をやめ、3列×2段を罫線で区切る */
.page-nipt .reasons{gap:0 48px}
.page-nipt .reasons article{padding:30px 0 36px;border:0;border-top:1px solid var(--line);border-radius:0;background:none}
.page-nipt .reasons h3{margin-top:0;font:400 21px/1.65 var(--serif);letter-spacing:.03em}
.page-nipt .nipt-reasons .center{text-align:left}
/* 担当医: このページで唯一の濃い色の帯。写真を大きく、資格を横に並べる */
.page-nipt .doctor{background:var(--n-deep);color:var(--n-deep-ink);padding:120px 0}
.page-nipt .doctor:before,.page-nipt .doctor:after,.page-nipt .doctorphoto:before{display:none}
.page-nipt .doctorgrid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:72px;max-width:none;align-items:start}
.page-nipt .doctorphoto .portrait{border:0;border-radius:8px 8px 8px 96px;box-shadow:none}
.page-nipt .doctor .eyebrow{color:#cbb1ed}
.page-nipt .doctor h2,.page-nipt .doctorname strong{color:#fff}
.page-nipt .doctorname{font-size:13px}
.page-nipt .doctorname em{color:var(--n-deep-muted)}
.page-nipt .credlist{display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px;border-top:1px solid var(--n-rule);border-bottom:1px solid var(--n-rule)}
.page-nipt .credlist li{padding:16px 16px 16px 0;font-size:13px;line-height:1.7;color:var(--n-deep-muted)}
.page-nipt .credlist li+li{margin:0;padding-left:16px;border-left:1px solid var(--n-rule)}
.page-nipt .credlist li:before{content:none}
.page-nipt .credlist b{display:block;margin-bottom:4px;font-size:15px;font-weight:600;color:#fff}
.page-nipt .doctortext p{font-size:16px;line-height:1.95;color:var(--n-deep-ink)}
.page-nipt .doctor-quote{background:rgba(255,255,255,.06);border-left-color:#cbb1ed;color:var(--n-deep-ink)}
.page-nipt .doctor-quote strong{color:#fff}
.page-nipt .doctor .acc details{border-color:var(--n-rule)}
.page-nipt .doctor .acc summary{color:#fff}
.page-nipt .doctor .acc summary:after{color:#cbb1ed}
.page-nipt .doctor .acc ul{color:var(--n-deep-ink)}
.page-nipt .doctor .review-note{color:#f2a7c9}
.page-nipt .doctor .btn.outline{color:#fff;border-color:rgba(255,255,255,.5);background:transparent}
.page-nipt .doctor .btn.outline:hover{color:#fff;border-color:#fff;background:rgba(255,255,255,.1)}
.page-nipt .doctor a:focus-visible{outline-color:#cbb1ed}
/* プランと料金: 見出しを主役に。選び方は罫線の3列、比較表は箱のまま */
.page-nipt .nipt-plans{padding-bottom:0}
.page-nipt .nipt-plans .sectionhead{margin-bottom:0}
.page-nipt .choose{gap:0;margin-top:0;padding-top:22px;border-top:1px solid var(--line)}
.page-nipt .choose div{padding:0 28px;background:none;border:0;border-left:1px solid var(--line);border-radius:0}
.page-nipt .choose div:first-child{padding-left:0;border-left:0}
/* 費用: 「含まれるもの」と「別途の明細」を1枚の枠に、その下に2列 */
.page-nipt .fees{gap:48px 0}
.page-nipt .feebox:nth-child(1){border-right:0;border-radius:8px 0 0 8px}
.page-nipt .feebox:nth-child(2){border-radius:0 8px 8px 0}
.page-nipt .feebox:nth-child(n+3){padding:28px 40px 0 0;border:0;border-top:1px solid var(--line);border-radius:0}
.page-nipt .feebox:nth-child(4){padding:28px 0 0 40px}
/* よくある質問・関連コラム: 幅をほかとそろえ、線で分ける */
.page-nipt .faq .wrap{max-width:1180px}
.page-nipt .faq details{max-width:880px}
.page-nipt .nipt-related{padding-top:0}
@media(max-width:800px){
 .page-nipt .section h2,.page-nipt .nipt-intro h2{font-size:26px}
 /* トップのスマホ用「見出し中央」を、このページでは左揃えに戻す（読み物のページなので本文と頭をそろえる） */
 .page-nipt .sectionhead .eyebrow,.page-nipt .sectionhead h2,.page-nipt .doctortext>.eyebrow,.page-nipt .doctortext h2,.page-nipt .journal-heading,.page-nipt .visitgrid>div:first-child>.eyebrow,.page-nipt .visitgrid>div:first-child>h2{text-align:left}
 .page-nipt .subhead{margin-top:48px}
 .page-nipt .pagehero{padding-bottom:64px}
 .page-nipt .pagenav{margin-top:-26px}
 .page-nipt .pagenav-bar a{padding:15px 13px;font-size:14px}
 .page-nipt .pagenav-bar a:first-child{padding-left:16px}
 .page-nipt .pagenav-bar .pagenav-mypage{padding-right:16px}
 .page-nipt .nipt-intro{padding:64px 0 56px}
 .intro-grid,.page-nipt .theme-links{grid-template-columns:1fr}
 .page-nipt .nipt-about>.wrap:before,.page-nipt .nipt-fees>.wrap:before,.page-nipt .nipt-related>.wrap:before{margin-bottom:56px}
 .scope-scale{display:none}
 .page-nipt .scopelist{grid-template-columns:1fr;gap:24px;margin-top:8px}
 .page-nipt .scopelist li{display:block}
 .page-nipt .scopelist li:before{display:block;height:8px;width:calc(var(--h) / 72 * 100%);border-radius:4px}
 .page-nipt .scopelist i{position:static;width:auto;height:auto;margin-top:12px;clip:auto}
 .page-nipt .scopelist strong{margin-top:2px;font-size:19px}
 .page-nipt .doctor{padding:72px 0}
 .page-nipt .doctorgrid,.page-nipt .doctortext{display:block}
 .page-nipt .doctorphoto{margin:0 auto 36px;max-width:340px}
 .page-nipt .doctorphoto .portrait{border-radius:8px 8px 8px 56px}
 .page-nipt .doctorname{display:flex;margin-top:20px}
 .page-nipt .doctorname strong{display:inline;margin:0}
 .page-nipt .doctortext p{margin-top:20px}
 .page-nipt .credlist{grid-template-columns:1fr}
 .page-nipt .credlist li,.page-nipt .credlist li+li{padding:14px 0;border-left:0}
 .page-nipt .credlist li+li{border-top:1px solid var(--n-rule)}
 .page-nipt .choose{gap:0}
 .page-nipt .choose div,.page-nipt .choose div:first-child{padding:18px 0;border-left:0}
 .page-nipt .choose div+div{border-top:1px solid var(--line)}
 .page-nipt .fees{gap:0}
 .page-nipt .feebox:nth-child(1){border-right:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0}
 .page-nipt .feebox:nth-child(2){border-radius:0 0 8px 8px}
 .page-nipt .feebox:nth-child(n+3),.page-nipt .feebox:nth-child(4){margin-top:40px;padding:24px 0 0}
}

/* 10/13 ブランディング方針: 2つ目の出口「遺伝カウンセリングについて知る」が長いので、スマホではボタンを縦に並べる */
@media(max-width:480px){.heroactions{flex-direction:column;gap:10px}}
/* WordPress に載せたとき: 親テーマ（TCD）の固定ヘッダー用の余白（スクロールで body に header_fix_mobile が付き padding-top:60px）を打ち消す。このページは自前のヘッダーなので不要 */
html.mobile body.header_fix_mobile{padding-top:0}

/* 10/13 TOP: 見出しをわかりやすく（NIPTトップと同じ考え方。大見出しを大きくして下に紫の線、上の小見出しを太く）。NIPTトップは nipt-readable.css で設定済みのため除く */
body:not(.page-nipt) main section:not(.hero) h2::after{content:"";display:block;width:44px;height:3px;margin-top:16px;border-radius:2px;background:var(--accent)}
body:not(.page-nipt) main section:not(.hero) .eyebrow{font-size:14px;font-weight:600;letter-spacing:.12em}
@media(min-width:801px){body:not(.page-nipt) main section:not(.hero) h2,body:not(.page-nipt) #care h2{font-size:38px}}
@media(max-width:800px){body:not(.page-nipt) main section:not(.hero) h2,body:not(.page-nipt) #care h2{font-size:29px}body:not(.page-nipt) main section:not(.hero) h2::after{margin-left:auto;margin-right:auto}}
/* 10/13 TOP: 一番上の見出し「遺伝なら、ミネルバ。」は1行で（どの幅でも収まる） */
body:not(.page-nipt) .brand-headline span{display:inline}

/* 10/13 ヘッダーのメニュー: 今のサイトと同じ項目と下の階層。パソコン（1281px以上）は項目の下に白いパネルで開く */
.gm-list{display:flex;align-items:center;gap:20px;margin:0;padding:0;list-style:none}
@media(min-width:1281px) and (max-width:1439px){.nav .gm-list{gap:16px}}
@media(min-width:1440px){.headrow{gap:36px}}
/* パソコン（1281px以上）はスクロールしてもヘッダーを隠さない（メニューをいつでも押せるように）。1280px以下は下へで隠れて上へで戻る。予約の欄へ飛んだとき見出しがヘッダーに隠れないよう上に余白 */
@media(min-width:1281px){.header.is-hidden{transform:none}#reserve{scroll-margin-top:40px}}
.gm-item{position:relative}
.nav .gm-top{position:relative;display:inline-flex;align-items:center;gap:7px;margin:0;padding:12px 0;border:0;border-radius:0;background:none;font:inherit;letter-spacing:inherit;color:var(--ink);white-space:nowrap;cursor:pointer}
.nav button.gm-top:after{content:'';position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .5s cubic-bezier(.19,1,.22,1)}
.nav button.gm-top:hover:after,.nav button.gm-top:focus-visible:after,.gm-item.is-open>button.gm-top:after{transform:scaleX(1);transform-origin:left}
.nav .gm-top:hover,.gm-item.is-open>.gm-top,.nav .gm-top.is-current{color:var(--accent)}
.gm-caret{width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.7}
.gm-drop{display:none;position:absolute;top:100%;left:-24px;z-index:110;padding-top:10px}
.gm-item:nth-last-child(-n+2) .gm-drop{left:auto;right:-24px}
@media(hover:hover){.gm-item:hover>.gm-drop{display:block}}
.gm-item.is-open>.gm-drop,.gm-item:has(:focus-visible)>.gm-drop{display:block}
.gm-panel{min-width:250px;margin:0;padding:12px 0;list-style:none;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.gm-panel ul{margin:0;padding:0;list-style:none}
.gm-cols{display:flex}
.gm-cols>div{border-left:1px solid var(--line)}
.gm-sub{margin:6px 24px 4px;font-size:12px;letter-spacing:.12em;color:var(--muted)}
.nav .gm-panel a{display:block;padding:8px 24px;font-size:13px;line-height:1.6;letter-spacing:.04em;white-space:nowrap;color:var(--ink)}
.nav .gm-panel a:after{content:none}
.nav .gm-panel a:hover{color:var(--accent);background:var(--pale)}
.nav .gm-panel a[aria-current=page]{color:var(--accent)}
/* 1280px以下: 全画面メニューの項目を押すと下の階層が開く */
.menu-nav .gm-acc{opacity:0;transform:translateY(14px);transition:opacity .8s cubic-bezier(.19,1,.22,1),transform .9s cubic-bezier(.19,1,.22,1)}
.menu-panel.is-open .menu-nav .gm-acc{opacity:1;transform:none;transition-delay:calc(var(--i)*60ms + 120ms)}
.menu-nav>:first-child .gm-acc-btn{border-top:1px solid var(--line)}
.menu-nav .gm-acc-btn{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;margin:0;padding:18px 4px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;font-family:var(--serif);font-size:20px;font-weight:400;letter-spacing:.08em;text-align:left;color:var(--ink);cursor:pointer}
.menu-nav .gm-acc-btn:after{content:'+';font-family:var(--sans);font-size:20px;color:var(--accent)}
.menu-nav .gm-acc-btn[aria-expanded=true]:after{content:'−'}
.menu-nav .gm-acc-list{margin:0;padding:6px 0 14px;list-style:none;border-bottom:1px solid var(--line)}
.menu-nav .gm-acc-list a{opacity:1;transform:none;transition:none;padding:11px 4px 11px 14px;border:0;font-family:var(--sans);font-size:15px;letter-spacing:.04em}
.menu-nav .gm-acc-list a:after{font-size:16px}
.menu-nav .gm-acc-list a[aria-current=page]{color:var(--accent)}
.menu-nav .gm-sub{margin:10px 4px 2px 14px;font-size:12px}
@media(max-width:800px){.menu-nav .gm-acc-btn{font-size:18px;padding:16px 4px}}
@media(prefers-reduced-motion:reduce){.menu-nav .gm-acc,.nav button.gm-top:after{transition:none}}

/* 10/14 TOP: お知らせ・コラム・院長ブログを WordPress から自動で出す（今までのTOPと同じ: お知らせ最新20件・コラム8種類の最新1件ずつ・院長ブログ最新2件）。題名は自動で入り語句の区切りがないので、ふつうに折り返す */
.journal-grid.journal-auto{grid-template-columns:repeat(4,1fr);gap:44px 30px}
.journal-auto .journal-item:first-child{grid-row:auto}
.journal-auto .journal-item a,.journal-auto .journal-item:not(:first-child) a,.journal-auto .journal-item:last-child a{display:block;height:100%;padding:0 0 22px}
.journal-auto .journal-item img,.journal-auto .journal-item:first-child img,.journal-auto .journal-noimg{display:block;width:100%;height:auto;aspect-ratio:1.46;object-fit:cover;object-position:center}
.journal-auto .journal-noimg{background:var(--pale);border-radius:10px}
.journal-auto .journal-item .article-meta,.journal-auto .journal-item:not(:first-child) .article-meta{display:flex;margin:16px 0 8px}
.journal-auto .journal-item h3,.journal-auto .journal-item:first-child h3,.journal-auto .journal-item:not(:first-child) h3{font-size:16px;line-height:1.7;word-break:normal}
.blog-auto h4,.news-list .newsrow span{word-break:normal}
.news-list{max-height:470px;overflow-y:auto;overscroll-behavior:contain;padding-right:16px}
/* お知らせの枠: スクロールできるとわかるよう細いバーを常に出す（Mac の自動で隠れるバーにしない） */
.news-list::-webkit-scrollbar{width:6px}
.news-list::-webkit-scrollbar-track{background:var(--pale);border-radius:3px}
.news-list::-webkit-scrollbar-thumb{background:var(--brand);border-radius:3px}
@supports(-moz-appearance:none){.news-list{scrollbar-width:thin;scrollbar-color:var(--brand) var(--pale)}}
@media(min-width:801px) and (max-width:1100px){.journal-grid.journal-auto{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){
 .journal-grid.journal-auto{display:block}
 .journal-auto .journal-item{margin-top:0}
 .journal-auto .journal-item a,.journal-auto .journal-item:first-child a,.journal-auto .journal-item:not(:first-child) a,.journal-auto .journal-item:last-child a{display:grid;grid-template-columns:104px 1fr;column-gap:16px;align-items:start;padding:18px 0}
 .journal-auto .journal-item img,.journal-auto .journal-item:first-child img,.journal-auto .journal-noimg{grid-row:1/4;aspect-ratio:1}
 .journal-auto .journal-item .article-meta,.journal-auto .journal-item:first-child .article-meta,.journal-auto .journal-item:not(:first-child) .article-meta{display:block;margin:0 0 6px}
 .journal-auto .article-meta time,.journal-auto .journal-item:first-child .article-meta time,.journal-auto .journal-item:not(:first-child) .article-meta time{display:block;margin:2px 0 0}
 .news-list{max-height:500px}
 .journal-auto .journal-item h3,.journal-auto .journal-item:first-child h3,.journal-auto .journal-item:not(:first-child) h3{font-size:15px}
 .journal-auto .article-arrow{display:none}
}