.df { display: flex; }

  .jcc { justify-content: center; }
  .jcsb { justify-content: space-between; }

  .aic { align-items: center; }

  .g16 { gap: 16px; }
  .g24 { gap: 24px; }

  .m16 { margin: 16px; }
  .m24 { margin: 24px; }
  .m32 { margin: 32px; }
  .m40 { margin: 40px; }
  .m48 { margin: 48px; }
  
  .p16 { padding: 16px; }
  .p24 { padding: 24px; }
  .p32 { padding: 32px; }
  .p40 { padding: 40px; }
  .p48 { padding: 48px; }

  .tdn { text-decoration: none; }

  .fz20 { font-size: 20px; }
  .fz48 { font-size: 48px; }

  .fw400 { font-weight: 400; }

  .lh07 { line-height: 0.7; }
  .lh1 { line-height: 1; }
  .lh12 { line-height: 1.2; }

  .w160 { width: 160px; }
  .w240 { width: 240px; }
  .w320 { width: 320px; }
  .w400 { width: 400px; }
  .w500 { width: 500px; }
  .w1200 { width: 1200px; }

  .cclr { color: currentColor; }

  .blue { color:#6c7ca4; }
  .lightgrey { color: #999; }
  .green { color:#79983e; }