@charset "UTF-8";

/*
 * Bloom Beauty School Premium Version 9.1
 * Hero Typography Refinement
 * Version 9の上から、Hero見出しだけを繊細で上品に整えます。
 */

.hero .hero-title{
    color:#5a5d64 !important;
    font-family:var(--serif) !important;
    font-size:clamp(56px,5.2vw,80px) !important;
    font-weight:400 !important;
    line-height:1.22 !important;
    letter-spacing:.045em !important;
    text-shadow:none !important;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

.hero .hero-title span{
    font-weight:400 !important;
}

/* 小さめPC */
@media(max-width:1180px) and (min-width:901px){
    .hero .hero-title{
        font-size:clamp(50px,5vw,66px) !important;
        line-height:1.23 !important;
        letter-spacing:.04em !important;
    }
}

/* タブレット */
@media(max-width:900px){
    .hero .hero-title{
        color:#5a5d64 !important;
        font-size:clamp(40px,9.6vw,51px) !important;
        font-weight:400 !important;
        line-height:1.26 !important;
        letter-spacing:.03em !important;
    }
}

/* スマホ */
@media(max-width:620px){
    .hero .hero-title{
        font-size:clamp(37px,10.8vw,43px) !important;
        line-height:1.28 !important;
        letter-spacing:.02em !important;
    }
}

/* 極小スマホ */
@media(max-width:390px){
    .hero .hero-title{
        font-size:35px !important;
    }
}