@charset "utf-8";

#atc_centers{position:relative;width:100%;min-width:var(--main-size);overflow:hidden;background:#eef4f6}
#atc_centers .center_list{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:326px}
#atc_centers .center_item{position:relative;min-width:0;overflow:hidden}
#atc_centers .center_item+li{border-left:1px solid rgba(255,255,255,.45)}
#atc_centers .center_item>a{position:relative;display:block;width:100%;height:100%;overflow:hidden;color:#fff}
#atc_centers .center_item>a>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
#atc_centers .center_men>a>img{object-position:center 35%;transform:translateX(6%) scale(1.14)}
#atc_centers .center_women>a>img{object-position:center 35%;transform:translateX(6%) scale(1.14)}
#atc_centers .center_scalp>a>img{object-position:center 38%;transform:translateX(5%) scale(1.12)}
#atc_centers .center_shade{position:absolute;inset:0;transition:opacity .35s}
#atc_centers .center_men .center_shade{background:linear-gradient(90deg,rgba(77,153,190,.3) 0%,rgba(91,164,197,.1) 58%,transparent 100%),linear-gradient(0deg,rgba(46,139,181,.78) 0%,rgba(71,151,188,.3) 45%,transparent 78%)}
#atc_centers .center_women .center_shade{background:linear-gradient(90deg,rgba(228,129,127,.28) 0%,rgba(237,165,156,.1) 58%,transparent 100%),linear-gradient(0deg,rgba(222,123,123,.72) 0%,rgba(236,162,154,.28) 45%,transparent 78%)}
#atc_centers .center_scalp .center_shade{background:linear-gradient(90deg,rgba(31,139,161,.34) 0%,rgba(53,159,176,.11) 58%,transparent 100%),linear-gradient(0deg,rgba(24,135,157,.8) 0%,rgba(55,157,174,.32) 45%,transparent 78%)}
#atc_centers .center_copy{position:absolute;z-index:1;left:8.2%;top:56.2%;width:84%;transform:translateY(-50%)}
#atc_centers .center_icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border:1.5px solid currentColor;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 2px 8px rgba(31,94,110,.05)}
#atc_centers .center_men .center_icon,#atc_centers .center_scalp .center_icon{color:#27afd0}
#atc_centers .center_women .center_icon{color:#ff8582}
#atc_centers .center_icon img{position:static;width:31px;height:31px;object-fit:contain;transform:none;transition:none}
#atc_centers .center_copy h2{margin-top:32px;font-size:32px;font-weight:700;line-height:1.2;letter-spacing:-.045em;color:#fff}
#atc_centers .center_line{display:block;margin:18px 0 18px;width:25px;height:2px;background:#fff;transition:width .35s}
#atc_centers .center_copy p{font-size:15px;font-weight:500;line-height:1.72;color:rgba(255,255,255,.96)}
#atc_centers .center_men>a:hover>img,#atc_centers .center_women>a:hover>img{transform:translateX(6%) scale(1.18)}
#atc_centers .center_scalp>a:hover>img{transform:translateX(5%) scale(1.16)}
#atc_centers .center_item>a:hover .center_shade{opacity:.9}
#atc_centers .center_item>a:hover .center_line{width:46px}

@media (max-width:1980px){
#atc_centers .center_copy h2{font-size:31px}
#atc_centers .center_copy p{font-size:15px}
}