.sec-inner {
  max-width: 1004px;
  margin-inline: auto;
  padding-inline: 24px;
}

.title-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
  z-index: 1;
}
.title-group .title-main {
  position: relative;
  width: auto;
  z-index: 1;
}
.title-group .title-caption {
  font-size: 2.4rem;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .title-group .title-caption {
    font-size: 1.8rem;
  }
}

.link-unit {
  display: grid;
  align-items: end;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  margin-left: auto;
}
.link-unit > * {
  grid-column: 1/2;
  grid-row: 1/2;
  border-radius: 20px;
}
.link-unit .link-img {
  position: relative;
  overflow: hidden;
}
.link-unit .link-img img {
  border-radius: 16px;
  transition: ease 300ms scale;
}
.link-unit .link-info {
  position: relative;
  padding: 24px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .link-unit .link-info {
    padding: 16px;
  }
}
.link-unit .link-info::before {
  content: "";
  position: absolute;
  width: 100%;
  aspect-ratio: 664/127;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(12, 26, 72, 0) 0%, rgb(12, 26, 72) 100%);
  border-radius: 0 0 16px 16px;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .link-unit .link-info::before {
    aspect-ratio: 664/140;
  }
}
.link-unit .link-title {
  position: relative;
  font-size: 2.4rem;
  font-weight: 600;
  color: var(--white);
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .link-unit .link-title {
    font-size: 1.6rem;
  }
}
.link-unit .link-title .small {
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .link-unit .link-title .small {
    font-size: 1.2rem;
  }
}
.link-unit .link-btn {
  position: absolute;
  width: 78px;
  height: 40px;
  right: 16px;
  border-radius: 20px;
  transition: ease 300ms background;
  overflow: hidden;
  display: grid;
  place-content: center;
}
@media screen and (max-width: 768px) {
  .link-unit .link-btn {
    width: 60px;
    height: 30px;
    right: 16px;
  }
}
.link-unit .link-btn::before {
  content: "";
  position: relative;
  background: url("/career/assets/img/common/arrow_white.svg") no-repeat;
  width: 24px;
  height: 14px;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  transition: ease 300ms left;
  z-index: 1;
}
.link-unit .link-btn::after {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, rgb(91, 199, 195) 0%, rgb(25, 50, 186) 100%);
  width: 100%;
  height: 100%;
  left: 0;
  transition: ease 300ms all;
  z-index: 0;
  opacity: 0;
  border-radius: 20px;
}
@media (any-hover: hover) {
  .link-unit:is(a[href]):hover .link-img img {
    scale: 1.1;
  }
  .link-unit:is(a[href]):hover .link-btn::before {
    left: calc(50% + 8px);
  }
  .link-unit:is(a[href]):hover .link-btn::after {
    opacity: 1;
  }
}
.link-unit.-exlink .link-btn::before {
  content: "";
  position: relative;
  background: url(/career/assets/img/common/exlink_w.svg) no-repeat;
  width: 23px;
  height: 15px;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  transition: ease 300ms left;
  z-index: 1;
}
@media (any-hover: hover) {
  .link-unit.-exlink:is(a[href]):hover .link-img img {
    scale: 1.1;
  }
  .link-unit.-exlink:is(a[href]):hover .link-btn::before {
    left: 50%;
  }
  .link-unit.-exlink:is(a[href]):hover .link-btn::after {
    opacity: 1;
  }
}
.link-unit.-cs {
  cursor: pointer;
}
.link-unit.-cs::before {
  content: "Coming soon";
  position: absolute;
  color: var(--white);
  font-family: var(--crimson);
  font-size: 2rem;
  font-weight: 700;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  border-radius: 16px;
  z-index: 1;
}

.sec-fv {
  position: relative;
  background: url("/career/assets/img/top/fv_bg_pc.jpg") no-repeat center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-top: 135px;
  padding-bottom: 40px;
  margin-bottom: 220px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .sec-fv {
    padding-top: 110px;
    padding-bottom: 56px;
    margin-bottom: 100px;
    background: url("/career/assets/img/top/fv_bg_sp.jpg") no-repeat center;
    background-size: cover;
  }
}
.sec-fv .fv-inner {
  position: relative;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "title slider";
}
@media screen and (max-width: 768px) {
  .sec-fv .fv-inner {
    grid-template-areas: "overlay";
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
}
.sec-fv .fv-title {
  grid-area: title;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .sec-fv .fv-title {
    grid-area: overlay;
    pointer-events: none;
  }
}
.sec-fv .fv-copy {
  position: relative;
  width: auto;
  top: 5%;
  left: -3.25cqw;
  z-index: 5;
}
.sec-fv .fv-copy__main {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .sec-fv .fv-copy__main {
    margin-top: -48px;
    margin-bottom: 20px;
  }
}
.sec-fv .fv-copy__main-item {
  position: relative;
  width: 100%;
  padding-block: 8px;
  padding-inline: 6.5cqw 2cqw;
}
@media screen and (max-width: 768px) {
  .sec-fv .fv-copy__main-item {
    padding-inline: 9.5cqw 2cqw;
  }
}
.sec-fv .fv-copy__main-item::before {
  content: "";
  position: absolute;
  background: var(--white);
  width: 95%;
  height: 100%;
  inset: 0;
  clip-path: polygon(0% 0%, 100% 0%, 95% 100%, 0% 100%);
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .sec-fv .fv-copy__main-item::before {
    width: 90%;
  }
}
.sec-fv .fv-copy__main-item img {
  position: relative;
}
.sec-fv .fv-copy__main-item:nth-of-type(1) img {
  width: 85%;
}
.sec-fv .fv-copy__main-item:nth-of-type(2) img {
  width: 85%;
}
.sec-fv .fv-copy__sub {
  position: relative;
  width: 70%;
  font-family: var(--zen-mincho);
  font-size: 1.89723cqw;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--white);
  padding-block: 8px;
  padding-inline: 6.5cqw 2cqw;
}
@media screen and (max-width: 768px) {
  .sec-fv .fv-copy__sub {
    width: 83%;
    font-size: 4.8cqw;
    padding-inline: 9.5cqw 2cqw;
  }
}
.sec-fv .fv-copy__sub::before {
  content: "";
  position: absolute;
  width: 92%;
  height: 100%;
  background: linear-gradient(90deg, rgb(84, 224, 190) 0%, rgb(101, 156, 252) 50%, rgb(157, 150, 252) 100%);
  clip-path: polygon(0% 0%, 100% 0%, 97% 100%, 0% 100%);
  inset: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .sec-fv .fv-copy__sub::before {
    width: 100%;
    clip-path: polygon(0% 0%, 100% 0%, 95% 100%, 0% 100%);
  }
}
.sec-fv .fv-slider {
  grid-area: slider;
  position: relative;
  z-index: 1;
  min-width: 0;
  width: 145%;
  right: 20%;
  -webkit-mask-image: url("/career/assets/img/top/fv_mask.png");
  mask-image: url("/career/assets/img/top/fv_mask.png");
  -webkit-mask-size: 125% 100%;
  mask-size: 125% 100%;
  -webkit-mask-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .sec-fv .fv-slider {
    grid-area: overlay;
    width: 100%;
    right: 0;
  }
}
.sec-fv .swiper-wrapper {
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
  transform: translate3d(0px, 0, 0);
  transition: ease 300ms all;
  position: relative;
}
.sec-fv .swiper .swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  transition: ease 300ms opacity;
}
.sec-fv .swiper .swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
}
.sec-fv .gradation-line {
  position: absolute;
  z-index: 5;
}
.sec-fv .gradation-line[data-num=line01] {
  top: 0;
  left: 60px;
  width: 21.485cqw;
  aspect-ratio: 274/14;
}
@media screen and (max-width: 768px) {
  .sec-fv .gradation-line[data-num=line01] {
    top: -6%;
    left: -3%;
    width: 50.43cqw;
    aspect-ratio: 190/10;
  }
}
.sec-fv .gradation-line[data-num=line02] {
  top: 8%;
  left: 38%;
  width: 16.797cqw;
  aspect-ratio: 215/14;
}
@media screen and (max-width: 768px) {
  .sec-fv .gradation-line[data-num=line02] {
    top: 12%;
    left: -2%;
    width: 40.43cqw;
    aspect-ratio: 150/10;
  }
}
.sec-fv .gradation-line[data-num=line03] {
  top: 14%;
  left: 31%;
  width: 16.797cqw;
  aspect-ratio: 274/14;
}
@media screen and (max-width: 768px) {
  .sec-fv .gradation-line[data-num=line03] {
    top: 17%;
    left: -17%;
    width: 40.43cqw;
    aspect-ratio: 150/10;
  }
}
.sec-fv .gradation-line[data-num=line04] {
  bottom: 15%;
  right: 20px;
  width: 16.797cqw;
  aspect-ratio: 274/14;
}
@media screen and (max-width: 768px) {
  .sec-fv .gradation-line[data-num=line04] {
    aspect-ratio: 150/10;
    bottom: 58%;
    right: -15px;
    width: 39.797cqw;
  }
}
.sec-fv .gradation-line[data-num=line05] {
  bottom: 8%;
  right: 20%;
  width: 21.43cqw;
  aspect-ratio: 274/14;
}
@media screen and (max-width: 768px) {
  .sec-fv .gradation-line[data-num=line05] {
    aspect-ratio: 190/10;
    width: 50.43cqw;
    right: initial;
    left: 50%;
    translate: -50% 0;
    bottom: -8%;
  }
}

.sec-aboutUs {
  position: relative;
  margin-bottom: 400px;
}
@media screen and (max-width: 768px) {
  .sec-aboutUs {
    margin-bottom: 180px;
  }
}
.sec-aboutUs::before {
  content: "";
  position: absolute;
  background: var(--green-light);
  clip-path: polygon(0% 25%, 100% 0%, 100% 75%, 0% 100%);
  padding-block: 0 0;
  height: 100%;
  width: 93.015%;
  height: 100%;
  border-radius: 16px;
  /* aspect-ratio: 1080 / 1030; */
  padding-block: 0 40px;
  top: 10%;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .sec-aboutUs::before {
    aspect-ratio: initial;
    background: var(--green-light);
    clip-path: polygon(0% 5%, 100% 0%, 100% 94%, 0% 100%);
    padding-block: 0 0;
    height: 100%;
    width: 100%;
    top: 7%;
    right: 0;
    border-radius: 0;
  }
}
.sec-aboutUs .title-group .title-main {
  max-width: 386px;
}
@media screen and (max-width: 768px) {
  .sec-aboutUs .title-group .title-main {
    width: 70%;
  }
}
.sec-aboutUs .link-container {
  position: relative;
}
.sec-aboutUs .link-block {
  position: relative;
  display: flex;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .sec-aboutUs .link-block {
    flex-direction: column;
  }
}
.sec-aboutUs .link-block.-flex {
  display: flex;
  gap: 32px;
}
@media screen and (max-width: 768px) {
  .sec-aboutUs .link-block.-flex {
    flex-direction: column;
  }
}
@media screen and (min-width: 769px) {
  .sec-aboutUs .link-block.-flex .link-unit:nth-of-type(2) {
    top: 64px;
  }
  .sec-aboutUs .link-block.-flex .link-unit:nth-of-type(3) {
    top: 128px;
  }
}
@media screen and (max-width: 768px) {
  .sec-aboutUs .link-block.-flex .link-unit {
    width: 82.57%;
    margin-left: inherit;
  }
  .sec-aboutUs .link-block.-flex .link-unit:nth-of-type(odd) {
    margin-right: auto;
  }
  .sec-aboutUs .link-block.-flex .link-unit:nth-of-type(even) {
    margin-left: auto;
  }
}
.sec-aboutUs .link-block.-flex .link-info {
  padding: 16px;
}
.sec-aboutUs .link-block.-flex .link-title {
  font-size: 2rem;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .sec-aboutUs .link-block.-flex .link-title {
    font-size: 1.6rem;
  }
}
.sec-aboutUs .title-group {
  position: absolute;
  top: 48px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .sec-aboutUs .title-group {
    position: relative;
    top: 0;
    margin-bottom: 48px;
  }
}
.sec-aboutUs .link-unit {
  position: relative;
  max-width: 664px;
  margin-left: auto;
}

.sec-worksAndPeople {
  position: relative;
  z-index: 1;
  margin-bottom: 250px;
}
@media screen and (max-width: 768px) {
  .sec-worksAndPeople {
    margin-bottom: 140px;
  }
}
.sec-worksAndPeople::before {
  content: "";
  position: absolute;
  background: linear-gradient(180deg, rgb(157, 249, 214) 0%, rgb(155, 246, 215) 16%, rgb(101, 156, 252) 68%, rgb(157, 150, 252) 100%);
  clip-path: polygon(0% 25%, 100% 0%, 100% 75%, 0% 100%);
  width: 100%;
  max-width: 82vw;
  padding-block: 0 180px;
  height: 100%;
  left: 0;
  border-radius: 0 16px 0 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .sec-worksAndPeople::before {
    display: none;
  }
}
.sec-worksAndPeople .sec-inner {
  position: relative;
}
.sec-worksAndPeople .sec-inner::before {
  display: none;
  content: "";
  position: absolute;
  background: linear-gradient(180deg, rgb(157, 249, 214) 0%, rgb(155, 246, 215) 16%, rgb(101, 156, 252) 68%, rgb(157, 150, 252) 100%);
  clip-path: polygon(0% 15%, 100% 0%, 100% 90%, 0% 100%);
  width: 111.015%;
  aspect-ratio: 1165/1400;
  left: -30px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .sec-worksAndPeople .sec-inner::before {
    display: block;
    aspect-ratio: initial;
    background: linear-gradient(180deg, rgb(157, 249, 214) 0%, rgb(155, 246, 215) 16%, rgb(101, 156, 252) 68%, rgb(157, 150, 252) 100%);
    clip-path: polygon(0% 10%, 100% 0%, 100% 90%, 0% 100%);
    padding-block: 0 80px;
    height: 100%;
  }
}
.sec-worksAndPeople .link-container {
  position: relative;
}
.sec-worksAndPeople .link-block {
  position: relative;
  display: flex;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .sec-worksAndPeople .link-block {
    flex-direction: column;
    margin-bottom: 75px;
  }
}
.sec-worksAndPeople .link-block.-slider {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-bottom: 0;
}
.sec-worksAndPeople .link-block.-slider .title-group {
  position: relative;
  flex-direction: row;
  align-items: baseline;
  gap: 36px;
  margin-bottom: 0;
  top: 0;
}
@media screen and (max-width: 768px) {
  .sec-worksAndPeople .link-block.-slider .title-group {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
}
.sec-worksAndPeople .link-block.-slider .title-group .title-main {
  font-family: var(--crimson);
  font-size: 8rem;
  font-weight: 700;
  color: var(--blue);
}
@media screen and (max-width: 768px) {
  .sec-worksAndPeople .link-block.-slider .title-group .title-main {
    font-size: 5.6rem;
  }
}
.sec-worksAndPeople .link-block.-slider .title-group .title-caption {
  font-size: 1.8rem;
  color: var(--blue);
}
.sec-worksAndPeople .link-block.-slider .link-info {
  padding: 16px;
}
@media screen and (max-width: 768px) {
  .sec-worksAndPeople .link-block.-slider .link-info::before {
    aspect-ratio: 664/244;
  }
}
.sec-worksAndPeople .link-block.-slider .link-title {
  display: flex;
  flex-direction: column;
}
.sec-worksAndPeople .link-block.-slider .link-title * {
  font-weight: 700;
  color: var(--white);
}
.sec-worksAndPeople .link-block.-slider .link-title .small {
  font-size: 1.6rem;
}
.sec-worksAndPeople .link-block.-slider .link-title .name {
  font-size: 2.4rem;
}
.sec-worksAndPeople .title-group {
  position: absolute;
  top: -35px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .sec-worksAndPeople .title-group {
    position: relative;
    top: 0;
    margin-bottom: 48px;
  }
}
.sec-worksAndPeople .title-group .title-main {
  max-width: 710px;
}
@media screen and (max-width: 768px) {
  .sec-worksAndPeople .title-group .title-main {
    width: 83%;
  }
}
.sec-worksAndPeople .link-unit {
  position: relative;
  max-width: 887px;
  margin-left: auto;
}
.sec-worksAndPeople .link-unit.large-img {
  right: -130px;
}
@media screen and (max-width: 768px) {
  .sec-worksAndPeople .link-unit.large-img {
    right: 0;
  }
}
.sec-worksAndPeople .link-unit.large-img .link-img {
  position: relative;
}
.sec-worksAndPeople .link-unit.large-img .link-img::before {
  content: "";
  position: absolute;
  width: 90.41%;
  aspect-ratio: 802/538;
  background: rgba(255, 255, 255, 0.3);
  bottom: -40px;
  left: -40px;
  border-radius: 16px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .sec-worksAndPeople .link-unit.large-img .link-img::before {
    display: none;
  }
}
.sec-worksAndPeople .interview-slider {
  position: relative;
  width: 100vw;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .sec-worksAndPeople .interview-slider {
    margin-inline: calc(50% - 50vw);
    padding-bottom: 100px;
  }
}
.sec-worksAndPeople .swiper-slide {
  width: auto !important;
}
.sec-worksAndPeople .interview-slide-item {
  position: relative;
  width: clamp(240px, 1vw, 420px);
  transform-origin: center bottom;
  transition: transform 0.4s ease;
  transform: scale(0.9);
  overflow: hidden;
  border-radius: 20px;
}
.sec-worksAndPeople .interview-slide-item.swiper-slide-active {
  transform: scale(1);
}
.sec-worksAndPeople .interview-slide-item img {
  transition: ease 300ms scale;
}
@media (any-hover: hover) {
  .sec-worksAndPeople .interview-slide-item:is(a[href]):hover img {
    scale: 1.1;
  }
  .sec-worksAndPeople .interview-slide-item:is(a[href]):hover .link-btn::before {
    left: calc(50% + 8px);
  }
  .sec-worksAndPeople .interview-slide-item:is(a[href]):hover .link-btn::after {
    opacity: 1;
  }
}
.sec-worksAndPeople .interview-slide-item .link-info::before {
  aspect-ratio: 664/200;
  background: linear-gradient(to bottom, rgba(12, 26, 72, 0) 15%, rgb(12, 26, 72) 100%);
}
.sec-worksAndPeople .js-interview-slider .swiper-slide {
  width: clamp(240px, 28vw, 420px) !important;
  height: auto !important;
}
@media screen and (max-width: 768px) {
  .sec-worksAndPeople .js-interview-slider .swiper-slide {
    width: 78.66% !important;
  }
}
.sec-worksAndPeople .swiper-wrapper {
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
  transform: translate3d(0px, 0, 0);
}
.sec-worksAndPeople .swiper .swiper-slide {
  flex-shrink: 0;
  position: relative;
  transition-property: transform;
}
.sec-worksAndPeople .swiper .swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
}
.sec-worksAndPeople .btn-group {
  position: relative;
  width: auto;
  max-width: 290px;
  height: 60px;
  width: 100%;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .sec-worksAndPeople .btn-group {
    margin-inline: auto;
  }
}
.sec-worksAndPeople .js-slider-interview-pagination {
  position: absolute;
  display: flex;
  gap: 16px;
  height: fit-content;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.sec-worksAndPeople .js-slider-interview-pagination .swiper-pagination-bullet {
  display: block;
  width: 10px;
  aspect-ratio: 1;
  background: var(--white);
  border-radius: 50%;
  cursor: pointer;
}
.sec-worksAndPeople .js-slider-interview-pagination .swiper-pagination-bullet-active {
  background: var(--blue);
}
.sec-worksAndPeople .js-slider-interview-prev,
.sec-worksAndPeople .js-slider-interview-next {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  display: grid;
  place-content: center;
  background: var(--white);
  border-radius: 50vmax;
  width: 78px;
  height: 40px;
  cursor: pointer;
}
.sec-worksAndPeople .js-slider-interview-prev::before,
.sec-worksAndPeople .js-slider-interview-next::before {
  content: "";
  position: relative;
  background: url(/career/assets/img/common/arrow_blue.svg) no-repeat;
  width: 24px;
  height: 14px;
  z-index: 1;
}
.sec-worksAndPeople .js-slider-interview-prev {
  left: 0;
}
.sec-worksAndPeople .js-slider-interview-prev::before {
  rotate: 180deg;
}
.sec-worksAndPeople .js-slider-interview-next {
  right: 0;
}

.sec-environment {
  position: relative;
  margin-bottom: 160px;
}
@media screen and (max-width: 768px) {
  .sec-environment {
    margin-bottom: 100px;
  }
}
.sec-environment .title-group {
  margin-bottom: 4.6875cqw;
}
@media screen and (max-width: 768px) {
  .sec-environment .title-group {
    margin-bottom: 48px;
  }
}
.sec-environment .title-group .title-main {
  max-width: 460px;
}
@media screen and (max-width: 768px) {
  .sec-environment .title-group .title-main {
    width: 98%;
  }
}
.sec-environment .link-block {
  position: relative;
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .sec-environment .link-block {
    flex-direction: column;
    gap: 24px;
  }
}
.sec-environment .link-block .link-info {
  padding: 16px;
}
.sec-environment .link-block .link-title {
  font-size: 2rem;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .sec-environment .link-block .link-title {
    font-size: 1.6rem;
  }
}

.sec-jobInformation {
  position: relative;
  border-radius: 40px 40px 0 0;
  background: url("/career/assets/img/top/noize_bg01.jpg") repeat;
  background-size: cover;
  padding-block: 100px;
}
@media screen and (max-width: 768px) {
  .sec-jobInformation {
    padding-block: 75px 80px;
    padding-inline: 16px;
    border-radius: 16px 16px 0 0;
  }
}
.sec-jobInformation .title-group {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 4.6875cqw;
}
@media screen and (max-width: 768px) {
  .sec-jobInformation .title-group {
    margin-bottom: 48px;
  }
}
.sec-jobInformation .title-group .title-main {
  max-width: 508px;
}
.sec-jobInformation .link-block {
  position: relative;
  display: flex;
  gap: 40px;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .sec-jobInformation .link-block {
    flex-direction: column;
    gap: 16px;
  }
}
.sec-jobInformation .link-block .link-btn {
  position: relative;
  width: 50%;
  border-radius: 16px;
  aspect-ratio: 393/140;
  display: flex;
  align-items: center;
  background: linear-gradient(90deg, rgb(25, 50, 186) 0%, rgb(91, 199, 195) 100%);
}
@media screen and (max-width: 768px) {
  .sec-jobInformation .link-block .link-btn {
    width: 100%;
  }
}
.sec-jobInformation .link-block .link-btn::before {
  content: "";
  position: absolute;
  background: url(/career/assets/img/common/arrow_white.svg) no-repeat;
  width: 24px;
  height: 14px;
  top: 50%;
  translate: 0 -50%;
  right: 48px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .sec-jobInformation .link-block .link-btn::before {
    right: 32px;
  }
}
.sec-jobInformation .link-block .link-btn::after {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, rgb(91, 199, 195) 0%, rgb(25, 50, 186) 100%);
  width: 100%;
  height: 100%;
  left: 0;
  transition: ease 300ms all;
  z-index: 0;
  opacity: 0;
  border-radius: 16px;
}
.sec-jobInformation .link-block .link-btn span {
  position: relative;
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--white);
  padding-inline: 48px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .sec-jobInformation .link-block .link-btn span {
    font-size: 2rem;
    padding-inline: 32px;
  }
}
.sec-jobInformation .link-block .link-btn.exlink::before {
  content: "";
  position: absolute;
  background: url(/career/assets/img/common/exlink_w.svg) no-repeat;
  width: 23px;
  height: 15px;
  top: 50%;
  translate: 0 -50%;
  right: 48px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .sec-jobInformation .link-block .link-btn.exlink::before {
    right: 32px;
  }
}
@media (any-hover: hover) {
  .sec-jobInformation .link-block .link-btn:hover::after {
    opacity: 1;
  }
}