/* 行高的规范是字号的1.5倍 */

.font12 {font-size: 12px; }
.font14 {font-size: 14px;}
.font16 {font-size: clamp(12px, 11.2px + 0.25vw, 16px);}
.font18 {font-size: clamp(12px, 10.8px + 0.38vw, 18px);}
.font20 {font-size: clamp(14px, 12.8px + 0.38vw, 20px);}
.font22 {font-size: clamp(14px, 12.4px + 0.5vw, 22px);}
.font24 {font-size: clamp(14px, 12px + 0.63vw, 24px);}
.font26 {font-size: clamp(14px, 11.6px + 0.75vw, 26px);}
.font28 {font-size: clamp(14px, 11.2px + 0.88vw, 28px);}

.font30 {font-size: clamp(14px, 10.8px + 1vw, 30px);}
.font32 {font-size: clamp(14px, 10.4px + 1.13vw, 32px);}
.font34 {font-size: clamp(14px, 10px + 1.25vw, 34px);}
.font36 {font-size: clamp(16px, 12px + 1.25vw, 36px);}
.font38 {font-size: clamp(16px, 11.6px + 1.38vw, 38px);}
.font40 {font-size: clamp(16px, 11.2px + 1.5vw, 40px);}
.font42 {font-size: clamp(16px, 10.8px + 1.63vw, 42px);}
.font44 {font-size: clamp(16px, 10.4px + 1.75vw, 44px);}

.font46 {font-size: clamp(18px, 12.4px + 1.75vw, 46px);}
.font48 {font-size: clamp(18px, 12px + 1.88vw, 48px);}
.font50 {font-size: clamp(18px, 11.6px + 2vw, 50px);}
.font52 {font-size: clamp(18px, 11.2px + 2.13vw, 52px);}
.font54 {font-size: clamp(18px, 10.8px + 2.25vw, 54px);}

.font56 {font-size: clamp(20px, 12.8px + 2.25vw, 56px);}
.font58 {font-size: clamp(20px, 12.4px + 2.38vw, 58px);}
.font60 {font-size: clamp(20px, 12px + 2.5vw, 60px);}
.font62 {font-size: clamp(20px, 11.6px + 2.63vw, 62px);}
.font64 {font-size: clamp(20px, 11.2px + 2.75vw, 64px);}
.font66 {font-size: clamp(20px, 10.8px + 2.88vw, 66px);}

.font68 {font-size: clamp(22px, 12.8px + 2.88vw, 68px);}
.font70 {font-size: clamp(22px, 12.4px + 3vw, 70px);}
.font72 {font-size: clamp(22px, 12px + 3.13vw, 72px);}
.font74 {font-size: clamp(22px, 11.6px + 3.25vw, 74px);}
.font76 {font-size: clamp(22px, 11.2px + 3.38vw, 76px);}

.font78 {font-size: clamp(24px, 13.2px + 3.38vw, 78px);}
.font80 {font-size: clamp(24px, 12.8px + 3.5vw, 80px);}
.font82 {font-size: clamp(24px, 12.4px + 3.62vw, 82px);}
.font84 {font-size: clamp(24px, 12px + 3.75vw, 84px);}
.font86 {font-size: clamp(24px, 11.6px + 3.88vw, 86px);}

.font88 {font-size: clamp(26px, 13.6px + 3.88vw, 88px);}
.font90 {font-size: clamp(26px, 13.2px + 4vw, 90px);}
.font92 {font-size: clamp(26px, 12.8px + 4.13vw, 92px);}
.font94 {font-size: clamp(26px, 12.4px + 4.25vw, 94px);}
.font96 {font-size: clamp(26px, 12px + 4.38vw, 96px);}
.font98 {font-size: clamp(30px, 16.4px + 4.25vw, 98px);}
.font100 {font-size: clamp(36px, 23.2px + 4vw, 100px);}



.flh{ line-height: 1.5; }
/* fonts */



@media screen and (max-width:1680px){    
  
}

@media screen and (max-width:1550px){    
  
        
}

@media screen and (max-width:1440px){    
    
    .font14 {font-size: 12px;}
    
}

@media screen and (max-width:1366px){    
   

}

@media screen and (max-width:1280px){    
    

}

@media screen and (max-width:1152px){    
    
    
}

@media screen and (max-width:1024px){    /*ipad-y*/
    
}

@media screen and (max-width:980px){    /*ipad-x*/
    
}

@media screen and (max-width:766px){    /*iphone*/

    
    
}




