:root { 
  --blue-ribbon: #0c65fb;
  --california: #ff9c0e;
  --cararra: #ebebeb;
  --desert-storm: #f8f8f8;
  --dew: #eafbfd;
  --dodger-blue: #139dff;
  --gallery: #ededed;
  --gallery-2: #eeeeee;
  --gravel: #4c4c4c;
  --meteor: #d2800c;
  --shark: #292929;
  --solitaire: #fef7e2;
  --sugar-cane: #f3fff1;
  --white: #ffffff;
 
  --font-size-l: 23px;
  --font-size-m: 18px;
  --font-size-s: 16px;
  --font-size-xl: 24px;
  --font-size-xxl: 28px;
  --font-size-xxxl: 35px;
  --font-size-xxxxl: 41.6px;
 
  --font-family-hiraminpron-w3: "HiraMinProN-W3", Helvetica;
  --font-family-hiraminpron-w6: "HiraMinProN-W6", Helvetica;
  --font-family-kozgopr6n-bold: "KozGoPr6N-Bold", Helvetica;
  --font-family-kozgopr6n-medium: "KozGoPr6N-Medium", Helvetica;
  --font-family-kozgopr6n-regular: "KozGoPr6N-Regular", Helvetica;
  --font-family-kozukagothic_pr6n-m: "KozukaGothic Pr6N-M", Helvetica;
}
.kozgopr6n-regular-normal-shark-18px {
  color: var(--shark);
  font-family: var(--font-family-kozgopr6n-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

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

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

.kozgopr6n-medium-white-35px {
  color: var(--white);
  font-family: var(--font-family-kozgopr6n-medium);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 500;
}

.hiraminpron-w3-normal-white-41-6px {
  color: var(--white);
  font-family: var(--font-family-hiraminpron-w3);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 400;
}

.hiraminpron-w3-normal-blue-ribbon-18px {
  color: var(--blue-ribbon);
  font-family: var(--font-family-hiraminpron-w3);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

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

.kozgopr6n-medium-blue-ribbon-35px {
  color: var(--blue-ribbon);
  font-family: var(--font-family-kozgopr6n-medium);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 500;
}

.kozgopr6n-medium-blue-ribbon-23px {
  color: var(--blue-ribbon);
  font-family: var(--font-family-kozgopr6n-medium);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.hiraminpron-w6-normal-white-35px {
  color: var(--white);
  font-family: var(--font-family-hiraminpron-w6);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.kozgopr6n-medium-white-28px {
  color: var(--white);
  font-family: var(--font-family-kozgopr6n-medium);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 500;
}

.kozgopr6n-regular-normal-shark-16px {
  color: var(--shark);
  font-family: var(--font-family-kozgopr6n-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.kozgopr6n-medium-blue-ribbon-28px {
  color: var(--blue-ribbon);
  font-family: var(--font-family-kozgopr6n-medium);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 500;
}

.kozgopr6n-medium-gravel-23px {
  color: var(--gravel);
  font-family: var(--font-family-kozgopr6n-medium);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.kozgopr6n-medium-white-24px {
  color: var(--white);
  font-family: var(--font-family-kozgopr6n-medium);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.hiraminpron-w6-normal-white-44-3px {
  color: var(--white);
  font-family: var(--font-family-hiraminpron-w6);
  font-size: 44.3px;
  font-style: normal;
  font-weight: 400;
}

.kozgopr6n-medium-white-27px {
  color: var(--white);
  font-family: var(--font-family-kozgopr6n-medium);
  font-size: 27px;
  font-style: normal;
  font-weight: 500;
}

.kozgopr6n-regular-normal-white-15px {
  color: var(--white);
  font-family: var(--font-family-kozgopr6n-regular);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
}

.kozgopr6n-medium-shark-28px {
  color: var(--shark);
  font-family: var(--font-family-kozgopr6n-medium);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 500;
}

.kozgopr6n-regular-normal-shark-14px {
  color: var(--shark);
  font-family: var(--font-family-kozgopr6n-regular);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.hiraminpron-w6-normal-white-29px {
  color: var(--white);
  font-family: var(--font-family-hiraminpron-w6);
  font-size: 29px;
  font-style: normal;
  font-weight: 400;
}

.kozgopr6n-bold-california-91-8px {
  color: var(--california);
  font-family: var(--font-family-kozgopr6n-bold);
  font-size: 91.8px;
  font-style: normal;
  font-weight: 700;
}

.kozgopr6n-medium-shark-35px {
  color: var(--shark);
  font-family: var(--font-family-kozgopr6n-medium);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 500;
}

.hiraminpron-w6-normal-blue-ribbon-35px {
  color: var(--blue-ribbon);
  font-family: var(--font-family-hiraminpron-w6);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.kozgopr6n-medium-california-35px {
  color: var(--california);
  font-family: var(--font-family-kozgopr6n-medium);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 500;
}

.hiraminpron-w6-normal-blue-ribbon-28px {
  color: var(--blue-ribbon);
  font-family: var(--font-family-hiraminpron-w6);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}