:root {
  
  --color-ink: #222222;          
  --color-main: #e70014;         
  --color-main-2: #b30010;       
  --color-accent: #e70014;       
  --color-accent-2: #c50011;
  --color-green: #10c08a;        
  --color-green-2: #0aa173;
  --color-base: #ffffff;         
  --color-pale: #ebebeb;         
  --color-pink: #fadde1;         
  --color-grid: rgb(34 34 34 / 0.07);   
  --color-line: #d4d4d4;         
  --color-on-dark: #ffffff;
  --color-on-dark-line: rgb(255 255 255 / 0.75);
  --color-error: #e70014;
  --color-shadow: rgb(0 0 0 / 0.16);
  --color-veil: rgb(0 0 0 / 0.42);     

  
  --bg-dark: var(--color-ink);
  --bg-accent: linear-gradient(90deg, var(--color-accent) 0%, var(--color-accent-2) 100%);

  
  --font-body: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", system-ui, sans-serif;
  --font-head: "Noto Sans JP", "Hiragino Sans", system-ui, sans-serif;
  --font-en: "Poppins", "Noto Sans JP", sans-serif;
  
  --fs-min: 13px;
  
  --fs-base: clamp(var(--fs-min), 3.9vw, 15.5px);   
  --fs-ui: max(var(--fs-min), 13px);   
  --fs-input: 16px;                     
  --fw-body: 500;                
  --ls-body: 0.02em;
  --lh-body: 2;            
  --lh-head: 1.3;

  
  --col: 480px;                  
  --header-h: 56px;
  --gutter: 22px;                
  --next-h: 0px;                 
  --radius-pill: 999px;
  --radius-s: 6px;
  --shadow-soft: 0 0 10px 0 var(--color-shadow);
  --shadow-column: 0 0 24px 0 var(--color-shadow);

  
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --rise: 18px;                  
  --dur-in: 420ms;
  --dur-hover: 300ms;
}