/* Image-led clinic layout. Content images are supplied by the clinic. */
:root{--ytj-ink:#10283e;--ytj-gold:#d2a009;--ytj-header-height:var(--home-header-single-row-height,72px)}
html{scroll-padding-top:var(--ytj-header-height)}
body{background:#fff;color:#777}
img{max-width:100%}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.home-section{scroll-margin-top:var(--ytj-header-height)}
.ytj-section{position:relative;width:100%;background:#fff}
.ytj-picture{display:block}
.ytj-mobile{display:none}
.ytj-section img{display:block;width:100%;height:auto;margin:0 auto}
.ytj-title,.ytj-content{width:calc(100% - 40px);max-width:1200px;margin:0 auto}
.ytj-title{margin-bottom:80px}
.ytj-doctors{padding-top:270px}
.ytj-doctors .ytj-title{margin-bottom:90px}
.ytj-doctor{max-width:1920px}
.ytj-clinictime{padding:180px 0 130px}
.ytj-subject{padding:120px 0 150px}
.ytj-equipment{background:#fafafa}
.ytj-equipment>.ytj-picture{max-width:1920px;margin:0 auto}
/* Use the source clinic's gallery gutters and responsive column width. */
.ytj-interior{padding:120px 0 50px}
.ytj-interior-frame{width:100%;padding:0 10px;box-sizing:border-box}
.ytj-interior-column{position:relative;min-height:1px;padding:0 15px;box-sizing:border-box}
.ytj-interior .swiper-container{width:100%;height:100%}
@media(min-width:1200px){.ytj-interior-column{width:83.33333333%;margin-left:8.33333333%}}
.ytj-location{padding-top:130px}
.ytj-map{display:block;width:100%;height:560px;border:0;background:#f6f6f6}
.ytj-map-links{display:flex;justify-content:flex-end;gap:10px;margin:22px 0 30px}
.ytj-map-links img{width:42px;height:42px}
.ytj-phone-band{display:block;margin-top:80px;background:var(--ytj-ink)}
.ytj-phone-band .ytj-picture{max-width:1920px;margin:0 auto}
.ytj-faq{padding:180px 0 100px}
.ytj-faq .board-empty{padding:50px 20px;color:#999;border-top:1px solid #ddd;border-bottom:1px solid #eee;text-align:center}
#bottom{padding:40px 0 50px;background:#fff;font-size:15px;line-height:1.7}
#bottom img{max-width:311px;width:100%;height:auto}
#bottom [data-aos]{opacity:1!important;transform:none!important}
.site-policy-footer-links{margin:12px 0}
a:focus-visible,button:focus-visible{outline:2px solid var(--ytj-gold);outline-offset:4px}
/* Header layout and menu styling belong to the shared CSS and administrator settings. */
@media(max-width:767px){
 :root{--ytj-header-height:100px}
 .ytj-title{width:100%;margin-bottom:24px}
 .ytj-pc{display:none}
 .ytj-mobile{display:block}
 .ytj-content{width:100%}
 .ytj-doctors{padding-top:35px}
 .ytj-doctors .ytj-title{margin-bottom:20px}
 .ytj-doctors .ytj-doctor{width:100%;max-width:100%;margin:0 auto}
 .ytj-doctors{overflow:hidden}
 .ytj-clinictime{padding:60px 0 35px}
 .ytj-subject{padding:35px 0 50px}
 .ytj-interior{padding:50px 0}
 .ytj-location{padding-top:35px}
 .ytj-map{height:380px}
 .ytj-map-links{padding:0 20px;margin:15px 0}
 .ytj-map-links img{width:34px;height:34px}
 .ytj-phone-band{margin-top:35px}
 .ytj-faq{padding:50px 0 35px}
 .ytj-faq .ytj-content{width:calc(100% - 32px)}
 #bottom{font-size:11px;padding:10px 12px 30px}
 #bottom img{max-width:220px}
}
@media(max-width:380px){.ytj-interior{padding-bottom:0}}
@media(max-width:420px){.ytj-interior-frame{padding:0}:root{--ytj-header-height:70px}.ytj-map{height:310px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
