:root{--color-primary:#f17e19;--color-primary-hover:#e67818;--color-primary-active:#d97116;--color-background-primary:#f2eee3;--color-background-secondary:#f5f5f7;--color-background-gray:#f9f5ee;--color-disabled:#e4ded8;--color-black:#321d05;--color-black-hover:#4b2c0f;--color-black-active:#533111;--color-white:#ffffff;--color-white-hover:#f9f7f1;--color-white-active:#f5f2ea;--color-gray:#989490;--color-text-hover:#fef9f4;--color-text-active:#fef2e8;--color-error:#d71f1f;--max-width:980px;--spacing-xs:6px;--spacing-sm:12px;--spacing-md:18px;--spacing-lg:24px;--spacing-xl:36px;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:20px;--font-size-xl:24px;--radius-xs:4px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:36px}@media (min-width:980px){:root{--font-size-xs:14px;--font-size-sm:16px;--font-size-md:18px;--font-size-lg:24px;--font-size-xl:36px;--spacing-xs:9px;--spacing-sm:16px;--spacing-md:20px;--spacing-lg:36px;--spacing-xl:48px}}html{scroll-behavior:smooth}body{font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans,Meiryo,sans-serif;margin:0;display:flex;flex-direction:column;min-height:100vh;font-size:var(--font-size-md);color:var(--color-black)}a{text-decoration:none;cursor:pointer;transition:all .1s ease;&:hover{opacity:.6}}button{all:unset}h1,h2,h3,h4,h5,h6,p{margin:0}