:root { 
  --black: #000000;
  --buff: #f6de80;
  --cyprus: #004539;
  --fern: #64bf4d;
  --gallery: #efeeee;
  --pale-oyster: #a08b76;
  --rangitoto: #322b24;
  --rangitoto-2: #322b2414;
  --rangitoto-3: #322b24e6;
  --shingle-fawn: #67513a;
  --white: #ffffff;
 
  --font-size-l: 14px;
  --font-size-m: 13px;
  --font-size-s: 10px;
  --font-size-xl: 16px;
  --font-size-xxl: 18px;
  --font-size-xxxl: 20px;
  --font-size-xxxxl: 26px;
 
  --font-family-felix_titling-regular: "Felix Titling-Regular", Helvetica;
  --font-family-fenix: "Fenix", Helvetica;
  --font-family-gibson-regular: "Gibson-Regular", Helvetica;
  --font-family-noto_sans: "Noto Sans", Helvetica;
  --font-family-noto_sans_hebrew: "Noto Sans Hebrew", Helvetica;
  --font-family-noto_sans_jp: "Noto Sans JP", Helvetica;
  --font-family-poppins: "Poppins", Helvetica;
}
.notosansjp-normal-black-10px {
  color: var(--black);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

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

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

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

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

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

.notosansjp-semi-bold-black-13px {
  color: var(--black);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

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

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

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

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

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

.felixtitling-regular-normal-black-24px {
  color: var(--black);
  font-family: var(--font-family-felix_titling-regular);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
}

.felixtitling-regular-normal-black-104px {
  color: var(--black);
  font-family: var(--font-family-felix_titling-regular);
  font-size: 104px;
  font-style: normal;
  font-weight: 400;
}

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

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

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

.notosansjp-semi-bold-black-16px {
  color: var(--black);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}

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

.notosansjp-semi-bold-black-10-7px {
  color: var(--black);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 10.7px;
  font-style: normal;
  font-weight: 600;
}

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

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

.fenix-normal-cyprus-26px {
  color: var(--cyprus);
  font-family: var(--font-family-fenix);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 400;
}

.fenix-normal-cyprus-16px {
  color: var(--cyprus);
  font-family: var(--font-family-fenix);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

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

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

.fenix-normal-cyprus-29px {
  color: var(--cyprus);
  font-family: var(--font-family-fenix);
  font-size: 29px;
  font-style: normal;
  font-weight: 400;
}

.fenix-normal-cyprus-17-8px {
  color: var(--cyprus);
  font-family: var(--font-family-fenix);
  font-size: 17.8px;
  font-style: normal;
  font-weight: 400;
}

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

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

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

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

.notosansjp-semi-bold-white-16px {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}

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

.notosansjp-medium-rangitoto-26px {
  color: var(--rangitoto);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 500;
}

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

.notosansjp-bold-cyprus-11-2px {
  color: var(--cyprus);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 11.2px;
  font-style: normal;
  font-weight: 700;
}

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

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

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

.notosansjp-light-white-24px {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
}

.notosansjp-extra-bold-buff-42-6px {
  color: var(--buff);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 42.6px;
  font-style: normal;
  font-weight: 800;
}

.notosansjp-normal-white-29-6px {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 29.6px;
  font-style: normal;
  font-weight: 400;
}

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

.notosansjp-medium-white-26px {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 500;
}

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

.notosansjp-medium-shingle-fawn-7-5px {
  color: var(--shingle-fawn);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 7.5px;
  font-style: normal;
  font-weight: 500;
}

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

.notosansjp-normal-cyprus-13px {
  color: var(--cyprus);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

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

.notosansjp-normal-black-11-1px {
  color: var(--black);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 11.1px;
  font-style: normal;
  font-weight: 400;
}

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

.notosansjp-light-white-18px {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 300;
}

.notosansjp-extra-bold-buff-28px {
  color: var(--buff);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 28px;
  font-style: normal;
  font-weight: 800;
}

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

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