:root {
    --fs10: 0.625rem;
    --fs11: 0.6875rem;
    --fs12: 0.75rem;
    --fs13: 0.8125rem;
    --fs14: 0.875rem;
    --fs15: 0.9375rem;
    --fs16: 1rem;
    --fs17: 1.0625rem;
    --fs18: 1.125rem;
    --fs19: 1.1875rem;
    --fs20: 1.25rem;
    --fs21: 1.3125rem;
    --fs22: 1.375rem;
    --fs23: 1.4375rem;
    --fs24: 1.5rem;
    --fs25: 1.5625rem;
    --fs26: 1.625rem;
    --fs27: 1.6875rem;
    --fs28: 1.75rem;
    --fs29: 1.8125rem;
    --fs30: 1.875rem;
    --fs31: 1.9375rem;
    --fs32: 2rem;
    --fs33: 2.0625rem;
    --fs34: 2.125rem;
    --fs35: 2.1875rem;
    --fs36: 2.25rem;
    --fs37: 2.3125rem;
    --fs38: 2.375rem;
    --fs39: 2.4375rem;
    --fs40: 2.5rem;
    --color-black: #000000;
    --color-black-rgb: 0, 0, 0;
    --color-ink: #1a1a1a;
    --color-ink-rgb: 26, 26, 26;
    --color-beige: #f7f3ee;
    --color-beige-rgb: 247, 243, 238;
    --color-brown: #9b7b61;
    --color-brown-rgb: 155, 123, 97;
    --color-dark-brown: #80684e;
    --color-dark-brown-rgb: 128, 104, 78;
    --color-white: #ffffff;
    --color-white-rgb: 255, 255, 255;
    --color-green: #006634;
    --color-green-rgb: 0, 102, 52;
    --color-green-light: #307347;
    --color-green-light-rgb: 48, 115, 71;
    --color-ivory: #D2CBC3;
    --color-ivory-rgb: 210, 203, 195;
    --color-cream: #f5f4ec;
    --color-cream-rgb: 245, 244, 236;
    --color-red: #dd0202;
    --color-red-rgb: 221, 2, 2;
    --color-gray: #9ca3af;
    --color-gray-rgb: 156, 163, 175;
    --color-light-gray: #cccccc;
    --color-light-gray-rgb: 204, 204, 204;
    --color-navy: #263161;
    --color-navy-rgb: 38, 49, 97;
    --container-width: 1200px;
    --c-pad: 20px;
    --duration: 0.35s;
    --cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
    --ff-noto-sans: Noto Sans JP;
    --ff-shippori: "Shippori Mincho";
    --ff-jost: "Jost";
    --header-height: 70px;
}

@media (min-width: 768px) {
    :root {
        --c-pad: 30px;
        --header-height: 73px;
    }
}