:root { 
  --base: #333333;
  --black: #000000;
  --gallery: #eeeeee;
  --line-sub: #96a0a0;
  --subtext: #96a0a0;
  --white: #ffffff;
  --x2base: #f2f2f2;
  --x3accent: #bc2c27;
  --x3accent-2: #db2f38;
  --x3base: #f8f8f8;
  --x3black: #2e2e2e;
  --x3dark-gray: #a2a2a2;
  --x3gray: #d6d6d6;
  --x3gray-2: #e4e4e4;
  --x3light-gray: #f2f2f2;
  --x3neon-accent: #26fb22;
  --x3text-sub: #4f4f4f;
  --x3white: #ffffff;
  --x3base2: #f9f9f9;
  --leftline: #27FC23;
 
  --font-size-l: 15px;
  --font-size-m: 14px;
  --font-size-s: 13px;
  --font-size-xl: 16px;
  --font-size-xs: 12px;
  --font-size-xxl: 17px;
  --font-size-xxxl: 18px;
 
  --font-family-century_schoolbook-regular: "游明朝体",YuMincho,'YuMincho',"YuMin-Medium","游明朝 Demibold","Yu Mincho Demibold","游明朝","Yu Mincho","游明朝体 Medium","游明朝 Medium","YuMincho Medium","Yu Mincho Medium",'Noto Serif JP', "MS P明朝", "MS PMincho", serif,Helvetica;
  --font-family-noto_sans: "Noto Sans", Helvetica;
  --font-family-noto_sans-bold: "Noto Sans-Bold", Helvetica;
  --font-family-noto_sans_jp: "Noto Sans JP", Helvetica;
  --font-family-yumincho-demibold: "游明朝体 Demibold",YuMincho,"游明朝 Demibold",'Yu Mincho Demibold','YuMincho Demibold','Yu Mincho Demibold','Noto Serif JP', serif, Helvetica;
  --font-family-yumincho-medium: "游明朝体",'YuMincho',YuMincho,"YuMin-Medium","游明朝 Demibold","Yu Mincho Demibold","游明朝体 Medium","游明朝 Medium","YuMincho Medium","Yu Mincho Medium", 'Noto Serif JP', "MS P明朝", "MS PMincho", serif,Helvetica;
}
.yumincho-medium-thunder-16px {
  color: var(--x3black);
  font-family: var(--font-family-yumincho-medium);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.yumincho-medium-thunder-14px {
  color: var(--x3black);
  font-family: var(--font-family-yumincho-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.yumincho-demi-normal-thunder-16px {
  color: var(--x3black);
  font-family: var(--font-family-yumincho-demibold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.yumincho-medium-thunder-15px {
  color: var(--x3black);
  font-family: var(--font-family-yumincho-medium);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.yumincho-medium-thunder-12px {
  color: var(--x3black);
  font-family: var(--font-family-yumincho-medium);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.centuryschoolbook-regular-normal-delta-14px {
  color: var(--x3dark-gray);
  font-family: var(--font-family-century_schoolbook-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.centuryschoolbook-regular-normal-delta-19px {
  color: var(--x3dark-gray);
  font-family: var(--font-family-century_schoolbook-regular);
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
}

.yumincho-medium-thunder-10px {
  color: var(--x3black);
  font-family: var(--font-family-yumincho-medium);
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
}

.yumincho-medium-thunder-18px {
  color: var(--x3black);
  font-family: var(--font-family-yumincho-medium);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 500;
}

.centuryschoolbook-regular-normal-thunder-13px {
  color: var(--x3black);
  font-family: var(--font-family-century_schoolbook-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.centuryschoolbook-regular-normal-thunder-14px {
  color: var(--x3black);
  font-family: var(--font-family-century_schoolbook-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.yumincho-medium-thunder-17px {
  color: var(--x3black);
  font-family: var(--font-family-yumincho-medium);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 500;
}

.yumincho-demi-normal-thunder-20px {
  color: var(--x3black);
  font-family: var(--font-family-yumincho-demibold);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
}

.yumincho-medium-thunder-35px {
  color: var(--x3black);
  font-family: var(--font-family-yumincho-medium);
  font-size: 35px;
  font-style: normal;
  font-weight: 500;
}

.yumincho-medium-abbey-16px {
  color: var(--x3text-sub);
  font-family: var(--font-family-yumincho-medium);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.yumincho-demi-normal-mine-shaft-14px {
  color: var(--base);
  font-family: var(--font-family-yumincho-demibold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.yumincho-demi-normal-thunder-25px {
  color: var(--x3black);
  font-family: var(--font-family-yumincho-demibold);
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
}

.yumincho-medium-thunder-32px {
  color: var(--x3black);
  font-family: var(--font-family-yumincho-medium);
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
}

.yumincho-demi-normal-thunder-18px {
  color: var(--x3black);
  font-family: var(--font-family-yumincho-demibold);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.yumincho-medium-abbey-14px {
  color: var(--x3text-sub);
  font-family: var(--font-family-yumincho-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.yumincho-medium-thunder-20px {
  color: var(--x3black);
  font-family: var(--font-family-yumincho-medium);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
}

.yumincho-medium-mine-shaft-18px {
  color: var(--base);
  font-family: var(--font-family-yumincho-medium);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 500;
}

.centuryschoolbook-regular-normal-thunder-19px {
  color: var(--x3black);
  font-family: var(--font-family-century_schoolbook-regular);
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
}

.yumincho-demi-normal-thunder-12px {
  color: var(--x3black);
  font-family: var(--font-family-yumincho-demibold);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.centuryschoolbook-regular-normal-delta-13px {
  color: var(--x3dark-gray);
  font-family: var(--font-family-century_schoolbook-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.yumincho-medium-thunder-40px {
  color: var(--x3black);
  font-family: var(--font-family-yumincho-medium);
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
}

.centuryschoolbook-regular-normal-abbey-14px {
  color: var(--x3text-sub);
  font-family: var(--font-family-century_schoolbook-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.yumincho-medium-abbey-12px {
  color: var(--x3text-sub);
  font-family: var(--font-family-yumincho-medium);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.yumincho-demi-normal-white-12px {
  color: var(--white);
  font-family: var(--font-family-yumincho-demibold);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.yumincho-medium-mine-shaft-35px {
  color: var(--base);
  font-family: var(--font-family-yumincho-medium);
  font-size: 35px;
  font-style: normal;
  font-weight: 500;
}

.yumincho-medium-abbey-20px {
  color: var(--x3text-sub);
  font-family: var(--font-family-yumincho-medium);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
}

.yumincho-medium-abbey-18px {
  color: var(--x3text-sub);
  font-family: var(--font-family-yumincho-medium);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 500;
}

.yumincho-demi-normal-white-16px {
  color: var(--white);
  font-family: var(--font-family-yumincho-demibold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.centuryschoolbook-regular-normal-pewter-19px {
  color: var(--line-sub);
  font-family: var(--font-family-century_schoolbook-regular);
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
}

.yumincho-demi-normal-mine-shaft-12px {
  color: var(--base);
  font-family: var(--font-family-yumincho-demibold);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.border-1px-x3gray {
  border: 1px solid var(--x3gray);
}

.border-1px-x3black {
  border: 1px solid var(--x3black);
}

.border-1px-x3text-sub {
  border: 1px solid var(--x3text-sub);
}

.border-1px-x3dark-gray {
  border: 1px solid var(--x3dark-gray);
}