:root {
  --bright-red: #ac0009;
  --half-and-half: #fffde1;
  --japanese-maple: #790006;
  --mine-shaft: #333333;
  --teacherbankblogjpalabaster: #fbfbfb;
  --teacherbankblogjpblack: #000000;
  --teacherbankblogjpdeep-cerulean: #006eb6;
  --teacherbankblogjpdiesel: #ffff00;
  --teacherbankblogjpgallery: #efefef;
  --teacherbankblogjpgolden-dream: #f6e231;
  --teacherbankblogjpgray: #808080;
  --teacherbankblogjpmercury: #e6e6e6;
  --teacherbankblogjpmine-shaft: #3d3a3a;
  --teacherbankblogjpmint-tulip: #d2edf6;
  --teacherbankblogjpnero: #ffffff;
  --teacherbankblogjpnero-85: #ffffffd9;
  --teacherbankblogjpnero-86: #ffffffdb;
  --teacherbankblogjpnero-nero: #ffffff;
  --teacherbankblogjproyal-blue: #1a73e8;
  --teacherbankblogjpsaffron: #f8b62b;
  --teacherbankblogjpscorpion: #5b5b5b;
  --teacherbankblogjpsilver: #cccccc;
  --teacherbankblogjptundora: #444444;
  --teacherbankblogjpwestar: #e5e3df;
  --teacherbankblogjpwild-sand: #f5f5f5;
  --van-cleef: #490c0fc7;
  --vis-vis: #ffec9f;

  --font-size-10px: 10px;
  --font-size-11px: 11px;
  --font-size-12_9px: 12.9px;
  --font-size-13_1px: 13.1px;
  --font-size-13_2px: 13.2px;
  --font-size-13_3px: 13.3px;
  --font-size-15_9px: 15.9px;
  --font-size-20_6px: 20.6px;
  --font-size-20_8px: 20.8px;
  --font-size-21_2px: 21.2px;
  --font-size-21px: 21px;
  --font-size-26_4px: 26.4px;
  --font-size-26_7px: 26.7px;
  --font-size-26px: 26px;
  --font-size-27_1px: 27.1px;
  --font-size-29px: 29px;
  --font-size-30px: 30px;
  --font-size-34px: 34px;
  --font-size-36px: 36px;
  --font-size-40px: 40px;
  --font-size-l: 18px;
  --font-size-m: 16px;
  --font-size-s: 14px;
  --font-size-xl: 20px;
  --font-size-xs: 12px;
  --font-size-xxl: 24px;
  --font-size-xxxl: 28px;

  --font-family-inter: "Inter", Helvetica;
  --font-family-noto_serif_jp-black: "Noto Serif JP-Black", Helvetica;
  --font-family-noto_serif_jp-bold: "Noto Serif JP-Bold", Helvetica;
  --font-family-noto_serif_jp-medium: "Noto Serif JP-Medium", Helvetica;
  --font-family-noto_serif_jp-semibold: "Noto Serif JP-SemiBold", Helvetica;
  --font-family-roboto: "Roboto", Helvetica;
}

.teacherbankblogjpinterregular-11 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-11px);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.88px;
}

.teacherbankblogjpintermedium-14 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.teacherbankblogjpinterregular-26 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-26px);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.teacherbankblogjpintermedium-24 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.teacherbankblogjpintermedium-16 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.teacherbankblogjpinterbold-16 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.teacherbankblogjpinterbold-1334 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-13_3px);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.teacherbankblogjpinterbold-1323 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-13_2px);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.teacherbankblogjpinterbold-14 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.teacherbankblogjpinterbold-1313 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-13_1px);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.teacherbankblogjpinterbold-26 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-26px);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 40px;
}

.teacherbankblogjpinterbold-18 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.teacherbankblogjpintermedium-2119 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-21_2px);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.teacherbankblogjpintermedium-2081 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-20_8px);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.teacherbankblogjpintermedium-2063 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-20_6px);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.teacherbankblogjpintermedium-29 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-29px);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.teacherbankblogjpintermedium-36 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-36px);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.teacherbankblogjpinterbold-30 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-30px);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 4.5px;
}

.teacherbankblogjpinterbold-20 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1px;
}

.teacherbankblogjpinterregular-16 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.teacherbankblogjpinterregular-1588 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-15_9px);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.teacherbankblogjpinterbold-24 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 3px;
}

.teacherbankblogjpinterbold-40 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-40px);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 3px;
}

.teacherbankblogjpintermedium-12 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.teacherbankblogjpinterbold-34 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-34px);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 6.8px;
}

.teacherbankblogjpintermedium-18 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.teacherbankblogjpintermedium-2714 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-27_1px);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.teacherbankblogjpintermedium-2672 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-26_7px);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.teacherbankblogjpintermedium-2644 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-26_4px);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.teacherbankblogjpintermedium-20 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 1px;
}

.teacherbankblogjpinterregular-40 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-40px);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.teacherbankblogjpinterbold-21 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-21px);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1px;
}

.teacherbankblogjpintermedium-1588 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-15_9px);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.teacherbankblogjpintermedium-1291 {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-12_9px);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 2.1px;
}

.teacherbankblogjprobotomedium-14 {
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.teacherbankblogjprobotoregular-12 {
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.teacherbankblogjprobotoregular-10 {
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-10px);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.notoserifjp-semi-bold-white-18px {
  color: var(--teacherbankblogjpnero);
  font-family: var(--font-family-noto_serif_jp-semibold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.notoserifjp-semi-bold-white-13px {
  color: var(--teacherbankblogjpnero);
  font-family: var(--font-family-noto_serif_jp-semibold);
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
}

.notoserifjp-medium-white-12px {
  color: var(--teacherbankblogjpnero);
  font-family: var(--font-family-noto_serif_jp-medium);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.notoserifjp-bold-white-28px {
  color: var(--teacherbankblogjpnero);
  font-family: var(--font-family-noto_serif_jp-bold);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}

.notoserifjp-medium-half-and-half-14px {
  color: var(--half-and-half);
  font-family: var(--font-family-noto_serif_jp-medium);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.inter-bold-allports-26px {
  color: var(--teacherbankblogjpdeep-cerulean);
  font-family: var(--font-family-inter);
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
}

.notoserifjp-semi-bold-white-45px {
  color: var(--teacherbankblogjpnero);
  font-family: var(--font-family-noto_serif_jp-semibold);
  font-size: 45px;
  font-style: normal;
  font-weight: 600;
}

.notoserifjp-medium-white-28px {
  color: var(--teacherbankblogjpnero);
  font-family: var(--font-family-noto_serif_jp-medium);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 500;
}

.notoserifjp-semi-bold-white-24px {
  color: var(--teacherbankblogjpnero);
  font-family: var(--font-family-noto_serif_jp-semibold);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 600;
}

.inter-medium-mine-shaft-16px {
  color: var(--mine-shaft);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.inter-medium-mine-shaft-20px {
  color: var(--mine-shaft);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.inter-bold-allports-20px {
  color: var(--teacherbankblogjpdeep-cerulean);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.notoserifjp-bold-white-17px {
  color: var(--teacherbankblogjpnero);
  font-family: var(--font-family-noto_serif_jp-bold);
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
}

.notoserifjp-medium-white-12-1px {
  color: var(--teacherbankblogjpnero);
  font-family: var(--font-family-noto_serif_jp-medium);
  font-size: 12.1px;
  font-style: normal;
  font-weight: 500;
}

.notoserifjp-bold-white-16px {
  color: var(--teacherbankblogjpnero);
  font-family: var(--font-family-noto_serif_jp-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.notoserifjp-semi-bold-white-32px {
  color: var(--teacherbankblogjpnero);
  font-family: var(--font-family-noto_serif_jp-semibold);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
}

.notoserifjp-semi-bold-white-14px {
  color: var(--teacherbankblogjpnero);
  font-family: var(--font-family-noto_serif_jp-semibold);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

.notoserifjp-medium-black-11-7px {
  color: var(--teacherbankblogjpblack);
  font-family: var(--font-family-noto_serif_jp-medium);
  font-size: 11.7px;
  font-style: normal;
  font-weight: 500;
}

.notoserifjp-bold-white-17-8px {
  color: var(--teacherbankblogjpnero);
  font-family: var(--font-family-noto_serif_jp-bold);
  font-size: 17.8px;
  font-style: normal;
  font-weight: 700;
}

.notoserifjp-bold-white-34px {
  color: var(--teacherbankblogjpnero);
  font-family: var(--font-family-noto_serif_jp-bold);
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
}

.notoserifjp-bold-half-and-half-20px {
  color: var(--half-and-half);
  font-family: var(--font-family-noto_serif_jp-bold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.notoserifjp-medium-bright-red-22px {
  color: var(--bright-red);
  font-family: var(--font-family-noto_serif_jp-medium);
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
}

.notoserifjp-bold-white-32px {
  color: var(--teacherbankblogjpnero);
  font-family: var(--font-family-noto_serif_jp-bold);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
}

.notoserifjp-black-white-46px {
  color: var(--teacherbankblogjpnero);
  font-family: var(--font-family-noto_serif_jp-black);
  font-size: 46px;
  font-style: normal;
  font-weight: 900;
}

.notoserifjp-semi-bold-white-30px {
  color: var(--teacherbankblogjpnero);
  font-family: var(--font-family-noto_serif_jp-semibold);
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
}

.notoserifjp-bold-white-42px {
  color: var(--teacherbankblogjpnero);
  font-family: var(--font-family-noto_serif_jp-bold);
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
}

.notoserifjp-semi-bold-white-19px {
  color: var(--teacherbankblogjpnero);
  font-family: var(--font-family-noto_serif_jp-semibold);
  font-size: 19px;
  font-style: normal;
  font-weight: 600;
}

.notoserifjp-semi-bold-half-and-half-25px {
  color: var(--half-and-half);
  font-family: var(--font-family-noto_serif_jp-semibold);
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
}