:root {
  --black: #000000;
  --black-2: #0000001a;
  --luminous-silver: #b8babc;
  --sky-navy: #101326;
  --white: #ffffff;

  --font-size-l: 17px;
  --font-size-m: 15px;
  --font-size-s: 14px;
  --font-size-xl: 22px;
  --font-size-xs: 13px;
  --font-size-xxl: 25px;
  --font-size-xxs: 10px;

  --font-size-xxxl: 27px;

  --font-family-lexend: "Lexend", Helvetica;
  --font-family-lexend_exa: "Lexend Exa", Helvetica;
  --font-family-lexend_mega: "Lexend Mega", Helvetica;
  --font-family-zen_kaku_gothic_new: "Zen Kaku Gothic New", sans-serif;

  --font-weight-thin: 100;
  --font-weight-extra-light: 200;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  /* --font-weight-medium: 500; */
  --font-weight-medium: 400;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
  --font-weight-extra-bold: 800;
  --font-weight-heavy: 900;
}

/* 楽しんで。いい大人たち。 */
.text-tagline {
  color: var(--white);
  font-family: var(--font-family-lexend_exa);
  font-size: 23px;
  font-style: normal;
  font-weight: var(--font-weight-semi-bold);
  line-height: 50px;
  letter-spacing: calc(23px * 0.43);
  text-align: center;
  /* margin-left: calc(23px * 0.43); */
  margin-left: 20px;
}
/* OPNING MEMBERS */
.text-catch-in {
  color: var(--white);
  font-family: var(--font-family-lexend_exa);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: var(--font-weight-semi-bold);
  line-height: 53px;
  letter-spacing: calc(27px * 0.45);
  margin-right: -13px;
  text-align: center;
}
.text-catch-in-2 {
  color: var(--luminous-silver);
  font-family: var(--font-family-lexend_exa);
  font-size: 22px;
  font-style: normal;
  font-weight: var(--font-weight-regular);
  letter-spacing: calc(22px * 0.57);
  margin-left: calc(22px * 0.57);
}
/* MENU */
.text-menu {
  color: var(--white);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: var(--font-weight-bold);
  line-height: 40px;
  letter-spacing: 6.6px;
}
/* SCROLL */
.text-scroll {
  color: var(--luminous-silver);
  font-family: var(--font-family-lexend_exa);
  font-size: 12px;
  font-weight: var(--font-weight-light);
  letter-spacing: calc(12px * 0.3);
  line-height: 52px;
  text-align: center;
}

.text-catch-in-pc {
  color: var(--white);
  font-family: var(--font-family-lexend_exa);
  font-size: 31.6px;
  font-style: normal;
  font-weight: var(--font-weight-semi-bold);
  line-height: 62px;
  letter-spacing: calc(31.6px * 0.45);
  text-align: center;
}
.text-catch-in-2-pc {
  color: var(--white);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: 24px;
  font-style: normal;
  font-weight: var(--font-weight-regular);
  line-height: 44.5px;
  letter-spacing: calc(24px * 0.56);
}
/* ご応募はこちらから */
.text-application {
  color: var(--sky-navy);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: 20px;
  /* font-weight: var(--font-weight-bold); */
  font-weight: 500;
  line-height: 28px;
  letter-spacing: calc(20px * 0.2);
  text-align: center;
}

.text-application-pc {
  color: var(--sky-navy);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: 20px;
  /* font-weight: var(--font-weight-bold); */
  font-weight: 500;
  line-height: 28px;
  letter-spacing: calc(20px * 0.2);
  text-align: center;
}
.text-menu-pc {
  color: var(--white);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: var(--font-weight-bold);
  letter-spacing: calc(22px * 0.3);
}
.text-statement {
  color: var(--white);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: 15px;
  font-style: normal;
  font-weight: var(--font-weight-medium);
  line-height: 37px;
  letter-spacing: calc(15px * 0.12);
}
.statement-en {
  font-family: var(--font-family-lexend_exa);
  font-weight: var(--font-weight-light);
  font-size: 16px;
}
.text-color-sky-navy {
  color: var(--sky-navy);
  opacity: 0.85;
}
.text-small-heading {
  color: var(--sky-navy);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 9px;
  line-height: 37px;
  opacity: 0.85;
  text-align: center;
  white-space: nowrap;
  margin-left: 9px;
}
.text-date {
  letter-spacing: 2px;
  line-height: 33px;
  text-align: center;
  white-space: nowrap;
  color: var(--sky-navy);
  font-family: var(--font-family-lexend_exa);
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  margin-left: 2px;
}
.text-date-jp {
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: 21.5px;
  font-weight: var(--font-weight-medium);
  letter-spacing: calc(21.5px * 0.13);
}
.text-time-en {
  font-family: var(--font-family-lexend_exa);
  font-size: 13px;
  font-weight: var(--font-weight-light);
  letter-spacing: calc(21.5px * 0.03);
  line-height: 22px;
}
.text-small-letters {
  font-size: 17px;
  font-family: var(--font-family-zen_kaku_gothic_new);
}
.text-price-memo {
  letter-spacing: 0.33px;
  line-height: 23px;
  opacity: 0.85;
  text-align: center;
  color: var(--sky-navy);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
}
.text-opening-event {
  color: var(--sky-navy);
  font-family: var(--font-family-lexend_exa);
  font-size: 31px;
  font-weight: 600;
  letter-spacing: calc(31px * 0.07);
  line-height: 40px;
  text-align: center;
  margin-left: calc(31px * 0.07);
}

/* --------------------------------------------- */
.zenkakugothicnew-medium-white-15px {
  color: var(--white);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: var(--font-size-m);
  font-style: normal;
  /* font-weight: 500; */
  font-weight: 400;
}

.zenkakugothicnew-medium-vulcan-15px {
  color: var(--sky-navy);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.lexendexa-normal-vulcan-25px {
  color: var(--sky-navy);
  font-family: var(--font-family-lexend_exa);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.lexendexa-normal-white-22px {
  color: var(--white);
  font-family: var(--font-family-lexend_exa);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.lexendexa-light-white-13px {
  color: var(--white);
  font-family: var(--font-family-lexend_exa);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 300;
}

.lexendexa-light-white-14px {
  color: var(--white);
  font-family: var(--font-family-lexend_exa);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 300;
}

.zenkakugothicnew-bold-white-22px {
  color: var(--white);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.zenkakugothicnew-bold-white-17px {
  color: var(--white);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.lexendexa-bold-white-17px {
  color: var(--white);
  font-family: var(--font-family-lexend_exa);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.zenkakugothicnew-medium-white-14px {
  color: var(--white);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: var(--font-size-s);
  font-style: normal;
  /* font-weight: 500; */
  font-weight: 400;
}

.zenkakugothicnew-normal-white-13px {
  color: var(--white);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.lexendexa-light-vulcan-16px {
  color: var(--sky-navy);
  font-family: var(--font-family-lexend_exa);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
}

.zenkakugothicnew-bold-vulcan-17px {
  color: var(--sky-navy);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.lexendexa-light-white-16px {
  color: var(--white);
  font-family: var(--font-family-lexend_exa);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
}

.lexend-normal-vulcan-24px {
  color: var(--sky-navy);
  font-family: var(--font-family-lexend);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
}

.zenkakugothicnew-medium-vulcan-11px {
  color: var(--sky-navy);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
}

.lexendexa-normal-vulcan-14px {
  color: var(--sky-navy);
  font-family: var(--font-family-lexend_exa);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

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

.lexendmega-extra-light-white-14px {
  color: var(--white);
  font-family: var(--font-family-lexend_mega);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 200;
}

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

.lexendexa-semi-bold-pink-swan-16px {
  color: var(--luminous-silver);
  font-family: var(--font-family-lexend_exa);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
}

.zenkakugothicnew-bold-white-13px {
  color: var(--white);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 700;
}

.zenkakugothicnew-bold-white-20px {
  color: var(--white);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
}

.zenkakugothicnew-medium-white-24-6px {
  color: var(--white);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: 24.6px;
  font-style: normal;
  font-weight: 500;
}

.zenkakugothicnew-medium-pink-swan-21px {
  color: var(--luminous-silver);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
}
