:root { 
  --black: #000000;
  --eerie-black: #1a1c20;
  --grey01: #515255;
  --grey02: #25272d;
  --grey03: #3B3C40;
  --white01: #ffffff80;
  --white02: #ffffff;
 
  --font-size-l: 60px;
  --font-size-l2: 50px;
  --font-size-l3: 44px;
  --font-size-l4: 36px;
  --font-size-l5: 32px;
  --font-size-m: 20px;
  --font-size-s: 18px;
  --font-size-xl: 168px;
  --font-size-xs: 16px;
  --font-size-xxs: 14px;
  --font-size-xxxs: 11px;

  --font-size-xl-sp: 38px;
  --font-size-l-sp: 32px;
  --font-size-m-sp: 12px;


  --font-family-inter-noto_sans_jp: "Inter","Noto Sans JP", Helvetica;
  --font-family-oswald: "Oswald", Helvetica;
}


.notosansjp-medium-white-60px {
  color: var(--white02);
  font-family: var(--font-family-inter-noto_sans_jp);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}
.notosansjp-medium-white-50px {
  color: var(--white02);
  font-family: var(--font-family-inter-noto_sans_jp);
  font-size: var(--font-size-l2);
  font-style: normal;
  font-weight: 500;
}
.notosansjp-medium-white-36px{
  color: var(--white02);
  font-family: var(--font-family-inter-noto_sans_jp);
  font-size: var(--font-size-l4);
  font-style: normal;
  font-weight: 400;
}
.notosansjp-semi-bold-white-36px{
  color: var(--white02);
  font-family: var(--font-family-inter-noto_sans_jp);
  font-size: var(--font-size-l4);
  font-style: normal;
  font-weight: 600;
}
.notosansjp-medium-white-32px {
  color: var(--white02);
  font-family: var(--font-family-inter-noto_sans_jp);
  font-size: var(--font-size-l5);
  font-style: normal;
  font-weight: 400;
}
.notosansjp-normal-white-20px {
  color: var(--white02);
  font-family: var(--font-family-inter-noto_sans_jp);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}
.notosansjp-medium-white-20px {
  color: var(--white02);
  font-family: var(--font-family-inter-noto_sans_jp);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}
.notosansjp-semi-bold-white-18px{
  color: var(--white02);
  font-family: var(--font-family-inter-noto_sans_jp);
  font-size: var(--font-size-s);
  font-weight: 600;
}
.notosansjp-medium-white-18px {
  color: var(--white02);
  font-family: var(--font-family-inter-noto_sans_jp);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}
.notosansjp-normal-white-18px{
  color: var(--white02);
  font-family: var(--font-family-inter-noto_sans_jp);
  font-size: var(--font-size-s);
  font-weight: 200;
}
.notosansjp-medium-white-14px {
  color: var(--white01);
  font-family: var(--font-family-inter-noto_sans_jp);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 500;
}

.oswald-normal-abbey-20px {
  color: var(--grey01);
  font-family: var(--font-family-oswald);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

@media only screen and (max-width:1024px) {
.notosansjp-normal-white-20px{
  font-size: var(--font-size-xs);
}
}