/* The retained clinic styles use 1 rem = 1 px. Keep the scale local and explicit. */
html[data-layout-scale="clinic"]{font-size:1px!important}html[data-layout-scale="clinic"] body{font-size:16px!important}
@media(min-width:769px){body[data-app-root="true"]:has(.contact_pc) .mobile-consult-launcher{display:none!important}}

html[data-layout-scale="clinic"]{overflow-x:clip;--black:#222;--pri-01:#ee7b33;--pri-02:#fff5eb;--sub-01:#ed7b39;--gray-01:#666;--gray-02:#999;--gra-01:linear-gradient(110deg,#f0a315,#f36421)}
html[data-layout-scale="clinic"] .blind{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}
html[data-layout-scale="clinic"] .hidden{display:none!important}
@media(min-width:1281px){html[data-layout-scale="clinic"] .visible-tb{display:none!important}html[data-layout-scale="clinic"] .header__container{padding-inline:24px;gap:24px}html[data-layout-scale="clinic"] .header__nav{flex:1;min-width:0;width:auto;margin:0}html[data-layout-scale="clinic"] .header__nav ul{justify-content:space-evenly}html[data-layout-scale="clinic"] .header__tel{flex-shrink:0}}
@media(min-width:769px){html[data-layout-scale="clinic"] .visible-xs{display:none!important}}
@media(max-width:768px){html[data-layout-scale="clinic"] .hidden-xs,html[data-layout-scale="clinic"] .invisible-xs{display:none!important}}

html[data-layout-scale="clinic"] .quick_menu{transform:translateY(-50%)!important;right:12px!important}
html[data-layout-scale="clinic"] .main_visual_swiper .swiper-slide:first-child{background:#73665b url('/jin-assets/hero.webp') center/cover no-repeat}
html[data-layout-scale="clinic"] .header{background:rgba(255,255,255,.97);color:#222}

/* Give department copy room to breathe without changing its content. */
#depart>h2{line-height:1.5;letter-spacing:0.01em;margin-bottom:24px}
#depart .inner h3{line-height:1.5!important;letter-spacing:0!important;word-break:keep-all}
#depart .inner .hov_wrap p{line-height:1.85!important;letter-spacing:0!important;padding-inline:24px;word-break:keep-all}
#depart .inner .department-more{display:block;margin-top:24px!important;line-height:1.6!important;letter-spacing:.03em}
@media(min-width:769px){
 #depart .grid_wrap{gap:24px 20px!important}
 #depart .grid_wrap>.item{width:100%!important;min-width:0;height:450px!important}
 #depart .grid_wrap>.item .inner,#depart .grid_wrap>.item:hover .inner{width:100%!important;height:450px!important;padding-top:42px!important}
 #depart .inner .img_wrap{margin:26px auto!important}
 #depart .inner .hov_wrap{min-height:64px}
}
@media(max-width:768px){
 #depart>h2{margin-bottom:24px!important}
 #depart .grid_wrap>.item .inner,#depart .grid_wrap>.item:hover .inner{padding:24px 12px!important;min-height:212px!important}
 #depart .inner h3{line-height:1.7!important}
 #depart .inner .img_wrap{margin:20px 0 14px!important}
 #depart .inner .department-more{margin-top:12px!important;line-height:1.7!important}
}