/* Variables  */
/* Color Styles  */
.fe-hero-title {
  margin: 0; }

.fe-hero-title {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: 150%;
  font-weight: 700;
  font-family: inherit; }

.fe-hero-maincopy {
  -ms-flex-item-align: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.fe-hero-card-description {
  position: relative;
  font-size: var(--font-size-mini);
  letter-spacing: 0.01em;
  line-height: 32px;
  text-align: left;
  display: inline-block;
  max-height: 96px;
  word-break: break-word; }

.fe-hero-card,
.fe-hero-card-text-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.fe-hero-card-text-wrapper {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: var(--gap-base); }

.fe-hero-card {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: var(--br-5xs);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--gap-5xl);
  min-width: 256px;
  max-width: 100%; }

.fe-hero-icon {
  width: 40px;
  height: 40px;
  position: relative;
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.fe-hero-card-title {
  position: relative; }

.fe-hero-card-title {
  margin: 0;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit; }

.fe-hero-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%; }

.fe-hero-row {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: var(--padding-xs) 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  gap: var(--gap-29xl);
  font-size: var(--font-size-5xl); }

.fe-hero,
.fe-hero-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  max-width: 100%; }

.fe-hero-inner {
  width: 1118px;
  gap: var(--gap-53xl); }

.fe-hero {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  background: -webkit-radial-gradient(50% 50%, 50% 50%, rgba(0, 71, 189, 0.72), #0f0f0f);
  background: -o-radial-gradient(50% 50%, 50% 50%, rgba(0, 71, 189, 0.72), #0f0f0f);
  background: radial-gradient(50% 50% at 50% 50%, rgba(0, 71, 189, 0.72), #0f0f0f);
  padding: var(--padding-121xl) var(--padding-xl) var(--padding-41xl);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-size: var(--font-size-21xl);
  color: var(--white);
  font-family: var(--font-noto-sans-jp); }

.screening-ttl-txt-label {
  font-size: inherit;
  font-weight: 700; }

.screening-ttl-description {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-base);
  letter-spacing: 0.01em;
  line-height: 180%;
  font-weight: 500; }

.screening-ttl-txt-wrapper {
  -ms-flex-item-align: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: var(--gap-xs);
  max-width: 100%;
  font-size: var(--font-size-5xl);
  color: var(--white);
  font-family: var(--font-noto-sans-jp); }
  @media screen and (max-width: 1050px) {
    .screening-ttl-txt-wrapper {
      margin-top: 36px; }
      .screening-ttl-txt-wrapper .screening-ttl-txt-label {
        font-size: var(--font-size-xl); }
      .screening-ttl-txt-wrapper .screening-ttl-description {
        font-size: var(--font-size-sm); } }

.screening-number {
  width: 74px;
  position: relative;
  line-height: 80%;
  display: inline-block;
  font-weight: 700; }

.screening-subttl {
  margin: 0;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  letter-spacing: 0.04em;
  font-weight: 700;
  font-family: inherit; }

.screening-li {
  max-width: 100%; }

.screening-li {
  -ms-flex-item-align: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: var(--gap-3xs); }
  .screening-li p {
    letter-spacing: 0.01em;
    line-height: 160%; }

.screening-text,
.screening-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  max-width: 100%; }

.screening-text,
.screening-ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.screening-ul {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  padding: var(--padding-base) 0 var(--padding-5xs);
  gap: var(--gap-base);
  font-size: var(--font-size-mini); }

.screening-text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 var(--padding-5xl);
  gap: var(--gap-xs);
  font-size: var(--font-size-5xl);
  color: var(--white);
  font-family: var(--font-noto-sans-jp); }

.img-box-icon,
.img-box-icon1,
.img-box-icon2,
.screening-step-description {
  width: 45%;
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 100%; }

.screening-step-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: var(--padding-5xl) 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  row-gap: 20px; }

.img-box-icon {
  height: 359px;
  border-radius: 0 var(--br-5xl) var(--br-5xl) 0;
  -o-object-fit: cover;
  object-fit: cover; }

.screening-arrow-block {
  position: relative;
  width: 100%; }
  .screening-arrow-block::before {
    content: "";
    width: 10px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    background-color: white; }
  .screening-arrow-block.screening-arrow-block-1::before {
    height: 70%;
    top: 0; }
  .screening-arrow-block.screening-arrow-block-2::before, .screening-arrow-block.screening-arrow-block-3::before {
    height: 76%;
    top: -60px; }

.screening-row {
  -ms-flex-item-align: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 100%;
  gap: var(--gap-xl); }

.percentage-text,
.percentage-numbers {
  position: relative;
  line-height: 110%; }

.percentage-text {
  font-size: var(--font-size-base);
  line-height: 170%;
  display: inline-block;
  color: var(--white);
  min-width: 112px; }

.percentage,
.percentage-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.percentage {
  position: relative;
  z-index: 1;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  border-radius: var(--br-5xs);
  background-color: var(--black-light);
  border: 3px solid var(--main);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: var(--padding-base) var(--padding-30xl); }

.percentage-wrap {
  width: 240px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: var(--padding-17xl) 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-size: var(--font-size-53xl);
  display: block;
  margin: 0 auto; }
  .percentage-wrap .dli-arrow-down {
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    color: #333;
    line-height: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 44px 24px;
    border-top-color: white;
    border-bottom: 0; }

.img-box-icon1 {
  height: 247px;
  border-radius: var(--br-5xl) 0 0 var(--br-5xl);
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -o-object-fit: cover;
  object-fit: cover;
  min-height: 247px;
  max-width: 100%; }

.screening-row-even,
.screening-text1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 100%; }

.screening-row-even {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: var(--gap-xl); }
  .screening-row-even .screening-step-description {
    padding: var(--padding-5xl) 0 0 var(--padding-5xl); }

.screening-contents,
.screening-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  max-width: 100%; }

.screening-contents {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  gap: var(--gap-41xl);
  text-align: left;
  font-size: var(--font-size-45xl);
  color: var(--main-light);
  font-family: var(--font-roboto);
  position: relative; }
  .screening-contents::before {
    content: "";
    display: block;
    width: 10%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#155ed6), to(#041229));
    background: -webkit-linear-gradient(#155ed6, #041229);
    background: -o-linear-gradient(#155ed6, #041229);
    background: linear-gradient(#155ed6, #041229);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -10; }

.screening-inner {
  width: 1158px;
  padding: 0 var(--padding-xl);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  gap: var(--gap-53xl);
  z-index: 1; }

.engineer-levels-heading {
  width: 1046px;
  position: relative;
  font-size: inherit;
  letter-spacing: 0.04em;
  line-height: 170%;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  max-width: 100%; }

.engineer-levels-intro,
.screening-footer-text-wrap {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  max-width: 100%; }

.engineer-levels-intro,
.screening-footer-text-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.engineer-levels-intro {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--gap-xs); }

.screening-footer-text-wrap {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  overflow: hidden;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.engineer-level-salary,
.engineer-level-title {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  position: relative; }

.engineer-level-title {
  margin: 0;
  font-size: inherit;
  line-height: 100%;
  font-weight: 700;
  font-family: inherit; }

.engineer-level-salary {
  font-size: var(--font-size-mini);
  letter-spacing: 0.01em;
  line-height: 32px; }

.screening-footer-card-ttl {
  -ms-flex-item-align: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: var(--gap-base); }

.screening-footer-card-li-description {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: 500; }

.screening-footer-card-li {
  -ms-flex-item-align: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: var(--gap-3xs); }

.screening-footer-card,
.screening-footer-card-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: var(--gap-base); }

.screening-footer-card-ul {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  border-top: 1px solid var(--color-gainsboro-100);
  padding: var(--padding-3xl) 0 0;
  text-align: left;
  font-size: var(--font-size-sm); }

.screening-footer-card {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: var(--br-xs);
  background-color: var(--dark-blue);
  border: 1px solid var(--main);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  padding: var(--padding-15xl) var(--padding-12xl);
  min-width: 260px;
  max-width: 100%; }

.screening-footer-card-row {
  -ms-flex-item-align: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 39px;
  max-width: 100%;
  font-size: var(--font-size-xl); }

.screening-footer-inner {
  width: 1118px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: var(--gap-5xl);
  max-width: 100%; }

.screening-footer {
  font-family: var(--font-noto-sans-jp);
  color: var(--white); }

.screening-footer {
  -ms-flex-item-align: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0 var(--padding-xl);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  z-index: 1;
  font-size: var(--font-size-5xl); }

.screening-section {
  -ms-flex-item-align: stretch;
  align-self: stretch;
  background-color: var(--black-main);
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  gap: var(--gap-41xl);
  min-height: 2798px;
  max-width: 100%;
  text-align: center;
  font-size: var(--font-size-sm);
  color: var(--main);
  font-family: var(--font-open-sans);
  padding: var(--padding-41xl) var(--padding-xl); }
  .screening-section::before, .screening-section::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 200%;
    z-index: 0; }
  .screening-section::before {
    left: -70%;
    -webkit-transform: rotate(-14deg);
    -ms-transform: rotate(-14deg);
    transform: rotate(-14deg);
    background: -webkit-linear-gradient(358deg, rgba(21, 94, 214, 0.45), rgba(4, 18, 41, 0.9));
    background: -o-linear-gradient(358deg, rgba(21, 94, 214, 0.45), rgba(4, 18, 41, 0.9));
    background: linear-gradient(92deg, rgba(21, 94, 214, 0.45), rgba(4, 18, 41, 0.9)); }
  .screening-section::after {
    right: -70%;
    -webkit-transform: rotate(14deg);
    -ms-transform: rotate(14deg);
    transform: rotate(14deg);
    background: -webkit-linear-gradient(182deg, rgba(21, 94, 214, 0.45), rgba(4, 18, 41, 0.9));
    background: -o-linear-gradient(182deg, rgba(21, 94, 214, 0.45), rgba(4, 18, 41, 0.9));
    background: linear-gradient(-92deg, rgba(21, 94, 214, 0.45), rgba(4, 18, 41, 0.9)); }

@media screen and (max-width: 1050px) {
  .screening-section::before {
    content: none; }
  .screening-section::after {
    right: -35%;
    top: 20%; }
  .screening-contents::before {
    right: auto;
    width: 120px; }
  .screening-row,
  .screening-row-even {
    padding-left: 120px; }
  .screening-row .screening-step-description {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: var(--padding-5xl) 0 0 var(--padding-5xl); }
  .screening-row .img-box-icon {
    height: 247px; }
  .img-box-icon,
  .img-box-icon1,
  .img-box-icon2,
  .screening-step-description,
  .screening-step-description1 {
    width: 100%; }
  .img-box-icon1 {
    border-radius: 0 var(--br-5xl) var(--br-5xl) 0; }
  .percentage-wrap {
    margin: 0 auto 0 -12px;
    position: relative; }
    .percentage-wrap .dli-arrow-down {
      margin: 0 auto 0 48px;
      position: absolute;
      left: 0px;
      z-index: 2;
      top: 4px; }
  .screening-arrow-block::before {
    right: auto;
    left: 55px; }
  .screening-arrow-block.screening-arrow-block-1::before {
    height: 100%; }
  .screening-arrow-block.screening-arrow-block-2::before, .screening-arrow-block.screening-arrow-block-3::before {
    height: 100%; } }

@media screen and (max-width: 450px) {
  .screening-inner {
    padding: 0; }
  .screening-contents {
    margin-top: 6px; }
    .screening-contents::before {
      right: auto;
      width: 72px; }
  .screening-row,
  .screening-row-even {
    padding-left: 72px; }
  .screening-arrow-block::before {
    right: auto;
    left: 31px; }
  .screening-row .screening-step-description {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: var(--padding-sm) 0 0 var(--padding-sm);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .screening-row .screening-step-description .screening-text {
      padding: 0 0 0 4px; }
  .screening-row .img-box-icon {
    height: 160px; }
  .img-box-icon,
  .img-box-icon1,
  .img-box-icon2,
  .screening-step-description {
    width: 100%; }
  .percentage-wrap {
    margin: 0 auto 0 -12px;
    width: 106%; }
    .percentage-wrap .dli-arrow-down {
      margin: 0 auto 0 24px; } }

.cta-heading {
  margin: 0;
  font-size: var(--font-size-13xl);
  line-height: 45px;
  font-weight: 700;
  font-family: var(--font-noto-sans-jp);
  color: var(--white);
  text-align: center;
  display: inline-block;
  max-width: 100%; }

.cta-title {
  -ms-flex-item-align: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0 var(--padding-xl);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  gap: var(--gap-base);
  max-width: 100%; }

.cta-ui-img {
  width: 100%;
  height: auto;
  border-radius: 12px; }

.cta-description {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 32px;
  font-weight: 500;
  display: inline-block;
  word-break: break-word; }

.cta-txt {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch; }

.cta-contents,
.cta-inner,
.cta-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.cta-contents {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  gap: var(--gap-base);
  font-size: var(--font-size-base);
  color: var(--white);
  font-family: var(--font-noto-sans-jp); }

.cta-inner {
  width: 870px;
  gap: var(--gap-17xl);
  max-width: 100%;
  margin-top: 72px; }

.cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.cta {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  background: -webkit-gradient(linear, left top, left bottom, from(#155ed6), to(#0047bd));
  background: -webkit-linear-gradient(top, #155ed6, #0047bd);
  background: -o-linear-gradient(top, #155ed6, #0047bd);
  background: linear-gradient(180deg, #155ed6, #0047bd);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0 var(--padding-xl) 72px;
  gap: var(--gap-41xl);
  max-width: 100%;
  text-align: left;
  font-size: var(--font-size-sm);
  color: var(--main);
  font-family: var(--font-open-sans); }

.v-1-icon11 {
  position: relative;
  max-width: 100%; }

.v-1-icon11 {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  max-height: 100%;
  -o-object-fit: cover;
  object-fit: cover; }

.employment-card-img-wrapper {
  -ms-flex-item-align: stretch;
  align-self: stretch;
  height: 222.6px;
  border-radius: var(--br-xs);
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.employment-card,
.employment-card-text-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.employment-card-text-wrapper {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: var(--gap-base); }

.employment-card {
  border-radius: var(--br-5xs);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--gap-5xl);
  max-width: 100%; }

.employment-type-description,
.employment-type-title {
  position: relative; }

.employment-type-title {
  margin: 0;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit; }

.employment-type-description {
  width: 100%;
  font-size: var(--font-size-mini);
  letter-spacing: 0.01em;
  line-height: 32px;
  text-align: left;
  display: inline-block;
  word-break: break-word; }

.employment-card-row {
  -ms-grid-row-align: stretch;
  align-self: stretch;
  display: -ms-grid;
  display: grid;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 0 var(--padding-5xl);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  gap: var(--gap-29xl);
  max-width: 100%;
  -ms-grid-columns: (minmax(256px, 1fr))[3];
  grid-template-columns: repeat(3, minmax(256px, 1fr));
  font-size: var(--font-size-5xl);
  color: var(--white);
  font-family: var(--font-noto-sans-jp); }

.employment-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  max-width: 100%; }

.employment-inner {
  width: 1118px;
  gap: var(--gap-53xl); }

.employment-section {
  background-color: var(--black-light);
  text-align: center;
  font-size: var(--font-size-sm);
  color: var(--main);
  font-family: var(--font-open-sans); }

.price-intro {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 32px;
  margin-top: 24px; }

.plan-title {
  position: relative;
  display: inline-block;
  margin: 0;
  font-size: inherit;
  line-height: 100%;
  font-weight: 700;
  font-family: inherit;
  min-width: 48px;
  text-align: left; }

.price-card-ttl-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.price-card-label {
  background-color: var(--main-light);
  padding: var(--padding-7xs) var(--padding-xs);
  font-size: var(--font-size-xs);
  color: var(--white);
  text-align: left; }

.price-card-ttl-wrapper {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.plan-description {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-smi);
  letter-spacing: 0.01em;
  line-height: 170%;
  text-align: left; }

.price-card-header {
  -ms-flex-item-align: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: var(--gap-xs); }

.salary-label {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 32px;
  display: inline-block;
  min-width: 33px; }

.salary-range {
  position: relative;
  letter-spacing: -0.035em;
  line-height: 30px;
  font-weight: 700; }

.salary-unit {
  position: relative;
  line-height: 10px;
  display: inline-block;
  min-width: 17px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: var(--padding-xl) 0 0;
  font-size: var(--font-size-xs);
  color: var(--dark-blue); }

.salary-amount,
.salary-info,
.team-size {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.salary-amount {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  font-size: var(--font-size-17xl);
  color: var(--main-light);
  font-family: var(--font-lato); }

.salary-info {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--gap-9xs); }

.plan-savings {
  position: relative;
  font-size: var(--font-size-sm);
  line-height: 24px;
  color: var(--color-gray-200); }

.card-header,
.price-card-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.card-header,
.price-card-main {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--gap-base); }

.price-card-main {
  border-top: 1px solid var(--color-gainsboro-100);
  border-bottom: 1px solid var(--color-gainsboro-100);
  padding: var(--padding-3xl) 0 var(--padding-3xl) 0;
  text-align: left;
  font-size: var(--font-size-base);
  width: 100%; }

.card-header {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch; }

.price-card-li {
  -ms-flex-item-align: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: var(--gap-3xs);
  font-weight: 500; }

.price-card-ul,
.price-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.price-card-ul,
.price-card {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.price-card-ul {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  gap: var(--gap-base);
  text-align: left;
  font-size: var(--font-size-sm); }

.price-card {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
  border-radius: var(--br-xs);
  background-color: var(--white);
  border: 1px solid var(--main);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  padding: var(--padding-3xl) var(--padding-12xl) var(--padding-3xl);
  gap: var(--gap-13xl);
  min-width: 256px;
  max-width: 100%; }

.price-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 48px;
  font-size: var(--font-size-5xl);
  color: var(--dark-blue); }

.price-inner {
  width: 1118px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: var(--gap-17xl);
  max-width: 100%;
  color: var(--black-main); }

.action-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.action-button {
  width: 1118px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 100%; }

.find-engineers,
.price-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.price-section {
  background-color: var(--main-super-pale);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--gap-17xl);
  max-width: 100%;
  text-align: center;
  font-size: var(--font-size-sm);
  color: var(--main);
  font-family: var(--font-open-sans); }

.find-engineers {
  width: 100%;
  position: relative;
  overflow: hidden;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  line-height: normal;
  letter-spacing: normal; }

@media screen and (max-width: 1125px) {
  .fe-hero-inner {
    gap: var(--gap-17xl); }
  .screening-row,
  .screening-row-even,
  .screening-row2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .screening-contents {
    gap: var(--gap-11xl); }
  .screening-inner {
    gap: var(--gap-17xl); }
  .screening-footer {
    gap: var(--gap-11xl);
    padding: 0; } }

@media screen and (max-width: 1050px) {
  .fe-hero-title {
    font-size: var(--font-size-13xl);
    line-height: 48px; }
  .fe-hero {
    padding-top: var(--padding-72xl);
    padding-bottom: var(--padding-20xl);
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .cta-heading {
    font-size: var(--font-size-7xl);
    line-height: 36px; }
  .cta {
    gap: var(--gap-11xl); }
  .employment-card-row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-grid-columns: (minmax(256px, 443px))[2];
    grid-template-columns: repeat(2, minmax(256px, 443px)); } }

@media screen and (max-width: 750px) {
  .fe-hero-inner,
  .screening-inner {
    gap: var(--gap-lg); }
  .screening-inner {
    padding: 0; }
  .screening-footer-card-row {
    gap: var(--gap-lgi); }
  .screening-section {
    gap: var(--gap-11xl); }
    .screening-section::after {
      -webkit-transform: rotate(13deg);
      -ms-transform: rotate(13deg);
      transform: rotate(13deg); }
  .employment-card-row {
    gap: var(--gap-5xl);
    -ms-grid-columns: minmax(256px, 1fr);
    grid-template-columns: minmax(256px, 1fr); }
  .price-cards {
    gap: var(--gap-5xl); } }

@media screen and (max-width: 450px) {
  .fe-hero-title {
    font-size: var(--font-size-5xl);
    line-height: 36px; }
  .fe-hero-card-title {
    font-size: var(--font-size-lgi); }
  .screening-ttl-txt-label {
    font-size: var(--font-size-lgi); }
  .screening-li,
  .screening-step-description {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .screening-step-description {
    padding-top: var(--padding-xl);
    padding-bottom: var(--padding-xl);
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .engineer-levels-heading {
    font-size: var(--font-size-lgi);
    line-height: 33px; }
  .engineer-level-title {
    font-size: var(--font-size-base);
    line-height: 16px; }
  .cta-inner {
    gap: var(--gap-lg); }
  .eoremployer-of-record,
  .employment-type-title {
    font-size: var(--font-size-lgi); }
  .price-card-ttl-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .price-card {
    gap: var(--gap-base);
    padding: var(--padding-3xl) var(--padding-5xl) var(--padding-3xl); } }