:root { 
  --black: #000000;
  --buttercup: #f5a219;
  --celeste: #cccccc;
  --cultured-pearl: #f5f5f5;
  --fruit-salad: #649d4a;
  --lumber: #ffe6cf;
  --mine-shaft: #333333;
  --pomegranate: #e94724;
  --pomegranate-2: #ff4c25;
  --white: #ffffff;
 
  --font-size-l: 18px;
  --font-size-m: 16px;
  --font-size-xl: 20px;
  --font-size-xxl: 24px;
  --font-size-xxxl: 28px;
  --font-size-xxxxl: 40px;
  --font-size-xxxxxl: 42px;
 
  --font-family-noto_sans_jp: "Noto Sans JP", Helvetica;
  --font-family-roboto_condensed: "Roboto Condensed", Helvetica;
  --font-family-zen_kaku_gothic_new: "Zen Kaku Gothic New", Helvetica;
}

@media screen and (max-width: 950px) {
  :root {    
    --font-size-l: 16px;
    --font-size-m: 14px;
    --font-size-xl: 18px;
    --font-size-xxl: 18px;
    --font-size-xxxl: 20px;
    --font-size-xxxxl: 24px;
    --font-size-xxxxxl: 24px;

   
  }  
}

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

.zenkakugothicnew-black-mine-shaft-18px {
  color: var(--mine-shaft);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 900;
}

.zenkakugothicnew-black-mine-shaft-20px {
  color: var(--mine-shaft);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 900;
}

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

.zenkakugothicnew-black-mine-shaft-24px {
  color: var(--mine-shaft);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 900;
}

.zenkakugothicnew-black-pomegranate-28px {
  color: var(--pomegranate);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 900;
}

.zenkakugothicnew-black-mine-shaft-42px {
  color: var(--mine-shaft);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 900;
}

.zenkakugothicnew-black-white-28px {
  color: var(--white);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 900;
}

.zenkakugothicnew-black-mine-shaft-28px {
  color: var(--mine-shaft);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 900;
}

.zenkakugothicnew-black-pomegranate-18px {
  color: var(--pomegranate);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 900;
}

.zenkakugothicnew-black-white-24px {
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 900;
}

.zenkakugothicnew-black-white-18px {
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 900;
}

.zenkakugothicnew-black-white-18px-2 {
  color: var(--white);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 900;
}

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

.zenkakugothicnew-black-mine-shaft-40px {
  color: var(--mine-shaft);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 900;
}

.zenkakugothicnew-black-pomegranate-42px {
  color: var(--pomegranate);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 900;
}

.zenkakugothicnew-bold-mine-shaft-24px {
  color: var(--mine-shaft);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.zenkakugothicnew-black-white-42px {
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 900;
}

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

.zenkakugothicnew-black-pomegranate-24px {
  color: var(--pomegranate);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 900;
}

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

.zenkakugothicnew-black-mine-shaft-16px {
  color: var(--mine-shaft);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 900;
}