@charset "UTF-8";

/* ===== layout.css ===== */
:root {
  --uc-recspt-job-rail-width: clamp(18rem, 23.0357vw, 24.1875rem);
}

.uc-recspt-job-change .uc-recspt-faq__question-button::before {
  background: #008dd3;
}

.uc-recspt-job-change .uc-recspt-faq__question-button::after {
  background: #008dd3;
}

body.uc-recspt-job-change-page {
  min-width: 0;
  overflow-x: clip;
  background: #fff;
}

html:has(.uc-recspt-job-change) {
  overflow-x: clip;
}

body.uc-recspt-job-change-page .uc-header--standard {
  top: 1.1875rem;
  right: auto;
  left: 1.271rem;
  width: calc(100% - 389px - 2.5rem);
  transform: none;
}

body.uc-recspt-job-change-page .uc-header--standard .uc-header__inner {
  min-height: 4.625rem;
  padding: 0.375rem 1.1926rem 0.375rem 2.1875rem;
}

body.uc-recspt-job-change-page .uc-header__logo {
  width: 14.760625rem;
  max-width: none;
  height: 2.2455rem;
}


body.uc-recspt-job-change-page .uc-footer {
  position: relative;
  z-index: 100;
  width: 100%;
}

.uc-recspt-job-change {
  width: 100%;
  min-width: 0;
  color: #292929;
  font-family: "Noto Sans JP", sans-serif;
}

.uc-recspt-job-change__main {
  display: flex;
  align-items: flex-start;
  width: 100%;
  min-width: 0;
}

.uc-recspt-job-change__content {
  flex: 1 1 auto;
  width: calc(100% - var(--uc-recspt-job-rail-width));
  min-width: 0;
}

/* ===== common.css ===== */
.uc-recspt-heading {
  position: relative;
  text-align: center;
}

.uc-recspt-heading__title {
  margin: 0;
  margin-bottom: -0.4rem;
  color: var(--uc-recspt-heading-color, #08265f);
  font-family: "Zen Old Mincho", serif;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.04em;
}

.uc-recspt-heading__label {
  position: relative;
  display: inline-block;
  margin: 0;
  padding-bottom: 0.6925rem;
  color: var(--uc-recspt-heading-color, #08265f);
  font-family: "Zen Old Mincho", serif;
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.18em;
  text-transform: lowercase;
}

.uc-recspt-heading__label::before {
  content: none;
}

.uc-recspt-heading__label::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 3.0253rem;
  height: 1px;
  background: #c9a848;
  content: "";
  transform: translateX(-50%);
}

/* ===== 01-hero.css ===== */
/* figma-css:start nodeId=713:4320 */
@media (min-width: 768px) {
  .uc-recspt-job-change .uc-fv {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 0;
    padding-top: 7.875rem;
    overflow: hidden;
    isolation: isolate;
    background-color: #c7cedb;
    background-image: url("../../img/uc/recspt-job-change/hero-background.webp");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    box-sizing: border-box;
  }

  .uc-recspt-job-change .uc-fv::before {
    content: none;
  }

  .uc-recspt-job-change .uc-fv::after {
    content: none;
  }

  .uc-recspt-job-change .uc-fv__inner {
    position: relative;
    z-index: auto;
    width: 85.9%;
    max-width: 54.3125rem;
    height: 100%;
    margin-inline: auto;
    box-sizing: border-box;
    transform: translateX(2rem);
  }

  .uc-recspt-job-change .uc-fv__body {
    position: relative;
    left: 0.3928rem;
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  .uc-recspt-job-change .uc-fv__left {
    position: relative;
    top: auto;
    left: auto;
    z-index: auto;
    display: flex;
    flex: 0 0 38.6604rem;
    flex-direction: column;
    align-items: flex-start;
    width: auto;
    margin: 0 0 2.1875rem;
    padding: 0;
    box-sizing: border-box;
  }

  .uc-recspt-job-change .uc-fv__catch {
    width: 100%;
    margin: 0 0 1.0625rem;
  }

  .uc-recspt-job-change .uc-fv__ttl {
    width: 100%;
    margin: 0;
  }

  .uc-recspt-job-change .uc-fv__catch picture {
    display: block;
    width: 100%;
    height: 100%;
  }

  .uc-recspt-job-change .uc-fv__catch-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left top;
  }

  .uc-recspt-job-change .uc-fv__stats {
    width: 31.234375rem;
    margin: 0 0 0.5425rem 0;
  }

  .uc-recspt-job-change .uc-fv__stats-images {
    display: flex;
    align-items: flex-start;
    gap: 0.7832rem;
    width: 100%;
  }

  .uc-recspt-job-change .uc-fv__stat {
    display: block;
    margin: 0;
  }

  .uc-recspt-job-change .uc-fv__stat--screening {
    flex: 0 0 11.8096rem;
  }

  .uc-recspt-job-change .uc-fv__stat--acceptance {
    flex: 0 0 11.3374rem;
  }

  .uc-recspt-job-change .uc-fv__stats-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left top;
  }

  .uc-recspt-job-change .uc-fv__note {
    margin: 0 0 0 0.25rem;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 0.4375rem;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: 0.0219rem;
    opacity: 0.5;
  }

  .uc-recspt-job-change .uc-fv__person {
    position: relative;
    top: auto;
    left: auto;
    z-index: 2;
    flex: 0 0 40.15rem;
    width: auto;
    height: 29.975rem;
    overflow: visible;
    margin-left: -4.8rem;
  }

  .uc-recspt-job-change .uc-fv__person picture {
    display: block;
    width: 100%;
    height: 100%;
  }

  .uc-recspt-job-change .uc-fv__person-img {
    
  }
}

/* figma-css:end nodeId=713:4320 */

@media screen and (min-width: 1240px) and (max-width: 1460px) {
  .uc-recspt-job-change .uc-fv__inner {
    transform: translateX(-2.4rem);
  }
}

@media screen and (min-width: 768px) and (max-width: 1239.98px) {
  .uc-recspt-job-change .uc-fv__inner {
    transform: translateX(-3.1rem);
  }
}

/* ===== 02-about.css ===== */
/* figma-css:start nodeId=713-4299 */
.uc-recspt-about {
  padding-block: 4.25rem 4.5625rem;
}

.uc-recspt-about__inner {
  max-width: 43.6869rem;
}

.uc-recspt-about__title {
  gap: 0.522rem;
}

.uc-recspt-about__title-line--lead {
  padding-right: 0.9853rem;
  white-space: nowrap;
}

.uc-recspt-about__title-line--main {
  padding-bottom: 0.3264rem;
  white-space: nowrap;
}

.uc-recspt-about__emphasis::after {
  bottom: -0.3264rem;
  left: -0.2603rem;
}

.uc-recspt-about__description {
}

/* figma-css:end nodeId=713-4299 */

/* ===== 03-problems.css ===== */
/* figma-css:start nodeId=713-4297 */
.uc-recspt-problems {
  --uc-recspt-heading-color: #1c1c1c;
  position: relative;
  padding-block: 3.4375rem 0;
  background-image: var(--uc-recspt-problems-bg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: #1c1c1c;
}

.uc-recspt-problems__inner {
  width: 90%;
  max-width: 44.75rem;
  margin-inline: auto;
}

.uc-recspt-problems__header {
  margin-bottom: 2.833rem;
}

.uc-recspt-problems__title {
  white-space: nowrap;
}

.uc-recspt-problems__list {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 96.1496%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.uc-recspt-problem-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  text-align: center;
}

.uc-recspt-problem-card--1 {
  flex: 0 0 12.7603rem;
}

.uc-recspt-problem-card--2 {
  flex: 0 0 11.0631rem;
  padding-top: 0.1875rem;
  transform: translateX(-4.14%);
}

.uc-recspt-problem-card--3 {
  flex: 0 0 11.0631rem;
  padding-top: 0.1875rem;
}

.uc-recspt-problem-card__copy {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}

.uc-recspt-problem-card__number {
  margin: 0 0 -0.5378rem;
  color: #1c1c1c;
  font-family: "Zen Old Mincho", serif;
  font-size: 1.6538rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.2788rem;
  white-space: nowrap;
}

.uc-recspt-problem-card__number span {
  font-size: 1.9913rem;
  letter-spacing: 0;
}

.uc-recspt-problem-card__topic {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.7756rem;
  margin: 0 0 0.275rem;
  padding: 0;
  background: #1c1c1c;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.647rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.2965rem;
  transform: skewX(-7deg);
  white-space: nowrap;
}

.uc-recspt-problem-card__topic span {
  display: block;
}

.uc-recspt-problem-card__suffix {
  margin: 0;
  color: #1c1c1c;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.3725rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.1235rem;
  white-space: nowrap;
}

.uc-recspt-problem-card__img {
  align-self: center;
  display: block;
  max-width: none;
  height: auto;
}

.uc-recspt-problem-card--1 .uc-recspt-problem-card__copy {
  margin-bottom: -1.4388rem;
}

.uc-recspt-problem-card--1 .uc-recspt-problem-card__topic {
  width: 11.3363rem;
  transform: translateX(-2.26%) skewX(-7deg);
}

.uc-recspt-problem-card--1 .uc-recspt-problem-card__img {
  width: 12.7603rem;
  transform: translateX(-1.17%);
}

.uc-recspt-problem-card--2 .uc-recspt-problem-card__copy {
  margin-bottom: -0.7216rem;
}

.uc-recspt-problem-card--2 .uc-recspt-problem-card__number {
  transform: translateX(1.5%);
}

.uc-recspt-problem-card--2 .uc-recspt-problem-card__topic {
  width: 10.7248rem;
}

.uc-recspt-problem-card--2 .uc-recspt-problem-card__suffix {
  transform: translateX(3.39%);
}

.uc-recspt-problem-card--2 .uc-recspt-problem-card__img {
  width: 12.75rem;
  transform: translateX(2.4%);
}

.uc-recspt-problem-card--3 .uc-recspt-problem-card__copy {
  margin-bottom: -0.7216rem;
}

.uc-recspt-problem-card--3 .uc-recspt-problem-card__topic {
  width: 10.7248rem;
  transform: translateX(-1.38%) skewX(-7deg);
}

.uc-recspt-problem-card--3 .uc-recspt-problem-card__suffix {
  transform: translateX(1.4%);
}

.uc-recspt-problem-card--3 .uc-recspt-problem-card__img {
  width: 12.75rem;
  transform: translateX(-3.64%);
}

/* figma-css:end nodeId=713-4297 */

/* ===== 04-solutions.css ===== */
.uc-recspt-solutions {
  position: relative;
  padding-top: 6.25rem;
  padding-bottom: 6.8125rem;
  background-color: #42a6ee;
  background-image: url("../../img/uc/recspt-job-change/solutions-background.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: #404040;
}

.uc-recspt-solutions__inner {
  position: relative;
  z-index: 1;
  width: 90%;
  max-width: 63.0753rem;
  margin-inline: auto;
}

.uc-recspt-solutions__header {
  position: relative;
  width: 91.9489%;
  max-width: 57.583rem;
  margin-inline: auto;
  margin-bottom: 3.75rem;
  color: #ffffff;
  font-family: "Zen Old Mincho", serif;
  font-weight: 700;
  text-align: center;
}

.uc-recspt-solutions__eyebrow {
  display: block;
  width: 37.238rem;
  height: 4.3149rem;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0.7913rem;
  margin-left: auto;
}

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

.uc-recspt-solutions__title {
  margin: 0;
  color: #ffffff;
  font-size: 4.4022rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.4402rem;
  white-space: nowrap;
}

.uc-recspt-solutions__title-emphasis {
  position: relative;
  display: inline-block;
  margin-inline: 0.3rem;
  color: #ffffff;
}

.uc-recspt-solutions__title-emphasis::after {
  position: absolute;
  height: 1px;
  background: #ffffff;
  content: "";
  width: 100%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.uc-recspt-solutions__cards {
  display: flex;
  flex-direction: column;
  width: 99.2862%;
  max-width: 62.625rem;
}

.uc-recspt-solutions-card {
  --uc-recspt-solutions-cut-left: 4.875rem;
  --uc-recspt-solutions-cut-top: 4.9375rem;
  --uc-recspt-solutions-cut-right: 4.5rem;
  --uc-recspt-solutions-cut-bottom: 5.375rem;
  position: relative;
  background: transparent;
}

.uc-recspt-solutions-card::before {
  position: absolute;
  inset: 0;
  background: #ffffff;
  clip-path: polygon(
    var(--uc-recspt-solutions-cut-left) 0,
    100% 0,
    100% calc(100% - var(--uc-recspt-solutions-cut-bottom)),
    calc(100% - var(--uc-recspt-solutions-cut-right)) 100%,
    0 100%,
    0 var(--uc-recspt-solutions-cut-top)
  );
  content: "";
}

.uc-recspt-solutions-card--1 {
  margin-bottom: 3.0625rem;
}

.uc-recspt-solutions-card--2 {
  --uc-recspt-solutions-cut-right: 3.5625rem;
  --uc-recspt-solutions-cut-bottom: 4.25rem;
  margin-bottom: 3.5rem;
}

.uc-recspt-solutions-card--3 {
  --uc-recspt-solutions-cut-right: 4.5rem;
  --uc-recspt-solutions-cut-bottom: 5.375rem;
}

.uc-recspt-solutions-card__side {
  position: absolute;
  top: -0.0625rem;
  right: -5.1875rem;
  width: 3.625rem;
  height: 22rem;
  color: #ffffff;
  font-family: "Zen Old Mincho", serif;
  z-index: 2;
}

.uc-recspt-solutions-card__side::before {
  position: absolute;
  top: 0;
  left: 1.6875rem;
  width: 1px;
  height: 3.9614rem;
  background: rgba(255, 255, 255, 0.6);
  content: "";
}

.uc-recspt-solutions-card__side::after {
  position: absolute;
  top: 4.812rem;
  left: 1.0625rem;
  display: block;
  font-size: 1.18rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.4012rem;
  opacity: 0.6;
  text-transform: uppercase;
  writing-mode: vertical-rl;
  content: "SOLUTION";
}

.uc-recspt-solutions-card__number {
  position: absolute;
  top: 12.855rem;
  left: 60%;
  display: block;
  margin: 0;
  background: linear-gradient(22.4219deg, #aa8956 19.147%, #eada91 56.664%);
  background-clip: text;
  color: transparent;
  font-size: 6.3155rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.2526rem;
  text-align: center;
  transform: translateX(-50%);
  -webkit-background-clip: text;
}

.uc-recspt-solutions-card--1 .uc-recspt-solutions-card__number {
  background-image: linear-gradient(
    24.7132deg,
    #aa8956 19.147%,
    #eada91 56.664%
  );
}

.uc-recspt-solutions-card__content {
  position: relative;
  z-index: 1;
  width: 100%;
}

.uc-recspt-solutions-card__content--first {
  padding: 3.4375rem 4.9375rem 4.4375rem 6.125rem;
}

.uc-recspt-solutions-card__content--second {
  display: flex;
  align-items: flex-start;
  column-gap: 2.4278rem;
  padding: 3.075rem 4.25rem 2.9125rem 5.8498rem;
}

.uc-recspt-solutions-card__content--third {
  padding: 4.3125rem 4.9375rem 4.5rem 6.1875rem;
}

.uc-recspt-solutions-card__lead-row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.75rem;
}

.uc-recspt-solutions-card__column--first {
  display: flex;
  flex: 0 0 34.1rem;
  flex-direction: column;
  gap: 0.7041rem;
  min-width: 0;
}

.uc-recspt-solutions-card__column--second {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
}

.uc-recspt-solutions-card__column--third {
  display: flex;
  flex: 0 0 31.6875rem;
  flex-direction: column;
  min-width: 0;
}

.uc-recspt-solutions-card__copy {
  min-width: 0;
}

.uc-recspt-solutions-card__copy--first {
  padding-top: 0.875rem;
}

.uc-recspt-solutions-card__copy--second {
  min-width: 0;
  padding-top: 0.4375rem;
}

.uc-recspt-solutions-card__group {
  min-width: 0;
}

.uc-recspt-solutions-card__group--second {
  margin-top: -0.0742rem;
}

.uc-recspt-solutions-card__label {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 0 0.001rem;
  background: linear-gradient(90deg, #5cc7e5 0%, #0064b5 25%);
  background-clip: text;
  color: transparent;
  font-family: "Zen Old Mincho", serif;
  font-size: 1.4938rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.3137rem;
  text-transform: lowercase;
  white-space: nowrap;
  -webkit-background-clip: text;
}

.uc-recspt-solutions-card__label::after {
  position: relative;
  top: 0.2938rem;
  flex: 1;
  height: 1px;
  margin-left: 0.934rem;
  background: #0063b3;
  content: "";
}

.uc-recspt-solutions-card__title {
  margin: 0;
  color: #404040;
  font-family: "Zen Old Mincho", serif;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.2515rem;
}

.uc-recspt-solutions-card__title--first {
  position: relative;
  margin-bottom: 0.65375rem;
  font-size: 2.5145rem;
}

.uc-recspt-solutions-card__title--second {
  margin-bottom: 1.166875rem;
  font-size: 2.5145rem;
}

.uc-recspt-solutions-card__title--third {
  margin-bottom: 0.713rem;
  font-size: 2.5145rem;
  white-space: nowrap;
}

.uc-recspt-solutions-card__title-number {
  display: inline-block;
  margin-right: 0.3269rem;
  background: linear-gradient(90deg, #5cc7e5 0%, #0064b5 100%);
  background-clip: text;
  color: transparent;
  font-size: 4.1188rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0.1648rem;
  -webkit-background-clip: text;
}

.uc-recspt-solutions-card__title-emphasis {
  background: linear-gradient(90deg, #5cc7e5 0%, #0064b5 100%);
  background-clip: text;
  color: transparent;
  font-size: 3.3688rem;
  font-weight: 700;
  letter-spacing: 0.1348rem;
  -webkit-background-clip: text;
}

.uc-recspt-solutions-card__note-mark {
  position: absolute;
  top: 1.3938rem;
  left: 10.2rem;
  display: inline-block;
  color: #404040;
  font-family: "Zen Old Mincho", serif;
  font-size: 0.625rem;
  line-height: 1.4;
  letter-spacing: 0.0625rem;
  vertical-align: top;
}

.uc-recspt-solutions-card__description {
  margin: 0;
  color: #404040;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 0.0656rem;
}

.uc-recspt-solutions-card__description strong {
  color: #008dd3;
  font-weight: 700;
}

.uc-recspt-solutions-card__note {
  margin: 0;
  color: #404040;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.0313rem;
}

.uc-recspt-solutions-card__group--first .uc-recspt-solutions-card__description {
  max-width: 29.4375rem;
  margin-bottom: 0.625rem;
}

.uc-recspt-solutions-card__group--second .uc-recspt-solutions-card__description {
  max-width: 29.4375rem;
  margin-bottom: 0.458125rem;
}

.uc-recspt-solutions-card__group--third .uc-recspt-solutions-card__description {
  max-width: 29.4375rem;
}

.uc-recspt-solutions-card--1 .uc-recspt-solutions-card__label {
  width: 31.6588rem;
  margin-bottom: -0.318rem;
}

.uc-recspt-solutions-card--2 .uc-recspt-solutions-card__label {
  width: 30.8897rem;
  margin-bottom: 0.5375rem;
}

.uc-recspt-solutions-card--3 .uc-recspt-solutions-card__label {
  width: 31.5963rem;
  margin-bottom: 0.7354rem;
}

.uc-recspt-solutions-card--1 .uc-recspt-solutions-card__label::after {
  margin-left: 0.9965rem;
}

.uc-recspt-solutions-card--2 .uc-recspt-solutions-card__label::after {
  margin-left: 0.8715rem;
}

.uc-recspt-solutions-card--3 .uc-recspt-solutions-card__label::after {
  opacity: 0.625;
}

.uc-recspt-solutions-card__chart {
  position: relative;
  margin: 0;
}

.uc-recspt-solutions-card__chart--trend {
  flex: 0 0 17.4307rem;
  width: 17.4307rem;
}

.uc-recspt-solutions-card__chart--acceptance {
  flex: 0 0 17.8403rem;
  width: 17.8403rem;
}

.uc-recspt-solutions-card__chart-img {
  display: block;
  width: 100%;
  height: auto;
}


.uc-recspt-solutions-card__occupations {
  width: 100%;
  max-width: 50.375rem;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 1.875rem 2rem 1.3936rem;
  border-radius: 0.625rem;
  background: #f5f5f5;
}

.uc-recspt-solutions-card__occupation {
  margin: 0;
}

.uc-recspt-solutions-card__occupation--1 {
  padding: 0 0 0.75rem 0.5625rem;
  border-bottom: 1px solid #d4d4d4;
}

.uc-recspt-solutions-card__occupation--2 {
  padding: 1rem 0 0.75rem 0.5625rem;
  border-bottom: 1px solid #d4d4d4;
}

.uc-recspt-solutions-card__occupation--3 {
  padding: 0.75rem 0 0 0.5625rem;
}

.uc-recspt-solutions-card__occupation-title {
  margin: 0 0 0.2875rem;
  color: #404040;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0.0613rem;
}

.uc-recspt-solutions-card__occupation-text {
  margin: 0;
  color: #404040;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.6;
}

.uc-recspt-solutions-card__third-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.uc-recspt-solutions-card__check-list {
  flex: 0 0 17.144rem;
  width: 17.144rem;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 1.25rem 0 0;
  list-style: none;
}

.uc-recspt-solutions-card__check-item {
  display: flex;
  align-items: flex-start;
  min-height: 2.464rem;
  margin: 0;
  color: #192a4d;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.0692rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.0535rem;
  white-space: nowrap;
}

.uc-recspt-solutions-card__check-item strong {
  color: #3698de;
  font-weight: 700;
}

.uc-recspt-solutions-card__check-img {
  flex: 0 0 1.7054rem;
  width: 1.7054rem;
  height: auto;
  margin-right: 0.875rem;
}

/* ===== 05-cases.css ===== */
.uc-recspt-cases {
  box-sizing: border-box;
  padding-block: 3.2831rem 7.6294rem;
  background-image: url("../../img/uc/recspt-job-change/case-background.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #404040;
}
.uc-recspt-cases__inner {
}

.uc-recspt-cases__header {
  margin-bottom: 1.1119rem;
}

.uc-recspt-case__index-word {
  font-size: 1.5rem;
}

.uc-recspt-case__index-number {
  font-size: 2.25rem;
}

.uc-recspt-case-card__banner {
  background: #3698de;
}

.uc-recspt-case__ribbon-text {
  display: inline-block;
  text-indent: 0.75rem;
  transform: skewX(-10deg);
}

.uc-recspt-case__detail {
  display: flex;
  align-items: center;
  min-width: 0;
}

.uc-recspt-case__detail-label {
  display: flex;
  flex: 0 0 6.25rem;
  align-items: center;
  justify-content: center;
  min-height: 2.1875rem;
  background: #3698de;
  color: #ffffff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.0831rem;
}

.uc-recspt-case__detail-value {
  min-width: 0;
  margin: 0;
  padding-left: 0.6544rem;
  color: #404040;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.0831rem;
  white-space: nowrap;
}

/* ===== 06-price.css ===== */
.uc-recspt-price {
  --uc-recspt-heading-color: #08265f;
  color: #404040;
}

.uc-recspt-price::before {
  position: absolute;
  z-index: 0;
  top: 18.8018rem;
  right: 0;
  left: -0.125rem;
  height: 8.25rem;
  background-image: linear-gradient(
    145.636deg,
    #3b517e 1.4638%,
    #1e3051 95.365%
  );
  content: "";
}

.uc-recspt-price::after {
  position: absolute;
  z-index: 0;
  top: 18.8018rem;
  right: 0;
  left: -0.125rem;
  height: 8.25rem;
  background-image: linear-gradient(
    196.9091deg,
    #353535 9.8136%,
    #ececec 26.883%,
    #a4a4a4 44.254%,
    #a9a9a9 62.679%,
    #000000 90.304%
  );
  content: "";
  mix-blend-mode: soft-light;
  opacity: 0.5;
}

.uc-recspt-price__inner {
}

.uc-recspt-price__header {
  margin-bottom: 3.3325rem;
}

.uc-recspt-price__title {
  white-space: nowrap;
}

.uc-recspt-price__cards {
  align-items: flex-start;
}

.uc-recspt-price-card {
  flex: 1;
  background-color: #ffffff;
}

.uc-recspt-price-card--1 {
  align-self: flex-start;
}

.uc-recspt-price-card--2 {
  align-self: flex-start;
}

.uc-recspt-price-card__title {
  padding-block: 1.3125rem 1.25rem;
  background-image: linear-gradient(90deg, #254073 0%, #08265f 100%);
  text-align: center;
  white-space: nowrap;
}

.uc-recspt-price-card__body {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  min-width: 0;
}

.uc-recspt-price-card__body--ask {
  padding-block: 2.7751rem 2.8499rem;
}

.uc-recspt-price-card__body--refund {
  padding-block: 2.2126rem 2.9124rem;
}

.uc-recspt-price-card__img--ask {
  width: 48.7069%;
  max-width: 14.125rem;
}

.uc-recspt-price-card__img--refund {
  width: 78.6419%;
  max-width: 22.8062rem;
}

.uc-recspt-price__note {
  margin: 0 0 3.25rem;
  text-align: center;
  white-space: nowrap;
}

.uc-recspt-price__cta {
  display: block;
  width: 62.6753%;
  max-width: 349.15px;
  margin-inline: auto;
}

.uc-recspt-price__cta-image {
  display: block;
  width: 100%;
  height: auto;
}

/* 送信ボタンは法人総合TOP・就活TOPと同じサイズ（18rem＝288px）に揃える */
.uc-corporate-sidebar--job-change .uc-corporate-sidebar__submit {
  width: 18rem;
  max-width: 100%;
}

.uc-recspt-job-change .uc-corporate-sidebar__submit-image--next,
.uc-recspt-job-change .uc-corporate-sidebar__submit-image--final-sp {
  display: none;
}

/* ===== Media Queries ===== */

@media (max-width: 767.98px) {
  /* --- layout.css --- */

  :root {
    --uc-recspt-job-rail-width: 0rem;
  }

  body.uc-recspt-job-change-page .uc-header--standard {
    top: 0;
    right: auto;
    left: 0;
    width: 100%;
    min-height: 3.3713rem;
    border-radius: 0;
    background: #ffffff;
    box-shadow: 0 0 1.1813rem rgba(0, 0, 0, 0.11);
    transform: none;
  }

  body.uc-recspt-job-change-page .uc-header--standard .uc-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 3.3713rem;
    padding: 1.0625rem 1.2215rem 0.9218rem 1rem;
  }

  body.uc-recspt-job-change-page .uc-header--standard .uc-header__inner::after {
    display: none;
    content: none;
  }

  body.uc-recspt-job-change-page .uc-header__logo {
    flex: 0 0 9.3127rem;
    width: 9.3127rem;
    max-width: 9.3127rem;
    height: 1.387rem;
    overflow: visible;
    transform: translate(0);
  }

  .uc-header.uc-header--corporate.uc-header--corporate-mobile-ctas .uc-header__logo{
    max-width: 8.6625rem;
  }

  body.uc-recspt-job-change-page .uc-header__logo img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  body.uc-recspt-job-change-page .uc-header__corporate-actions {
    align-items: center;
    align-self: flex-start;
    flex: 0 0 auto;
    gap: 0;
    padding-top: 0.0639rem;
  }

  body.uc-recspt-job-change-page .uc-header__corporate-button {
    display: none;
  }

  body.uc-recspt-job-change-page .uc-header__menu-btn {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 1.3937rem;
    height: 1.0986rem;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
  }

  body.uc-recspt-job-change-page .uc-header__menu-btn-bar {
    display: block;
    width: 1.3937rem;
    height: 1px;
    background: #666666;
  }

  body.uc-recspt-job-change-page .uc-footer {
    width: 100%;
  }

  .uc-recspt-job-change__main {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .uc-recspt-job-change__content {
    display: contents;
  }

  /* --- common.css --- */

  .uc-recspt-heading__title {
    margin-bottom: var(--uc-recspt-heading-sp-title-margin-bottom, -0.1601rem);
    font-size: var(--uc-recspt-heading-sp-title-size, 1.65rem);
    letter-spacing: var(--uc-recspt-heading-sp-title-tracking, 0.066rem);
  }

  .uc-recspt-heading__label {
    padding-bottom: var(--uc-recspt-heading-sp-label-padding-bottom, 0.4812rem);
    font-size: var(--uc-recspt-heading-sp-label-size, 0.95rem);
    letter-spacing: var(--uc-recspt-heading-sp-label-tracking, 0.171rem);
  }

  .uc-recspt-heading__label::after {
    width: var(--uc-recspt-heading-sp-line-width, 2.4202rem);
  }

  /* --- 01-hero.css --- */

  .uc-recspt-job-change .uc-fv {
    position: relative;
    width: 100%;
    height: 31.5rem;
    padding-block: 0;
    overflow: hidden;
    background-color: #c7cedb;
    background-image: url("../../img/uc/recspt-job-change/hero-background-sp.webp");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% 100%;
    z-index: 0;
  }

  .uc-recspt-job-change .uc-fv::before {
    content: none;
  }

  .uc-recspt-job-change .uc-fv::after {
    content: none;
  }

  .uc-recspt-job-change .uc-fv__inner {
    position: relative;
    z-index: auto;
    width: 100%;
    max-width: 25.875rem;
    height: 100%;
    margin-inline: auto;
    padding: 0;
    box-sizing: border-box;
  }

  .uc-recspt-job-change .uc-fv__body {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow: visible;
    box-sizing: border-box;
  }

  .uc-recspt-job-change .uc-fv__left {
    position: static;
    z-index: 3;
    display: block;
    width: auto;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }

  .uc-recspt-job-change .uc-fv__catch {
    position: absolute;
    top: 4.6219rem;
    left: 0.988125rem;
    z-index: auto;
    width: 23.713125rem;
    height: auto;
    margin: 0;
  }

  .uc-recspt-job-change .uc-fv__ttl {
    width: 100%;
    margin: 0;
  }

  .uc-recspt-job-change .uc-fv__catch picture {
    display: block;
    width: 100%;
  }

  .uc-recspt-job-change .uc-fv__catch-img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    object-position: left top;
  }

  .uc-recspt-job-change .uc-fv__stats {
    position: absolute;
    top: 21.1125rem;
    left: 1.142rem;
    z-index: 3;
    width: 10.620625rem;
    height: auto;
    margin: 0;
  }

  .uc-recspt-job-change .uc-fv__stats-images {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5199rem;
    width: 100%;
  }

  .uc-recspt-job-change .uc-fv__stat--acceptance {
    flex: 0 0 auto;
    width: 10.6206rem;
  }

  .uc-recspt-job-change .uc-fv__person {
    position: absolute;
    top: 12.029rem;
    right: -13.2012rem;
    left: auto;
    z-index: 2;
    width: 26.55rem;
    margin: 0;
    overflow: visible;
  }

  .uc-recspt-job-change .uc-fv__note {
    display: none;
  }

  /* --- 02-about.css --- */

  .uc-recspt-about {
    padding-block: 25.65rem 3.375rem;
    width: 100%;
    background: url(../../img/uc/recspt-job-change/about-background-sp.webp)
      no-repeat;
    background-size: 100% 100%;
  }

  .uc-recspt-about__background {
    position: absolute;
    top: -21.4375rem;
    left: 0;
    z-index: 0;
    width: 100%;
  }

  .uc-recspt-about__background-img {
    display: block;
    width: 100%;
    height: auto;
  }

  .uc-recspt-about__inner {
    position: relative;
    z-index: 1;
    width: 90%;
    max-width: 23.5625rem;
  }

  .uc-recspt-about__eyebrow {
    margin: 0 0 2.5072rem;
  }

  .uc-recspt-about__title {
    gap: 0.7678rem;
  }

  .uc-recspt-about__title-line--lead {
    padding-right: 0;
    font-size: 1.4288rem;
    letter-spacing: 0.0571rem;
  }

  .uc-recspt-about__title-line--main {
    padding-bottom: 0;
  }

  .uc-recspt-about__emphasis::after {
    bottom: -0.2609rem;
    left: 0.2329rem;
  }

  .uc-recspt-about__description {
    width: 100%;
    white-space: normal;
  }

  /* --- 03-problems.css --- */

  .uc-recspt-problems {
    --uc-recspt-heading-sp-title-margin-bottom: -0.32rem;
    --uc-recspt-heading-sp-title-size: 1.8125rem;
    --uc-recspt-heading-sp-title-tracking: 0.0725rem;
    --uc-recspt-heading-sp-label-padding-bottom: 0.554rem;
    padding-block: 3.1875rem 0;
    width: 100%;
    background-image: none;
  }

  .uc-recspt-problems__background {
    position: absolute;
    z-index: 0;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .uc-recspt-problems__background-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .uc-recspt-problems__inner {
    position: relative;
    z-index: 1;
    width: 90%;
    max-width: 23.1875rem;
    margin-inline: auto;
  }

  .uc-recspt-problems__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1.9235rem;
  }

  .uc-recspt-problems__title {
    width: 100%;
    white-space: normal;
  }

  .uc-recspt-problems__list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.6673rem;
    row-gap: 0.2989rem;
    align-items: flex-start;
    justify-content: flex-start;
    width: 21.0755rem;
    max-width: 100%;
    margin-inline: auto;
    transform: translateX(0.7714%);
  }

  .uc-recspt-problem-card--1 {
    flex: 0 0 10.2083rem;
  }

  .uc-recspt-problem-card--2 {
    flex: 0 0 10.2rem;
    padding-top: 0.0249rem;
    transform: none;
  }

  .uc-recspt-problem-card--3 {
    flex: 0 0 10.2rem;
    margin-inline: auto;
    padding-top: 0;
    transform: translateX(1.233%);
  }

  .uc-recspt-problem-card__number {
    margin: 0 0 -0.4302rem;
    font-size: 1.323rem;
    letter-spacing: 0.223rem;
  }

  .uc-recspt-problem-card__number span {
    font-size: 1.593rem;
  }

  .uc-recspt-problem-card__topic {
    min-height: 2.2039rem;
    margin-bottom: 0.2364rem;
    font-size: 1.3176rem;
    letter-spacing: 0.2372rem;
  }

  .uc-recspt-problem-card__suffix {
    font-size: 1.098rem;
    letter-spacing: 0.0988rem;
  }

  .uc-recspt-problem-card--1 .uc-recspt-problem-card__copy {
    margin-bottom: -1.151rem;
    transform: translateX(0.62%);
  }

  .uc-recspt-problem-card--1 .uc-recspt-problem-card__topic {
    width: 9.069rem;
    transform: translateX(1.337%) skewX(-7deg);
  }

  .uc-recspt-problem-card--1 .uc-recspt-problem-card__img {
    width: 10.2083rem;
    transform: none;
  }

  .uc-recspt-problem-card--2 .uc-recspt-problem-card__copy {
    margin-bottom: -0.5773rem;
    transform: translateX(-0.827%);
  }

  .uc-recspt-problem-card--2 .uc-recspt-problem-card__number {
    transform: none;
  }

  .uc-recspt-problem-card--2 .uc-recspt-problem-card__topic {
    width: 8.5799rem;
    transform: translateX(1.212%) skewX(-7deg);
  }

  .uc-recspt-problem-card--2 .uc-recspt-problem-card__suffix {
    transform: none;
  }

  .uc-recspt-problem-card--2 .uc-recspt-problem-card__img {
    width: 10.2rem;
    transform: none;
  }

  .uc-recspt-problem-card--3 .uc-recspt-problem-card__copy {
    margin-bottom: -0.5773rem;
    transform: translateX(4.32%);
  }

  .uc-recspt-problem-card--3 .uc-recspt-problem-card__topic {
    width: 8.5799rem;
    transform: translateX(0.953%) skewX(-7deg);
  }

  .uc-recspt-problem-card--3 .uc-recspt-problem-card__suffix {
    transform: none;
  }

  .uc-recspt-problem-card--3 .uc-recspt-problem-card__img {
    width: 10.2rem;
    transform: none;
  }

  /* --- 04-solutions.css --- */

  .uc-recspt-solutions {
    padding-top: 4.1875rem;
    padding-bottom: 3.9056rem;
    width: 100%;
    background-image: url("../../img/uc/recspt-job-change/solutions-background-sp.webp");
  }

  .uc-recspt-solutions__inner {
    width: 100%;
  }

  .uc-recspt-solutions__header {
    width: 100%;
    margin-bottom: 4.6419rem;
  }

  .uc-recspt-solutions__eyebrow {
    width: 22.5585rem;
    height: 2.5888rem;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0.4161rem;
    margin-left: auto;
  }

  .uc-recspt-solutions__title {
    width: 20rem;
    margin-inline: auto;
    font-size: 2.9054rem;
    line-height: 1.4;
    letter-spacing: 0.2905rem;
    white-space: normal;
  }

  .uc-recspt-solutions__title-emphasis {
    margin-top: 0;
    margin-right: 0.275rem;
    margin-bottom: 0;
    margin-left: 0;
  }

  .uc-recspt-solutions__title-emphasis::after {
  }

  .uc-recspt-solutions__cards {
    align-items: center;
    width: 100%;
  }

  .uc-recspt-solutions-card {
    --uc-recspt-solutions-cut-left: 2rem;
    --uc-recspt-solutions-cut-top: 2.375rem;
    --uc-recspt-solutions-cut-right: 2rem;
    --uc-recspt-solutions-cut-bottom: 2.5rem;
    width: 23.5015rem;
  }

  .uc-recspt-solutions-card--1 {
    margin-bottom: 4.8111rem;
  }

  .uc-recspt-solutions-card--2 {
    --uc-recspt-solutions-cut-right: 2.75rem;
    --uc-recspt-solutions-cut-bottom: 3.25rem;
    margin-bottom: 3.8111rem;
  }

  .uc-recspt-solutions-card--3 {
    --uc-recspt-solutions-cut-right: 2.375rem;
    --uc-recspt-solutions-cut-bottom: 2.875rem;
  }

  .uc-recspt-solutions-card__side {
    top: -3.7993rem;
    right: 0.0138rem;
    width: 2.8143rem;
    height: 3.9375rem;
  }

  .uc-recspt-solutions-card__side::before {
    content: none;
  }

  .uc-recspt-solutions-card__side::after {
    content: none;
  }

  .uc-recspt-solutions-card__number {
    top: 0;
    right: 0;
    left: auto;
    font-size: 2.8143rem;
    line-height: 1.4;
    letter-spacing: 0.1126rem;
    transform: none;
  }

  .uc-recspt-solutions-card__content--first {
    padding-top: 2.8096rem;
    padding-right: 0;
    padding-bottom: 2.5975rem;
    padding-left: 0;
  }

  .uc-recspt-solutions-card__content--second {
    display: flex;
    flex-direction: column;
    padding-top: 2.8284rem;
    padding-right: 0;
    padding-bottom: 3.3479rem;
    padding-left: 0;
  }

  .uc-recspt-solutions-card__content--third {
    padding-top: 2.8284rem;
    padding-right: 0;
    padding-bottom: 2.5738rem;
    padding-left: 0;
  }

  .uc-recspt-solutions-card__lead-row {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 1.8828rem;
  }

  .uc-recspt-solutions-card__column--first {
    display: contents;
  }

  .uc-recspt-solutions-card__column--second {
    display: contents;
  }

  .uc-recspt-solutions-card__column--third {
    display: contents;
  }

  .uc-recspt-solutions-card__copy--first {
    order: 1;
    flex-basis: auto;
    width: 21.375rem;
    margin-right: 0;
    margin-left: 2.125rem;
    padding-top: 0;
  }

  .uc-recspt-solutions-card__copy--second {
    order: 1;
    flex-basis: auto;
    width: 19.25rem;
    margin-inline: auto;
    padding-top: 0;
  }

  .uc-recspt-solutions-card__copy--third {
    order: 1;
    flex-basis: auto;
    width: auto;
    margin-right: 0;
    margin-left: 2.125rem;
  }

  .uc-recspt-solutions-card__group--first {
    order: 3;
    width: 19.25rem;
    margin-inline: auto;
  }

  .uc-recspt-solutions-card__group--second {
    order: 3;
    width: 19.25rem;
    margin-top: 0;
    margin-inline: auto;
  }

  .uc-recspt-solutions-card__group--third {
    order: 3;
    width: 19.25rem;
    margin-inline: auto;
  }

  .uc-recspt-solutions-card__label {
    position: absolute;
    top: -1.9756rem;
    left: 10.2948rem;
    display: block;
    margin: 0;
    padding-left: 2.9994rem;
    background: none;
    background-clip: border-box;
    color: rgba(255, 255, 255, 0.7);
    font-size: 1.008rem;
    line-height: 1.4;
    letter-spacing: 0.3427rem;
    text-align: right;
    text-transform: uppercase;
    white-space: nowrap;
    -webkit-background-clip: border-box;
  }

  .uc-recspt-solutions-card--1 .uc-recspt-solutions-card__label {
    width: 10.9994rem;
    margin-bottom: 0;
  }

  .uc-recspt-solutions-card--2 .uc-recspt-solutions-card__label {
    top: -1.9568rem;
    width: 10.9994rem;
    margin-bottom: 0;
  }

  .uc-recspt-solutions-card--3 .uc-recspt-solutions-card__label {
    top: -1.9568rem;
    width: 10.9994rem;
    margin-bottom: 0;
  }

  .uc-recspt-solutions-card__label::after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 2.3769rem;
    height: 1px;
    margin-left: 0;
    background: rgba(255, 255, 255, 0.7);
    opacity: 1;
    transform: translateY(-50%);
  }

  .uc-recspt-solutions-card__title {
    font-size: 1.626rem;
    line-height: 1.4;
    letter-spacing: 0.1626rem;
  }

  .uc-recspt-solutions-card__title--first {
    margin-bottom: 2.0503rem;
    font-size: 1.626rem;
  }

  .uc-recspt-solutions-card__title--second {
    margin-bottom: 1.875rem;
    font-size: 1.626rem;
  }

  .uc-recspt-solutions-card__title--third {
    margin-bottom: 2.4174rem;
    font-size: 1.626rem;
    white-space: normal;
  }

  .uc-recspt-solutions-card__title-number {
    margin-right: 0.125rem;
    font-size: 2.5603rem;
    line-height: 1.4;
    letter-spacing: 0.1024rem;
  }

  .uc-recspt-solutions-card__title-emphasis {
    font-size: 2.5603rem;
    line-height: 1.4;
    letter-spacing: 0.1024rem;
  }

  .uc-recspt-solutions-card__note-mark {
    position: absolute;
    top: 0.7219rem;
    left: 5.9375rem;
    margin-right: 0;
    font-size: 0.5rem;
    line-height: 1.25;
    letter-spacing: 0.025rem;
  }

  .uc-recspt-solutions-card__description {
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.7;
    letter-spacing: 0.0875rem;
  }

  .uc-recspt-solutions-card__description strong {
    color: #404040;
    font-weight: 400;
  }

  .uc-recspt-solutions-card__note {
    width: 17.5rem;
    font-size: 0.5rem;
    line-height: 1.36;
    letter-spacing: 0.025rem;
  }

  .uc-recspt-solutions-card__group--first .uc-recspt-solutions-card__description {
    margin-bottom: 0.7383rem;
  }

  .uc-recspt-solutions-card__group--second
    .uc-recspt-solutions-card__description {
    margin-bottom: 0.7383rem;
  }

  .uc-recspt-solutions-card__group--third .uc-recspt-solutions-card__description {
    max-width: none;
  }

  .uc-recspt-solutions-card__chart--trend {
    order: 2;
    flex: 0 0 auto;
    width: 16.9307rem;
    margin-right: auto;
    margin-bottom: 1.15rem;
    margin-left: auto;
  }

  .uc-recspt-solutions-card__chart--acceptance {
    order: 2;
    flex: 0 0 auto;
    width: 17.5403rem;
    margin-right: auto;
    margin-bottom: 1.875rem;
    margin-left: auto;
  }

  .uc-recspt-solutions-card__occupations {
    width: 20.0625rem;
    margin-inline: auto;
    padding-top: 1.75rem;
    padding-right: 1.8125rem;
    padding-bottom: 1.9541rem;
    padding-left: 1.3125rem;
    border-radius: 0.625rem;
  }

  .uc-recspt-solutions-card__occupation--1 {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0.4033rem;
    padding-left: 0.5625rem;
  }

  .uc-recspt-solutions-card__occupation--2 {
    padding-top: 0.6875rem;
    padding-right: 0;
    padding-bottom: 0.5908rem;
    padding-left: 0.5625rem;
  }

  .uc-recspt-solutions-card__occupation--3 {
    padding-top: 0.6875rem;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0.5625rem;
  }

  .uc-recspt-solutions-card__occupation-title {
    margin-bottom: 0.35rem;
    font-size: 0.875rem;
    line-height: 1.1;
    letter-spacing: 0.0613rem;
  }

  .uc-recspt-solutions-card__occupation-text {
    font-size: 0.75rem;
    line-height: 1.6;
  }

  .uc-recspt-solutions-card__occupation--1
    .uc-recspt-solutions-card__occupation-text {
    width: 16.875rem;
  }

  .uc-recspt-solutions-card__occupation--2
    .uc-recspt-solutions-card__occupation-text {
    width: 15.5625rem;
  }

  .uc-recspt-solutions-card__occupation--3
    .uc-recspt-solutions-card__occupation-text {
    width: 16.1875rem;
  }

  .uc-recspt-solutions-card__third-row {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
  }

  .uc-recspt-solutions-card__check-list {
    display: flex;
    flex-direction: column;
    order: 2;
    flex-basis: auto;
    width: 17.144rem;
    margin-right: auto;
    margin-bottom: 2.328rem;
    margin-left: auto;
    padding-top: 0;
    gap: 0.9629rem;
  }

  .uc-recspt-solutions-card__check-item--1 {
    margin-bottom: 0.0334rem;
  }

  .uc-recspt-solutions-card__check-item {
    align-items: center;
    min-height: 1.5rem;
    font-size: 1.0692rem;
    line-height: 1.4;
    letter-spacing: 0.0535rem;
  }

  .uc-recspt-solutions-card__check-img {
    flex-basis: 1.7054rem;
    width: 1.7054rem;
    margin-right: 0.8761rem;
  }

  /* --- 05-cases.css --- */

  .uc-recspt-cases {
    position: relative;
    padding-block: 3rem 3.661875rem;
    background-image: url("../../img/uc/recspt-job-change/cases-background-sp.webp");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
  }

  .uc-recspt-cases__background {
    position: absolute;
    z-index: 0;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .uc-recspt-cases__background-img {
    display: block;
    width: 100%;
    height: auto;
  }

  .uc-recspt-cases__inner {
    width: 86.8478%;
    max-width: 22.4719rem;
  }

  .uc-recspt-case {
    flex: none;
    min-width: 0;
  }

  .uc-recspt-case__ribbon {
    width: 80.1418%;
    height: auto;
    min-height: 2.8156rem;
    margin: 0 auto -1.1594rem;
    font-size: 1.8493rem;
    line-height: 1.4;
    letter-spacing: 0.2219rem;
  }

  .uc-recspt-case__ribbon-text {
    display: inline-block;
    text-indent: 0;
    transform: skewX(-10deg);
  }

  .uc-recspt-case__panel {
    padding: 2.7918rem 0 1.6747rem;
    border-radius: 0.2391rem;
    box-shadow: 0 0 0.4781rem rgba(0, 0, 0, 0.08);
  }

  .uc-recspt-case__title {
    min-height: 2.975rem;
    margin: 0 0.8598rem 1.5217rem 1.9785rem;
    font-size: 1.0625rem;
    line-height: 1.4;
    letter-spacing: 0.1063rem;
    white-space: normal;
  }

  .uc-recspt-case__comparison {
    width: auto;
    aspect-ratio: 304.5509 / 151.9412;
    margin: 0 1.4743rem 0.7439rem 1.9631rem;
  }

  .uc-recspt-case__comparison-img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
  }

  .uc-recspt-case__details {
    margin: 0 5.0219rem 0 1.9631rem;
    gap: 0.2427rem;
  }

  .uc-recspt-case__detail {
    gap: 0.5493rem;
  }

  .uc-recspt-case__detail-label {
    flex: 0 0 5.3125rem;
    min-height: 1.8594rem;
    font-size: 1.0094rem;
    line-height: 1.8;
    letter-spacing: 0.0707rem;
  }

  .uc-recspt-case__detail-value {
    padding-left: 0;
    font-size: 1.0094rem;
    line-height: 1.8;
    letter-spacing: 0.0707rem;
    white-space: nowrap;
  }

  /* --- 06-price.css --- */

  .uc-recspt-price {
    padding-block: 2.625rem 2.6875rem;
  }

  .uc-recspt-price::before {
    top: 13.375rem;
    left: 0;
    height: 5.5rem;
    background-image: linear-gradient(
      125.0416deg,
      #3b517e 1.4638%,
      #1e3051 95.365%
    );
  }

  .uc-recspt-price::after {
    top: 26.875rem;
    left: 0;
    height: 5.5rem;
    background-image: linear-gradient(
      125.0416deg,
      #3b517e 1.4638%,
      #1e3051 95.365%
    );
    mix-blend-mode: normal;
    opacity: 1;
  }

  .uc-recspt-price__header {
    margin-bottom: 1.8388rem;
  }

  .uc-recspt-price__title {
    white-space: normal;
  }

  .uc-recspt-price__inner {
    width: 80.6957%;
  }

  .uc-recspt-price__cards {
    margin-bottom: 1.6rem;
  }

  .uc-recspt-price-card {
    flex: none;
    width: 100%;
  }

  .uc-recspt-price-card__title {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 3.735rem;
    padding-block: 0;
  }

  .uc-recspt-price-card__body--ask {
    padding-block: 1.7731rem 2.2769rem;
  }

  .uc-recspt-price-card__body--refund {
    padding-block: 1.3588rem 1.8063rem;
  }

  .uc-recspt-price-card__img--ask {
    width: 10.17rem;
  }

  .uc-recspt-price-card__img--refund {
    width: 18.25rem;
  }

  .uc-recspt-price__note {
    margin-bottom: 1.195rem;
    font-size: 0.5rem;
    line-height: 1.36;
    letter-spacing: 0.025rem;
  }

  .uc-recspt-price__cta {
    position: relative;
    left: 50%;
    width: 104.5107%;
    max-width: 21.8218rem;
    transform: translateX(-50%);
  }

  .uc-corporate-sidebar--job-change {
    margin-top: -2.75rem;
    padding: 1.875rem 1.3125rem 0.5625rem;
    box-sizing: border-box;
  }

  .uc-corporate-sidebar--job-change .uc-corporate-sidebar__inner {
    width: 100%;
    margin-bottom: 0.5rem;
  }

  .uc-corporate-sidebar--job-change .uc-corporate-sidebar__title {
    line-height: normal;
  }

  .uc-corporate-sidebar--job-change .uc-corporate-sidebar__submit {
    max-width: 100%;
  }
}

@media (max-width: 767.98px) {
  .uc-recspt-job-change .uc-corporate-sidebar__submit[type="button"] {
    overflow: visible;
    background: transparent;
  }

  .uc-recspt-job-change
    .uc-corporate-sidebar__submit[type="button"]
    .uc-corporate-sidebar__submit-image--next {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    max-width: none;
  }

  .uc-recspt-job-change
    .uc-corporate-sidebar__submit[type="button"]
    .uc-corporate-sidebar__submit-image--final,
  .uc-recspt-job-change
    .uc-corporate-sidebar__submit[type="button"]
    .uc-corporate-sidebar__submit-image--final-sp {
    display: none;
  }

  .uc-recspt-job-change
    .uc-corporate-sidebar__submit[type="button"]
    .uc-corporate-sidebar__submit-text {
    display: none;
  }

  .uc-recspt-job-change
    .uc-corporate-sidebar__submit[type="button"]
    .uc-corporate-sidebar__submit-arrow {
    display: none;
  }

  .uc-recspt-job-change
    .uc-corporate-sidebar__submit[type="submit"]
    .uc-corporate-sidebar__submit-image--next {
    display: none;
  }

  /* 展開後も「次へ進む」と同じサイズの画像ボタンにする（文字と矢印は画像内） */
  .uc-recspt-job-change .uc-corporate-sidebar__submit[type="submit"] {
    overflow: hidden;
    background: transparent;
  }

  .uc-recspt-job-change
    .uc-corporate-sidebar__submit[type="submit"]
    .uc-corporate-sidebar__submit-image--final {
    display: none;
  }

  .uc-recspt-job-change
    .uc-corporate-sidebar__submit[type="submit"]
    .uc-corporate-sidebar__submit-image--final-sp {
    display: block;
    width: 100%;
    height: auto;
  }

  .uc-recspt-job-change
    .uc-corporate-sidebar__submit[type="submit"]
    .uc-corporate-sidebar__submit-arrow {
    display: none;
  }

  .uc-recspt-job-change
    .uc-corporate-sidebar__submit[type="submit"]
    .uc-corporate-sidebar__submit-text,
  .uc-recspt-job-change
    .uc-corporate-sidebar__submit[type="submit"]
    .uc-corporate-sidebar__submit-arrow {
    display: none;
  }

}

/* ===== uc-recspt-solutions responsive ===== */
@media screen and (min-width: 768px) and (max-width: 1239.98px) {
  .uc-recspt-solutions__header {
    width: 100%;
  }

  .uc-recspt-solutions__title {
    font-size: clamp(3.5rem, 5.7vw, 4.4022rem);
  }

  .uc-recspt-solutions-card__column--first {
    flex: 1 1 0;
  }

  .uc-recspt-solutions-card__column--third {
    flex: 1 1 0;
  }

  .uc-recspt-solutions-card--1 .uc-recspt-solutions-card__label {
    width: 100%;
  }

  .uc-recspt-solutions-card--2 .uc-recspt-solutions-card__label {
    width: 100%;
  }

  .uc-recspt-solutions-card--3 .uc-recspt-solutions-card__label {
    width: 100%;
  }

  .uc-recspt-solutions-card__content--first {
    min-width: 0;
  }

  .uc-recspt-solutions-card__content--second {
    min-width: 0;
  }

  .uc-recspt-solutions-card__content--third {
    min-width: 0;
  }

  .uc-recspt-solutions-card__lead-row {
    min-width: 0;
  }

  .uc-recspt-solutions-card__third-row {
    min-width: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 1120px) {
  .uc-recspt-solutions__inner {
    width: 90%;
    max-width: 978px;
  }

  .uc-recspt-solutions__cards {
    width: calc(100% - 4.2206rem);
    max-width: none;
  }

  .uc-recspt-solutions-card__side {
    right: -4.2206rem;
  }

  .uc-recspt-solutions-card__content--first {
    padding: 3.3125rem 2.9084rem 3rem 3.2313rem;
  }

  .uc-recspt-solutions-card__lead-row {
    gap: clamp(1.25rem, 2vw, 1.875rem);
  }

  .uc-recspt-solutions-card__chart--trend {
    flex-basis: clamp(11.5rem, 20vw, 15rem);
    width: clamp(11.5rem, 20vw, 15rem);
  }

  .uc-recspt-solutions-card__occupations {
    max-width: none;
    padding: 1.5rem 1.5rem 1.25rem;
  }

  .uc-recspt-solutions-card__content--second {
    align-items: center;
    column-gap: clamp(1.5rem, 2vw, 1.875rem);
    padding: 2.85rem 0.9313rem 3.1956rem 2.0375rem;
  }

  .uc-recspt-solutions-card__chart--acceptance {
    flex-basis: clamp(12rem, 20vw, 15.5rem);
    width: clamp(12rem, 20vw, 15.5rem);
  }

  .uc-recspt-solutions-card__content--third {
    padding: 3rem 1.5rem 3rem 3.2313rem;
  }

  .uc-recspt-solutions-card__third-row {
    gap: clamp(1.25rem, 2vw, 1.875rem);
    max-width: 710px;
  }

  .uc-recspt-solutions-card__check-list {
    flex-basis: clamp(13.75rem, 24vw, 16rem);
    width: clamp(13.75rem, 24vw, 16rem);
    padding-top: 1rem;
  }

  .uc-recspt-solutions-card__title {
    font-size: clamp(1.85rem, 3.2vw, 2.5145rem);
  }

  .uc-recspt-solutions-card__title-number {
    font-size: clamp(3rem, 5vw, 4.1188rem);
  }

  .uc-recspt-solutions-card__title-emphasis {
    font-size: clamp(2.4rem, 4vw, 3.3688rem);
  }

  .uc-recspt-solutions-card__check-item {
    font-size: clamp(0.875rem, 1.5vw, 1.0692rem);
    letter-spacing: 0.03rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 910px) {
  .uc-recspt-solutions__title {
    white-space: normal;
  }

  .uc-recspt-solutions__title br.sp {
    display: block;
  }
}

@media screen and (min-width: 1240px) and (max-width: 1579.98px) {
  .uc-recspt-solutions__inner {
    width: 93%;
    max-width: 61.125rem;
  }

  .uc-recspt-solutions__header {
    width: 100%;
  }

  .uc-recspt-solutions__title {
    font-size: clamp(3.5rem, 4.3vw, 4.0625rem);
  }

  .uc-recspt-solutions__cards {
    width: calc(100% - 4.2206rem);
    max-width: none;
  }

  .uc-recspt-solutions-card__side {
    right: -4.2206rem;
  }

  .uc-recspt-solutions-card__content--first {
    min-width: 0;
    padding: 3.3125rem 3.9084rem 3rem 3.2313rem;
  }

  .uc-recspt-solutions-card__lead-row {
    min-width: 0;
    gap: clamp(1.25rem, 2vw, 1.875rem);
  }

  .uc-recspt-solutions-card__column--first {
    flex: 1 1 0;
  }

  .uc-recspt-solutions-card__chart--trend {
    flex-basis: clamp(11.5rem, 17vw, 15rem);
    width: clamp(11.5rem, 17vw, 15rem);
  }

  .uc-recspt-solutions-card__occupations {
    max-width: none;
    padding: 1.5rem 1.5rem 1.25rem;
  }

  .uc-recspt-solutions-card__content--second {
    align-items: center;
    min-width: 0;
    column-gap: clamp(1.5rem, 2vw, 1.875rem);
    padding: 2.85rem 2.8313rem 3.1956rem 2.0375rem;
  }

  .uc-recspt-solutions-card__chart--acceptance {
    flex-basis: clamp(12rem, 17vw, 15.5rem);
    width: clamp(12rem, 17vw, 15.5rem);
  }

  .uc-recspt-solutions-card__content--third {
    min-width: 0;
    padding: 3rem 2.9rem 3rem 3.2313rem;
  }

  .uc-recspt-solutions-card__third-row {
    min-width: 0;
    gap: clamp(1.25rem, 2vw, 1.875rem);
    max-width: 780px;
  }

  .uc-recspt-solutions-card__column--third {
    flex: 1 1 0;
  }

  .uc-recspt-solutions-card__check-list {
    flex-basis: clamp(13.75rem, 19vw, 16rem);
    width: clamp(13.75rem, 19vw, 16rem);
    padding-top: 1rem;
  }

  .uc-recspt-solutions-card--1 .uc-recspt-solutions-card__label {
    width: 100%;
  }

  .uc-recspt-solutions-card--2 .uc-recspt-solutions-card__label {
    width: 100%;
  }

  .uc-recspt-solutions-card--3 .uc-recspt-solutions-card__label {
    width: 100%;
  }

  .uc-recspt-solutions-card__title {
    font-size: clamp(1.85rem, 2.2vw, 2.5145rem);
  }

  .uc-recspt-solutions-card__title-number {
    font-size: clamp(3.25rem, 4vw, 4.1188rem);
  }

  .uc-recspt-solutions-card__title-emphasis {
    font-size: clamp(2.45rem, 3vw, 3.3688rem);
  }

  .uc-recspt-solutions-card__check-item {
    font-size: clamp(0.875rem, 1.2vw, 1.0692rem);
    letter-spacing: 0.03rem;
  }
}

@media screen and (min-width: 1240px) and (max-width: 1460px) {
  .uc-recspt-solutions__title {
    white-space: normal;
  }

  .uc-recspt-solutions__title br.sp {
    display: block;
  }
}


@media screen and (max-width: 767.98px) {
  .uc-header--standard .uc-header__inner {
  min-height: 5.4375rem;
  padding: 0.375rem 1.1926rem 0.375rem 2.2865rem;
}
}