@charset "UTF-8";

/* figma-css:start nodeId=794-622 */

.uc-ng-thanks {
  --uc-thanks-green: #1cbd94;
  --uc-thanks-green-dark: #077a5d;
  --uc-thanks-text: #1c1c1c;
  --uc-thanks-muted: #404040;
  overflow: hidden;
  background: #fff;
  color: var(--uc-thanks-text);
}

.uc-ng-thanks [data-bg-text] {
  position: relative;
  isolation: isolate;
}

.uc-ng-thanks [data-bg-text]::before {
  content: attr(data-bg-text);
  position: absolute;
  z-index: 0;
  color: #EFF2F5;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 8.44375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0.506625rem;
  white-space: nowrap;
  opacity: 0.6;
  writing-mode: horizontal-tb;
  text-orientation: mixed;
}

.uc-ng-thanks [data-bg-text] > * {
  position: relative;
  z-index: 1;
}

.uc-ng-thanks-hero {
  position: relative;
  overflow: hidden;
  padding-top: 214px;
  padding-top: 13.375rem;
  padding-bottom: 100.5px;
  padding-bottom: 6.28125rem;
}

.uc-ng-thanks-hero__bg {
  position: absolute;
  inset: 0;
}

.uc-ng-thanks-hero__bg picture {
  display: block;
  width: 100%;
  height: 100%;
}

.uc-ng-thanks-hero__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
}

.uc-ng-thanks-hero__person {
  position: absolute;
  right: -23.1375rem;
  bottom: -18.84375rem;
  width: 41.9375rem;
}

.uc-ng-thanks-hero__person picture {
  display: block;
  width: 100%;
}

.uc-ng-thanks-hero__person img {
  display: block;
  width: 100%;
  height: auto;
}

.uc-ng-thanks-hero__inner {
  position: relative;
  z-index: 1;
  max-width: 980px;
  width: 95%;
  margin: 0 auto;
}

.uc-ng-thanks-hero__lead {
  margin: 0 0 4px;
  margin: 0 0 0.25rem;
  transform: skewX(-8deg);
  color: #1BB18B;
  font-family: "Noto Sans JP";
  font-size: 32.21px;
  font-size: 2.013125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 41.873px */
  letter-spacing: 3.865px;
  letter-spacing: 0.2415625rem;
}

.uc-ng-thanks-hero__title {
  margin: 0;
  color: #1BB18B;
  transform: skewX(-8deg);
  font-size: 38.71px;
  font-size: 2.419375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 50.323px */
  letter-spacing: 3.871px;
  letter-spacing: 0.2419375rem;
}

.uc-ng-thanks-hero__title em{
 border-bottom:2px solid;
 border-bottom:0.125rem solid; 
  padding-bottom:4px; 
  padding-bottom:0.25rem;
}

.uc-ng-thanks-call {
  position: relative;
  overflow: hidden;
  background-image: url("../../img/uc/new-graduate-form-thanks/call-bg.webp");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: -0.125rem;
  padding: 66px 0 82.59px;
  padding: 4.125rem 0 5.161875rem;
}

.uc-ng-thanks-call__inner {
  max-width: 566.188px;
  width: 90%;
  margin-inline: auto;
}

.uc-ng-thanks-call__summary {color: #1C1C1C;font-family: "Noto Sans JP";font-size: 19px;font-size: 1.1875rem;font-style: normal;font-weight: 400;line-height: 190%;letter-spacing: 1.9px;letter-spacing: 0.11875rem;text-align: center;margin-bottom: 26.85px;margin-bottom: 1.678125rem;}

.uc-ng-thanks-call__summary em{
font-size: 29px;
font-size: 1.8125rem;
font-weight: 700;
line-height: 190%; /* 55.1px */
letter-spacing: 2.9px;
letter-spacing: 0.18125rem;
}

.uc-ng-thanks-call__panel {
  margin-inline: auto;
  padding: 35px 48px 29px;
  padding: 2.1875rem 3rem 1.8125rem;
  border-radius: 5px;
  border-radius: 0.3125rem;
  background: #ffffff;
  text-align: center;
}

.uc-ng-thanks-call__icon {
  width: 27px;
  width: 1.6875rem;
  height: 30px;
  height: 1.875rem;
  margin: 0 auto -2px;
  margin: 0 auto -0.125rem;
}

.uc-ng-thanks-call__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.uc-ng-thanks-call__tel {
color: #1C1C1C;
text-align: center;
font-family: "Noto Sans JP";
font-size: 33px;
font-size: 2.0625rem;
font-style: normal;
font-weight: 700;
line-height: 190%; /* 62.7px */
letter-spacing: 3.3px;
letter-spacing: 0.20625rem;
}

.uc-ng-thanks-call__tel a {
  color: var(--uc-thanks-text);
  text-decoration: none;
}

.uc-ng-thanks-call__lead {
  margin: 0;
  font-size: 21px;
  font-size: 1.3125rem;
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: 2.1px;
  letter-spacing: 0.13125rem;
}

.uc-ng-thanks-call__lead strong {
  font-weight: 700;
}

.uc-ng-thanks-call__divider {
  display: block;
  width: 486px;
  width: 30.375rem;
  height: 1px;
  height: 0.0625rem;
  margin: 26px auto 23px;
  margin: 1.625rem auto 1.4375rem;
  background: #e0e0e0;
}

.uc-ng-thanks-call__note {
  margin: 0 0 11px;
  margin: 0 0 0.6875rem;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem;
}

.uc-ng-thanks-call__mail-label {
  margin: 0;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem;
}

.uc-ng-thanks-call__mail {
  margin: 0;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem;
}

.uc-ng-thanks .uc-ng-thanks-support {
  overflow: hidden;
  margin: 0.709375rem 0.66875rem 0.703125rem;
  background-image: url("../../img/uc/new-graduate-form-thanks/support-bg.webp");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 94px 0 123px;
  padding: 5.875rem 0 7.6875rem;
}

.uc-ng-thanks .uc-ng-thanks-support::before {
  top: -0.1875rem;
  right: 0.375rem;
  opacity: 0.7;
  mix-blend-mode: screen;
  color: #A8A8A8;
}

.uc-ng-thanks-support__inner {
  max-width: 1144px;
  width: 95%;
  margin-inline: auto;
}

.uc-ng-thanks-support__header {
  margin-bottom: 47.72px;
  margin-bottom: 2.9825rem;
  text-align: center;
}

.uc-ng-thanks-support__title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 19.5293125rem;
  height: 3.25rem;
  padding: 0;
  border: 2px solid #1cbd94;
  border: 0.125rem solid #1cbd94;
  background: linear-gradient(138.404788deg, rgb(28, 189, 148) 28.637%, rgb(7, 122, 93) 91.616%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 3.2px;
  letter-spacing: 0.2rem;
  margin-bottom: 11.43px;
  margin-bottom: 0.714375rem;
  padding-bottom: 0.2rem;
}

.uc-ng-thanks-support__lead {
  margin: 0;
  font-size: 19px;
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 1.9;
  letter-spacing: 1.9px;
  letter-spacing: 0.11875rem;
}

.uc-ng-thanks-support__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
  gap: 1.625rem;
}

.uc-ng-thanks-support__slider {
  width: 100%;
}

.uc-ng-thanks-support__pagination {
  display: none;
}

.uc-ng-thanks-support-card {
  padding: 1.39875rem 1.6875rem 1.39rem;
  border-radius: 5px;
  border-radius: 0.3125rem;
  background: #fff;
}

.uc-ng-thanks-support-card__top {
  display: flex;
  align-items: flex-start;
  gap: 0.423125rem;
}

.uc-ng-thanks-support-card__avatar {
  display: flex;
  align-items: flex-end;
  flex: 0 0 6.2898125rem;
  width: 6.2898125rem;
  height: 5.70675rem;
  margin: 0;
}

.uc-ng-thanks-support-card__avatar img {
  width: auto;
  height: auto;
  object-fit: contain;
}

.uc-ng-thanks-support-card--1 .uc-ng-thanks-support-card__avatar img {
  width: 6.2898125rem;
  height: 5.70675rem;
  transform: translateX(0.110625rem);
}

.uc-ng-thanks-support-card--2 .uc-ng-thanks-support-card__avatar img {
  width: 6.103rem;
  height: 5.356875rem;
  transform: translateX(0.173125rem);
}

.uc-ng-thanks-support-card--3 .uc-ng-thanks-support-card__avatar img {
  width: 6.2601875rem;
  height: 5.2158125rem;
  transform: translateX(0.235625rem);
}

.uc-ng-thanks-support-card__request-wrap {
  flex:1;
  min-width: 0;
  padding-top: 0.705625rem;
}

.uc-ng-thanks-support-card__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
  margin-bottom: 0.25rem;
  padding: 2px 12px 3px;
  padding: 0.125rem 0.75rem 0.1875rem;
  border-radius: 2px;
  border-radius: 0.125rem;
  background: linear-gradient(119.267465deg, rgb(28, 189, 148) 28.637%, rgb(7, 122, 93) 91.616%);
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 1.4px;
  letter-spacing: 0.0875rem;
}

.uc-ng-thanks-support-card__request {
  margin: 0;
  color: #1C1C1C;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 19.6px */
  letter-spacing: 1.4px;
  letter-spacing: 0.0875rem;
}

.uc-ng-thanks-support-card__divider {
  display: block;
  width: 100%;
  height: 1px;
  height: 0.0625rem;
  margin: 0 auto 22px;
  margin: 0 auto 1.375rem;
  background: #d9d9d9;
}

.uc-ng-thanks-support-card__result {
  position: relative;
  left: 0.145625rem;
  width: 93.7%;
  margin: 0 auto 15px;
  margin: 0 auto 0.9375rem;
}

.uc-ng-thanks-support-card__result img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.uc-ng-thanks-support-card__result--html {
  position: relative;
  height: 6.9596875rem;
  color: #1c1c1c;
}

.uc-ng-thanks-support-card__result-start {
  position: absolute;
  top: 0;
  left: 0.4375rem;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0.0375rem;
}

.uc-ng-thanks-support-card__result-arrow {
  position: absolute;
  top: 1.419375rem;
  left: 2.375rem;
  width: 3.881875rem;
  height: 3.2796875rem;
  border-bottom: 0.0625rem solid #404040;
  border-left: 0.0625rem solid #404040;
}

.uc-ng-thanks-support-card__result-arrow::after {
  position: absolute;
  bottom: -0.40625rem;
  left: -0.40625rem;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background: #1bb18b;
  content: "";
}

.uc-ng-thanks-support-card__result-goal {
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(112.252072deg, rgb(28, 189, 148) 28.637%, rgb(7, 122, 93) 91.616%);
  background-clip: text;
  color: transparent;
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 1.9;
  letter-spacing: normal;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.uc-ng-thanks-support-card__result-period {
  position: absolute;
  top: 0.125rem;
  right: 0;
  display: flex;
  align-content: center;
  align-items: baseline;
  justify-content: center;
  flex-wrap: wrap;
  width: 12.3125rem;
  height: 6.375rem;
  padding: 0.625rem 0.5rem 0.5rem;
  border: 0;
  border-radius: 0.125rem;
  background: linear-gradient(110.52178deg, rgb(28, 189, 148) 28.637%, rgb(7, 122, 93) 91.616%);
  color: #fff;
  line-height: 1;
}

.uc-ng-thanks-support-card__result-period span {
  color: #fff;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.1625rem;
}

.uc-ng-thanks-support-card__result-period span:first-child {
  font-size: 1.0625rem;
}

.uc-ng-thanks-support-card__result-period span:nth-of-type(2) {
  font-size: 1rem;
}

.uc-ng-thanks-support-card__result-period em {
  color: #fff;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.1625rem;
}

.uc-ng-thanks-support-card__result-period b {
  flex-basis: 100%;
  margin-top: 0.0625rem;
  color: #fff;
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  letter-spacing: 0.11875rem;
}

.uc-ng-thanks-support-card__comment-divider {
  display: block;
  flex: 1;
  min-width: 0;
  height: 1px;
  height: 0.0625rem;
  background: #d9d9d9;
}

.uc-ng-thanks-support-card__comment-head {
  display: flex;
  align-items: center;
  gap: 8.5px;
  gap: 0.53125rem;
  margin-bottom: 7px;
  margin-bottom: 0.4375rem;
}

.uc-ng-thanks-support-card__adviser {
  width: 35px;
  width: 2.1875rem;
  height: 35px;
  height: 2.1875rem;
}

.uc-ng-thanks-support-card__adviser img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.uc-ng-thanks-support-card__comment-label {
  margin: 0;
  font-size: 11.528px;
  font-size: 0.7205rem;
  font-style: normal;
  font-weight: 700;
  line-height: 190%; /* 21.903px */
}

.uc-ng-thanks-support-card__comment {
  margin: 0;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 1.4px;
  letter-spacing: 0.0875rem;
}

.uc-ng-thanks .uc-ng-thanks-offers {
  position: relative;
  z-index: 2;
  overflow: hidden;
  background: url(../../img/uc/new-graduate-form-thanks/offers-bg.webp) no-repeat;
  background-size: 100% 100%;
  padding-top: 69px;
  padding-top: 4.3125rem;
  padding-bottom: 1.3225rem;
}

.uc-ng-thanks .uc-ng-thanks-offers::before {
  top: 1.9375rem;
  right: 0.9375rem;
  opacity: 0.05;
  mix-blend-mode: plus-lighter;
  writing-mode: vertical-rl;
  font-size: 9.19375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0.6435625rem;
  color: #D1DAE4;
}

.uc-ng-thanks-offers__inner {
  position: relative;
  max-width: 1144px;
  width: 92%;
  margin-inline: auto;
}

.uc-ng-thanks-offers__title {
  color: #fff;
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 3.2px;
  letter-spacing: 0.2rem;
  text-align: center;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.uc-ng-thanks-offers__lead {
  margin-bottom: 38.26px;
  margin-bottom: 2.39125rem;
  color: #fff;
  font-size: 21px;
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 2.1px;
  letter-spacing: 0.13125rem;
  text-align: center;
}

.uc-ng-thanks-offers__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
  gap: 1.625rem;
  margin-bottom: 86px;
  margin-bottom: 5.375rem;
}

.uc-ng-thanks-offers__slider {
  width: 100%;
}

.uc-ng-thanks-offers__pagination {
  display: none;
}

.uc-ng-thanks-offer-card {
  position: relative;
  padding: 11px 11px 23.72px;
  padding: 0.6875rem 0.6875rem 1.4825rem;
  border-radius: 5px;
  border-radius: 0.3125rem;
  background: #fff;
}

.uc-ng-thanks-offer-card__image {
  aspect-ratio: 341 / 183;
  margin-bottom: 23px;
  margin-bottom: 1.4375rem;
  overflow: hidden;
}

.uc-ng-thanks-offer-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.uc-ng-thanks-offer-card:hover .uc-ng-thanks-offer-card__image img {
  transform: scale(1.08);
}

.uc-ng-thanks-offer-card:focus-within .uc-ng-thanks-offer-card__image img {
  transform: scale(1.08);
}

.uc-ng-thanks-offer-card__company {
  margin: 0 7px 9px;
  margin: 0 0.4375rem 0.5625rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 1.4px;
  letter-spacing: 0.0875rem;
}

.uc-ng-thanks-offer-card__title {
  margin: 0 7px 11px;
  margin: 0 0.4375rem 0.6875rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 1.4px;
  letter-spacing: 0.0875rem;
}

.uc-ng-thanks-offer-card__salary {
  display: flex;
  align-items: baseline;
  gap: 9px;
  gap: 0.5625rem;
  margin: 0 7px 18px;
  margin: 0 0.4375rem 1.125rem;
}

.uc-ng-thanks-offer-card__salary-amount {
  color: #1c1c1c;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 17px;
  font-size: 1.0625rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.85px;
  letter-spacing: 0.053125rem;
  white-space: nowrap;
  transform: translateY(0.3rem);
}

.uc-ng-thanks-offer-card__salary-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 52px;
  height: 30px;
  height: 1.875rem;
  border-radius: 2px;
  border-radius: 0.125rem;
  background: linear-gradient(108.569062deg, rgb(28, 189, 148) 28.637%, rgb(7, 122, 93) 91.616%);
  color: #fff;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 700;
}

.uc-ng-thanks-offer-card__salary-amount em {
  color: #1c1c1c;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 38px;
  font-size: 2.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 1.9px;
  letter-spacing: 0.11875rem;
}

.uc-ng-thanks-offer-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  gap: 0.5rem;
  padding: 0 40px 0 0;
  padding: 0 2.5rem 0 0;
  margin: 0 7px;
  margin: 0 0.4375rem;
  list-style: none;
}

.uc-ng-thanks-offer-card__tag {
  padding: 5px 9px;
  padding: 0.3125rem 0.5625rem;
  border: 1.2px solid #1bb18b;
  border: 0.075rem solid #1bb18b;
  border-radius: 2px;
  border-radius: 0.125rem;
  color: #1bb18b;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.7px;
  letter-spacing: 0.04375rem;
}

/* figma-css:start nodeId=937-4454 */
/* generated-from: Figma metadata/design_context */
html.uc-offer-modal-open {
  overflow: hidden;
}

body.uc-offer-modal-open {
  overflow: hidden;
}

.uc-ng-thanks-offer-card__trigger {
  position: absolute;
  z-index: 2;
  inset: 0;
  width: 100%;
  padding: 0;
  border: 0;
  border-radius: 0.3125rem;
  background: transparent;
  cursor: pointer;
  transform: none;
}

@media (max-width: 767.98px) {
  /* 全面ボタンが Swiper のドラッグを奪うため、SPでは透過させてスワイプ可能にする */
  .uc-ng-thanks-offer-card__trigger {
    pointer-events: none;
  }
}

.uc-ng-thanks-offer-card__trigger:hover,
.uc-ng-thanks-offer-card__trigger:focus,
.uc-ng-thanks-offer-card__trigger:focus-visible,
.uc-ng-thanks-offer-card__trigger:active {
  transform: none !important;
}

.uc-ng-thanks-offer-card__trigger::after {
  content: "";
  position: absolute;
  right: 11.49px;
  right: 0.718125rem;
  bottom: 11.49px;
  bottom: 0.718125rem;
  width: 28px;
  width: 1.75rem;
  height: 34px;
  height: 2.125rem;
  background: url(../../img/uc/new-graduate-form-thanks/offer-card-arrow.webp) no-repeat center / contain;
  pointer-events: none;
  transform: none;
}

.uc-ng-thanks-offer-card__trigger:hover::after,
.uc-ng-thanks-offer-card__trigger:focus::after,
.uc-ng-thanks-offer-card__trigger:focus-visible::after,
.uc-ng-thanks-offer-card__trigger:active::after {
  right: 11.49px;
  right: 0.718125rem;
  bottom: 11.49px;
  bottom: 0.718125rem;
  transform: none;
}

.uc-ng-thanks-offer-card__trigger:focus-visible {
  outline: 0.1875rem solid #1bb18b;
  outline-offset: 0.1875rem;
}

.uc-ng-thanks-offer-modal[hidden] {
  display: none;
}

.uc-ng-thanks-offer-modal {
  position: fixed;
  z-index: 10000;
  inset: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-block: 7.5rem 3rem;
  padding-inline: 1.5rem;
}

.uc-ng-thanks-offer-modal__backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
}

.uc-ng-thanks-offer-modal__shell {
  position: relative;
  z-index: 1;
  width: 90%;
  max-width: 58.625rem;
  margin: 0 auto;
}

.uc-ng-thanks-offer-modal__close-icon {
  position: absolute;
  z-index: 2;
  top: -3.5rem;
  right: 0;
  width: 2.775rem;
  height: 2.775rem;
  padding: 0;
  border: 0.0625rem solid #ffffff;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
}

.uc-ng-thanks-offer-modal__close-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15.6px;
  height: 1px;
  background: #ffffff;
  transform: translate(-50%, -50%) rotate(45deg);
}

.uc-ng-thanks-offer-modal__close-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15.6px;
  height: 1px;
  background: #ffffff;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.uc-ng-thanks-offer-modal__close-icon:focus-visible {
  outline: 0.125rem solid #ffffff;
  outline-offset: 0.1875rem;
}

.uc-ng-thanks-offer-modal__panel {
  position: relative;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 1.8125rem 1.6875rem 2.875rem;
  border-radius: 0.3125rem;
  background: #ffffff;
  color: #000;
  box-shadow: 0 0.5rem 2.5rem rgba(0, 0, 0, 0.2);
}

.uc-ng-thanks-offer-modal__image {
  width: 100%;
  aspect-ratio: 885 / 474;
  margin-bottom: 2.75rem;
  overflow: hidden;
  border-radius: 0.3125rem;
}

.uc-ng-thanks-offer-modal__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.uc-ng-thanks-offer-modal__summary {
  margin: 0 1.25rem;
}

.uc-ng-thanks-offer-modal__role {
  display: inline-flex;
  align-items: center;
  min-height: 2.5625rem;
  margin: 0 0 1.375rem;
  padding: 0.1875rem 0.6875rem;
  background: #1c1c1c;
  color: #fff;
  font-size: 1.4375rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.1438rem;
}

.uc-ng-thanks-offer-modal__title {
  margin: 0 0 1.1875rem;
  color: #1c1c1c;
  font-size: 1.8125rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.1813rem;
}

.uc-ng-thanks-offer-modal__divider {
  display: block;
  width: 100%;
  height: 1px;
  margin-bottom: 0.9375rem;
  background: #1c1c1c;
}

.uc-ng-thanks-offer-modal__salary {
  display: flex;
  align-items: center;
  margin-bottom: 0.9375rem;
}

.uc-ng-thanks-offer-modal__salary-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 4.55rem;
  min-height: 2.625rem;
  margin-right: 0.6875rem;
  border-radius: 0.175rem;
  background: linear-gradient(108.569062deg, rgb(28, 189, 148) 28.637%, rgb(7, 122, 93) 91.616%);
  color: #fff;
  font-size: 1.2839rem;
  font-weight: 700;
  line-height: 1.4;
}

.uc-ng-thanks-offer-modal__salary-amount {
  display: inline-flex;
  align-items: baseline;
  color: #1c1c1c;
  white-space: nowrap;
}

.uc-ng-thanks-offer-modal__salary-value {
  font-size: 3.325rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.1663rem;
}

.uc-ng-thanks-offer-modal__salary-unit {
  font-size: 1.4875rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.0744rem;
}

.uc-ng-thanks-offer-modal__salary-separator {
  font-size: 1.4875rem;
  font-weight: 700;
  line-height: 1.4;
}

.uc-ng-thanks-offer-modal__tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4375rem;
  margin: 0 0 2.125rem;
  padding: 0;
  list-style: none;
}

.uc-ng-thanks-offer-modal__tag {
  display: inline-flex;
  align-items: center;
  min-height: 1.875rem;
  padding: 0.25rem 0.5938rem;
  border: 0.075rem solid #1bb18b;
  border-radius: 0.125rem;
  color: #1bb18b;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.0438rem;
}

.uc-ng-thanks-offer-modal__details {
  margin: 0 1.25rem;
  padding: 0;
}

.uc-ng-thanks-offer-modal__detail-row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.25rem;
}

.uc-ng-thanks-offer-modal__detail-row--rich {
  margin-bottom: 2rem;
}

.uc-ng-thanks-offer-modal__detail-label {
  flex: 0 0 7.5rem;
  margin: 0;
  color: #000;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.05rem;
}

.uc-ng-thanks-offer-modal__detail-value {
  flex: 1;
  min-width: 0;
  margin: 0;
  color: #000;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.05rem;
}

.uc-ng-thanks-offer-modal__detail-value p {
  margin: 0 0 1.5rem;
}

.uc-ng-thanks-offer-modal__detail-value p:last-child {
  margin-bottom: 0;
}

.uc-ng-thanks-offer-modal__note {
  margin: 0 1.625rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.0375rem;
  text-align: right;
}

.uc-ng-thanks-offer-modal__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 251px;
  min-height: 53px;
  margin: 1.5rem auto 0;
  padding: 0;
  border: 0.0629rem solid #1bb18b;
  border-radius: 0.1258rem;
  background: #ffffff;
  color: #1bb18b;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 2.25px;
  cursor: pointer;
}
/* figma-css:end nodeId=937-4454 */

.uc-ng-thanks .uc-ng-thanks-flow.uc-front-flow {
  background-image: url("../../img/uc/new-graduate/flow-bg.webp");
  background-position: center top;
  background-size: 100% 100%;
}

.uc-ng-thanks .uc-ng-thanks-flow.uc-front-flow::before {
  position: absolute;
  z-index: 0;
  top: 1.875rem;
  right: auto;
  left: -0.5rem;
  color: #A8A8A8;
  font-family: "IBM Plex Sans";
  font-size: 135.1px;
  font-size: 8.44375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 8.106px;
  letter-spacing: 0.506625rem;
  white-space: nowrap;
  content: attr(data-bg-text);
  opacity: 1;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  mix-blend-mode: screen;
}

.uc-ng-thanks-flow .uc-front-flow__inner {
  max-width: 76.625rem;
}

.uc-ng-thanks-flow .uc-front-flow__list {
  gap: 0;
  margin-bottom: 2.875rem;
}

.uc-ng-thanks-flow .uc-front-flow__list::before {
  top: 7.4375rem;
  width: 100%;
}

.uc-ng-thanks-flow .uc-front-flow__item-title {
  margin-bottom: 2.0625rem;
}

.uc-ng-thanks-flow .uc-front-flow__item-text {
  font-size: 0.8125rem;
  line-height: 1.6;
  letter-spacing: 0.0406rem;
}

.uc-ng-thanks-flow .uc-front-flow__item-title--multiline {
  margin-top: 0.5rem;
  margin-bottom: 2.625rem;
}

.uc-ng-thanks .uc-ng-thanks-media {
  position: relative;
  overflow: hidden;
  background-image: url("../../img/uc/new-graduate-form-thanks/media-bg.webp");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-top: 158px;
  padding-top: 9.875rem;
  padding-bottom: 120px;
  padding-bottom: 7.5rem;
}

.uc-ng-thanks .uc-ng-thanks-media::before {
  top: 1.375rem;
  right: 0.25rem;
  opacity: 0.6;
  writing-mode: vertical-rl;
}

.uc-ng-thanks-media__inner {
  position: relative;
  max-width: 1024px;
  width: 90%;
  margin-inline: auto;
}

.uc-ng-thanks-media__header {
  margin-bottom: 53px;
  margin-bottom: 3.3125rem;
}

.uc-ng-thanks-media__title {
  margin: 0 0 18px;
  margin: 0 0 1.125rem;
  color: #404040;
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 3.2px;
  letter-spacing: 0.2rem;
}

.uc-ng-thanks-media__line {
  display: block;
  width: 67px;
  width: 4.1875rem;
  height: 2px;
  height: 0.125rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  background: var(--uc-thanks-muted);
}

.uc-ng-thanks-media__lead {
  margin: 0;
  color: var(--uc-thanks-muted);
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.85px;
  letter-spacing: 0.053125rem;
}

.uc-ng-thanks-media__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  gap: 1.25rem;
  margin-bottom: 58px;
  margin-bottom: 3.625rem;
}

.uc-ng-thanks-media-card {
  position: relative;
  border-radius: 5px;
  border-radius: 0.3125rem;
  background: #fff;
}

.uc-ng-thanks-media-card__link {
  display: block;
  padding: 10px 11px 23px;
  padding: 0.625rem 0.6875rem 1.4375rem;
  color: inherit;
  text-decoration: none;
}

.uc-ng-thanks-media-card__link:hover .uc-ng-thanks-media-card__image img {
  transform: scale(1.08);
}

.uc-ng-thanks-media-card__link:focus-visible .uc-ng-thanks-media-card__image img {
  transform: scale(1.08);
}

.uc-ng-thanks-media-card__label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 71px;
  width: 4.4375rem;
  height: 52px;
  height: 3.25rem;
  z-index: 1;
}

.uc-ng-thanks-media-card__label img {
  display: block;
  width: 100%;
  height: 100%;
}

.uc-ng-thanks-media-card__image {
  aspect-ratio: 306 / 180;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  overflow: hidden;
}

.uc-ng-thanks-media-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.uc-ng-thanks-media-card__title {
  margin: 0;
  color: var(--uc-thanks-muted);
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.6px;
  letter-spacing: 0.0375rem;
}

.uc-ng-thanks-media__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 399px;
  width: 24.9375rem;
  height: 4.25rem;
  margin-inline: auto;
  border-radius: 2px;
  border-radius: 0.125rem;
  background: #1dbd94;
  box-shadow: 0 5px 0 #048765;
  box-shadow: 0 0.3125rem 0 #048765;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1.44px;
  letter-spacing: 0.09rem;
  text-align: center;
  position: relative;
  transition: transform 0.3s ease;
}

.uc-ng-thanks-media__button:hover {
  transform: scale(1.03);
}

.uc-ng-thanks-media__button-text--sp {
  display: none;
}

.uc-ng-thanks-media__button::after {
  display: inline-block;
  flex: 0 0 auto;
  width: 22px;
  width: 1.375rem;
  height: 22px;
  height: 1.375rem;
  background: url("../../img/common/btn-arrow.webp") center / contain no-repeat;
  content: "";
  position: absolute;
  right: 10px;
  right: 0.625rem;
}

.uc-ng-thanks-greeting {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  height: 36.8575rem;
  background-image: url("../../img/uc/new-graduate-form-thanks/greeting-bg.webp");
  background-repeat: no-repeat;
  background-size: 1680px 100%;
  padding: 63px 0 0;
  padding: 3.9375rem 0 0;
}

.uc-ng-thanks-greeting__inner {
  position: relative;
  z-index: 1;
  text-align: center;
}

.uc-ng-thanks-greeting__logo {
  width: 272px;
  width: 17rem;
  margin-inline: auto;
  margin-bottom: 27px;
  margin-bottom: 1.6875rem;
}

.uc-ng-thanks-greeting__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.uc-ng-thanks-greeting__title {
  margin: 0 0 23px;
  margin: 0 0 1.4375rem;
  color: #404040;
  font-size: 27px;
  font-size: 1.6875rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 2.7px;
  letter-spacing: 0.16875rem;
}

.uc-ng-thanks-greeting__lead {
  margin: 0;
  color: var(--uc-thanks-muted);
  font-size: 21px;
  font-size: 1.3125rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 2.1px;
  letter-spacing: 0.13125rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.uc-ng-thanks-greeting__person {
  position: absolute;
  top: 9.7rem;
  left: 50%;
  bottom: auto;
  width: 43rem;
  overflow: visible;
  transform: translateX(-23.0833%);
}

.uc-ng-thanks-greeting__person picture {
  display: block;
  width: 100%;
  height: 100%;
}

.uc-ng-thanks-greeting__person img {
  display: block;
  width: 100%;
  height: 100%;
}

.uc-ng-thanks + .l-breadcrumbs-footer {
  display: none;
}

.uc-ng-thanks + .l-breadcrumbs-footer + .uc-footer {
  min-height: 494px;
  padding-top: 45px;
  padding-top: 2.8125rem;
  padding-bottom: 52px;
  padding-bottom: 3.25rem;
}

@media screen and (max-width: 767.98px) {
  .uc-ng-thanks [data-bg-text]::before {
    font-size: 4.7412rem;
    letter-spacing: 0.2845rem;
  }

  .uc-ng-thanks-hero {
    padding-top: 6.1875rem;
    padding-bottom: 1.7021rem;
  }

  .uc-ng-thanks-hero__person {
    right: -31.8893rem;
    bottom: -14.1605rem;
    width: 33.5rem;
    height: 23.3125rem;
    overflow: visible;
  }

  .uc-ng-thanks-hero__person img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
    transform: none;
  }

  .uc-ng-thanks-hero__inner {
    padding-left: 1.625rem;
    padding-right: 0;
    width: fit-content;
    margin: 0;
  }

  .uc-ng-thanks-hero__lead {
    margin-bottom: 0.5rem;
    font-size: 0.9019rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: 0.1082rem;
    color: #1bb18b;
    transform: skewX(-7deg) scaleY(0.99);
    transform-origin: center;
  }

  .uc-ng-thanks-hero__title {
    font-size: 1.1923rem;
    letter-spacing: 0.1192rem;
    color: #1bb18b;
    transform: skewX(-7deg) scaleY(0.99);
    transform-origin: center;
  }

  .uc-ng-thanks-hero__title em {
    padding-bottom: 0.1875rem;
    margin-bottom: 0.2131rem;
    display: inline-block;
    position: relative;
    border-bottom: 0;
  }

  .uc-ng-thanks-call {
    margin-top: 0;
    padding-block: 2.4375rem 3.125rem;
    background-image: url("../../img/uc/new-graduate-form-thanks/call-bg.webp");
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }

  .uc-ng-thanks-call__inner {
    width: 90%;
    max-width: 22.6875rem;
    margin-inline: auto;
  }

  .uc-ng-thanks-call__summary {
    display: block;
    font-style: normal;
    margin-bottom: 1.4375rem;
    color: #1c1c1c;
    text-align: center;
    font-size: 0.9025rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.0869rem;
  }

  .uc-ng-thanks-call__summary em {
    font-size: 1.3775rem;
    font-weight: 700;
    line-height: 1.9;
    letter-spacing: 0.1378rem;
  }

  .uc-ng-thanks-call__panel {
    padding: 2.2226rem 0.75rem 2.3767rem;
    border-radius: 0.2375rem;
    background: #fff;
    text-align: center;
  }

  .uc-ng-thanks-call__icon {
    width: 1.4248rem;
    height: 1.6017rem;
    margin: 0 auto;
  }

  .uc-ng-thanks-call__tel {
    font-style: normal;
    margin: 0;
    font-size: 2.1151rem;
    font-weight: 700;
    line-height: 1.9;
    letter-spacing: 0.2115rem;
  }

  .uc-ng-thanks-call__lead {
    font-style: normal;
    margin: 0 0 1.4675rem;
    font-size: 0.9596rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.096rem;
  }

  .uc-ng-thanks-call__divider {
    width: 20rem;
    height: 1px;
    margin: 0 auto 1.3143rem;
    background: #e0e0e0;
  }

  .uc-ng-thanks-call__note {
    font-style: normal;
    margin: 0 auto 0.834rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.0875rem;
  }

  .uc-ng-thanks-call__mail-label {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.0875rem;
  }

  .uc-ng-thanks-call__mail {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0.0875rem;
  }

  .uc-ng-thanks .uc-ng-thanks-support {
    position: relative;
    margin: 0;
    overflow: hidden;
    padding: 4.2281rem 0 3.125rem;
    background-image: url(../../img/uc/new-graduate-form-thanks/support-bg-sp.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }

  .uc-ng-thanks .uc-ng-thanks-support::before {
    top: -0.3063rem;
    right: 0.375rem;
    font-size: 4.244rem;
    line-height: 1;
    letter-spacing: 0.2546rem;
    opacity: 0.7;
    z-index: 2;
  }

  .uc-ng-thanks-support__inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: none;
    margin-inline: auto;
    padding-bottom: 0;
  }

  .uc-ng-thanks-support__header {
    margin-bottom: 1.051rem;
    text-align: center;
  }

  .uc-ng-thanks-support__title {
    font-style: normal;
    width: 17.5764rem;
    height: 2.925rem;
    margin-bottom: 0.5562rem;
    padding: 0;
    border-width: 0.1125rem;
    border-style: solid;
    border-color: #1cbd94;
    background: linear-gradient(138.525426deg, rgb(28, 189, 148) 28.637%, rgb(7, 122, 93) 91.616%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.18rem;
  }

  .uc-ng-thanks-support__lead {
    font-style: normal;
    font-size: 1.0688rem;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0.1069rem;
  }

  .uc-ng-thanks-support__slider {
    overflow: hidden;
  }

  .uc-ng-thanks-support__list {
    grid-template-columns: none;
    scroll-snap-type: none;
    scrollbar-width: auto;
    display: flex;
    width: 100%;
    padding: 0;
    gap: 0;
    overflow: visible;
  }

  .uc-ng-thanks-support__list::-webkit-scrollbar {
    display: none;
  }

  .uc-ng-thanks-support__pagination {
    border-radius: 62.4375rem;
    position: static;
    display: flex;
    justify-content: center;
    width: auto;
    height: 0.35rem;
    margin: 1.2773rem auto 0;
    gap: 0.85rem;
    background: none;
  }

  .uc-ng-thanks-support__pagination .swiper-pagination-bullet {
    display: block;
    width: 0.35rem;
    height: 0.35rem;
    margin: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.62);
    opacity: 1;
  }

  .uc-ng-thanks-support__pagination .swiper-pagination-bullet-active {
    background: #fff;
  }

  .uc-ng-thanks-support-card {
    flex: 0 0 20.4596rem;
    align-self: stretch;
    min-height: 23.4979rem;
    height: auto;
    padding: 1.25rem 1.4546rem 1.125rem;
    border-radius: 0.2813rem;
    background: #fff;
    scroll-snap-align: start;
  }

  .uc-ng-thanks-support-card__top {
    gap: 0.5961rem;
  }

  .uc-ng-thanks-support-card__avatar {
    flex-basis: 5.4916rem;
    width: 5.4916rem;
    height: 5.1362rem;
    margin-bottom: -0.1rem;
  }

  .uc-ng-thanks-support-card--1 .uc-ng-thanks-support-card__avatar img {
    max-width: 100%;
    max-height: 100%;
    transform: none;
  }

  .uc-ng-thanks-support-card--2 .uc-ng-thanks-support-card__avatar img {
    max-width: 100%;
    max-height: 100%;
    transform: none;
  }

  .uc-ng-thanks-support-card--3 .uc-ng-thanks-support-card__avatar img {
    max-width: 100%;
    max-height: 100%;
    transform: none;
  }

  .uc-ng-thanks-support-card__request-wrap {
    padding-top: 0.625rem;
    line-height: 0;
  }

  .uc-ng-thanks-support-card__tag {
    min-width: 3.9858rem;
    height: 1.3784rem;
    margin-bottom: 0.2292rem;
    padding: 0 0.5625rem;
    border-radius: 0.1125rem;
    font-size: 0.7875rem;
    line-height: 1.4;
    letter-spacing: 0.0788rem;
  }

  .uc-ng-thanks-support-card__request {
    max-width: 11.3625rem;
    padding-left: 0.0774rem;
    font-size: 0.7875rem;
    line-height: 1.4;
    letter-spacing: 0.0788rem;
  }

  .uc-ng-thanks-support-card__divider {
    margin-top: 0;
    width: 100%;
    margin-bottom: 1.175rem;
  }

  .uc-ng-thanks-support-card__result {
    width: 16.3125rem;
    margin-bottom: 0.8484rem;
  }

  .uc-ng-thanks-support-card__result--html {
    height: 6.2375rem;
  }

  .uc-ng-thanks-support-card__result-start {
    left: 0.375rem;
    font-size: 0.675rem;
  }

  .uc-ng-thanks-support-card__result-arrow {
    top: 1.25rem;
    left: 2.125rem;
    width: 3.5rem;
    height: 2.9375rem;
  }

  .uc-ng-thanks-support-card__result-goal {
    font-size: 1rem;
  }

  .uc-ng-thanks-support-card__result-period {
    width: 11.0625rem;
    height: 5.75rem;
    padding-top: 0.75rem;
  }

  .uc-ng-thanks-support-card__result-period span {
    font-size: 1rem;
  }

  .uc-ng-thanks-support-card__result-period em {
    font-size: 1.6875rem;
  }

  .uc-ng-thanks-support-card__result-period b {
    font-size: 1.125rem;
  }

  .uc-ng-thanks-support-card__comment-divider {
    margin-left: 0.25rem;
  }

  .uc-ng-thanks-support-card__comment-head {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 0.3646rem;
    padding-left: 0.568rem;
    gap: 0.5063rem;
  }

  .uc-ng-thanks-support-card__adviser {
    width: 1.9481rem;
    height: 1.9481rem;
  }

  .uc-ng-thanks-support-card__comment-label {
    font-size: 0.6484rem;
    line-height: 1.9;
  }

  .uc-ng-thanks-support-card__comment {
    font-style: normal;
    box-sizing: border-box;
    width: 100%;
    padding-right: 0.4049rem;
    padding-left: 0.5457rem;
    font-size: 0.7875rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.0788rem;
  }

  .uc-ng-thanks .uc-ng-thanks-offers {
    min-height: 0;
    overflow: hidden;
    background: none;
    padding-top: 3.625rem;
    padding-bottom: 1.3225rem;
  }

  .uc-ng-thanks .uc-ng-thanks-offers::before {
    top: 0;
    right: -0.375rem;
    opacity: 0.18;
    display: none;
  }

  .uc-ng-thanks-offers__inner {
    z-index: 1;
    width: 100%;
    padding-bottom: 0;
  }

  .uc-ng-thanks-offers__title {
    font-style: normal;
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0 0 0.9625rem;
    overflow: visible;
    clip: auto;
    white-space: normal;
    border: 0;
    color: transparent;
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.19rem;
    text-align: center;
  }

  .uc-ng-thanks-offers__lead {
    margin-bottom: 1.25rem;
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.1rem;
    text-align: center;
  }

  .uc-ng-thanks-offers__slider {
    overflow: hidden;
  }

  .uc-ng-thanks-offers__list {
    grid-template-columns: none;
    scroll-snap-type: none;
    scrollbar-width: auto;
    display: flex;
    gap: 0;
    width: 100%;
    margin-bottom: 0;
    padding: 0;
    overflow: visible;
  }

  .uc-ng-thanks-offers__list::-webkit-scrollbar {
    display: none;
  }

  .uc-ng-thanks-offers__list::after {
    display: none;
  }

  .uc-ng-thanks-offers__pagination {
    position: static;
    border-radius: 62.4375rem;
    background: none;
    display: flex;
    justify-content: center;
    gap: 0.825rem;
    width: auto;
    height: 0.375rem;
    margin: 1.5625rem auto 2.875rem;
  }

  .uc-ng-thanks-offers__pagination .swiper-pagination-bullet {
    display: block;
    width: 0.35rem;
    height: 0.35rem;
    margin: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.62);
    opacity: 1;
  }

  .uc-ng-thanks-offers__pagination .swiper-pagination-bullet-active {
    background: #fff;
  }

  .uc-ng-thanks-offer-card {
    flex: 0 0 20.4596rem;
    min-height: 22.3644rem;
    padding: 0.6112rem 0.6257rem 1.3344rem;
    border-radius: 0.2813rem;
    background: #fff;
    scroll-snap-align: start;
  }

  .uc-ng-thanks-offer-card__image {
    width: 100%;
    height: 10.2971rem;
    aspect-ratio: auto;
    margin-bottom: 1.2953rem;
    overflow: hidden;
    border-radius: 0.2813rem;
  }

  .uc-ng-thanks-offer-card__company {
    margin: 0 0.3938rem 0.5312rem;
    color: #1c1c1c;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 0.7875rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.0788rem;
  }

  .uc-ng-thanks-offer-card__title {
    margin: 0 0.3938rem 0.5625rem;
    color: #1c1c1c;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 0.7875rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.0788rem;
  }

  .uc-ng-thanks-offer-card__salary {
    gap: 0.6121rem;
    margin: 0 0.3938rem 0.616rem;
  }

  .uc-ng-thanks-offer-card__salary-label {
    min-width: 2.925rem;
    height: 1.6875rem;
    border-radius: 0.1125rem;
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 0.8254rem;
    font-weight: 700;
    transform: translateY(-0.2255rem);
  }

  .uc-ng-thanks-offer-card__salary-amount {
    font-size: 0.9375rem;
    letter-spacing: 0.046875rem;
  }

  .uc-ng-thanks-offer-card__salary-amount em {
    font-size: 2.125rem;
    letter-spacing: 0.10625rem;
  }

  .uc-ng-thanks-offer-card__tags {
    gap: 0.4425rem;
    padding-right: 36px;
    padding-right: 2.25rem;
    margin: 0 0.3938rem;
  }

  .uc-ng-thanks-offer-card__tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 1.6875rem;
    padding: 0.225rem 0.455rem;
    border: 0.0675rem solid #1bb18b;
    border-radius: 0.1125rem;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 0.7875rem;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.0394rem;
    white-space: nowrap;
  }

  .uc-ng-thanks .uc-ng-thanks-flow.uc-front-flow {
    background-image: url("../../img/uc/new-graduate/flow-bg-sp.webp");
    background-size: 100% 100%;
    padding-top: 4.8125rem;
    padding-bottom: 4.75rem;
  }

  .uc-ng-thanks .uc-ng-thanks-flow.uc-front-flow::before {
    top: 3.25rem;
    right: -0.5rem;
    left: auto;
    color: #D1DAE4;
    font-family: "IBM Plex Sans";
    font-size: 75.861px;
    font-size: 4.7413125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 5.31px;
    letter-spacing: 0.331875rem;
    opacity: 0.03;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    mix-blend-mode: plus-lighter;
  }

  .uc-ng-thanks-flow .uc-front-flow__inner {
    max-width: none;
  }

  .uc-ng-thanks-flow .uc-front-flow__list {
    gap: 1.6875rem;
    margin-bottom: 0;
    transform: translateX(0.3rem);
  }

  .uc-front-flow__item{
    gap: 3.0875rem;
  }
.uc-front-flow__item::before{
  left: 43%;
}
  .uc-ng-thanks-flow .uc-front-flow__list::before {
    top: 0.25rem;
    width: 0.0625rem;
    left: 9.8625rem;
  }

  .uc-ng-thanks-flow .uc-front-flow__item-title {
    margin: 0;
  }

  .uc-ng-thanks-flow .uc-front-flow__item-title--multiline {
    margin: 0;
  }

  .uc-ng-thanks .uc-ng-thanks-media {
    background-size: 100% 100%;
    background-image: none;
    padding-top: 3.75rem;
    padding-bottom: 5.2253rem;
  }

  .uc-ng-thanks .uc-ng-thanks-media::before {
    top: 0.5rem;
    right: -0.4375rem;
    font-size: 4.7412rem;
    letter-spacing: 0.2845rem;
    z-index: 1;
  }

  .uc-ng-thanks-media__inner {
    z-index: 2;
    width: 91.3043%;
    max-width: 23.625rem;
    margin-inline: auto;
  }

  .uc-ng-thanks-media__header {
    margin-bottom: 1.6875rem;
    padding-left: 1.5625rem;
  }

  .uc-ng-thanks-media__title {
    white-space: nowrap;
    font-style: normal;
    margin-bottom: 1rem;
    font-size: 1.6875rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.1688rem;
  }

  .uc-ng-thanks-media__line {
    width: 4.1875rem;
    height: 0.125rem;
    margin-bottom: 0.875rem;
  }

  .uc-ng-thanks-media__lead {
    font-style: normal;
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.0469rem;
  }

  .uc-ng-thanks-media__list {
    display: flex;
    flex-direction: column;
    gap: 0.5625rem;
    margin-bottom: 1.5625rem;
  }

  .uc-ng-thanks-media-card {
    padding: 0;
    min-height: 6.875rem;
    border-radius: 0.3125rem;
  }

  .uc-ng-thanks-media-card__link {
    display: flex;
    align-items: center;
    gap: 0.5956rem;
    padding: 0.9375rem 0.9375rem 0.9841rem 0.7205rem;
  }

  .uc-ng-thanks-media-card__image {
    flex: 0 0 auto;
    width: 8.4341rem;
    height: 4.9534rem;
    margin-bottom: 0;
  }

  .uc-ng-thanks-media-card__title {
    font-style: normal;
    flex: 1;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.035rem;
  }

  .uc-ng-thanks-media__button {
    justify-content: flex-start;
    width: 22.75rem;
    height: 4.7747rem;
    border-radius: 0.112rem;
    box-shadow: 0 0.3125rem 0 #048765;
    font-size: 0.9984rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.0899rem;
    padding: 0 1.375rem;
  }

  .uc-ng-thanks-media__button-text--pc {
    display: inline;
    white-space: nowrap;
  }

  .uc-ng-thanks-media__button-text--sp {
    display: none;
  }

  .uc-ng-thanks-media__button::after {
    width: 1.5448rem;
    height: 1.5448rem;
    right: 0.5625rem;
  }

  .uc-ng-thanks-greeting {
    height: 28rem;
    padding: 0;
    background-image: url(../../img/uc/new-graduate-form-thanks/greeting-bg-sp.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }

  .uc-ng-thanks-greeting__inner {
    padding-top: 2.2218rem;
    padding-right: 0;
    padding-left: 0;
  }

  .uc-ng-thanks-greeting__logo {
    width: 13.625rem;
    margin-bottom: 1.3192rem;
  }

  .uc-ng-thanks-greeting__title {
    font-size: 1.225rem;
    line-height: 1.5;
    letter-spacing: 0.1225rem;
    margin: 0 auto 0.7511rem;
  }

  .uc-ng-thanks-greeting__lead {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0.0875rem;
  }

  .uc-ng-thanks-greeting__person {
    position: absolute;
    top: 10.1875rem;
    left: 5.125rem;
    bottom: auto;
    width: 38.5625rem;
    height: auto;
    overflow: visible;
    transform: none;
  }

  .uc-ng-thanks-hero__bg picture {
    display: block;
    width: 100%;
    height: 100%;
  }

  .uc-ng-thanks-hero__bg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
  }

  .uc-ng-thanks-hero__title em::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 12.8477rem;
    height: 1px;
    background: currentColor;
  }

  .uc-ng-thanks-hero__person picture {
    display: block;
    width: 100%;
    height: 100%;
  }
  .uc-ng-thanks-support__bg-img {
    display: block;
    width: 100%;
    height: auto;
  }

  .uc-ng-thanks .uc-ng-thanks-offers > .uc-ng-thanks-offers__background {
    position: absolute;
    z-index: 0;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .uc-ng-thanks-offers__background img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .uc-ng-thanks-offer-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .uc-ng-thanks-offer-card__tag:first-child {
    width: 6.7944rem;
  }

  .uc-ng-thanks-offer-card__tag:nth-child(2) {
    width: 5.9221rem;
  }

  .uc-ng-thanks-offers__pagination.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0;
  }

  .uc-ng-thanks .uc-ng-thanks-media__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%;
  }

  .uc-ng-thanks-media__bg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
  }

  .uc-ng-thanks-media-card__label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 3.1063rem;
    height: 2.275rem;
  }

  .uc-ng-thanks-media-card__label img {
    display: block;
    width: 100%;
    height: 100%;
  }

  .uc-ng-thanks-flow .uc-front-flow__title {
    padding-bottom: 0;
    margin-bottom: 2.1875rem;
  }


  .uc-ng-thanks-greeting__bg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .uc-ng-thanks-greeting__person picture {
    display: block;
    width: 100%;
  }

  .uc-ng-thanks-greeting__person img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center top;
  }

  /* figma-css:start nodeId=937-4456 */
  /* generated-from: Figma metadata/design_context */
  .uc-ng-thanks-offer-modal {
    padding: 5.375rem 0.8125rem 3.3125rem;
    scrollbar-width: none;
  }

  .uc-ng-thanks-offer-modal::-webkit-scrollbar {
    display: none;
  }

  .uc-ng-thanks-offer-modal__shell {
    width: 100%;
    max-width: none;
  }

  .uc-ng-thanks-offer-modal__close-icon {
    top: -3.75rem;
  }

  .uc-ng-thanks-offer-modal__panel {
    width: 100%;
    max-width: none;
    padding: 0.6794rem 0.7525rem 2.1875rem;
    border-radius: 0.2813rem;
  }

  .uc-ng-thanks-offer-modal__image {
    aspect-ratio: 341.477 / 183.059;
    margin-bottom: 0.9469rem;
    border-radius: 0.3125rem;
  }

  .uc-ng-thanks-offer-modal__summary {
    margin: 0 0.4188rem;
  }

  .uc-ng-thanks-offer-modal__role {
    min-height: 1.75rem;
    margin-bottom: 0.5625rem;
    padding: 0.1875rem 0.3313rem;
    font-size: 0.875rem;
    letter-spacing: 0.0875rem;
  }

  .uc-ng-thanks-offer-modal__title {
    margin-bottom: 0.875rem;
    font-size: 1rem;
    line-height: 1.4;
    letter-spacing: 0.08rem;
  }

  .uc-ng-thanks-offer-modal__divider {
    margin-bottom: 0.1875rem;
  }

  .uc-ng-thanks-offer-modal__salary {
    margin-bottom: 0.6875rem;
  }

  .uc-ng-thanks-offer-modal__salary-label {
    flex-basis: 3.25rem;
    min-height: 1.875rem;
    margin-right: 0.5rem;
    border-radius: 0.125rem;
    font-size: 0.9171rem;
  }

  .uc-ng-thanks-offer-modal__salary-value {
    font-size: 2.375rem;
    letter-spacing: 0.1188rem;
  }

  .uc-ng-thanks-offer-modal__salary-unit {
    font-size: 1.0625rem;
    letter-spacing: 0.0531rem;
  }

  .uc-ng-thanks-offer-modal__salary-separator {
    font-size: 1.0625rem;
  }

  .uc-ng-thanks-offer-modal__tags {
    gap: 0.4375rem;
    margin-bottom: 1.1875rem;
  }

  .uc-ng-thanks-offer-modal__tag {
    min-height: 1.875rem;
    padding: 0.25rem 0.5938rem;
    font-size: 0.875rem;
    letter-spacing: 0.0438rem;
  }

  .uc-ng-thanks-offer-modal__details {
    margin: 0 0.75rem;
  }

  .uc-ng-thanks-offer-modal__detail-row {
    margin-bottom: 0.8125rem;
  }

  .uc-ng-thanks-offer-modal__detail-row--rich {
    display: block;
    margin-bottom: 1.75rem;
  }

  .uc-ng-thanks-offer-modal__detail-label {
    flex-basis: 5.1875rem;
    font-size: 0.875rem;
    letter-spacing: 0.0438rem;
  }

  .uc-ng-thanks-offer-modal__detail-row--rich .uc-ng-thanks-offer-modal__detail-label {
    margin-bottom: 0.8125rem;
  }

  .uc-ng-thanks-offer-modal__detail-value {
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0.0438rem;
  }

  .uc-ng-thanks-offer-modal__detail-value p {
    margin-bottom: 1.3125rem;
  }

  .uc-ng-thanks-offer-modal__note {
    margin: 0 1.25rem 1.75rem;
    font-size: 0.75rem;
    letter-spacing: 0.0375rem;
  }

  .uc-ng-thanks-offer-modal__close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 251px;
    min-height: 53px;
    margin: 0 auto;
    padding: 0;
    border: 0.0629rem solid #1bb18b;
    border-radius: 0.1258rem;
    background: #ffffff;
    color: #1bb18b;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 2.25px;
    cursor: pointer;
  }
  /* figma-css:end nodeId=937-4456 */

}


/* figma-css:end nodeId=794-622 */
@media screen and (min-width: 1681px) {
.uc-ng-thanks-greeting{
  background-size:100% 100%;
}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .uc-ng-thanks-hero__person {
    right: -25.2rem;
  }

  .uc-ng-thanks-hero__inner{
    max-width:800px;
  }
}

@media screen and (min-width: 768px) and (max-width: 860px) {
  .uc-ng-thanks-hero__title br.sp {
    display: block;
  }

  .uc-ng-thanks-hero__title em {
    display: inline-block;
    margin-bottom: 0.4rem;
  }

  .uc-ng-thanks-hero__inner {
    max-width: 650px;
    width: 80%;
  }

  .uc-ng-thanks-hero {
    padding-top: 10.175rem;
    padding-bottom: 3.60625rem;
  }

    .uc-ng-thanks-hero__person{
    bottom: -16.1375rem;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1350px) {
 .uc-ng-thanks-hero__inner{
    max-width: 60rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .uc-ng-thanks-flow .uc-front-flow__inner {
    width: calc(100% - 1.1rem);
  }

.uc-ng-thanks-flow .uc-front-flow__list::before{
  top: 6.9375rem;
}


  .uc-front-flow__item::before{top: 6.6375rem;}
  .uc-ng-thanks-flow .uc-front-flow__step {
    width: 6rem;
    min-height: 2.25rem;
    padding-bottom: 0.25rem;
    font-size: 0.875rem;
    letter-spacing: 0.0625rem;
  }

  .uc-ng-thanks-flow .uc-front-flow__item-title {
    min-height: 2.75rem;
    margin-top: 0.875rem;
    margin-bottom: 1.9375rem;
    font-size: clamp(0.875rem, 1.3vw, 1rem);
    line-height: 1.2;
    letter-spacing: 0.0625rem;
    white-space: normal;
  }

  .uc-ng-thanks-flow .uc-front-flow__item-title--multiline {
    margin-top: 0.375rem;
    margin-bottom: 2.7375rem;
  }

  .uc-ng-thanks-flow .uc-front-flow__item-text {
    font-size: clamp(0.67rem, 1vw, 0.75rem);
    line-height: 1.5;
    letter-spacing: 0.015625rem;
    white-space: normal;
  }
}