@charset "UTF-8";

html {
  font-size: 100%;
  scroll-behavior: smooth;
}

body {
}
/* 375px - 414px */
@media (max-width: 414px) {
  html {
    /* 同倍率 */
    font-size: 3.8647342995vw;
  }
}
/* 414px - 767px */
@media (min-width: 414px) and (max-width: 767.98px) {
  html {
    font-size: calc((100vw - 414px) / 353 * 5 + 16px);
    font-size: 3.8647342995vw;
  }
}

/* 769px - 1399px */
@media (min-width: 768px) and (max-width: 1399px) {
  html {
    font-size: calc((100vw - 768px) / 632 * 3 + 13px);
  }
}

.pc {
  display: block;
}

.sp {
  display: none;
}

@media screen and (max-width: 767.98px) {
  .pc {
    display: none;
  }

  .sp {
    display: block;
  }
}

:root {
  --uc-color-text: #20242a;
  --uc-color-muted: #64707d;
  --uc-color-line: #dce3ea;
  --uc-color-bg: #f5f8fb;
  --uc-color-white: #fff;
  --uc-color-primary: #0089d0;
  --uc-color-primary-dark: #005f99;
  --uc-color-accent: #f4b321;
  --uc-color-job-change: #00a3d8;
  --uc-color-new-graduate: #00a86b;
  --uc-radius-sm: 4px;
  --uc-radius-md: 8px;
  --uc-shadow-panel: 0 16px 40px rgba(22, 40, 65, 0.1);
  --uc-font-sans:
    "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  --uc-content-sm: 760px;
  --uc-content-md: 960px;
  --uc-content-lg: 1120px;
  --uc-content-xl: 1280px;
}

.uc-page {
  color: var(--uc-color-text);
  font-family: var(--uc-font-sans);
  line-height: 1.8;
}

.uc-page *,
.uc-page *::before,
.uc-page *::after {
  box-sizing: border-box;
}

.uc-page img {
  display: block;
  width: 100%;
  height: 100%;
}

.uc-page em{
  font-style:normal;
}

.uc-inner {
  width: min(100% - 32px, var(--uc-content-lg));
  margin-inline: auto;
}

.uc-inner--sm {
  width: min(100% - 32px, var(--uc-content-sm));
}

.uc-inner--md {
  width: min(100% - 32px, var(--uc-content-md));
}

.uc-section {
  padding: 72px 0;
}

.uc-section--soft {
  background: var(--uc-color-bg);
}

.uc-kicker {
  margin: 0 0 8px;
  color: var(--uc-color-primary);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
}

.uc-heading {
  margin: 0;
  font-size: clamp(28px, 3.2vw, 44px);
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0;
}

.uc-heading--sm {
  font-size: clamp(22px, 2.4vw, 32px);
}

.uc-lead {
  margin: 16px 0 0;
  color: var(--uc-color-muted);
  font-size: 16px;
  line-height: 1.9;
}

.uc-text {
  margin: 0;
  font-size: 16px;
  line-height: 1.9;
}

.uc-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 767px) {
  .uc-inner,
  .uc-inner--sm,
  .uc-inner--md {
    width: min(100% - 24px, var(--uc-content-lg));
  }

  .uc-section {
    padding: 48px 0;
  }

  .uc-lead,
  .uc-text {
    font-size: 15px;
  }
}
