@media all and (max-width:1024px) {
  @charset "utf-8";
  html{font-size:100%;}
  html,body{width: 100%;height: auto;position: relative;}
  *{margin: 0;padding: 0;box-sizing: border-box;font-family: ssRegular;}
  .flex{display: flex;}
  .flex-column{display: flex;flex-direction: column;}
  .inline-flex{display: inline-flex;}
  .flex-c{align-items: center;}
  .flex-cc{align-items: center;justify-content: center;}
  .flex-ca{align-items: center;justify-content: space-around;}
  .flex-cb{align-items: center;justify-content: space-between;}
  .f10{font-size: 0.625rem;}
  .f11{font-size: 0.6875rem;}
  .f12{font-size: 0.75rem;}
  .f13{font-size: 0.8125rem;}
  .f14{font-size: 0.875rem;}
  .f15{font-size: 0.9375rem;}
  .f16{font-size: 1rem;}
  .f17{font-size: 1.0625rem;}
  .f18{font-size: 1.125rem;}
  .f19{font-size: 1.1875rem;}
  .f20{font-size: 1.25rem;}
  .f21{font-size: 1.3125rem;}
  .f22{font-size: 1.375rem;}
  .f23{font-size: 1.4375rem;}
  .f24{font-size: 1.5rem;}
  .f25{font-size: 1.5625rem;}
  .f26{font-size: 1.625rem;}
  .f27{font-size: 1.6875rem;}
  .f28{font-size: 1.75rem;}
  .f29{font-size: 1.8125rem;}
  .f30{font-size: 1.875rem;}
  .f32{font-size: 2rem;}
  .f34{font-size: 2.125rem;}
  .f36{font-size: 2.25rem;}
  .f38{font-size: 2.375rem;}
  .f40{font-size: 2.5rem;}
  .f60{font-size: 3.75rem;}
  .f70{font-size: 4.375rem;}
  
  .ff-ssb{font-family: ssBold;}
  
  .mt30{margin-top: 1.875rem;}
  .mt20{margin-top: 1.25rem;}
}