@charset "UTF-8";
/* ------------------------------------------------------------
■ TOP
------------------------------------------------------------ */
.btn_view {
  display: flex;
  align-items: center;
}
.btn_view--type1 {
  width: clamp(160px, 12.5vw, 240px);
  aspect-ratio: 3/1;
  position: relative;
  border: 2px solid #FFFFFF;
}
@media (max-width: 1023px) {
  .btn_view--type1 {
    width: clamp(152px, 40.5333333333vw, 200px);
    aspect-ratio: 38/11;
    border: 1px solid #FFFFFF;
  }
}
.btn_view--type1 span {
  font-size: clamp(1.2rem, 0.83vw, 1.6rem);
  letter-spacing: 0.04em;
  color: #FFFFFF;
  padding-left: 15%;
}
@media (max-width: 1023px) {
  .btn_view--type1 span {
    font-size: clamp(1.2rem, 3.2vw, 1.6rem);
    font-weight: 500;
    padding-left: 11.84%;
  }
}
.btn_view--type1::after {
  content: "";
  width: 92px;
  width: clamp(48px, 4.79vw, 92px);
  height: 2px;
  position: absolute;
  top: 50%;
  right: -14%;
  transform: translateY(-50%);
  background-color: #FFFFFF;
}
@media (max-width: 1023px) {
  .btn_view--type1::after {
    width: 35%;
    height: 1px;
  }
}
.btn_view.btn_view--type2 {
  width: clamp(140px, 10.42vw, 200px);
  aspect-ratio: 10/3;
  justify-content: center;
  background-color: #FFFFFF;
}
@media (max-width: 1023px) {
  .btn_view.btn_view--type2 {
    width: clamp(125px, 35.7333333333vw, 200px);
    aspect-ratio: 10/3;
  }
}
.btn_view.btn_view--type2 span {
  font-size: clamp(1.2rem, 0.73vw, 1.4rem);
  letter-spacing: 0.04em;
  color: #242424;
}
@media (max-width: 1023px) {
  .btn_view.btn_view--type2 span {
    font-size: clamp(1.2rem, 3.2vw, 1.4rem);
  }
}
.btn_view span {
  display: block;
  backface-visibility: hidden;
}
.btn_view:hover span {
  transition: 0.7s;
  -webkit-transform: rotateX(360deg);
  transform: rotateX(360deg);
}
.btn_view--type1:hover::after {
  content: "";
  width: clamp(48px, 4.79vw, 92px);
  height: 2px;
  position: absolute;
  top: 50%;
  right: -14%;
  transform: translateY(-50%) scale(0, 1);
  transform-origin: left top;
  background-color: #FFFFFF;
  animation: line 0.3s linear 0.4s forwards;
}
@media (max-width: 1023px) {
  .btn_view--type1:hover::after {
    width: 35%;
    height: 1px;
  }
}
@keyframes line {
  0% {
    transform: translateY(-50%) scale(0, 1);
  }
  100% {
    transform: translateY(-50%) scale(1, 1);
  }
}

.fv {
  width: 100%;
  padding-bottom: 6.40625%;
  overflow: hidden;
  padding-bottom: clamp(200px, 15.625vw, 300px);
}
@media (max-width: 1023px) {
  .fv {
    padding-bottom: 19.4666666667vw;
  }
}
.fv .fv__inner {
  width: 100%;
  position: relative;
  background-image: url(../images/top/fv_bg_filter.webp), url(../images/top/fv_bg.webp);
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 50%;
}
@media (max-width: 1023px) {
  .fv .fv__inner {
    aspect-ratio: 375/546;
    background-image: url(../images/top/fv_bg_filter_sp.webp), url(../images/top/fv_bg_sp.webp);
  }
}
.fv .fv__inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 49.2%;
  width: 48.23%;
  height: 100%;
  background-image: url(../images/top/fv_dec1.webp), url(../images/top/fv_dec2.webp);
  background-size: 73.65%, 92.76%;
  background-position: 73% 0, 100% 101%;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 1;
}
@media (max-width: 1023px) {
  .fv .fv__inner::before {
    width: 104%;
    left: 13%;
    background-size: 87%, 52%;
    background-position: 120% 0, 71% 61%;
  }
}
.fv .fv__inner .fv__slider {
  width: 48.23%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 49.2%;
  z-index: 2;
}
@media (max-width: 1023px) {
  .fv .fv__inner .fv__slider {
    width: 104%;
    left: 13%;
  }
}
.fv .fv__inner .fv__slider img {
  position: absolute;
  top: 0;
}
.fv .fv__inner .fv__slider img.fv__slide-img {
  opacity: 0;
  animation: fv_switch 12s linear infinite;
}
.fv .fv__inner .fv__slider img.fv__slide-img:nth-child(2) {
  animation-delay: 4s;
}
.fv .fv__inner .fv__slider img.fv__slide-img:nth-child(3) {
  animation-delay: 8s;
}
.fv .fv__inner .fv__heading {
  width: fit-content;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, 28%);
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .fv .fv__inner .fv__heading {
    transform: translate(-50%, 16%);
  }
}
.fv .fv__inner .fv__heading .fv__heading-text {
  width: fit-content;
  white-space: nowrap;
  clip-path: inset(0 100% 0 0);
  animation: catchcopy 1s cubic-bezier(0.45, 0, 0.55, 1) 1.5s forwards;
}
.fv .fv__inner .fv__heading .fv__heading-text:nth-of-type(2) {
  animation-delay: 2.5s;
}
.fv .fv__inner .fv__heading .fv__heading-text:nth-of-type(3) {
  animation-delay: 3.5s;
}
@media (max-width: 1023px) {
  .fv .fv__inner .fv__heading .fv__heading-text:nth-of-type(4) {
    animation-delay: 4.5s;
  }
}
.fv .fv__inner .fv__heading .fv__heading-text-ja {
  width: fit-content;
  display: block;
  font-size: clamp(2rem, 3.125vw, 6rem);
  font-size: clamp(2rem, 3.125vw, 6rem);
  line-height: 1.67;
  letter-spacing: 0.1em;
  color: #242424;
  background-color: #FFFFFF;
  padding-left: clamp(10px, 1.3vw, 25px);
  margin-bottom: clamp(12px, 1.25vw, 24px);
}
@media (max-width: 1023px) {
  .fv .fv__inner .fv__heading .fv__heading-text-ja {
    font-size: clamp(2.4rem, 6.4vw, 6rem);
    margin-bottom: 0.417em;
  }
}
.fv .fv__inner .fv__heading .fv__heading-text-en {
  display: block;
  font-size: clamp(1.6rem, 1.875vw, 3.6rem);
  letter-spacing: 0.18em;
  margin-top: clamp(3px, 0.4vw, 5px);
}
@media (max-width: 1023px) {
  .fv .fv__inner .fv__heading .fv__heading-text-en {
    font-size: clamp(1.4rem, 3.7333333333vw, 3rem);
    font-weight: 500;
    line-height: 1.571;
    margin-top: 0;
  }
}
.fv .fv__inner .fv__heading .fv__heading-text-en.u-sp-only {
  display: none;
}
@media (max-width: 1023px) {
  .fv .fv__inner .fv__heading .fv__heading-text-en.u-sp-only {
    display: block;
  }
}
.fv .fv__inner .fv__heading .fv__heading-text-en .u-pc-only {
  display: inline;
}
@media (max-width: 1023px) {
  .fv .fv__inner .fv__heading .fv__heading-text-en .u-pc-only {
    display: none;
  }
}
.fv .fv__inner .fv__heading .fv__heading-company-name {
  display: block;
  font-size: clamp(11.4rem, 17.86vw, 34.3rem);
  line-height: 0.991;
  letter-spacing: 0.04em;
  margin-top: -10px;
  margin-left: -0.1em;
}
@media (max-width: 1023px) {
  .fv .fv__inner .fv__heading .fv__heading-company-name {
    font-size: clamp(7rem, 18.6666666667vw, 20rem);
    line-height: 1.229;
    letter-spacing: 0.02em;
    margin-top: 0;
  }
}

@keyframes fv_switch {
  0% {
    opacity: 0;
  }
  3% {
    opacity: 1;
  }
  35% {
    opacity: 1;
  }
  37% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes catchcopy {
  0% {
    clip-path: inset(0 100% 0 0);
  }
  100% {
    clip-path: inset(0 0 0 0);
  }
}
.company {
  display: flex;
  justify-content: flex-end;
  position: relative;
}
@media (max-width: 1023px) {
  .company {
    padding-bottom: 52.3%;
  }
}
.company .company__content {
  width: 61.4vw;
  aspect-ratio: 1179/700;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
  background-image: url(../images/top/logo_symbol.webp);
  background-size: 52%;
  background-position: 100% 100%;
  background-color: var(--color-main);
  clip-path: polygon(22% 0%, 100% 0, 100% 100%, 0% 100%);
}
@media (max-width: 1023px) {
  .company .company__content {
    width: 95vw;
    aspect-ratio: 356/402;
    max-height: 550px;
    background-size: 60%;
    clip-path: polygon(30% 0%, 100% 0, 100% 100%, 0% 100%);
    padding-left: 0;
  }
}
.company .company__content .company__inner {
  width: 100%;
  padding-left: 27.14%;
}
@media (max-width: 1023px) {
  .company .company__content .company__inner {
    padding-left: 33.4%;
  }
}
.company .company__content .company__inner .company__text {
  width: clamp(440px, 41.3333333333vw, 620px);
  font-size: clamp(1.4rem, 1.3671875vw, 2rem);
  line-height: 2;
  letter-spacing: 0.1em;
  margin-top: clamp(20px, 6.84% - 0.5em, 60px);
}
@media (max-width: 1023px) {
  .company .company__content .company__inner .company__text {
    width: 91.5%;
    font-size: clamp(1.4rem, 2.8vw, 1.6rem);
    line-height: 1.571;
  }
}
.company .company__content .company__inner .company__btn {
  margin-top: clamp(40px, 13.9697322468% - 1vw, 120px);
}
@media (max-width: 1023px) {
  .company .company__content .company__inner .company__btn {
    margin-top: 10.12%;
  }
}
.company .company__img {
  width: 57.8vw;
  position: absolute;
  top: 14.28%;
  left: 0;
}
@media (max-width: 1023px) {
  .company .company__img {
    width: 89.6vw;
    top: auto;
    bottom: 0;
  }
}

.service {
  width: 100%;
  position: relative;
  padding: clamp(120px, 10.47vw, 201px) 0 clamp(160px, 12.76vw, 245px);
  overflow: hidden;
}
@media (max-width: 1023px) {
  .service {
    padding: 68px 0 24vw;
  }
}
.service .service__text-wrapper {
  width: fit-content;
  height: fit-content;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1;
  transform: translateY(-150%);
  mix-blend-mode: color-burn;
}
.service .service__text-wrapper .service__background-text {
  display: inline-block;
  font-size: clamp(10rem, 13.02vw, 25rem);
  line-height: 0.9;
  letter-spacing: 0;
  color: #BDBFC3;
  mix-blend-mode: color-burn;
  transform: rotate(90deg);
  transform-origin: 100% 0;
}
@media (max-width: 1023px) {
  .service .service__text-wrapper .service__background-text {
    font-size: 21vw;
    line-height: 0.7;
  }
}
.service .sec_heading {
  text-align: center;
}
.service .service__description {
  width: 83.33vw;
  max-width: 800px;
  font-size: clamp(1.4rem, 0.833vw, 1.6rem);
  font-weight: 500;
  line-height: 1.875;
  letter-spacing: 0.1em;
  text-align: center;
  margin: clamp(24px, 1.98vw, 38px) auto 0;
}
@media (max-width: 1023px) {
  .service .service__description {
    width: 78.9vw;
    font-size: clamp(1.4rem, 2.8vw, 1.6rem);
    font-weight: 500;
    line-height: 1.571;
    text-align: left;
  }
}
.service .service__cards {
  display: flex;
  justify-content: center;
  position: relative;
  column-gap: clamp(30px, 4.1666666667vw, 50px);
  margin: clamp(60px, 5.93vw, 114px) 0 0;
  padding-bottom: 11.7vw;
}
@media (max-width: 1023px) {
  .service .service__cards {
    flex-direction: column;
    align-items: center;
    column-gap: 0;
    row-gap: 40px;
    margin-top: 54px;
    padding-bottom: 20.8%;
  }
}
.service .service__cards::before {
  content: "";
  width: 100%;
  height: 18.2vw;
  position: absolute;
  bottom: 0;
  z-index: 0;
  background-color: #B3B8C6;
}
@media (max-width: 1023px) {
  .service .service__cards::before {
    height: 45.3vw;
  }
}
.service .service__cards::after {
  content: "";
  width: 60.78vw;
  aspect-ratio: 1167/140;
  position: absolute;
  bottom: -2vw;
  left: 0;
  z-index: 1;
  background-color: var(--color-main);
  clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
}
@media (max-width: 1023px) {
  .service .service__cards::after {
    width: 45.3%;
    aspect-ratio: 170/68;
    bottom: -8vw;
    clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);
  }
}
.service .service__cards .card {
  width: clamp(310px, 27.7777777778vw, 500px);
}
@media (max-width: 1023px) {
  .service .service__cards .card {
    width: 80%;
    max-width: 400px;
  }
}
.service .service__cards .card .card__link {
  width: 100%;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
  color: #FFFFFF;
}
.service .service__cards .card .card__link .card__img-wrap {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.service .service__cards .card .card__link .card__img-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.5s;
}
.service .service__cards .card .card__link .card__content {
  width: 86%;
  aspect-ratio: 1;
  position: relative;
  z-index: 2;
}
@media (max-width: 1023px) {
  .service .service__cards .card .card__link .card__content {
    width: 89.1%;
  }
}
.service .service__cards .card .card__link .card__content .card__body {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: clamp(25px, 6.696vw - 43.55px, 85px) 0 clamp(20px, 3.906vw - 15px, 60px);
}
@media (max-width: 1023px) {
  .service .service__cards .card .card__link .card__content .card__body {
    padding: clamp(32px, 8.5333333333vw, 50px) 0 clamp(30px, 8vw, 50px);
  }
}
.service .service__cards .card .card__link .card__content .card__body .card__body-inner .card__title {
  font-size: clamp(2rem, 1.56vw, 3rem);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
}
@media (max-width: 1023px) {
  .service .service__cards .card .card__link .card__content .card__body .card__body-inner .card__title {
    font-size: clamp(1.8rem, 4.8vw, 3rem);
    line-height: 1.444;
  }
}
.service .service__cards .card .card__link .card__content .card__body .card__body-inner .card__text {
  width: 83.72%;
  font-size: clamp(1.2rem, 0.83vw, 1.6rem);
  font-weight: 500;
  line-height: 1.875;
  letter-spacing: 0.04em;
  text-align: center;
  margin: 1.8em auto 0;
}
@media (max-width: 1023px) {
  .service .service__cards .card .card__link .card__content .card__body .card__body-inner .card__text {
    width: 88.5%;
    font-size: clamp(1.4rem, 3.7333333333vw, 1.6rem);
    line-height: 1.571;
    text-align: center;
    margin-top: 0.857em;
  }
}

.service .service__cards .card .card__link .card__content--border-anim {
  border: 2px solid #FFFFFF;
}
.service .service__cards .card .card__link .card__content--border-anim::before, .service .service__cards .card .card__link .card__content--border-anim::after,
.service .service__cards .card .card__link .card__content--border-anim .card__hover-line::before,
.service .service__cards .card .card__link .card__content--border-anim .card__hover-line::after {
  content: "";
  position: absolute;
  background-color: #FFFFFF;
  transition: all 0.3s;
  transition: none;
}
.service .service__cards .card .card__link .card__content--border-anim::before {
  height: 2px;
  width: 0;
  top: -2px;
  left: 0;
  transition-delay: 0.4s;
}
.service .service__cards .card .card__link .card__content--border-anim::after {
  width: 2px;
  height: 0;
  top: 0;
  right: -2px;
  transition-delay: 0.2s;
}
.service .service__cards .card .card__link .card__content--border-anim .card__hover-line::before {
  height: 2px;
  width: 0;
  bottom: -2px;
  right: 0;
  transition-delay: 0.4s;
}
.service .service__cards .card .card__link .card__content--border-anim .card__hover-line::after {
  width: 2px;
  height: 0;
  bottom: 0;
  left: -2px;
  transition-delay: 0.2s;
}
.service .service__cards .card:hover .card__link .card__img-wrap img {
  filter: blur(3px);
}
.service .service__cards .card:hover .card__link .card__content--border-anim {
  border-color: rgba(255, 255, 255, 0);
}
.service .service__cards .card:hover .card__link .card__content--border-anim::before, .service .service__cards .card:hover .card__link .card__content--border-anim::after,
.service .service__cards .card:hover .card__link .card__content--border-anim .card__hover-line::before,
.service .service__cards .card:hover .card__link .card__content--border-anim .card__hover-line::after {
  content: "";
  transition: all 0.3s;
}
.service .service__cards .card:hover .card__link .card__content--border-anim::before {
  width: calc(100% + 2px);
  transition-delay: 0.4s;
}
.service .service__cards .card:hover .card__link .card__content--border-anim::after {
  height: calc(100% + 2px);
  transition-delay: 0.2s;
}
.service .service__cards .card:hover .card__link .card__content--border-anim .card__hover-line::before {
  width: calc(100% + 2px);
  transition-delay: 0.4s;
}
.service .service__cards .card:hover .card__link .card__content--border-anim .card__hover-line::after {
  height: calc(100% + 2px);
  transition-delay: 0.2s;
}
.service .service__cards .card:hover .card__btn span {
  transition: 0.7s;
  -webkit-transform: rotateX(360deg);
  transform: rotateX(360deg);
}

.office {
  width: 100%;
  background-image: url(../images/top/office_img.webp);
  background-size: 100%;
  padding-top: 17.1875vw;
}
@media (max-width: 1023px) {
  .office {
    background-image: url(../images/top/office_img_sp.webp);
    padding-top: 30.6666666667vw;
  }
}
.office .office__inner {
  width: 54.68%;
  aspect-ratio: 1050/590;
  background-color: #242424;
  clip-path: polygon(0 0, 100% 35%, 85% 100%, 5% 100%);
  margin-left: 7.5%;
}
@media (max-width: 1023px) {
  .office .office__inner {
    width: 94.6%;
    aspect-ratio: 0;
    clip-path: polygon(0 0, 100% 32%, 100% 100%, 7% 100%);
    padding-bottom: 86px;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .office .office__inner {
    clip-path: polygon(0 0, 100% 28%, 100% 100%, 7% 100%);
  }
}
@media (max-width: 550px) {
  .office .office__inner {
    clip-path: polygon(0 0, 100% 23%, 100% 100%, 7% 100%);
  }
}
.office .office__inner .office__content {
  padding: clamp(90px, 8.789vw, 354px) clamp(100px, 9.765vw, 367px) 0 clamp(50px, 4.883vw, 248px);
}
@media (max-width: 1023px) {
  .office .office__inner .office__content {
    padding: 19.7% 0 0 11%;
  }
}
.office .office__inner .office__content .office__content-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2.6041666667vw;
}
@media (max-width: 1023px) {
  .office .office__inner .office__content .office__content-wrap {
    display: block;
    margin-top: 4.4%;
  }
}
.office .office__inner .office__content .office__content-wrap .office__description {
  font-size: clamp(1.2rem, 1.2vw, 1.6rem);
  font-weight: 500;
  line-height: 1.875;
  letter-spacing: 0.1em;
}
@media (max-width: 1023px) {
  .office .office__inner .office__content .office__content-wrap .office__description {
    font-size: clamp(1.4rem, 2.8vw, 1.6rem);
  }
}
@media (max-width: 1023px) {
  .office .office__inner .office__content .office__content-wrap .office__btn {
    margin-top: 8.8%;
  }
}

.slider {
  position: relative;
  overflow: hidden;
  padding: 1.35vw 0 8.95vw;
}
@media (max-width: 1023px) {
  .slider {
    padding: 0 0 28.2666666667vw;
  }
}
.slider .slider__text {
  width: max-content;
  height: 5.94vw;
  display: flex;
  animation: slide01 37s linear infinite reverse;
}
@media (max-width: 1023px) {
  .slider .slider__text {
    height: 14.93vw;
  }
}
.slider .slider__text:last-child {
  transform: translateX(-25%);
  animation: slide02 37s linear infinite reverse;
}
.slider .slider__text img {
  width: auto;
  height: 100%;
}
.slider .slider__img-wrap {
  display: flex;
}
.slider .slider__imgs {
  display: flex;
  width: max-content;
  position: relative;
  z-index: 2;
  animation: imgslide 80s linear infinite;
  margin-top: 2.3vw;
  margin-bottom: 1.35vw;
}
@media (max-width: 1023px) {
  .slider .slider__imgs {
    margin: 5.6vw 0;
  }
}
.slider .slider__imgs .slider__img {
  object-fit: contain;
}
.slider .slider__imgs .slider__case--w30 {
  width: 30.3125vw;
  margin-right: 2.08vw;
}
@media (max-width: 1023px) {
  .slider .slider__imgs .slider__case--w30 {
    width: 82.1333333333vw;
    margin-right: 5.6vw;
  }
}
.slider .slider__imgs .slider__case--w29 {
  width: 29.79vw;
  margin-right: 2.08vw;
}
@media (max-width: 1023px) {
  .slider .slider__imgs .slider__case--w29 {
    width: 80.8vw;
    margin-right: 5.6vw;
  }
}
.slider .slider__imgs .slider__case3 {
  width: 31.82vw;
  margin-right: 2.08vw;
}
@media (max-width: 1023px) {
  .slider .slider__imgs .slider__case3 {
    width: 86.1333333333vw;
    margin-right: 5.6vw;
  }
}
.slider .slider__imgs .slider__img-wrap {
  position: relative;
}
.slider .slider__imgs .slider__img-wrap .slider__img {
  position: absolute;
}
.slider .slider__imgs .slider__img-wrap .slider__img:first-child {
  top: 0;
}
.slider .slider__imgs .slider__img-wrap .slider__img:last-child {
  bottom: 0;
}
.slider .slider__imgs .slider__img-wrap .slider__image--left {
  left: 0;
}
.slider .slider__imgs .slider__img-wrap .slider__image--right {
  right: 0;
}
.slider .slider__imgs .slider__img-wrap .slider__img--02 {
  width: 81.46%;
}
.slider .slider__imgs .slider__img-wrap .slider__img--03 {
  width: 73.07%;
}
.slider .slider__imgs .slider__img-wrap .slider__img--05 {
  width: 55.15%;
  right: -0.15vw;
}
.slider .slider__imgs .slider__img-wrap .slider__img--06 {
  width: 100%;
}
.slider .slider__imgs .slider__img-wrap .slider__img--08 {
  width: 81.46%;
}
.slider .slider__imgs .slider__img-wrap .slider__img--09 {
  width: 52.1%;
}
.slider::after {
  content: "";
  width: 54.42vw;
  height: 19.6875vw;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #0C5176;
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
@media (max-width: 1023px) {
  .slider::after {
    display: none;
  }
}

@keyframes slide01 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes slide02 {
  0% {
    transform: translateX(-25%);
  }
  100% {
    transform: translateX(-75%);
  }
}
@keyframes imgslide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.recruit {
  width: 100%;
  display: flex;
}
@media (max-width: 1023px) {
  .recruit {
    flex-direction: column;
  }
}
.recruit .recruit__img {
  width: 59.9%;
}
@media (max-width: 1023px) {
  .recruit .recruit__img {
    width: 100%;
  }
}
.recruit .recruit__content {
  width: 40.1%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1023px) {
  .recruit .recruit__content {
    width: 78.4%;
    margin: 60px auto;
  }
}
.recruit .recruit__content .recruit__inner {
  width: clamp(350px, 85.36%, 440px);
}
.recruit .recruit__content .recruit__inner .recruit__text {
  font-size: clamp(1.2rem, 1.2vw, 1.6rem);
  font-weight: 500;
  line-height: 1.875;
  letter-spacing: 0.1em;
  margin-top: 2.5520833333vw;
}
@media (max-width: 1023px) {
  .recruit .recruit__content .recruit__inner .recruit__text {
    font-size: 1.4rem;
    line-height: 1.571;
  }
}
.recruit .recruit__content .recruit__inner .recruit__btn {
  margin-top: 4.1666666667vw;
}/*# sourceMappingURL=index.css.map */