:root { 
  --alto: #d9d9d9;
  --aqua-haze: #eaf4f5;
  --aqua-haze-2: #eaf3f5;
  --black: #000000;
  --celeste: #d0d0d0;
  --chestnut: #bd4646;
  --chicago: #595959;
  --ecru-white: #f8f3e6;
  --fff: #ffffff;
  --geyser: #d5dedf;
  --hippie-blue: #67a2ae;
  --paradiso: #3d7b87;
  --sandal: #ae9770;
  --sandal-2: #ae9771;
  --twilight-blue: #effbfde6;
  --wild-sand: #f4f4f4;
 
  --font-size-l: 16px;
  --font-size-m: 14px;
  --font-size-s: 13.3px;
  --font-size-xl: 17px;
  --font-size-xs: 12px;
  --font-size-xxs: 11.7px;
  --font-size-xxxs: 9.1px;
 
  --font-family-lato: "Lato", Helvetica;
  --font-family-noto_sans_jp: "Noto Sans JP", Helvetica;
  --font-family-sawarabi_gothic: "Sawarabi Gothic", Helvetica;
}
.notosansjp-normal-chicago-16px {
  color: var(--chicago);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

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

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

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

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

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

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

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

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

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

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

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

.lato-normal-paradiso-12px {
  color: var(--paradiso);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

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

.lato-normal-paradiso-16px {
  color: var(--paradiso);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

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

.notosansjp-medium-chicago-11-7px {
  color: var(--chicago);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 500;
}

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

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

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

.notosansjp-medium-paradiso-9-7px {
  color: var(--paradiso);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 9.7px;
  font-style: normal;
  font-weight: 500;
}

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

.notosansjp-medium-white-16px {
  color: var(--fff);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}
.notosansjp-bold-paradiso-20px {
  color: var(--paradiso);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
}
.notosansjp-normal-paradiso-20px {
  color: var(--paradiso);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
}
.notosansjp-normal-paradiso-24px {
  color: var(--paradiso);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
}
.notosansjp-medium-sandal-18px {
  color: var(--sandal);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
}

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

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

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

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

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

.notosansjp-medium-paradiso-11-6px {
  color: var(--paradiso);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 11.6px;
  font-style: normal;
  font-weight: 500;
}

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

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

.notosansjp-normal-chicago-8-1px {
  color: var(--chicago);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 8.1px;
  font-style: normal;
  font-weight: 400;
}

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

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

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

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

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

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

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

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

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

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

.notosansjp-normal-chicago-8-2px {
  color: var(--chicago);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 8.2px;
  font-style: normal;
  font-weight: 400;
}

.notosansjp-medium-chicago-9-1px {
  color: var(--chicago);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 500;
}

.notosansjp-medium-sandal-11-4px {
  color: var(--sandal);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 11.4px;
  font-style: normal;
  font-weight: 500;
}

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

.lato-normal-paradiso-15px {
  color: var(--paradiso);
  font-family: var(--font-family-lato);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
}

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

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

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

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

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

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

.lato-normal-paradiso-13-3px {
  color: var(--paradiso);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.notosansjp-normal-sandal-31-5px {
  color: var(--sandal-2);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 31.5px;
  font-style: normal;
  font-weight: 400;
}

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

.lato-normal-paradiso-12-4px {
  color: var(--paradiso);
  font-family: var(--font-family-lato);
  font-size: 12.4px;
  font-style: normal;
  font-weight: 400;
}

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

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

.lato-normal-paradiso-9-1px {
  color: var(--paradiso);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 400;
}

.notosansjp-normal-sandal-21-7px {
  color: var(--sandal-2);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 21.7px;
  font-style: normal;
  font-weight: 400;
}

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

.lato-normal-paradiso-8-6px {
  color: var(--paradiso);
  font-family: var(--font-family-lato);
  font-size: 8.6px;
  font-style: normal;
  font-weight: 400;
}

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