:root{--ink:#243949;--muted:#667786;--blue:#4fb7d8;--blue2:#e8f8fc;--green:#70c6a6;--pink:#ff7aa8;--cream:#fff8f0;--line:#e6eef2;--shadow:0 18px 45px rgba(50,91,112,.14);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:#fbfdfe;line-height:1.8}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1120px,92%);margin:auto}.topbar{background:linear-gradient(90deg,#e9fbff,#f6fff9);font-size:14px;color:#456;padding:8px 0}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0}.logo{display:flex;align-items:center;gap:12px;font-weight:800;font-size:24px;letter-spacing:.04em}.logo-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--pink),#ffb4cc);color:#fff;box-shadow:0 10px 20px rgba(255,122,168,.25)}.logo small{display:block;font-size:12px;color:var(--muted);font-weight:600;letter-spacing:0}.nav{display:flex;align-items:center;gap:18px;font-weight:700;font-size:14px}.nav a{padding:8px 2px}.tel{border:2px solid var(--blue);color:#1485aa;border-radius:999px;padding:8px 16px!important}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 10%,#dff9ff 0 23%,transparent 24%),linear-gradient(135deg,#f7fcff,#eefbf6)}.hero::after{content:"";position:absolute;right:-120px;top:70px;width:380px;height:380px;border-radius:50%;background:rgba(79,183,216,.14)}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;gap:42px;align-items:center;padding:72px 0 64px}.badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 14px;color:#1485aa;font-weight:800;box-shadow:0 8px 22px rgba(50,91,112,.08)}h1{font-size:clamp(34px,5vw,58px);line-height:1.24;margin:18px 0 18px;letter-spacing:.03em}.lead{font-size:18px;color:#526575;margin:0 0 28px}.actions{display:flex;flex-wrap:wrap;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 24px;font-weight:800;box-shadow:0 12px 28px rgba(79,183,216,.22)}.primary{background:linear-gradient(135deg,var(--blue),var(--green));color:#fff}.secondary{background:#fff;border:1px solid var(--line);color:#2e6578}.hero-card{background:#fff;border-radius:36px;padding:16px;box-shadow:var(--shadow);transform:rotate(1.2deg)}.hero-card img{display:block;border-radius:26px;width:100%;aspect-ratio:4/2.55;object-fit:cover}.notice-strip{background:#fff;border-bottom:1px solid var(--line)}.notice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:18px 0}.mini{background:#f7fcff;border:1px solid var(--line);border-radius:18px;padding:14px 16px}.mini b{color:#168aae}.section{padding:76px 0}.section-title{text-align:center;margin-bottom:34px}.section-title span{color:#168aae;font-weight:900;letter-spacing:.12em;font-size:13px}.section-title h2{font-size:34px;line-height:1.3;margin:8px 0 0}.campaign{background:linear-gradient(135deg,#fff,#fff6fb);border:2px solid #ffd6e6;border-radius:32px;box-shadow:var(--shadow);padding:36px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.ribbon{display:inline-block;background:#ff4f86;color:#fff;border-radius:999px;padding:8px 18px;font-weight:900}.price{font-size:20px}.old{text-decoration:line-through;color:#899}.new{font-size:54px;line-height:1;color:#ff3677;font-weight:900}.tax{font-size:18px}.sparkle{background:var(--cream);border-radius:26px;padding:28px;text-align:center}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px 18px;text-align:center;box-shadow:0 12px 30px rgba(50,91,112,.08)}.icon{font-size:34px}.card h3{margin:8px 0 6px}.card p{margin:0;color:var(--muted);font-size:14px}.two{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.softbox{background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:var(--shadow)}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.photo-grid img{border-radius:22px;width:100%;height:190px;object-fit:cover}.access{background:#f2fbfd}.info-list{display:grid;gap:12px}.info-list div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px 16px}.hours{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:18px;background:#fff;border:1px solid var(--line)}.hours th,.hours td{padding:12px;border-bottom:1px solid var(--line);text-align:center}.hours th{background:#eaf9fd}.footer{background:#234250;color:#fff;padding:34px 0}.footer p{margin:4px 0;color:#d7e8ef}.fade{animation:fadeup .8s ease both}@keyframes fadeup{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(max-width:900px){.nav{display:none}.hero-inner,.campaign,.two{grid-template-columns:1fr}.notice-grid,.cards{grid-template-columns:1fr 1fr}.hero-inner{padding:42px 0}.new{font-size:42px}}@media(max-width:560px){.logo{font-size:18px}.notice-grid,.cards{grid-template-columns:1fr}.section{padding:52px 0}.campaign{padding:24px}.photo-grid{grid-template-columns:1fr}.actions .btn{width:100%}}

/* Clinic guide page */
.nav .current{color:#1485aa;border-bottom:3px solid var(--blue)}
.page-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#effbff,#f8fff9);border-bottom:1px solid var(--line)}
.page-hero::before{content:"";position:absolute;left:-90px;top:-90px;width:280px;height:280px;border-radius:50%;background:rgba(79,183,216,.16)}
.page-hero::after{content:"";position:absolute;right:-120px;bottom:-140px;width:360px;height:360px;border-radius:50%;background:rgba(112,198,166,.16)}
.page-hero-inner{position:relative;z-index:1;text-align:center;padding:74px 0 70px}.page-hero h1{margin-bottom:10px}.clinic-hero{background:radial-gradient(circle at 16% 25%,#dff9ff 0 18%,transparent 19%),linear-gradient(135deg,#f6fcff,#effbf6)}
.left-title{text-align:left;margin-bottom:18px}.doctor-sign{display:flex;align-items:baseline;gap:14px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.doctor-sign span{color:var(--muted)}.doctor-sign strong{font-size:26px;letter-spacing:.08em}.doctor-card{background:#fff;border:1px solid var(--line);border-radius:32px;padding:16px;box-shadow:var(--shadow);overflow:hidden}.doctor-photo img{display:block;width:100%;height:330px;object-fit:cover;border-radius:24px}.doctor-note{padding:20px 8px 6px}.doctor-note h3{margin:0 0 8px;font-size:24px}.doctor-note p{margin:0;color:var(--muted)}.philosophy-section{background:#f2fbfd}.policy-card{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:32px;padding:34px;box-shadow:var(--shadow)}.policy-card h3{font-size:28px;margin:0 0 12px}.policy-card p{color:var(--muted);margin:0}.policy-points{display:grid;gap:12px}.policy-points div{display:flex;align-items:center;gap:14px;background:#f7fcff;border:1px solid var(--line);border-radius:18px;padding:16px}.policy-points b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--green));color:#fff}.policy-points span{font-weight:800}.timeline{max-width:820px;margin:auto;display:grid;gap:14px}.timeline-item{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px 22px;box-shadow:0 10px 24px rgba(50,91,112,.07)}.timeline-item span{font-weight:900;color:#168aae}.timeline-item p{margin:0}.clinic-overview{background:linear-gradient(135deg,#fbfdfe,#f7fcff)}.contact-box h3{font-size:28px;margin:0 0 10px}.contact-box p{color:var(--muted)}
@media(max-width:900px){.policy-card{grid-template-columns:1fr}.doctor-photo img{height:260px}.timeline-item{grid-template-columns:1fr;gap:4px}.page-hero-inner{padding:52px 0}}

/* Access page */
.access-hero{background:radial-gradient(circle at 82% 18%,#e7fff7 0 17%,transparent 18%),linear-gradient(135deg,#f6fcff,#eefbf6)}
.access-main-section{background:#f2fbfd}.access-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:stretch}.access-card{display:flex;flex-direction:column;justify-content:center}.address-block{background:#f7fcff;border:1px solid var(--line);border-radius:22px;padding:22px;margin-bottom:22px}.address-block h3{font-size:25px;margin:0 0 10px}.address-block p{margin:8px 0}.tel-large a{font-size:24px;font-weight:900;color:#168aae}.map-card{background:#fff;border:1px solid var(--line);border-radius:32px;padding:12px;box-shadow:var(--shadow);min-height:430px}.map-card iframe{width:100%;height:100%;min-height:406px;border:0;border-radius:24px;display:block}.route-section{background:linear-gradient(135deg,#fff,#f7fcff)}.route-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.route-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:0 12px 30px rgba(50,91,112,.08)}.route-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:#eaf9fd;font-size:28px;margin-bottom:12px}.route-card h3{margin:0 0 8px;font-size:22px}.route-card p{margin:0;color:var(--muted)}.note{color:var(--muted);font-size:14px}.clinic-photo{position:relative;background:#fff;border:1px solid var(--line);border-radius:32px;padding:14px;box-shadow:var(--shadow)}.clinic-photo img{display:block;width:100%;height:330px;object-fit:cover;border-radius:24px}.photo-caption{position:absolute;left:34px;right:34px;bottom:34px;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:18px;padding:12px 16px;font-weight:800;color:#2e6578}.cta-section{background:#f2fbfd}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:24px}.cta-box h2{font-size:32px;margin:14px 0 8px}.cta-box p{margin:0;color:var(--muted)}
@media(max-width:900px){.access-layout,.route-cards{grid-template-columns:1fr}.map-card{min-height:330px}.map-card iframe{min-height:306px}.cta-box{display:block}.cta-box .actions{margin-top:20px}.clinic-photo img{height:250px}}

/* Facilities page */
.facilities-hero{background:radial-gradient(circle at 18% 22%,#e2faff 0 18%,transparent 19%),linear-gradient(135deg,#f6fcff,#f7fff9)}
.equipment-section{background:linear-gradient(135deg,#fff,#f7fcff)}
.equipment-photo{background:#fff;border:1px solid var(--line);border-radius:32px;padding:18px;box-shadow:var(--shadow)}
.equipment-photo img{display:block;width:100%;height:360px;object-fit:contain;border-radius:24px;background:#f7fcff}
.feature-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.feature-tags span{background:#eaf9fd;color:#168aae;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-weight:800;font-size:14px}
.point-section{background:#f2fbfd}.facility-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.facility-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 12px 30px rgba(50,91,112,.08)}.facility-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:20px;background:linear-gradient(135deg,#eaf9fd,#f3fff9);font-size:30px;margin-bottom:14px}.facility-card h3{font-size:22px;margin:0 0 8px}.facility-card p{margin:0;color:var(--muted)}
.image-section{background:#fff}.image-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.image-grid figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:22px;padding:12px;box-shadow:0 10px 24px rgba(50,91,112,.07)}.image-grid img{display:block;width:100%;height:120px;object-fit:cover;border-radius:16px;background:#f7fcff}.image-grid figcaption{text-align:center;color:#2e6578;font-weight:800;margin-top:10px;font-size:14px}.explain-box h3{font-size:26px;margin:0 0 10px}.explain-box p{color:var(--muted)}.wide-images{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.wide-images img{width:100%;height:auto;border-radius:18px;border:1px solid var(--line);background:#fff}
.room-section{background:linear-gradient(135deg,#f7fcff,#fff)}
@media(max-width:900px){.facility-cards{grid-template-columns:1fr}.image-grid{grid-template-columns:1fr 1fr}.equipment-photo img{height:260px}.wide-images{grid-template-columns:1fr}}
@media(max-width:560px){.image-grid{grid-template-columns:1fr}.image-grid img{height:150px}}

/* Implant page */
.implant-hero{background:radial-gradient(circle at 78% 20%,#e8fff7 0 18%,transparent 19%),linear-gradient(135deg,#f6fcff,#fff8fb)}
.implant-intro-section{background:linear-gradient(135deg,#fff,#f7fcff)}
.implant-main-photo{position:relative;background:#fff;border:1px solid var(--line);border-radius:32px;padding:18px;box-shadow:var(--shadow)}
.implant-main-photo img{display:block;width:100%;height:330px;object-fit:contain;border-radius:24px;background:#f7fcff}
.flow-section{background:#fff}.implant-flow{display:grid;gap:18px;max-width:900px;margin:auto}.flow-card{display:grid;grid-template-columns:120px 1fr;gap:22px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:26px;padding:20px;box-shadow:0 12px 30px rgba(50,91,112,.08)}.flow-card img{width:120px;height:120px;object-fit:contain;border-radius:22px;background:#f7fcff;border:1px solid var(--line)}.flow-card span{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--green));color:#fff;font-weight:900;margin-bottom:8px}.flow-card h3{font-size:22px;margin:0 0 6px}.flow-card p{margin:0;color:var(--muted)}.maintenance-section{background:linear-gradient(135deg,#f2fbfd,#fff)}.caution-box h3{font-size:26px;margin:0 0 10px}.caution-box p{color:var(--muted);margin-bottom:22px}
@media(max-width:700px){.flow-card{grid-template-columns:1fr;text-align:left}.flow-card img{width:100%;height:150px}.implant-main-photo img{height:240px}}


/* Orthodontics page */
.ortho-hero{background:radial-gradient(circle at 20% 22%,#fff0f6 0 18%,transparent 19%),linear-gradient(135deg,#f6fcff,#f8fff9)}
.ortho-intro-section{background:linear-gradient(135deg,#fff,#f7fcff)}
.ortho-photo-card{position:relative;min-height:330px;background:linear-gradient(135deg,#eaf9fd,#fff4fa);border:1px solid var(--line);border-radius:32px;padding:18px;box-shadow:var(--shadow);display:grid;place-items:center;overflow:hidden}
.ortho-photo-card::before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(255,122,168,.14);right:-50px;top:-40px}
.ortho-photo-card::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(79,183,216,.14);left:-80px;bottom:-100px}
.ortho-visual{position:relative;z-index:1;width:min(340px,86%);aspect-ratio:1.25/1;border-radius:34px;background:#fff;box-shadow:0 18px 40px rgba(50,91,112,.12);display:grid;place-items:center;color:#168aae;font-size:34px;font-weight:900;letter-spacing:.08em}
.ortho-type-section{background:#fff}.ortho-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ortho-box b{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--green));color:#fff;margin-bottom:12px}.ortho-box h3{font-size:21px;margin:0 0 8px}.ortho-box p{margin:0;color:var(--muted)}.flow-card.no-image{grid-template-columns:1fr;max-width:760px;margin-inline:auto}
@media(max-width:900px){.ortho-grid{grid-template-columns:1fr 1fr}.ortho-photo-card{min-height:260px}.ortho-visual{font-size:28px}}
@media(max-width:560px){.ortho-grid{grid-template-columns:1fr}.ortho-visual{font-size:24px}}
.prevention-hero{background:radial-gradient(circle at 18% 24%,#e4fff5 0 18%,transparent 19%),linear-gradient(135deg,#f7fcff,#f3fff9)}
.prevention-intro-section{background:linear-gradient(135deg,#fff,#f6fffb)}
.prevention-photo-card{background:#fff;border:1px solid var(--line);border-radius:32px;padding:16px;box-shadow:var(--shadow)}
.prevention-photo-card img{display:block;width:100%;height:330px;object-fit:cover;border-radius:24px}
.prevention-menu-section{background:#fff}
.nav .current{color:#168aae;border-bottom:3px solid var(--blue)}
@media(max-width:900px){.prevention-photo-card img{height:260px}}


/* Dry mouth page */
.drymouth-hero{background:radial-gradient(circle at 18% 24%,#e8f8ff 0 18%,transparent 19%),linear-gradient(135deg,#f7fcff,#fff8fb)}
.drymouth-intro-section{background:linear-gradient(135deg,#fff,#f7fcff)}
.drymouth-visual-card{position:relative;min-height:330px;background:linear-gradient(135deg,#eaf9fd,#fff6fb);border:1px solid var(--line);border-radius:32px;padding:18px;box-shadow:var(--shadow);display:grid;place-items:center;overflow:hidden}
.drymouth-visual-card::before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(79,183,216,.18);right:-60px;top:-60px}
.drymouth-visual-card::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(112,198,166,.16);left:-90px;bottom:-100px}
.drymouth-visual{position:relative;z-index:1;width:min(340px,86%);aspect-ratio:1.2/1;border-radius:34px;background:#fff;box-shadow:0 18px 40px rgba(50,91,112,.12);display:grid;place-items:center;text-align:center;color:#168aae;font-size:34px;font-weight:900;letter-spacing:.08em}
.drymouth-cause-section{background:#fff}.drymouth-grid .softbox{min-height:240px}
@media(max-width:900px){.drymouth-visual-card{min-height:260px}.drymouth-visual{font-size:28px}}
@media(max-width:560px){.drymouth-visual{font-size:24px}}


/* Price page */
.price-hero{background:radial-gradient(circle at 78% 20%,#fff4df 0 18%,transparent 19%),linear-gradient(135deg,#f7fcff,#fffaf2)}
.price-notice-section{background:#fff;padding-bottom:20px}.price-notice h2{font-size:28px;margin:0 0 8px}.price-notice p{margin:8px 0;color:var(--muted)}
.price-section{background:#fff}.price-section.pale{background:#f2fbfd}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.price-grid.two-column{grid-template-columns:repeat(2,1fr)}.price-grid.small-grid{max-width:560px;margin:auto}.price-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:26px;padding:24px;box-shadow:0 12px 30px rgba(50,91,112,.08);overflow:hidden}.price-card::before{content:"";position:absolute;right:-34px;top:-34px;width:92px;height:92px;border-radius:50%;background:rgba(79,183,216,.10)}.price-card h3{font-size:18px;line-height:1.45;margin:0 0 12px;padding-right:18px}.price-card p{margin:8px 0 0;color:var(--muted)}.price-main{font-size:30px!important;line-height:1.1;color:#168aae!important;font-weight:900;letter-spacing:.02em}.campaign-price{border-color:#ffd6e6;background:linear-gradient(135deg,#fff,#fff7fb)}.campaign-price .price-main{color:#ff3677!important}.price-label{display:inline-block;margin-top:12px;background:#ffedf4;color:#d92666;border-radius:999px;padding:5px 12px;font-weight:900;font-size:13px}.implant-fee{border-color:#d5f3e9;background:linear-gradient(135deg,#fff,#f4fffb)}.price-memo{margin-top:20px;color:var(--muted)}.price-table-wrap{overflow:auto}.price-table{width:100%;border-collapse:separate;border-spacing:0}.price-table tr:not(:last-child) th,.price-table tr:not(:last-child) td{border-bottom:1px solid var(--line)}.price-table th,.price-table td{padding:16px 14px;text-align:left;vertical-align:middle}.price-table th{font-weight:800}.price-table th small{display:block;color:var(--muted);font-weight:600;margin-top:4px}.price-table td{white-space:nowrap;text-align:right;color:#168aae;font-size:22px;font-weight:900}.price-table .note,.price-table-wrap .note{margin:14px 0 0;color:var(--muted)}
@media(max-width:900px){.price-grid,.price-grid.two-column{grid-template-columns:1fr 1fr}.price-table th,.price-table td{display:block;text-align:left}.price-table td{padding-top:0}.price-main{font-size:26px!important}}
@media(max-width:560px){.price-grid,.price-grid.two-column{grid-template-columns:1fr}.price-card{padding:22px}.price-table th,.price-table td{padding-left:0;padding-right:0}}


/* Saliva Check page */
.saliva-hero{background:radial-gradient(circle at 12% 8%,#dff8ff 0 24%,transparent 25%),linear-gradient(135deg,#f8fdff,#effbf5)}
.saliva-visual{min-height:320px;display:grid;grid-template-columns:1fr 1.2fr;gap:20px;align-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffff,#f3fcff)}
.saliva-visual:before{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:50%;background:rgba(112,198,166,.18)}
.tube{position:relative;margin:auto;width:74px;height:250px;border-radius:36px 36px 18px 18px;background:#fff;border:4px solid #bfeaf4;box-shadow:0 18px 38px rgba(50,91,112,.12);overflow:hidden}
.tube span{position:absolute;left:10px;right:10px;bottom:12px;height:58%;border-radius:28px 28px 12px 12px;background:linear-gradient(180deg,#dff8ff,#71d4ec)}
.report-card{position:relative;z-index:1;background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 12px 30px rgba(50,91,112,.1)}
.report-card b{color:#168aae;font-size:18px}.report-card p{margin:12px 0;padding:10px 12px;background:#f2fbfd;border-radius:14px;font-weight:800;color:#456}
.saliva-cards{grid-template-columns:repeat(4,1fr)}
.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.check-card{font-weight:800;text-align:center;padding:22px}.check-card:before{content:"✓";display:inline-grid;place-items:center;width:28px;height:28px;margin-right:8px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--green));color:#fff}
.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.flow-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 12px 30px rgba(50,91,112,.08)}.flow-card span{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#e8f8fc;color:#168aae;font-weight:900}.flow-card h3{margin:14px 0 8px}.flow-card p{margin:0;color:var(--muted)}
.friendly-list{padding-left:1.2em;margin:16px 0 0}.friendly-list li{margin:8px 0}.accent-box{background:linear-gradient(135deg,#fff,#f6fff9)}
@media(max-width:900px){.saliva-cards,.check-grid,.flow-grid{grid-template-columns:1fr 1fr}.saliva-visual{grid-template-columns:1fr;min-height:auto}.tube{height:190px}}
@media(max-width:560px){.saliva-cards,.check-grid,.flow-grid{grid-template-columns:1fr}.report-card{padding:18px}}


/* Mouth Guard page */
.mouthguard-hero{background:radial-gradient(circle at 18% 20%,#e3fbff 0 18%,transparent 19%),linear-gradient(135deg,#f7fcff,#fff8fb)}
.mouthguard-photo{padding:14px;background:#fff}
.mouthguard-photo img{display:block;width:100%;height:340px;object-fit:cover;border-radius:22px}
.mouthguard-intro-section{background:linear-gradient(135deg,#fff,#f7fcff)}
.mouthguard-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:920px;margin:auto}
.type-card{text-align:left}.type-card .icon{font-size:42px}.type-card h3{font-size:24px;margin:8px 0}.type-card p{margin:0;color:var(--muted)}
.cta-section{background:linear-gradient(135deg,#f2fbfd,#fff)}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:24px}.cta-box h2{margin:8px 0}.cta-box p{margin:0;color:var(--muted)}
@media(max-width:900px){.mouthguard-photo img{height:260px}.mouthguard-type-grid{grid-template-columns:1fr}.cta-box{display:block}.cta-box .actions{margin-top:18px}}


/* 診療カレンダー */
.calendar-section{background:linear-gradient(180deg,#f7fcff 0%,#ffffff 100%);}
.calendar-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:22px;}
.calendar-title-wrap{text-align:left;margin-bottom:0;}
.calendar-title{display:flex;align-items:center;gap:12px;color:#2c6fa3;margin:0;font-size:clamp(28px,4vw,42px);}
.calendar-icon{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:18px;background:#e5f6ff;box-shadow:0 10px 24px rgba(77,174,220,.18);font-size:30px;}
.calendar-lead{max-width:580px;margin:0;color:#617487;line-height:1.9;}
.today-status{margin:0 auto 22px;padding:14px 22px;border-radius:999px;text-align:center;font-weight:800;max-width:560px;box-shadow:0 12px 30px rgba(44,111,163,.10);}
.today-status.is-open{background:#eaf8ff;color:#2373a8;border:1px solid #c6eaf8;}
.today-status.is-closed{background:#fff0f2;color:#c94650;border:1px solid #f3c4ca;}
.calendar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.month-card{background:#fff;border:1px solid #dceff8;border-radius:26px;padding:24px;box-shadow:0 18px 45px rgba(44,111,163,.10);}
.month-title{text-align:center;font-weight:800;color:#2c6fa3;font-size:24px;margin-bottom:18px;}
.week-row,.days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;text-align:center;}
.week-row span{font-weight:700;color:#587083;font-size:14px;padding:5px 0;}
.week-row .sat,.days-grid .sat{color:#2c78b8;}
.week-row .sun,.days-grid .sun{color:#d85b61;}
.days-grid span{min-height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#f6fbfe;color:#334;font-weight:700;position:relative;}
.days-grid .blank{background:transparent;box-shadow:none;}
.days-grid .closed,.days-grid .holiday,.days-grid .special{background:#e53935;color:#fff;box-shadow:0 8px 18px rgba(229,57,53,.20);}
.days-grid .today{background:#2c9bd0;color:#fff;box-shadow:0 8px 18px rgba(44,155,208,.25);}
.days-grid .closed.today,.days-grid .holiday.today,.days-grid .special.today{background:#e53935;color:#fff;outline:3px solid #2c9bd0;}
.calendar-legend{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:20px;color:#617487;font-size:14px;}
.calendar-legend span{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2f1f8;border-radius:999px;padding:8px 14px;}
.legend{width:14px;height:14px;border-radius:5px;display:inline-block;}
.today-mark{background:#2c9bd0;}
.closed-mark,.holiday-mark,.special-mark{background:#e53935;border:1px solid #e53935;}
.sunday-mark{background:#fff7fb;border:1px solid #efc1d4;}
.days-grid .orthodontic-day:not(.closed):not(.holiday):not(.special){background:#7b61b3;color:#fff;box-shadow:0 8px 18px rgba(123,97,179,.24);}
.days-grid .orthodontic-day::after{content:"矯";position:absolute;right:3px;top:2px;font-size:9px;font-weight:900;line-height:1;background:rgba(255,255,255,.92);color:#6b4da3;border-radius:999px;padding:3px;}
.days-grid .orthodontic-day.today{outline:3px solid #2c9bd0;}
.orthodontic-mark{background:#7b61b3;border:1px solid #7b61b3;}

.hours-box{margin-top:30px;background:#fff;border:1px solid #dceff8;border-radius:28px;padding:26px;box-shadow:0 18px 45px rgba(44,111,163,.08);}
.hours-box h3{margin:0 0 18px;color:#2c6fa3;font-size:24px;text-align:center;}
.hours-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.hours-grid div{background:#f7fcff;border-radius:18px;padding:16px;text-align:center;}
.hours-grid strong{display:block;color:#31546d;margin-bottom:8px;}
.hours-grid span{display:block;color:#617487;line-height:1.7;font-size:14px;}
.hours-note{text-align:center;color:#7b8b99;font-size:13px;margin:16px 0 0;}
@media(max-width:900px){.hours-grid{grid-template-columns:1fr}}
@media(max-width:780px){.calendar-head{display:block}.calendar-lead{margin-top:14px}.calendar-grid{grid-template-columns:1fr}.month-card{padding:18px}.days-grid span{min-height:38px;border-radius:12px;font-size:14px}.calendar-icon{width:46px;height:46px;font-size:26px}.today-status{border-radius:22px}.hours-box{padding:20px}}


/* WEB reservation QR card */
.reserve-section{background:linear-gradient(135deg,#f3fbff,#f4fff8);padding-top:54px;padding-bottom:54px}.reserve-card{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:32px;padding:34px;box-shadow:var(--shadow);position:relative;overflow:hidden}.reserve-card::before{content:"";position:absolute;right:-80px;top:-90px;width:240px;height:240px;border-radius:50%;background:rgba(112,198,166,.16)}.reserve-copy,.qr-area{position:relative;z-index:1}.reserve-badge{display:inline-flex;align-items:center;gap:8px;background:#fff4e6;color:#ef7d00;border:1px solid #ffd9a6;border-radius:999px;padding:8px 16px;font-weight:900}.reserve-copy h2{font-size:36px;line-height:1.25;margin:14px 0 10px;color:#1565c0}.reserve-copy p{color:var(--muted);margin:0 0 22px}.reserve-button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2e7d32,#43a047);color:#fff;border-radius:999px;padding:15px 28px;font-weight:900;box-shadow:0 12px 26px rgba(46,125,50,.22)}.qr-area{justify-self:center;text-align:center;background:#f8fdff;border:1px solid var(--line);border-radius:26px;padding:18px 20px;box-shadow:0 12px 28px rgba(50,91,112,.10)}.qr-area img{width:210px;height:210px;object-fit:contain;background:#fff;border-radius:16px;padding:10px;margin:auto}.qr-area p{margin:12px 0 0;color:#2e6578;font-weight:900;line-height:1.55}@media(max-width:820px){.reserve-card{grid-template-columns:1fr;text-align:center;padding:26px}.reserve-copy h2{font-size:30px}.reserve-button{width:100%}.qr-area img{width:190px;height:190px}}


/* Unified menu / fixed reserve buttons */
.nav{gap:10px;flex-wrap:wrap}.nav a{white-space:nowrap}.nav a.current{background:#e8f8fc;color:#168aae}
.fixed-actions{position:fixed;right:18px;bottom:18px;z-index:999;display:flex;gap:10px}.fixed-actions a{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;background:#168aae;color:#fff;font-weight:900;box-shadow:0 12px 26px rgba(22,138,174,.25)}.fixed-actions a:nth-child(2){background:#2e7d32}
.whitening-hero{background:linear-gradient(135deg,#fff7fb,#f1fbff)}.whitening-price-card{text-align:center}.normal-price{font-size:20px;color:#7b8b99}.campaign-big{font-size:48px;line-height:1.1;color:#ff3677;font-weight:900;margin:12px 0}.campaign-big span{font-size:20px}.price-note{color:#617487}.contact-hero{background:linear-gradient(135deg,#f7fcff,#f4fff8)}
@media(max-width:780px){.fixed-actions{left:0;right:0;bottom:0;gap:0}.fixed-actions a{flex:1;border-radius:0;padding:14px 8px}.campaign-big{font-size:38px}body{padding-bottom:58px}}


/* Top page unified renewal */
.hero-full{min-height:calc(100vh - 96px);display:grid;align-items:center;background:#123;isolation:isolate;}
.hero-full::after{display:none}.hero-bg{position:absolute;inset:0;z-index:-2}.hero-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05) brightness(.92)}.hero-full::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.82) 42%,rgba(255,255,255,.32) 70%,rgba(255,255,255,.12) 100%)}.hero-full-inner{padding:110px 0}.hero-message{max-width:650px;background:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.8);border-radius:34px;padding:38px;box-shadow:0 22px 60px rgba(23,65,88,.18);backdrop-filter:blur(12px)}.hero-message h1{font-size:clamp(42px,6vw,72px)}.whitening-top{background:#fff}.campaign-premium{position:relative;overflow:hidden}.sparkle-mark{font-size:52px;color:#ff7aa8;letter-spacing:.12em}.news-section{background:linear-gradient(180deg,#fff,#f7fcff)}.news-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.news-list article{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 12px 30px rgba(50,91,112,.08)}.news-list time{display:inline-block;color:#168aae;font-weight:900;margin-bottom:8px}.news-list b{display:block;font-size:18px}.news-list p{margin:8px 0 0;color:var(--muted)}.medical-card-section{background:#fff}.medical-cards{grid-template-columns:repeat(4,1fr)}.medical-cards .card{transition:.25s}.medical-cards .card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.director-section{background:linear-gradient(135deg,#f8fdff,#f3fff9)}.director-wrap{align-items:stretch}.director-photo{background:#fff;border-radius:32px;padding:14px;box-shadow:var(--shadow);border:1px solid var(--line)}.director-photo img{width:100%;height:100%;min-height:360px;object-fit:cover;border-radius:24px}.message-lead{font-size:20px;color:#168aae;font-weight:900}.access-card .hours{margin-bottom:18px}.fixed-actions{position:fixed;right:18px;bottom:18px;z-index:999;display:flex;gap:10px}.fixed-actions a{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;background:#168aae;color:#fff;font-weight:900;box-shadow:0 12px 26px rgba(22,138,174,.25)}.fixed-actions a:nth-child(2){background:#2e7d32}
@media(max-width:900px){.hero-full{min-height:auto}.hero-full-inner{padding:58px 0}.hero-full::before{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.74))}.hero-message{padding:28px}.news-list,.medical-cards{grid-template-columns:1fr 1fr}.director-photo img{min-height:260px}.fixed-actions{left:0;right:0;bottom:0;gap:0}.fixed-actions a{flex:1;border-radius:0;padding:14px 8px}body{padding-bottom:58px}}
@media(max-width:560px){.hero-message{padding:22px;border-radius:26px}.hero-message h1{font-size:36px}.news-list,.medical-cards{grid-template-columns:1fr}.director-photo img{min-height:220px}.sparkle-mark{font-size:36px}}


/* 医院からのお知らせ */
.news-lead{max-width:760px;margin:-16px auto 28px;text-align:center;color:var(--muted);line-height:1.8}.news-list-modern{grid-template-columns:1fr;max-width:920px;margin:0 auto}.news-card{display:block;background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px 24px;box-shadow:0 12px 30px rgba(50,91,112,.08);color:inherit;text-decoration:none;transition:.22s}.news-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(50,91,112,.13)}.news-meta{display:flex;align-items:center;gap:10px;margin-bottom:8px}.news-meta time{color:#168aae;font-weight:900}.new-badge{display:inline-flex;align-items:center;justify-content:center;background:#ff5f6d;color:#fff;font-size:12px;font-weight:900;border-radius:999px;padding:3px 9px;letter-spacing:.04em}.news-card b{display:block;font-size:18px;color:#174158}.news-card p{margin:8px 0 0;color:var(--muted);line-height:1.7}
@media(max-width:560px){.news-card{padding:18px}.news-lead{text-align:left;margin-top:-8px}.news-meta{gap:8px}.new-badge{font-size:11px}}

/* Ver.1.0.1 枠組み復元・共通レイアウト補強 */
body{background:#eef6f9}
.topbar,.header,main,.footer{width:100%}
.header{box-shadow:0 8px 24px rgba(34,72,92,.08)}
.header-inner{align-items:flex-start}
.nav{justify-content:flex-end;background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px 12px;box-shadow:0 8px 22px rgba(50,91,112,.06)}
.nav a{border-radius:10px;padding:7px 9px}
.nav a:hover{background:#eef9fd;color:#168aae}
main{background:#fff;box-shadow:0 0 0 1px rgba(214,231,239,.75)}
main>.section:not(.hero):not(.page-hero){position:relative}
main>.section:not(.hero):not(.page-hero)>.container{border-radius:30px}
.framed-section{background:#f2fbfd;border-top:1px solid #dcecf3;border-bottom:1px solid #dcecf3}
.card,.softbox,.reserve-card,.campaign,.month-card,.hours-box,.director-photo,.access-card,.news-card{border-width:1px;border-style:solid;border-color:#dceaf0}
.footer{border-top:6px solid #70c6a6}
@media(min-width:1200px){body::before,body::after{content:"";position:fixed;top:0;bottom:0;width:max(0px,calc((100vw - 1440px)/2));background:#e8f2f6;z-index:-1}body::before{left:0}body::after{right:0}}
@media(max-width:900px){.header-inner{align-items:center}.nav{display:none}main{box-shadow:none}.topbar{text-align:center}.section-title h2{font-size:30px}}

/* Whitening Before & After (campaign removed) */
.whitening-ba-section{background:#fff}.before-after-grid{display:grid;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);gap:18px;align-items:center}.ba-card{position:relative;margin:0;background:#fff;border:1px solid #dceaf0;border-radius:24px;overflow:hidden;box-shadow:0 14px 34px rgba(50,91,112,.10)}.ba-card img{display:block;width:100%;aspect-ratio:2.25/1;object-fit:cover}.ba-card figcaption{padding:16px 18px;text-align:center;color:#31546d;font-weight:800}.ba-label{position:absolute;z-index:2;left:0;top:0;padding:10px 22px;color:#fff;font-size:18px;font-weight:900;border-radius:0 0 16px 0}.before-label{background:#68788a}.after-label{background:#2c8fd0}.ba-arrow{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;margin:auto;background:#fff;color:#2c8fd0;border:2px solid #bfe2f3;font-size:28px;font-weight:900;box-shadow:0 8px 20px rgba(44,143,208,.14)}.ba-disclaimer{max-width:960px;margin:20px auto 0;text-align:center;color:#6f7f8c;font-size:13px;line-height:1.8}.whitening-info-grid{align-items:stretch}.whitening-info-grid>.card{height:100%}.check-list{list-style:none;padding:0;margin:20px 0 0}.check-list li{position:relative;padding:12px 12px 12px 40px;border-bottom:1px solid #e5f0f5}.check-list li:before{content:"✓";position:absolute;left:8px;top:11px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e8f6fd;color:#168aae;font-weight:900}.mini-feature{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid #e5f0f5}.mini-feature:last-child{border-bottom:0}.mini-feature>span{font-size:28px}.mini-feature b{color:#168aae;font-size:17px}.mini-feature p{margin:5px 0 0;color:#617487}.whitening-note-card{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:30px}.whitening-note-card h2{margin:10px 0}.whitening-note-card p{margin:0;color:#617487;max-width:720px}
@media(max-width:780px){.before-after-grid{grid-template-columns:1fr}.ba-arrow{transform:rotate(90deg)}.ba-card img{aspect-ratio:1.85/1}.whitening-note-card{display:block}.whitening-note-card .actions{margin-top:22px}.whitening-note-card .actions .btn{width:100%}}

/* Calendar date booking */
.days-grid span.bookable{cursor:pointer;background:#eef9ff;border:1px solid #cbeafa;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.days-grid span.bookable:hover{transform:translateY(-2px);box-shadow:0 7px 16px rgba(31,155,209,.18);background:#ddf4ff}.days-grid span.past{opacity:.45}.booking-modal{position:fixed;inset:0;display:none;z-index:1000}.booking-modal.is-open{display:block}.booking-modal__backdrop{position:absolute;inset:0;background:rgba(15,45,65,.58)}.booking-modal__panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92%,460px);background:#fff;border-radius:26px;padding:32px 28px 24px;box-shadow:0 24px 70px rgba(15,45,65,.28);text-align:center}.booking-modal__close{position:absolute;right:16px;top:10px;border:0;background:transparent;font-size:32px;color:#638092;cursor:pointer}.booking-modal__eyebrow{margin:0;color:#32a1c8;font-size:12px;font-weight:900;letter-spacing:.16em}.booking-modal__panel h2{margin:7px 0 10px;color:#183f5c}.booking-modal__date{font-size:22px;font-weight:900;color:#176194;margin:8px 0}.booking-modal__note{font-size:14px;color:#627888}.booking-modal__button,.booking-modal__cancel{display:block;width:100%;border-radius:15px;padding:14px 12px;font-weight:900}.booking-modal__button{background:linear-gradient(135deg,#1f9bd1,#32c99b);color:#fff;margin-top:18px}.booking-modal__cancel{border:0;background:#eef5f8;color:#35576d;margin-top:10px;cursor:pointer}@media(max-width:640px){.booking-modal__panel{top:auto;bottom:16px;transform:translateX(-50%);padding:28px 20px 20px}}

/* Ver.1.0.8 image optimization */
img { max-width: 100%; height: auto; }
img.responsive-media {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 16px;
}
.hero img.responsive-media,
.hero-image.responsive-media,
.main-visual img.responsive-media,
[class*="hero"] img.responsive-media {
  width: 100%;
  max-height: 720px;
  object-fit: cover;
  object-position: center;
}
.before-after img.responsive-media,
.whitening-compare img.responsive-media {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 768px) {
  img.responsive-media { border-radius: 12px; }
  .hero img.responsive-media,
  .hero-image.responsive-media,
  .main-visual img.responsive-media,
  [class*="hero"] img.responsive-media {
    min-height: 320px;
    max-height: 72vh;
    object-fit: cover;
    object-position: center 38%;
  }
  .before-after img.responsive-media,
  .whitening-compare img.responsive-media,
  .service-card img.responsive-media,
  .clinic-card img.responsive-media {
    aspect-ratio: 4 / 3;
    object-fit: cover;
  }
  .doctor img.responsive-media,
  .director img.responsive-media,
  [class*="greeting"] img.responsive-media {
    aspect-ratio: 3 / 4;
    object-position: center top;
  }
}

/* Orthodontics visual */
.ortho-photo-card{margin:0;overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 16px 40px rgba(31,87,128,.14);border:1px solid rgba(73,151,203,.18)}
.ortho-feature-image{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center top;background:#f5fbff}
.ortho-photo-card .photo-caption{padding:14px 18px;text-align:center;font-size:.95rem;color:#4f6475;line-height:1.7}
@media (max-width: 767px){
  .ortho-feature-image{aspect-ratio:4/5;object-position:34% top}
  .ortho-photo-card{border-radius:16px}
  .ortho-photo-card .photo-caption{padding:12px 14px;font-size:.88rem}
}

/* Orthodontic treatment image gallery Ver.1.2.4 */
.ortho-treatment-gallery{background:linear-gradient(180deg,#fff 0%,#fff8fa 100%)}
.ortho-treatment-gallery .section-title p{max-width:760px;margin:8px auto 0;color:var(--muted)}
.ortho-treatment-list{display:grid;gap:34px;max-width:1260px;margin:30px auto 0}
.ortho-treatment-item{background:#fff;border:1px solid rgba(234,105,134,.22);border-radius:24px;padding:18px;box-shadow:0 16px 42px rgba(99,75,86,.10)}
.ortho-treatment-item h3{margin:0 0 14px;text-align:center;font-size:clamp(22px,2.2vw,32px);color:#d65372}
.ortho-treatment-item img{display:block;width:100%;height:auto;max-width:1180px;margin:auto;border-radius:16px;object-fit:contain;background:#fff}
.ortho-treatment-note{max-width:1100px;margin:22px auto 0;text-align:center;color:#6a6670;font-size:.92rem;line-height:1.8}
@media(max-width:720px){.ortho-treatment-list{gap:24px;margin-top:22px}.ortho-treatment-item{padding:10px;border-radius:18px}.ortho-treatment-item h3{font-size:21px;margin:4px 0 10px}.ortho-treatment-item img{border-radius:12px}.ortho-treatment-note{text-align:left;font-size:.84rem}}