:root {
    /* Layout */
    --w-site: 1280px;
    --w-sp: 768px;
    --ease: cubic-bezier(.215, .61, .355, 1);

    /* Fonts */
    --font-main:
    "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Helvetica Neue", arial, "BIZ UDPGothic",
    "Noto Sans JP", meiryo, sans-serif;
    --font-en: sans-serif;

    /* Font Size (Main Text) */
    /* --- 767pxのとき10px相当 → 1280pxのとき12px相当 --- */
    --fz-12: clamp(0.625rem, 0.39vw + 0.438rem, 0.75rem);
    /* --- 767pxのとき12px相当 → 1280pxのとき14px相当 --- */
    --fz-14: clamp(0.75rem, 0.39vw + 0.563rem, 0.875rem);
    /* --- 767pxのとき14px相当 → 1280pxのとき16px相当 --- */
    --fz-16: clamp(0.875rem, 0.39vw + 0.688rem, 1rem);
    /* --- 767pxのとき16px相当 → 1280pxのとき18px相当 --- */
    --fz-18: clamp(1rem, 0.39vw + 0.813rem, 1.125rem);

    /* Font Size (Title) */
    /* プロジェクトごとに設定（https: //fluidtypography.com/#usarusFluidTypographyGetStarted） */

    /* Colors */
    --primary-color: #FFDB4E;
    --secondary-color: #666;
    --black: #211714;
    --text-main: #211714;

}
.nsj-100,.nsj-200,.nsj-300,.nsj-400,.nsj-500,.nsj-600,.nsj-700,.nsj-800,.nsj-900 {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.nsj-100 { font-weight: 100; }
.nsj-200 { font-weight: 200; }
.nsj-300 { font-weight: 300; }
.nsj-400 { font-weight: 400; }
.nsj-500 { font-weight: 500; }
.nsj-600 { font-weight: 600; }
.nsj-700 { font-weight: 700; }
.nsj-800 { font-weight: 800; }
.nsj-900 { font-weight: 900; }