body {
  font-family: "KozGoPr6N", "roboto", "Noto Sans JP", sans-serif;
}
.text-gray {
  color: #333333;
}
.dark-gray {
  color: #595959;
}
.middle-gray {
  color: #dadada;
}
.base-primary {
  color: #fff;
}
.base-secondary {
  color: #f4f4f4;
}
.main {
  color: #ddc697;
}
.accent {
  color: #c33032;
}
.main-blue,
.border-main-blue {
  color: #0f3c7d;
}
.main-green {
  color: #1eaa64;
}
.bg-main-blue {
  background: #0f3c7d;
}
.bg-main-green {
  /* Gradient from right (start) to left (end) */
  background-image: linear-gradient(to right, #8ab78b, #1eaa64);
}

.bg-dark-blue {
  background: #0f2648;
}
.grayish‑blue {
  color: #e4f0f8;
}
.bg-grayish‑blue {
  background: #e4f0f8;
}
.bg-dark-blue-97 {
  background: rgb(15, 38, 72, 0.97);
}
.bg-grayish‑blue-97 {
  background: rgb(228, 240, 248, 0.97);

}
.footer-underline-color {
  color: #becddc;
}
/* =====================================================*/
.regular-12 {
  font-size: 12px;
  line-height: 32px;
}
.text-noto {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.section-noto-title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 34px;
  line-height: 1.235;
  letter-spacing: 0.025em;
}
.section-noto-sub-title {
  font-family: "roboto";
  font-weight: 700;
  font-size: 18px;
  line-height: 0.858;
  letter-spacing: 0.05em;
}

.footer-noto-title {
  font-size: 16px;
}
.noto-bold-11 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 11px;
  line-height: 1.75;
  /* letter-spacing: 0.025em; */
}
.noto-regular-13 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 13px;
  /* line-height: 15.6px; */
  line-height: 1.2;
  letter-spacing: 0.05em;
}
.noto-regular-14 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 14px;
  /* line-height: 28px; */
  line-height: 2;
  letter-spacing: 0.025em;
}
.noto-regular-14-footer {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 14px;
  /* line-height: 28px; */
  line-height: 2;
  letter-spacing: 0.025em;
}
.noto-regular-14-works {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 14px;
  /* line-height: 16.8px; */
  line-height: 1.2;
  letter-spacing: 0.05em;
}
.noto-medium-14 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 14px;
  /* line-height: 18px; */
  line-height: 1.285;
  letter-spacing: 0.025em;
}
.noto-medium-14-footer {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 14px;
  /* line-height: 18.79px; */
  line-height: 1.342;
  letter-spacing: 0.025em;
}
.noto-semibold-14 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  font-size: 14px;
  /* line-height: 16px; */
  line-height: 1.142;
  letter-spacing: 0.025em;
}
.noto-bold-14 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 14px;
  /* line-height: 15.46px; */
  line-height: 1.104;
  letter-spacing: 0.05em;
}
.noto-bold-14-age {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 14px;
  /* line-height: 11.02px; */
  line-height: 0.787;
  letter-spacing: 0em;
}
.noto-bold-14-interview {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 14px;
  /* line-height: 15.46px; */
  line-height: 1.104;
  letter-spacing: 0.05em;
}
.noto-bold-14-32 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 14px;
  /* line-height: 32px; */
  line-height: 2.285;
  letter-spacing: 0.05em;
}
.noto-bold-15 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 26px;
}
.noto-bold-16-job-type {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 16px;
  /* line-height: 28px; */
  line-height: 1.75;
  letter-spacing: 0.025em;
}
.noto-bold-16 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 16px;
  /* line-height: 28px; */
  line-height: 1.75;
  /* letter-spacing: 0.025em; */
}
.noto-bold-21 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 21px;
  /* line-height: 25.2px; */
  line-height: 1.2;
  letter-spacing: 0.05em;
}
.noto-bold-21-interview {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 21px;
  line-height: 32px;
  letter-spacing: 0.01em;
}
.noto-bold-21-interview-15 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 21px;
  /* line-height: 15.46px; */
  line-height: 0.736;
  letter-spacing: 0.05em;
  /* mobile: same */
}
.noto-bold-24 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 23.09px;
  /* line-height: 27.7px; */
  line-height: 1.199;
  letter-spacing: 0.05em;
}
.noto-bold-26 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 26px;
}
.noto-bold-34 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 34px;
  /* line-height: 50px; */
  line-height: 1.47;
  letter-spacing: 0.025em;
}
.noto-bold-45 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 44.29px;
  /* line-height: 54.57px; */
  line-height: 1.232;
  letter-spacing: 0.025em;
}
/* =====================================================*/
.roboto-bold-6 {
  font-family: "roboto";
  font-weight: 600;
  font-size: 6px;
  line-height: 7px;
}
.roboto-semibold-14 {
  font-family: "roboto";
  font-weight: 600;
  font-size: 14px;
  /* line-height: 15.46px; */
  line-height: 1.104;
  /* letter-spacing: 0.05em; */
}
.roboto-semibold-9 {
  font-family: "roboto";
  font-weight: 600;
  font-size: 9.36px;
  /* line-height: 10.34px; */
  line-height: 1.104;
  /* letter-spacing: 0.05em; */
}
.roboto-bold-10 {
  font-family: "roboto";
  font-weight: 700;
  font-size: 10px;
  /* line-height: 15.46px; */
  line-height: 1.546;
  letter-spacing: 0.05em;
}
.roboto-regular-11 {
  font-family: "roboto";
  font-weight: 400;
  font-size: 11px;
}
.roboto-regular-12 {
  font-family: "roboto";
  font-weight: 700;
  font-size: 12px;
  line-height: 21px;
  letter-spacing: 0.05em;
}
.roboto-regular-12-data {
  font-family: "roboto";
  font-weight: 700;
  font-size: 12px;
  /* line-height: 32px; */
  line-height: 2.666;
  letter-spacing: 0.05em;
}
.roboto-medium-14 {
  font-family: "roboto";
  font-weight: 500;
  font-size: 14px;
  /* line-height: 16.8px; */
  line-height: 1.2;
  letter-spacing: 0.05em;
}
.roboto-bold-14 {
  font-family: "roboto";
  font-weight: 700;
  font-size: 14px;
  /* line-height: 15.46px; */
  line-height: 1.104;
  letter-spacing: 0.05em;
}
.roboto-bold-14-job-type {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 14px;
  /* line-height: 28px; */
  line-height: 2;
  letter-spacing: 0.025em;
}
.roboto-bold-18-footer {
  font-family: "roboto";
  font-weight: 700;
  font-size: 18px;
  /* line-height: 15.46px; */
  line-height: 0.858;
  line-height: 1.104;
  letter-spacing: 0.05em;
}
.roboto-bold-18 {
  font-family: "roboto";
  font-weight: 700;
  font-size: 18px;
  /* line-height: 22.55px; */
  line-height: 1.252;
  /* letter-spacing: ; */
}
.roboto-bold-21 {
  font-family: "roboto";
  font-weight: 700;
  font-size: 21px;
  line-height: 28px;
}
.roboto-bold-24 {
  font-family: "roboto";
  font-weight: 700;
  font-size: 24px;
  /* line-height: 28.8px; */
  line-height: 1.2;
}
.roboto-bold-30 {
  font-family: "roboto";
  font-weight: 600;
  font-size: 30px;
  line-height: 36px;
}
.roboto-bold-60 {
  font-family: "roboto";
  font-weight: 600;
  font-size: 60px;
  /* line-height: 72px; */
  line-height: 1.2;
  letter-spacing: -0.025em;
}
/* =====================================================*/
@media (max-width: 768px) {
  .section-noto-title {
    font-size: 25px;
    /* line-height: 36px; */
    line-height: 1.44;
  }
  .section-noto-sub-title {
    font-size: 14px;
    line-height: 1.104;
  }
  .roboto-bold-10 {
    font-size: 7.65px;
    /* line-height: 11.83px; */
    line-height: 1.546;
  }
  .roboto-regular-12-data {
    font-size: 11px;
    /* line-height: 32px; */
    line-height: 2.909;
    /* letter-spacing: ; */
  }
  .noto-regular-13 {
    letter-spacing: 0em;
  }
  .noto-regular-14-footer {
    /* line-height: 21px; */
    line-height: 1.5;
  }
  /* noto-medium-14-footer same */
  .noto-bold-14-age {
    letter-spacing: 0em;
  }
  .noto-bold-14-interview {
    /* line-height: 32px; */
    /* line-height: 2.285; */
  }
  .roboto-bold-14 {
    font-size: 10px;
    /* line-height: 15.46px; */
    line-height: 1.546;
    letter-spacing: 0.05em;
  }
  .roboto-medium-14 {
    font-size: 12px;
    line-height: 1.2;
  }
  /* noto-bold-14-32 -->same */
  .noto-regular-14-works {
    font-size: 12px;
    /* line-height: 16.8px; */
    line-height: 1.2;
  }
  .noto-bold-16 {
    font-size: 14px;
    /* line-height: 24.5px; */
    line-height: 1.75;
  }
  .roboto-bold-18 {
    font-size: 16px;
    /* line-height: 22.55px; */
  }
  .roboto-bold-18-footer {
    font-size: 14px;
    /* line-height: 15.46px; */
    line-height: 1.104;
  }
  .roboto-bold-60 {
    font-size: 30px;
    line-height: 1.2;
  }
  .noto-bold-14 {
    font-size: 12px;
    /* line-height: 9.85px; */
    line-height: 0.82;
  }
  .noto-bold-21 {
    font-size: 18px;
    /* line-height: 21.6px; */
    line-height: 1.2;
  }
  .noto-bold-24 {
    font-size: 14px;
    line-height: 1.2;
  }
  .noto-bold-34 {
    font-size: 25px;
    line-height: 2;
  }
  .noto-bold-45 {
    font-size: 28.22px;
  }
}