:root{
  --green:#2f6f5e;
  --green-deep:#244f45;
  --green-soft:#edf6f2;
  --blue:#6f91a5;
  --blue-soft:#eef4f7;
  --beige:#f7f3ec;
  --cream:#fbfaf7;
  --text:#263631;
  --muted:#66756f;
  --line:#dce5e1;
  --white:#ffffff;
  --shadow:0 10px 30px rgba(41,78,67,.08);
  --radius:18px;
  --container:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;
  color:var(--text);
  background:var(--white);
  line-height:1.85;
  letter-spacing:.01em;
  padding-bottom:74px;
}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%;display:block}
button{font:inherit}
.container{width:min(calc(100% - 36px),var(--container));margin:0 auto}
.skip{position:absolute;left:-9999px}
.skip:focus{left:16px;top:16px;background:#fff;padding:10px 14px;z-index:9999;border-radius:8px}
.site-header{
  position:sticky;top:0;z-index:1000;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
}
.header-inner{height:76px;display:flex;align-items:center;gap:24px}
.brand{display:flex;flex-direction:column;line-height:1.25;min-width:max-content}
.brand small{font-size:.84rem;color:var(--muted);font-weight:600}
.brand strong{font-size:1.38rem;color:var(--green-deep);letter-spacing:.02em}
.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:20px}
.desktop-nav a{font-size:.94rem;color:#3b4a45}
.desktop-nav a:hover{color:var(--green)}
.header-phone{
  display:flex;flex-direction:column;align-items:flex-end;
  padding-left:18px;border-left:1px solid var(--line);
}
.header-phone small{font-size:.75rem;color:var(--muted)}
.header-phone strong{font-size:1.05rem;color:var(--green-deep)}
.menu-btn{
  display:none;margin-left:auto;background:none;border:0;color:var(--green-deep);
  font-size:1.8rem;line-height:1;padding:8px;cursor:pointer
}
.mobile-menu{display:none}
.mobile-menu.open{display:flex;flex-direction:column;padding:12px 18px 120px;background:#fff;border-top:1px solid var(--line)}
.mobile-menu a{padding:14px 4px;border-bottom:1px solid var(--line);font-size:1rem}

.hero{
  background:
    radial-gradient(circle at 82% 20%, rgba(111,145,165,.13), transparent 26%),
    radial-gradient(circle at 8% 82%, rgba(47,111,94,.10), transparent 28%),
    linear-gradient(180deg,var(--cream),#fff);
}
.hero-inner{
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
  gap:56px;align-items:center;padding:72px 0 66px;
}
.eyebrow,.kicker,.section-label{
  margin:0 0 10px;
  font-size:.92rem;
  font-weight:700;
  color:var(--blue);
  letter-spacing:.06em;
}
h1,h2,h3{margin:0;color:var(--green-deep);font-weight:700;letter-spacing:.015em}
h1{font-size:clamp(2rem,4.3vw,3.4rem);line-height:1.38}
h2{font-size:clamp(1.55rem,2.5vw,2.1rem);line-height:1.5}
h3{font-size:1.15rem;line-height:1.55}
p{margin:0;color:#3b4944;font-size:1.02rem}
.hero-lead{margin-top:22px;max-width:44rem}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:11px 22px;border-radius:12px;
  background:var(--green);color:#fff;border:1px solid var(--green);
  font-weight:700;font-size:.98rem;transition:.18s ease;
}
.btn:hover{transform:translateY(-1px);background:var(--green-deep)}
.btn.secondary{background:#fff;color:var(--green-deep);border-color:#b9d0c8}
.btn.secondary:hover{background:var(--green-soft)}
.hero-visual{
  min-height:360px;position:relative;border-radius:28px;
  background:linear-gradient(145deg,var(--green-soft),var(--blue-soft));
  overflow:hidden;box-shadow:var(--shadow)
}
.hero-visual:before,.hero-visual:after{
  content:"";position:absolute;border-radius:50%;
  border:1px solid rgba(47,111,94,.18)
}
.hero-visual:before{width:230px;height:230px;right:-50px;top:-70px}
.hero-visual:after{width:180px;height:180px;left:-45px;bottom:-70px}
.home-mark{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:220px;height:220px;border-radius:42% 58% 53% 47%/45% 42% 58% 55%;
  background:rgba(255,255,255,.78);display:grid;place-items:center
}
.home-mark svg{width:118px;height:118px;color:var(--green)}

.section{padding:72px 0}
.section.soft{background:var(--green-soft)}
.section.beige{background:var(--beige)}
.section.blue{background:var(--blue-soft)}
.section-head{max-width:760px;margin-bottom:34px}
.section-head p:last-child{margin-top:14px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feature{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:24px;box-shadow:0 6px 18px rgba(40,79,68,.04)
}
.feature .icon{
  width:42px;height:42px;border-radius:12px;background:var(--beige);
  display:grid;place-items:center;color:var(--green);margin-bottom:14px;font-size:1.15rem
}
.feature h3{margin-bottom:8px}
.feature p{font-size:.98rem;color:#52615c}

.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.guide-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:24px;transition:.18s ease;display:block
}
.guide-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#c8d8d2}
.guide-card .label{font-size:.86rem;color:var(--blue);font-weight:700;margin-bottom:8px}
.guide-card h3{margin-bottom:8px}
.guide-card p{font-size:.96rem;color:#586761}
.guide-card .go{display:inline-block;margin-top:14px;color:var(--green);font-weight:700;font-size:.93rem}

.note{
  padding:22px 24px;background:#fff;border-left:4px solid var(--blue);
  border-radius:0 14px 14px 0;box-shadow:0 5px 18px rgba(54,91,82,.04)
}
.note strong{display:block;margin-bottom:6px;color:var(--green-deep)}

.statement{
  max-width:850px;margin:0 auto;text-align:center;padding:16px 0
}
.statement h2{margin-bottom:16px}
.statement p{font-size:1.04rem}

.flow-list{display:grid;gap:14px;counter-reset:step}
.flow-item{
  counter-increment:step;display:grid;grid-template-columns:70px 1fr;
  gap:18px;align-items:start;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);padding:22px 24px
}
.flow-item:before{
  content:counter(step, decimal-leading-zero);
  width:54px;height:54px;border-radius:50%;
  display:grid;place-items:center;background:var(--green-soft);
  color:var(--green);font-weight:800;font-size:1rem
}
.flow-item h3{margin:2px 0 6px}
.flow-item p{font-size:.98rem}

.data-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.data-table th,.data-table td{padding:16px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:1rem}
.data-table th{width:150px;background:#f8fbfa;color:var(--green-deep);font-weight:700}
.data-table tr:last-child th,.data-table tr:last-child td{border-bottom:0}

.simple-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.simple-list li{
  position:relative;padding-left:1.4em;font-size:1rem;color:#3d4c47
}
.simple-list li:before{
  content:"";position:absolute;left:0;top:.78em;width:7px;height:7px;
  border-radius:50%;background:var(--blue)
}
.faq-list{display:grid;gap:12px}
.faq-item{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}
.faq-q{
  width:100%;text-align:left;padding:18px 20px;background:#fff;border:0;
  color:var(--green-deep);font-weight:700;cursor:pointer;display:flex;justify-content:space-between;gap:16px
}
.faq-a{display:none;padding:0 20px 20px;color:#4d5c57}
.faq-item.open .faq-a{display:block}
.faq-item.open .faq-q span:last-child{transform:rotate(45deg)}

.contact-band{background:var(--green-deep);color:#fff;padding:34px 0}
.contact-band .container{display:flex;align-items:center;justify-content:space-between;gap:24px}
.contact-band h2,.contact-band p{color:#fff}
.contact-band p{opacity:.9;margin-top:4px}
.phone-link{font-size:clamp(1.45rem,4vw,2rem);font-weight:800;letter-spacing:.03em;white-space:nowrap}

.footer{background:#18372f;color:#fff;padding:44px 0 26px}
.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:34px}
.footer p,.footer small,.footer a{color:rgba(255,255,255,.82);font-size:.92rem}
.footer h3{color:#fff;font-size:1rem;margin-bottom:10px}
.footer a{display:block;padding:3px 0}
.footer-brand{font-size:.92rem;margin-bottom:12px}
.footer-brand strong{font-size:1.3rem}
.copyright{border-top:1px solid rgba(255,255,255,.16);margin-top:30px;padding-top:18px;font-size:.8rem;color:rgba(255,255,255,.62)}
.mobile-cta{
  position:fixed;left:0;right:0;bottom:0;z-index:1200;
  background:#fff;border-top:1px solid var(--line);padding:8px 12px;
  display:none
}
.mobile-cta a{
  display:block;background:var(--green);color:#fff;text-align:center;
  padding:12px 14px;border-radius:12px;font-weight:700;font-size:1rem
}

.page-hero{padding:58px 0 44px;background:linear-gradient(180deg,var(--cream),#fff)}
.page-hero .container{max-width:860px}
.page-hero h1{font-size:clamp(1.9rem,4vw,2.8rem)}
.page-hero p{margin-top:14px}
.content-narrow{max-width:860px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.mini-card{padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}
.mini-card h3{margin-bottom:8px}

@media(max-width:920px){
  .desktop-nav,.header-phone{display:none}
  .menu-btn{display:block}
  .hero-inner{grid-template-columns:1fr;gap:28px;padding:54px 0 50px}
  .hero-visual{min-height:230px}
  .home-mark{width:165px;height:165px}
  .home-mark svg{width:90px;height:90px}
  .feature-grid{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  body{padding-bottom:72px}
  .container{width:min(calc(100% - 28px),var(--container))}
  .header-inner{height:68px}
  .brand small{font-size:.78rem}
  .brand strong{font-size:1.25rem}
  .hero-inner{padding:42px 0 40px}
  h1{font-size:2rem;line-height:1.45}
  h2{font-size:1.55rem;line-height:1.52}
  h3{font-size:1.08rem}
  p{font-size:1rem;line-height:1.9}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .btn{width:100%}
  .section{padding:54px 0}
  .section-head{margin-bottom:26px}
  .feature-grid,.guide-grid,.two-col{grid-template-columns:1fr}
  .feature,.guide-card{padding:20px}
  .flow-item{grid-template-columns:54px 1fr;padding:18px;gap:12px}
  .flow-item:before{width:46px;height:46px}
  .data-table th{width:105px}
  .data-table th,.data-table td{padding:14px 12px}
  .contact-band .container{display:block}
  .phone-link{display:block;margin-top:12px}
  .footer-grid{grid-template-columns:1fr}
  .mobile-cta{display:block}
}

.quick-points{background:var(--green-deep);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.quick-points-inner{min-height:42px;display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap}
.quick-points span{padding:8px 18px;font-size:.88rem;line-height:1.4;position:relative}
.quick-points span+span:before{content:"";position:absolute;left:0;top:50%;width:1px;height:16px;background:rgba(255,255,255,.28);transform:translateY(-50%)}
.numbered-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.numbered-card{display:grid;grid-template-columns:62px 1fr;gap:16px;align-items:start;padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:.18s ease}
.numbered-card:hover{transform:translateY(-2px);border-color:#bfd1ca;box-shadow:var(--shadow)}
.numbered-card .number{color:var(--blue);font-size:1.22rem;font-weight:800;letter-spacing:.04em;line-height:1.2;padding-top:3px}
.numbered-card h3{margin:0 0 7px;color:var(--green-deep)}
.numbered-card p{font-size:.97rem;color:#55645f}
@media(max-width:640px){
  .quick-points-inner{justify-content:flex-start;padding:5px 0}
  .quick-points span{width:100%;padding:4px 2px;font-size:.82rem}
  .quick-points span+span:before{display:none}
  .numbered-grid{grid-template-columns:1fr}
  .numbered-card{grid-template-columns:48px 1fr;padding:19px 18px;gap:12px}
  .numbered-card .number{font-size:1.05rem}
}

/* v12 */
:root{--green:#3f7868;--green-deep:#2d584d;--green-soft:#f0f7f4;--blue:#7e9fb2;--blue-soft:#f1f6f8;--beige:#f8f4ed;--cream:#fcfaf6;}
body{font-weight:400}h1,h2,h3{font-weight:650}
.hero{background:radial-gradient(circle at 82% 20%,rgba(126,159,178,.12),transparent 27%),radial-gradient(circle at 8% 82%,rgba(63,120,104,.09),transparent 28%),linear-gradient(180deg,var(--cream),#fff)}
.feature,.guide-card,.numbered-card,.mini-card,.faq-item{box-shadow:0 7px 20px rgba(50,85,75,.045)}
.numbered-card{border-radius:20px}.numbered-card .number{font-weight:750}.quick-points{background:#365f54}.btn{border-radius:13px}
@media(max-width:640px){h1{font-size:1.88rem!important;line-height:1.48!important}h2{font-size:1.48rem!important;line-height:1.56!important}h3{font-size:1.06rem!important;line-height:1.62!important}p,li,td,th{font-size:1rem!important;line-height:1.92!important}.quick-points{display:none}.numbered-card{padding:18px 17px}}

/* v14 */
:root{
  --green:#477F6E;--green-deep:#2F5D51;--green-soft:#EFF7F3;
  --blue:#86A8BA;--blue-soft:#F1F6F8;--beige:#F8F2E8;
  --cream:#FCF9F3;--peach:#F3D6C5;--peach-soft:#FCF1EA;
}
body{background:#FFFDF9}
.feature:nth-child(2),.numbered-card:nth-child(3){background:var(--peach-soft)}
.visit-illustration{background:transparent!important;overflow:hidden;border-radius:28px;box-shadow:0 10px 28px rgba(70,90,80,.07)}
.visit-illustration svg{width:100%;height:100%;display:block}
.director-parts{display:grid;gap:18px}
.director-part{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}
.director-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--peach-soft);color:var(--green-deep);font-weight:700}
.qualification-line{padding:14px 16px;background:var(--blue-soft);border-radius:12px;color:var(--muted);font-size:.95rem}
@media(max-width:640px){
  .header-inner{height:82px}
  .brand small{font-size:.92rem!important;margin-bottom:3px}
  .brand strong{font-size:1.58rem!important;line-height:1.22!important}
  .visit-illustration{min-height:255px!important}
}

/* v15 additions */
.family-section{background:var(--peach-soft)}
.family-box,.trust-box{padding:30px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 22px rgba(60,88,78,.05)}
.family-box h2,.trust-box h2{margin-bottom:12px}
.text-link{display:inline-block;margin-top:14px;color:var(--green-deep);font-weight:700}
.consult-cases{background:#fffdf9}
.consult-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.consult-list div{padding:17px 18px;border-radius:15px;background:var(--cream);border:1px solid #eadfce;font-size:1rem}
.trust-section{background:var(--green-soft)}
.trust-qual{margin-top:14px;font-size:.94rem!important;color:var(--muted)!important}
@media(max-width:640px){.family-box,.trust-box{padding:22px 19px}.consult-list{grid-template-columns:1fr}}

/* v16 */
.entry-section{background:var(--cream)}
.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}
.entry-card{background:#fff;border:1px solid #eadfce;border-radius:20px;padding:24px;box-shadow:0 7px 20px rgba(60,88,78,.045)}
.entry-card h3{margin-bottom:9px}
.entry-follow{margin-top:20px;padding:18px 20px;border-left:4px solid var(--green);background:#fff;border-radius:0 14px 14px 0}
.philosophy-section{background:#fff}
.philosophy-lines{display:grid;gap:0;margin-top:26px;border-top:1px solid var(--line)}
.philosophy-lines p{padding:20px 0;border-bottom:1px solid var(--line)}
.philosophy-lines strong{color:var(--green-deep)}
.director-note{padding:26px 28px;background:var(--peach-soft);border-radius:20px;border:1px solid #efd8ca}
@media(max-width:640px){.entry-grid{grid-template-columns:1fr}.entry-card{padding:20px}.director-note{padding:21px 19px}}

/* v18 refinements */
.numbered-card,
.numbered-card:nth-child(1),
.numbered-card:nth-child(2),
.numbered-card:nth-child(3),
.numbered-card:nth-child(4),
.numbered-card:nth-child(5),
.numbered-card:nth-child(6){
  background:#fff!important;
}
.visit-photo{
  min-height:360px;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 10px 28px rgba(70,90,80,.08);
  background:var(--cream);
}
.visit-photo img{
  width:100%;
  height:100%;
  min-height:360px;
  display:block;
  object-fit:cover;
  object-position:center;
}
@media(max-width:640px){
  .visit-photo{min-height:260px!important;}
  .visit-photo img{
    min-height:260px!important;
    object-position:55% center;
  }
}

/* v19: smartphone hero image — preserve full image, no left/right cropping */
@media (max-width: 640px) {
  .visit-photo {
    min-height: 0 !important;
    height: auto !important;
    overflow: hidden;
    background: var(--cream);
  }

  .visit-photo img {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block;
  }
}

/* v20: footer information links */
.footer-legal{
  padding-top:18px;
  text-align:center;
  font-size:.84rem;
  color:rgba(255,255,255,.68);
}
.footer-legal a{
  display:inline;
  color:rgba(255,255,255,.72);
}
.footer-legal a:hover{
  color:#fff;
}
.footer-legal span{
  display:inline-block;
  padding:0 .5em;
  color:rgba(255,255,255,.35);
}
.research-content p{
  margin-bottom:1.4em;
}
@media(max-width:640px){
  .footer-legal{
    line-height:1.9;
    padding-bottom:6px;
  }
  .footer-legal span{
    padding:0 .25em;
  }
}

/* v21: academic use information moved into "当院について" */
.academic-use-section{
  background:var(--cream);
}
.academic-use-box{
  margin-top:20px;
  padding:24px 26px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:0 6px 18px rgba(60,88,78,.04);
}
.academic-use-box p{
  margin:0 0 1.35em;
}
.academic-use-box p:last-child{
  margin-bottom:0;
}
@media(max-width:640px){
  .academic-use-box{
    padding:20px 18px;
  }
}