:root {

  /* color */

  --green50:  #e6f5ec;
  --green100: #c2e5d1;
  --green200: #9bd4b5;
  --green300: #71c598;
  --green400: #51b883;
  --green500: #2cac6e;
  --green600: #259d63;
  --green700: #1d8b56;
  --green800: #197a4b;
  --green900: #115a36;
  --green1000: #0c472a;
  --green1100: #08351f;
  --green1200: #032213;
  
  --magenta1000: #6c006c;
  
  --light-blue400: #57b8ff;
  --light-blue500: #39abff;
  --light-blue600: #008bf2;
  --light-blue700: #0877d7;
  --light-blue800: #0066be;
  --light-blue900: #0055ad;
  --light-blue1000: #00428c;
  
  
  --orange100: #ffdfca;
  --orange200: #ffc199;
  --orange300: #ffa66d;
  --orange400: #ff8d44;
  --orange500: #ff7628;
  --orange600: #fb5b01;
  
  
  --color-neutral-black: #000000;
  --color-neutral-white: #ffffff;
  
  --gray50: #f2f2f2;
  --gray100: #e6e6e6;
  --gray200: #cccccc;
  --gray300: #b3b3b3;
  --gray400: #999999;
  --gray500: #7f7f7f;
  --gray600: #666666;
  --gray700: #4d4d4d;
  --gray800: #333333;
  --gray900: #1a1a1a;
    
  
  /* font-size */
  
  --size-impact: 57px;
  --size-header45: 45px;
  --size-header36: 36px;
  --size-header27: 27px;
  --size-text: 20px;
  
  /* font */
  
  --dsp-57B-140: bold normal 57px/1.4 "Noto Sans", sans-serif;

  --std-45B-140: bold normal 45px/1.4 "Noto Sans", sans-serif;
  --std-36B-140: bold normal 36px/1.4 "Noto Sans", sans-serif;
  --std-32B-150: bold normal 32px/1.5 "Noto Sans", sans-serif;
  --std-28B-150: bold normal 28px/1.5 "Noto Sans", sans-serif;
  --std-26B-150: bold normal 26px/1.5 "Noto Sans", sans-serif;
  --std-24B-150: bold normal 24px/1.5 "Noto Sans", sans-serif;
  --std-22B-150: bold normal 22px/1.5 "Noto Sans", sans-serif;
  --std-20B-150: bold normal 20px/1.5 "Noto Sans", sans-serif;
  --std-18B-160: bold normal 18px/1.6 "Noto Sans", sans-serif;


  --std-45N-140: normal normal 45px/1.4 "Noto Sans", sans-serif;
  --std-36N-140: normal normal 36px/1.4 "Noto Sans", sans-serif;
  --std-32N-150: normal normal 32px/1.5 "Noto Sans", sans-serif;
  --std-28N-150: normal normal 28px/1.5 "Noto Sans", sans-serif;
  --std-26N-150: normal normal 26px/1.5 "Noto Sans", sans-serif;
  --std-20N-150: normal normal 20px/1.5 "Noto Sans", sans-serif;
  --std-18N-160: normal normal 18px/1.6 "Noto Sans", sans-serif;
  --std-16N-170: normal normal 16px/1.7 "Noto Sans", sans-serif;
  --std-14N-170: normal normal 14px/1.7 "Noto Sans", sans-serif;

  --dns-17B-120: bold normal 17px/1.2 "Noto Sans", sans-serif;
  
  --dns-17N-120: normal normal 17px/1.2 "Noto Sans", sans-serif;
  --dns-16N-120: normal normal 16px/1.2 "Noto Sans", sans-serif;
  --dns-14N-120: normal normal 14px/1.2 "Noto Sans", sans-serif;

  --oln-17B-100: bold normal 17px/1.0 "Noto Sans", sans-serif;
  --oln-16B-100: bold normal 16px/1.0 "Noto Sans", sans-serif;

  /* padding, margin */

  --m6px:  6px;
  --m12px: 12px;
  --m24px: 24px;
  --m48px: 48px;
  --m72px: 72px;
  
  
  /* border line */
  --split-line-green: 1px solid var(--green200);


}