@import url('/assets/dain/fonts/noto-sans-jp.css');
:root{--navy:#193e47;--blue:#64877c;--ink:#243e43;--mist:#edf2ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:#faf9f3;font-family:Arial,'Noto Sans JP',sans-serif;line-height:1.65}a{color:inherit}img,video{max-width:100%;height:auto}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin:0 0 20px}h2{font-size:clamp(26px,3vw,42px);line-height:1.3;font-weight:500;letter-spacing:-.025em}section{padding:90px max(5vw,20px);scroll-margin-top:70px}.mo{display:none!important}.skip-link{position:fixed;top:-100px;z-index:100}.skip-link:focus{top:10px;background:white;padding:10px}#header{height:78px;position:sticky;top:0;z-index:50;background:#fffffff2;backdrop-filter:blur(15px);border-bottom:1px solid #e4edf1;display:flex;align-items:center;justify-content:space-between;padding:12px 4vw;gap:28px}.hospital-logo{width:190px;flex-shrink:0}.hospital-logo img{display:block;width:100%;max-height:48px;object-fit:contain}#home-nav{display:flex;gap:22px;align-items:center}#home-nav a{text-decoration:none;font-size:13px}#home-nav a:hover{color:var(--blue)}.menu-toggle{display:none}#main{padding:0;position:relative;background:#fff}.hero-heading{position:absolute;top:5%;left:7%;z-index:1}.home-eyebrow{font-size:12px;letter-spacing:.24em;color:var(--blue);margin-bottom:14px}h1{font-size:clamp(28px,3vw,48px);font-weight:500;line-height:1.2;letter-spacing:-.04em}h1 span{font-size:.61em;font-weight:400;letter-spacing:-.02em}.hero-heading>p:not(.home-eyebrow){font-size:15px;margin-bottom:20px}.hero-jump{display:inline-block;text-decoration:none;border-bottom:1px solid var(--blue);padding-bottom:5px;font-size:14px}.medical-team{display:block;width:100%}.hospital-highlights{display:grid;grid-template-columns:repeat(3,1fr);background:var(--navy);color:#fff;padding:32px 6%;gap:30px}.hospital-highlights>div+div{border-left:1px solid #ffffff30;padding-left:30px}.hospital-highlights strong{font-size:17px;font-weight:500}.hospital-highlights p{font-size:13px;color:#cbdae4;margin:8px 0 0}#white{background:var(--mist);text-align:center}#white h2 span{display:block;letter-spacing:.2em;font-size:12px;color:var(--blue);margin-bottom:14px}#white>p{color:#647b8a}#white ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;max-width:1400px;margin:40px auto 30px;padding:0;list-style:none}#white li{border-radius:16px;overflow:hidden;box-shadow:0 12px 30px #19385015;background:white;transition:transform .2s}#white li:hover{transform:translateY(-5px)}#white li img{display:block;width:100%;height:auto}.package-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.package-links a{border:1px solid #adc4d3;border-radius:30px;padding:12px 24px;text-decoration:none;font-size:14px}.package-links a:last-child{background:var(--navy);color:#fff;border-color:var(--navy)}#case{max-width:1500px;margin:auto}#case h2{text-align:center;margin-bottom:45px}#case article{position:relative}.case-slider{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:16px}.swiper-wrapper{display:flex;gap:28px}.swiper-slide{flex:0 0 calc(50% - 14px);min-width:0;scroll-snap-align:start;padding:25px;background:var(--mist);border-radius:18px}.swiper-slide>p{font-size:21px;font-weight:600;margin:0 0 18px}.swiper-slide .wrap>p{margin:0 0 12px}.date{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.1em;padding:8px 0}.case{position:relative;aspect-ratio:530/290;overflow:hidden;border-radius:10px}.case img{display:block;width:100%;height:100%;object-fit:cover}.before,.after{position:absolute;inset:0}.before{z-index:2;clip-path:inset(0 50% 0 0)}.prog-bar{position:absolute;inset:0;z-index:15}.range{width:100%;height:100%;margin:0;opacity:.01;cursor:ew-resize}.case:after{content:'↔';position:absolute;left:var(--compare,50%);top:45%;z-index:12;transform:translateX(-50%);color:var(--navy);background:white;border-radius:50%;width:32px;height:32px;text-align:center;box-shadow:0 0 0 2px #ffffff50}.case>p{font-size:11px!important;pointer-events:none}.period-wrap{display:flex;justify-content:space-between;gap:10px;padding-top:18px;font-size:13px}.swiper-button-next,.swiper-button-prev{border:1px solid #bfcfda;background:white;border-radius:50%;width:44px;height:44px;margin:16px 6px 0 0}.swiper-button-prev{float:left}#case>ul{list-style:none;padding:0;font-size:12px;color:#748591;margin-top:25px}#case>ul li{display:flex;gap:5px}#case>ul p{margin:0 0 4px}#ortho{background:var(--navy);color:#f1f7fb;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}#ortho article{min-width:0}#ortho video,#ortho article img{width:100%;display:block;border-radius:16px}#ortho .video{margin-bottom:20px}.section-brand{display:block;font-size:11px;letter-spacing:.25em;color:#8fbbd5;margin-bottom:22px}.text-area p{font-size:16px;line-height:1.85}.text-area em{display:block;font-style:normal;font-size:18px;margin-bottom:10px}.line{height:1px;background:#ffffff25;margin:30px 0}.rating-context{grid-column:1/-1;font-size:12px;color:#b7cbd9;border-top:1px solid #ffffff25;padding-top:24px;margin:0}.rating-context a{white-space:nowrap}#implant{position:relative;overflow:hidden;background:#f5f8fa;min-height:650px}.back{position:absolute;inset:0 0 0 45%;display:flex;align-items:center;opacity:.7}.back video{width:100%}#implant .text-area{position:relative;max-width:680px;background:#f5f8faed;padding:35px;border-radius:22px}#implant h2{font-size:32px!important;color:var(--navy)!important}#implant p,#implant strong{color:var(--navy)!important}#implant p{font-size:16px!important}#implant .text-area>strong{display:block;font-size:14px}#implant .line{background:#b5cbd7}#info{background:white;max-width:1500px;margin:auto}#info h2{margin-bottom:40px}.visit-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px}.visit-layout h3{font-size:24px;font-weight:500}.visit-layout p{font-size:14px}.visit-layout iframe{width:100%;height:420px;border:0;border-radius:18px;background:var(--mist)}.hours{display:grid;grid-template-columns:1fr 1.4fr;font-size:14px;border-top:1px solid #d7e1e8;margin:24px 0}.hours dt,.hours dd{padding:9px 0;margin:0;border-bottom:1px solid #d7e1e8}.home-footer{background:var(--navy);color:#c7d7e2;padding:40px 5% 95px;font-size:13px}.home-footer p{margin:0 0 8px}.booking-bar{position:fixed;bottom:20px;right:25px;z-index:40;display:flex;background:var(--navy);color:white;border:1px solid #ffffff35;border-radius:40px;box-shadow:0 6px 30px #132e482a;overflow:hidden}.booking-bar a{text-decoration:none;padding:13px 20px;font-size:13px}.booking-bar a+a{border-left:1px solid #ffffff25}a:focus-visible,button:focus-visible{outline:3px solid #65a9d3;outline-offset:4px}
@media(max-width:1100px){#home-nav{gap:12px}.hospital-logo{width:150px}.hero-heading{top:3%;left:5%}h1{font-size:32px}.hero-heading>p:not(.home-eyebrow){font-size:12px}.hero-jump{font-size:12px}#white ul{gap:10px}#ortho{gap:25px}}
@media(max-width:800px){.pc{display:none!important}.mo{display:block!important}br.mo{display:inline!important}section{padding:55px 22px}#header{height:66px;padding:12px 22px}.hospital-logo{width:155px}.menu-toggle{display:block;border:0;background:transparent;font-size:17px;color:var(--navy)}.menu-toggle span{font-size:12px}#home-nav{display:none;position:absolute;top:66px;left:0;right:0;background:#fff;padding:24px;box-shadow:0 12px 20px #132e4810;flex-wrap:wrap;gap:20px}#home-nav.is-open{display:flex}.hero-heading{position:relative;padding:35px 24px 0;left:auto;top:auto}h1{font-size:29px;line-height:1.35}h1 span{font-size:18px}.hero-heading>p:not(.home-eyebrow){font-size:12px}.medical-team{margin-top:-10px}.hospital-highlights{grid-template-columns:1fr;gap:16px;padding:24px}.hospital-highlights>div+div{border-left:0;border-top:1px solid #ffffff25;padding:15px 0 0}.hospital-highlights strong{font-size:15px}.hospital-highlights p{font-size:12px}#white ul{grid-template-columns:1fr;gap:16px;margin-top:28px;max-width:580px}#white li{border-radius:14px}#white h2{font-size:27px}.package-links{gap:10px}.package-links a{font-size:12px;padding:10px 16px}.swiper-slide{flex-basis:100%;padding:16px}.swiper-wrapper{gap:16px}.swiper-slide>p{font-size:19px}.period-wrap{font-size:11px}#ortho{grid-template-columns:1fr;gap:26px}.text-area p{font-size:14px}.rating-context{font-size:11px}#implant{min-height:0;padding-top:200px}.back{inset:0 0 auto;height:240px;opacity:.8}.back video{height:100%;object-fit:cover}#implant .text-area{padding:24px 0 0;background:#f5f8fa}#implant h2{font-size:27px!important}#implant p{font-size:14px!important}.visit-layout{grid-template-columns:1fr;gap:24px}.visit-layout iframe{height:300px}.hours{font-size:12px}.booking-bar{bottom:0;left:0;right:0;border-radius:0;justify-content:space-around}.booking-bar a{flex:1;text-align:center;font-size:12px;padding:16px 7px}.home-footer{padding-bottom:90px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@font-face{font-family:Nanum;src:url('/font/NanumGothic.woff') format('woff');font-display:swap}body{font-family:Arial,'Noto Sans JP',Nanum,sans-serif}.hours{display:block}.hours>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #d7e1e8;padding:10px 0}.hours>div>*{margin:0;padding:0;border:0}.hours>div>:last-child{text-align:right}#white{background:#edf2ed}.hospital-highlights,.booking-bar,.home-footer,#ortho{background:#193e47}#implant{background:#f5f6ef}#implant .text-area{background:#f5f6eff2}#info{background:#faf9f3}.hospital-logo{width:180px}