:root {--min-viewport: 360;--max-viewport: 1600;--base-font: 10;--clamp-unit: 1vw;--min-screen-width: 320px;--max-screen-width: 1780px;--blue: #006ab3;--blue-5: #006ab30d;--blue-10: #006ab31a;--blue-20: #006ab333;--blue-30: #006ab34d;--blue-40: #006ab366;--blue-50: #006ab380;--blue-60: #006ab399;--blue-70: #006ab3b3;--blue-80: #006ab3cc;--blue-90: #006ab3e6;--blue-d-1: #13538b;--blue-d-2: #184067;--blue-d-3: #162c45;--blue-d-4: #121a26;--blue-l-1: #5587c3;--blue-l-2: #83a3d2;--blue-l-3: #adc1e1;--blue-l-4: #d6dff0;--green: #83e03f;--green-5: #83e03f0d;--green-10: #83e03f1a;--green-20: #83e03f33;--green-30: #83e03f4d;--green-40: #83e03f66;--green-50: #83e03f80;--green-60: #83e03f99;--green-70: #83e03fb3;--green-80: #83e03fcc;--green-90: #83e03fe6;--green-d-1: #69b036;--green-d-2: #4f822b;--green-d-3: #375421;--green-d-4: #202d16;--green-l-1: #a0e76a;--green-l-2: #b9ed91;--green-l-3: #d0f3b4;--green-l-4: #eafadc;--yellow: #ffb100;--yellow-5: #ffb1000d;--yellow-10: #ffb1001a;--yellow-20: #ffb10033;--yellow-30: #ffb1004d;--yellow-40: #ffb10066;--yellow-50: #ffb10080;--yellow-60: #ffb10099;--yellow-70: #ffb100b3;--yellow-80: #ffb100cc;--yellow-90: #ffb100e6;--yellow-d-1: #c58911;--yellow-d-2: #926716;--yellow-d-3: #614515;--yellow-d-4: #332510;--yellow-l-1: #ffc14d;--yellow-l-2: #ffce7a;--yellow-l-3: #ffdfa8;--yellow-l-4: #ffeed1;--pink: #c648dd;--pink-d-1: #9d3dae;--pink-d-2: #72307e;--pink-d-3: #4b2353;--pink-d-4: #29172c;--pink-l-1: #d572e4;--pink-l-2: #e298ec;--pink-l-3: #edbaf3;--pink-l-4: #f6dcf9;--bg-body: #FFFF;--bg-grey: #f9f9f9;--text-body: #707070;--space-xs: clamp(0.4rem,calc(0.27vw + 0.31rem),0.8rem);--space-s: clamp(0.8rem,calc(0.55vw + 0.63rem),1.6rem);--space-m: clamp(1.6rem,calc(1.1vw + 1.25rem),3.2rem);--space-l: clamp(3.2rem,calc(2.19vw + 2.5rem),6.4rem);--space-xl: clamp(6.4rem,calc(4.38vw + 5rem),12.8rem);--space-xxl: clamp(9.6rem,calc(6.58vw + 7.5rem),19.2rem);--text-xs: clamp(1.3rem,calc(0.07vw + 1.28rem),1.4rem);--text-s: clamp(1.4rem,calc(0.14vw + 1.36rem),1.6rem);--text-m: clamp(1.6rem,calc(0.14vw + 1.56rem),1.8rem);--text-l: clamp(1.8rem,calc(0.41vw + 1.67rem),2.4rem);--text-xl: clamp(2.2rem,calc(0.68vw + 1.98rem),3.2rem);--text-2xl: clamp(2.4rem,calc(1.51vw + 1.92rem),4.6rem);--text-3xl: clamp(2.8rem,calc(1.92vw + 2.19rem),5.6rem);--text-4xl: clamp(3.2rem,calc(2.6vw + 2.37rem),7rem);--hero-title-size: var(--text-4xl);--post-title-size: var(--text-2xl);--nav-link-size: var(--text-s);--header-space: var(--space-s);--btn-space: var(--space-xs) var(--space-s);--card-space: var(--space-s);--footer-space: var(--space-s) var(--space-m);--columns-1: repeat(1,minmax(0,1fr));--columns-2: repeat(2,minmax(0,1fr));--columns-3: repeat(3,minmax(0,1fr));--columns-4: repeat(4,minmax(0,1fr));--columns-5: repeat(5,minmax(0,1fr));--columns-6: repeat(6,minmax(0,1fr));--columns-7: repeat(7,minmax(0,1fr));--columns-8: repeat(8,minmax(0,1fr));--columns-9: repeat(9,minmax(0,1fr));--columns-10: repeat(10,minmax(0,1fr));--columns-11: repeat(11,minmax(0,1fr));--columns-12: repeat(12,minmax(0,1fr));--container-l: 178rem;--container-m: 147rem;--container-s: 107rem;--container-xs: 87rem;--header-height: clamp(10rem,calc(6.85vw + 7.81rem),20rem);--radius-xs: clamp(0.4rem,calc(0vw + 0.4rem),0.4rem);--radius-s: clamp(0.6rem,calc(0.14vw + 0.56rem),0.8rem);--radius-m: clamp(1rem,calc(0.14vw + 0.96rem),1.2rem);--radius-l: clamp(1.6rem,calc(0.27vw + 1.51rem),2rem);--radius-xl: clamp(2.6rem,calc(0.41vw + 2.47rem),3.2rem);--radius-full: 999rem;--shadow-xs: 0 1px 2px var(--shadow-primary);--shadow-s: 0 1.5px 3px var(--shadow-primary);--shadow-m: 0 2px 6px var(--shadow-primary);--shadow-l: 0 3px 12px var(--shadow-primary);--shadow-xl: 0 6px 48px var(--shadow-primary);}