:root {
  --aqua-spring: #e8fbf7;
  --black: #000000;
  --black-haze: #f7f7f7;
  --burnt-sienna: #e86a57;
  --buttery-white: #fffdeb;
  --chiffon: #fdffc8;
  --cream: #fdffcf;
  --cumulus: #fdffd5;
  --eerie-black: #1d1d1d;
  --gondola: #231815;
  --granite-gray: #686568;
  --jasper: #e55544;
  --jon: #381e1e;
  --lemon-chiffon: #feffcd;
  --malachite: #06c755;
  --mariner: #1a69c6;
  --masala: #3e3a39;
  --mine-shaft: #333333;
  --nobel: #b3b3b3;
  --quarter-pearl-lusta: #fffcf4;
  --sizzling-red: #fc3450;
  --turbo: #f8eb00;
  --turbo-2: #f8eb0033;
  --white: #ffffff;
  --font-size-l: clamp(0.75rem, 0.693rem + 0.28vw, 1.031rem);
  --font-size-m: clamp(0.75rem, 0.699rem + 0.25vw, 1rem);
  --font-size-xl:clamp(0.781rem, 0.711rem + 0.34vw, 1.125rem);
  --font-size-xxl: clamp(0.813rem, 0.742rem + 0.34vw, 1.156rem);
  --font-size-xxxl: clamp(0.813rem, 0.723rem + 0.44vw, 1.15rem);
  --font-size-xxxxl: clamp(1rem, 0.847rem + 0.75vw, 1.65rem);
  --font-size-xxxxxl: clamp(1.375rem, 1.133rem + 1.19vw, 2.563rem);
}


.notosansjp-normal-mine-shaft-16px {
  color: var(--mine-shaft);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.inter-normal-mine-shaft-18px {
  color: var(--mine-shaft);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.inter-normal-mine-shaft-16-5px {
  color: var(--mine-shaft);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.inter-bold-mine-shaft-18-4px {
  color: var(--mine-shaft);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.inter-bold-mine-shaft-20px {
  color: var(--mine-shaft);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}
.inter-bold-eerie-black-28px{
  color: var(--mine-shaft);
  font-size: clamp(1.25rem, 1.148rem + 0.5vw, 1.75rem);
  font-style: normal;
  font-weight: 700;
}
.inter-bold-mine-shaft-28px {
  color: var(--mine-shaft);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 700;
}

.inter-normal-mine-shaft-20px {
  color: var(--mine-shaft);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.inter-normal-mine-shaft-16px {
  color: var(--mine-shaft);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.notosansjp-bold-burnt-sienna-22px {
  color: var(--burnt-sienna);
  font-size: clamp(1.125rem, 1.074rem + 0.25vw, 1.375rem);
  font-style: normal;
  font-weight: 700;
}

.inter-bold-burnt-sienna-18px{
  font-weight: bold;
  color: var(--burnt-sienna);
}

.notosansjp-bold-burnt-sienna-24px {
  color: var(--burnt-sienna);
  font-size: clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem);
  font-style: normal;
  font-weight: 700;
}


.inter-black-white-20px {
  color: var(--white);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 900;
}

.inter-medium-white-20px {
  color: var(--white);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 200;
}

.roboto-bold-black-26px {
  color: var(--black);
  font-size: clamp(1rem, 1.174rem + 0.38vw, 1rem);
  font-style: normal;
  font-weight: 700;
}

.inter-bold-mine-shaft-16px {
  color: var(--mine-shaft);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.inter-black-mine-shaft-16px {
  color: var(--mine-shaft);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 900;
}

.notosansjp-normal-white-41-3px {
  color: var(--white);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 400;
}

.notosansjp-normal-mariner-41-3px {
  color: var(--mariner);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 400;
}

.inter-bold-burnt-sienna-20px {
  color: var(--burnt-sienna);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}

.inter-bold-mine-shaft-25px {
  color: var(--mine-shaft);
  font-size: clamp(1.25rem, 1.174rem + 0.38vw, 1.625rem);
  font-style: normal;
  font-weight: 700;
}

.inter-normal-mine-shaft-15px {
  color: var(--mine-shaft);
  font-size: clamp(0.75rem, 0.712rem + 0.19vw, 0.938rem);
  font-style: normal;
  font-weight: 400;
}

.inter-normal-eerie-black-20px {
  color: var(--eerie-black);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}
.inter-bold-mine-shaft-32px {
  color: var(--mine-shaft);
  font-size: clamp(1.25rem, 1.097rem + 0.75vw, 2rem);
  font-style: normal;
  font-weight: 700;
}

.inter-bold-mine-shaft-72-1px {
  color: var(--mine-shaft);
  font-size: clamp(1.875rem, 1.34rem + 2.63vw, 4.5rem);
  font-style: normal;
  font-weight: 700;
}

.inter-bold-white-17-8px {
  color: var(--white);
  font-size: 17.8px;
  font-style: normal;
  font-weight: 700;
}

.inter-bold-eerie-black-17-8px {
  color: var(--eerie-black);
  font-size: 17.8px;
  font-style: normal;
  font-weight: 700;
}

.inter-bold-mine-shaft-18px {
  color: var(--mine-shaft);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.notosansjp-normal-black-16px {
  color: var(--black);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.notosansjp-bold-burnt-sienna-16px {
  color: var(--burnt-sienna);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.notosansjp-bold-mine-shaft-16px {
  color: var(--mine-shaft);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.notosansjp-bold-mine-shaft-18px {
  color: var(--mine-shaft);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.inter-bold-white-18px {
  color: var(--white);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.inter-bold-mine-shaft-15px {
  color: var(--mine-shaft);
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
}

.roboto-medium-black-30px {
  color: var(--black);
  font-size: clamp(1.15rem, 1.2rem + 0.38vw, 1.275rem);
  font-style: normal;
  font-weight: 700;
}

.roboto-medium-black-23px {
  color: var(--black);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}

.zenkakugothicnew-normal-black-24px {
  color: var(--black);
  font-size: clamp(0.938rem, 0.823rem + 0.56vw, 1.5rem);
  font-style: normal;
  font-weight: 400;
}

.inter-bold-eerie-black-40px {
  color: var(--eerie-black);
  font-size: clamp(1.313rem, 1.071rem + 1.19vw, 2.5rem);
  font-style: normal;
  font-weight: 700;
}

.inter-bold-eerie-black-20px {
  color: var(--eerie-black);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}

.inter-medium-masala-16-6px {
  color: var(--masala);
  font-size: clamp(0.875rem, 0.842rem + 0.16vw, 1.038rem);
  font-style: normal;
  font-weight: 500;
}

.inter-bold-chiffon-170px {
  color: var(--chiffon);
  font-size: clamp(5rem, 3.854rem + 5.64vw, 10.625rem);
  font-style: normal;
  font-weight: 700;
}

.inter-bold-jasper-20px {
  color: var(--jasper);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}

.inter-black-mine-shaft-18px {
  color: var(--mine-shaft);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 900;
}

.inter-bold-jasper-33-8px {
  color: var(--jasper);
  font-size: 33.8px;
  font-style: normal;
  font-weight: 700;
}

.inter-bold-white-24px {
  color: var(--white);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
}


@media (max-width: 600px) {

.inter-bold-white-24px {
  color: var(--white);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}

}


@media (max-width: 480px) {

.inter-bold-white-24px {
  color: var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}

}

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

.notosansjp-bold-burnt-sienna-18px {
  color: var(--burnt-sienna);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.inter-bold-mine-shaft-40px {
  color: var(--mine-shaft);
  
  font-size: clamp(1.875rem, 1.748rem + 0.63vw, 2.5rem);
  font-style: normal;
  font-weight: 700;
}

.mplus2-black-white-40-4px {
  
  font-size: 40.4px;
  font-style: normal;
  font-weight: 900;
}

.mplus2-black-jon-40-4px {
  color: var(--jon);
  
  font-size: 40.4px;
  font-style: normal;
  font-weight: 900;
}

.inter-bold-eerie-black-30-5px {
  color: var(--eerie-black);
  
  font-size: 30.5px;
  font-style: normal;
  font-weight: 700;
}

.inter-bold-sizzling-red-38-1px {
  color: var(--sizzling-red);
  
  font-size: 38.1px;
  font-style: normal;
  font-weight: 700;
}

.inter-bold-gondola-28-4px {
  color: var(--gondola);
  
  font-size: 28.4px;
  font-style: normal;
  font-weight: 700;
}

.mplus2-black-white-57-5px {
  
  font-size: 57.5px;
  font-style: normal;
  font-weight: 900;
}

.mplus2-black-white-57-5px-2 {
  color: var(--white);
  
  font-size: 57.5px;
  font-style: normal;
  font-weight: 900;
}

.inter-bold-white-43-3px {
  color: var(--white);
  
  font-size: 43.3px;
  font-style: normal;
  font-weight: 700;
}

.inter-bold-turbo-54-1px {
  color: var(--turbo);
  
  font-size: 54.1px;
  font-style: normal;
  font-weight: 700;
}

.inter-bold-mine-shaft-24px {
  color: var(--mine-shaft);
  font-size: clamp(0.813rem, 0.672rem + 0.69vw, 1.25rem);
  font-style: normal;
  font-weight: 700;
}

.bizudpgothic-bold-eerie-black-10px {
  color: var(--eerie-black);
  
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
}

.liberationsans-bold-eerie-black-35-2px {
  color: var(--eerie-black);
 
  font-size: 35.2px;
  font-style: normal;
  font-weight: 700;
}

.bizudpgothic-bold-eerie-black-21-6px {
  color: var(--eerie-black);
  
  font-size: 21.6px;
  font-style: normal;
  font-weight: 700;
}

.liberationsans-bold-eerie-black-52-7px {
  color: var(--eerie-black);
 
  font-size: clamp(1.875rem, 1.586rem + 1.42vw, 3.294rem);
  font-style: normal;
  font-weight: 700;
}

.inter-bold-eerie-black-44px {
  color: var(--eerie-black);
  font-size: clamp(1.125rem, 0.85rem + 1.63vw, 2.65rem);
  font-style: normal;
  font-weight: 700;
}

.inter-normal-white-20px {
  
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.inter-bold-white-23px {
  color: var(--white);
  
  font-size: 23px;
  font-style: normal;
  font-weight: 700;
}

.inter-bold-mine-shaft-19-7px {
  color: var(--mine-shaft);
  
  font-size: 19.7px;
  font-style: normal;
  font-weight: 700;
}
