@font-face {
  font-family: 'Kozuka Gothic Pro-R';
  src: url('../fonts/KozGoPro-R.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Kozuka Gothic Pro-H';
  src: url('../fonts/KozGoPro-H.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root { 
  --alizarin-crimson: #d92728;
  --black: #000000cc;
  --black-haze: #f6f6f6;
  --dodger-blue: #2699f6;
  --dodger-blue-2: #2699f64c;
  --dodger-blue-3: #2b87ff;
  --eerie-black: #1a1a1a;
  --endeavour: #005ab1cc;
  --endeavour-2: #005ab1;
  --english-walnut: #3c2c25;
  --green: #00b900;
  --lemon-yellow: #fff74a;
  --licorice: #111111;
  --log-cabin: #232323;
  --log-cabin-2: #222222;
  --mandy: #ec535b;
  --masala: #3c3c3c;
  --mine-shaft: #333333;
  --mine-shaft-2: #313131;
  --nevada: #62707c;
  --pomegranate: #ec3f25;
  --quill-gray: #d6d6d6;
  --royal-blue: #4468e2;
  --solitude: #ebf3ff;
  --spring-wood: #f7f5f0;
  --white: #ffffff;
  --x000000: #000000;
  --zircon: #f6faff;
 
  --font-size-xxl: 28px;
  --font-size-xl: 24px;
  --font-size-l: 20px;
  --font-size-m: 18px;
  --font-size-s: 16px;
  --font-size-xl: 24px;
  --font-size-xs: 14px;
  --font-size-xxl: 28px;
  --font-size-xxxl: 30px;
 
  --font-family-futura_std-heavyoblique: "Futura Std-HeavyOblique", Helvetica;
  --font-family-inter: "Inter", Helvetica;
  --font-family-kozuka_gothic_pro-h: "Kozuka Gothic Pro-H", "Noto Sans JP", Helvetica, sans-serif;
  --font-family-kozuka_gothic_pro-r: "Kozuka Gothic Pro-R", "Noto Sans JP", Helvetica, sans-serif;
  --font-family-montserrat: "Montserrat", Helvetica;
  --font-family-noto_sans: "Noto Sans", Helvetica;
  --font-family-noto_sans_jp: "Noto Sans JP", Helvetica;
  --font-family-poppins: "Poppins", Helvetica;
  --font-family-sulphur_point: "Sulphur Point", Helvetica;
}
.notosansjp-bold-white-20px {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.notosansjp-bold-english-walnut-16px {
  color: var(--english-walnut);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.notosansjp-medium-english-walnut-16px {
  color: var(--english-walnut);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.notosansjp-medium-masala-14px {
  color: var(--masala);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.notosansjp-medium-english-walnut-15px {
  color: var(--english-walnut);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
}

.notosans-bold-white-14px {
  color: var(--white);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 700;
}

.notosans-bold-mine-shaft-20px {
  color: var(--mine-shaft);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.kozukagothicpro-h-normal-mandy-30px {
  color: var(--mandy);
  font-family: var(--font-family-kozuka_gothic_pro-h);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.inter-semi-bold-white-18px {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.notosansjp-bold-mandy-14px {
  color: var(--mandy);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 700;
}

.notosansjp-bold-english-walnut-24px {
  color: var(--english-walnut);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.inter-semi-bold-licorice-14px {
  color: var(--licorice);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 600;
}

.notosans-bold-alizarin-crimson-36px {
  color: var(--alizarin-crimson);
  font-family: var(--font-family-noto_sans);
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
}

.notosansjp-bold-white-14px {
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 700;
}

.montserrat-normal-black-22px {
  color: var(--black);
  font-family: var(--font-family-montserrat);
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
}

.futurastd-heavyoblique-normal-mine-shaft-32px {
  color: var(--mine-shaft);
  font-family: var(--font-family-futura_std-heavyoblique);
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
}

.notosans-bold-mine-shaft-18px {
  color: var(--mine-shaft);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.poppins-black-white-18px {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 900;
}

.futurastd-heavyoblique-normal-mine-shaft-56px {
  color: var(--mine-shaft);
  font-family: var(--font-family-futura_std-heavyoblique);
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
}

.futurastd-heavyoblique-normal-mine-shaft-120px {
  color: var(--mine-shaft);
  font-family: var(--font-family-futura_std-heavyoblique);
  font-size: 120px;
  font-style: normal;
  font-weight: 400;
}

.sulphurpoint-bold-royal-blue-24px {
  color: var(--royal-blue);
  font-family: var(--font-family-sulphur_point);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.notosansjp-bold-log-cabin-18px {
  color: var(--log-cabin);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.notosansjp-black-log-cabin-24px {
  color: var(--log-cabin-2);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 900;
}

.notosansjp-medium-log-cabin-16px {
  color: var(--log-cabin-2);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.notosans-bold-mine-shaft-48px {
  color: var(--mine-shaft);
  font-family: var(--font-family-noto_sans);
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
}

.futurastd-heavyoblique-normal-mine-shaft-58px {
  color: var(--mine-shaft);
  font-family: var(--font-family-futura_std-heavyoblique);
  font-size: 58px;
  font-style: normal;
  font-weight: 400;
}

.notosans-bold-endeavour-24px {
  color: var(--endeavour-2);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.notosans-bold-mine-shaft-24px {
  color: var(--mine-shaft);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.notosans-medium-black-18px {
  color: var(--x000000);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.notosansjp-bold-pomegranate-28px {
  color: var(--pomegranate);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.notosansjp-bold-pomegranate-32px {
  color: var(--pomegranate);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
}

.kozukagothicpro-h-normal-white-18px {
  color: var(--white);
  font-family: var(--font-family-kozuka_gothic_pro-h);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.kozukagothicpro-h-normal-white-28px {
  color: var(--white);
  font-family: var(--font-family-kozuka_gothic_pro-h);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.notosansjp-bold-alizarin-crimson-20px {
  color: var(--alizarin-crimson);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.notosansjp-medium-masala-18px {
  color: var(--masala);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.notosansjp-medium-nevada-16px {
  color: var(--nevada);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.notosansjp-medium-masala-20px {
  color: var(--masala);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.notosansjp-bold-masala-14px {
  color: var(--masala);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 700;
}

.notosansjp-bold-english-walnut-40px {
  color: var(--english-walnut);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
}

.notosansjp-bold-black-48px {
  color: var(--x000000);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
}

.notosansjp-bold-english-walnut-18px {
  color: var(--english-walnut);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.notosansjp-bold-black-40px {
  color: var(--x000000);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
}

.montserrat-bold-black-28px {
  color: var(--black);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.notosansjp-bold-mandy-18px {
  color: var(--mandy);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.notosansjp-bold-english-walnut-20px {
  color: var(--english-walnut);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.notosansjp-bold-mandy-20px {
  color: var(--mandy);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.notosansjp-bold-english-walnut-26px {
  color: var(--english-walnut);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
}

.notosansjp-medium-english-walnut-18px {
  color: var(--english-walnut);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.notosans-bold-alizarin-crimson-28px {
  color: var(--alizarin-crimson);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.notosansjp-bold-log-cabin-32px {
  color: var(--log-cabin);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
}

.notosansjp-bold-log-cabin-28px {
  color: var(--log-cabin);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.notosansjp-bold-white-18px {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.inter-normal-white-12px {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}

.inter-normal-white-11-4px {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 11.4px;
  font-style: normal;
  font-weight: 400;
}

.notosansjp-bold-black-32px {
  color: var(--x000000);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
}

.kozukagothicpro-h-normal-mandy-36px {
  color: var(--mandy);
  font-family: var(--font-family-kozuka_gothic_pro-h);
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
}

.inter-semi-bold-white-22px {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
}

.kozukagothicpro-h-normal-white-100px {
  color: var(--white);
  font-family: var(--font-family-kozuka_gothic_pro-h);
  font-size: 100px;
  font-style: normal;
  font-weight: 400;
}

.kozukagothicpro-h-normal-white-68px {
  color: var(--white);
  font-family: var(--font-family-kozuka_gothic_pro-h);
  font-size: 68px;
  font-style: normal;
  font-weight: 400;
}

.notosansjp-bold-white-31px {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 31px;
  font-style: normal;
  font-weight: 700;
}

.notosansjp-bold-white-40px {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
}

.notosansjp-bold-white-28px {
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.notosansjp-bold-log-cabin-36px {
  color: var(--log-cabin-2);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
}

.notosansjp-bold-white-18px-2 {
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.montserrat-bold-black-32px {
  color: var(--black);
  font-family: var(--font-family-montserrat);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
}

.notosansjp-bold-white-20px-2 {
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.notosans-bold-endeavour-20px {
  color: var(--endeavour-2);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.notosans-medium-black-16px {
  color: var(--x000000);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.notosansjp-bold-log-cabin-16px {
  color: var(--log-cabin);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.notosansjp-normal-white-14px {
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.notosansjp-normal-masala-14px {
  color: var(--masala);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.montserrat-normal-black-18px {
  color: var(--black);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.inter-semi-bold-white-13px {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
}

.notosans-bold-eerie-black-28px {
  color: var(--eerie-black);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.notosans-bold-mine-shaft-32px {
  color: var(--mine-shaft);
  font-family: var(--font-family-noto_sans);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
}

.notosans-bold-mine-shaft-22px {
  color: var(--mine-shaft);
  font-family: var(--font-family-noto_sans);
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
}

.notosansjp-medium-english-walnut-14px {
  color: var(--english-walnut);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.notosansjp-bold-log-cabin-24px {
  color: var(--log-cabin);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.sulphurpoint-bold-royal-blue-28px {
  color: var(--royal-blue);
  font-family: var(--font-family-sulphur_point);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}


@media screen and (max-width: 500px) {
  :root {
    --font-size-l: 16px;
    --font-size-m: 14px;
    --font-size-s: 12px;
    --font-size-xl: 20px;
    --font-size-xs: 10px;
    --font-size-xxl: 24px;
    --font-size-xxxl: 26px;
  }
}