@charset "UTF-8";

.icon {
  font-family: fuji-icons !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon.-up:before {
  content: ""
}

.icon.-arrow-forward:before {
  content: ""
}

.icon.-arrow-back:before {
  content: ""
}

.icon.-backward:before {
  content: ""
}

.icon.-forward:before {
  content: ""
}

.icon.-car:before {
  content: ""
}

.icon.-trash-x:before {
  content: ""
}

.icon.-sun:before {
  content: ""
}

.icon.-crawn:before {
  content: ""
}

.icon.-trash:before {
  content: ""
}

.icon.-home:before {
  content: ""
}

.icon.-star-o:before {
  content: ""
}

.icon.-close:before {
  content: ""
}

.icon.-left-v:before {
  content: ""
}

.icon.-right-v:before {
  content: ""
}

.icon.-plus:before {
  content: ""
}

.icon.-minus:before {
  content: ""
}

.icon.-first:before {
  content: ""
}

.icon.-last:before {
  content: ""
}

.icon.-left:before {
  content: ""
}

.icon.-right:before {
  content: ""
}

.icon.-down:before {
  content: ""
}

.icon.-question:before {
  content: ""
}

.icon.-box:before {
  content: ""
}

.icon.-business:before {
  content: ""
}

.icon.-shop:before {
  content: ""
}

.icon.-user:before {
  content: ""
}

.icon.-cart:before {
  content: ""
}

.icon.-lang:before {
  content: ""
}

.icon.-search:before {
  content: ""
}

.icon.-check:before {
  content: ""
}

.icon.-info:before {
  content: ""
}

.icon.-backspace:before {
  content: ""
}

.icon.-star:before {
  content: ""
}

.icon.-badge-star:before {
  content: ""
}

.icon.-badge-check:before {
  content: ""
}

.icon.-tire:before {
  content: ""
}

.icon.-size-2 {
  font-size: 2px
}

.icon.-size-4 {
  font-size: 4px
}

.icon.-size-6 {
  font-size: 6px
}

.icon.-size-8 {
  font-size: 8px
}

.icon.-size-10 {
  font-size: 10px
}

.icon.-size-12 {
  font-size: 12px
}

.icon.-size-14 {
  font-size: 14px
}

.icon.-size-16 {
  font-size: 16px
}

.icon.-size-18 {
  font-size: 18px
}

.icon.-size-20 {
  font-size: 20px
}

.icon.-size-22 {
  font-size: 22px
}

.icon.-size-24 {
  font-size: 24px
}

.icon.-size-26 {
  font-size: 26px
}

.icon.-size-28 {
  font-size: 28px
}

.icon.-size-30 {
  font-size: 30px
}

.icon.-size-32 {
  font-size: 32px
}

.icon.-size-34 {
  font-size: 34px
}

.icon.-size-36 {
  font-size: 36px
}

.icon.-size-38 {
  font-size: 38px
}

.icon.-size-40 {
  font-size: 40px
}

.lp-mv {
  position: relative;
  width: 100%;
  height: 83.3333333333vw;
  overflow: hidden
}

@media (max-width: 1020px) {
  .lp-mv {
    height: 208vw
  }
}

.lp-mv__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/mv-bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

@media (max-width: 1020px) {
  .lp-mv__bg {
    background-image: url(../img/mv-bg-sp.png)
  }
}

.lp-mv__content {
  position: relative;
  z-index: 1;
  padding-top: 17.5vw;
  padding-left: 6.9444444444vw
}

@media (max-width: 1020px) {
  .lp-mv__content {
    padding-top: 25.8666666667vw;
    padding-left: 6.1333333333vw
  }
}

.lp-mv__title {
  font-family: Tsunagi Gothic;
  color: var(--clr-white);
  font-size: 12.0833333333vw;
  font-weight: 900;
  line-height: 100%
}

@media (max-width: 1020px) {
  .lp-mv__title {
    font-size: 19.2vw;
    white-space: nowrap
  }
}

.lp-project {
  background-color: var(--clr-gray-dark);
  padding: 11.1111111111vw 0;
  min-height: 100svh;
  overflow: hidden
}

@media (max-width: 1020px) {
  .lp-project {
    padding: 51.2vw 0 21.3333333333vw
  }
}

.lp-project__container {
  display: flex;
  gap: 5.5555555556vw;
  max-width: 86.1111111111vw;
  margin: 0 auto;
  position: relative;
  height: 100svh;
  align-items: flex-start
}

@media (max-width: 1020px) {
  .lp-project__container {
    flex-direction: column;
    gap: 10.6666666667vw;
    max-width: 100%;
    padding: 0 5.3333333333vw;
    height: auto
  }
}

.lp-project__heading {
  font-family: Sofia Pro;
  color: var(--clr-blue);
  font-size: 13.8888888889vw;
  font-weight: 900;
  line-height: 100%;
  letter-spacing: .5555555556vw;
  position: absolute;
  top: -6.9444444444vw;
  right: -8.4722222222vw;
  z-index: 0
}

@media (max-width: 1020px) {
  .lp-project__heading {
    font-size: 20.5333333333vw;
    top: -31.2vw;
    right: 5.3333333333vw
  }
}

.lp-project__left {
  min-width: 40.3472222222vw;
  display: flex;
  flex-direction: column;
  gap: 1.3888888889vw
}

@media (max-width: 1020px) {
  .lp-project__left {
    min-width: 100%;
    gap: 10.6666666667vw
  }
}

.lp-project__right {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4.1666666667vw;
  will-change: transform;
  padding-bottom: 4.1666666667vw
}

@media (max-width: 1020px) {
  .lp-project__right {
    gap: 10.6666666667vw;
    padding-bottom: 10.6666666667vw
  }
}

.lp-project__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--clr-blue);
  color: var(--clr-white);
  font-size: 1.3888888889vw;
  font-weight: 700;
  line-height: 1em;
  padding: 1.1111111111vw 1.3888888889vw;
  border-radius: 2.7777777778vw;
  width: -moz-fit-content;
  width: fit-content
}

@media (max-width: 1020px) {
  .lp-project__tag {
    font-size: 5.3333333333vw;
    padding: 4.2666666667vw 5.3333333333vw;
    border-radius: 10.6666666667vw
  }
}

.lp-project__title {
  color: var(--clr-white);
  font-size: 3.3333333333vw;
  font-weight: 900;
  line-height: 1em
}

@media (max-width: 1020px) {
  .lp-project__title {
    font-size: 10.6666666667vw;
    line-height: 140%
  }
}

.lp-project__description {
  color: var(--clr-gray-light);
  font-size: 1.3888888889vw;
  font-weight: 500;
  line-height: 2em;
  margin: 0 0 4.1666666667vw
}

@media (max-width: 1020px) {
  .lp-project__description {
    font-size: 4.8vw;
    margin: 0
  }
}

.lp-project__list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: .4166666667vw
}

@media (max-width: 1020px) {
  .lp-project__list {
    display: none
  }
}

.lp-project__list-item {
  display: flex;
  align-items: center;
  gap: 1.1111111111vw
}

@media (max-width: 1020px) {
  .lp-project__list-item {
    gap: 4.2666666667vw;
    margin-bottom: 4.2666666667vw
  }
}

.lp-project__list-item.-active .lp-project__list-dot {
  background-color: var(--clr-blue)
}

.lp-project__list-item.-active .lp-project__list-text {
  color: var(--clr-white)
}

.lp-project__list-item.-active.-only-sp {
  display: none
}

@media (max-width: 1020px) {
  .lp-project__list-item.-active.-only-sp {
    display: flex
  }
}

.lp-project__list-dot {
  flex-shrink: 0;
  width: .5555555556vw;
  height: .5555555556vw;
  border-radius: 50%;
  background-color: var(--clr-gray-dark)
}

@media (max-width: 1020px) {
  .lp-project__list-dot {
    width: 2.1333333333vw;
    height: 2.1333333333vw
  }
}

.lp-project__list-text {
  color: var(--clr-gray-mid);
  font-size: .9722222222vw;
  line-height: 1.5em
}

@media (max-width: 1020px) {
  .lp-project__list-text {
    font-size: 3.7333333333vw
  }
}

.lp-project__image-box:not(:last-child) {
  margin-bottom: 4.1666666667vw
}

@media (max-width: 1020px) {
  .lp-project__image-box:not(:last-child) {
    margin-bottom: 0
  }
}

.lp-project__image-wrapper {
  width: 100%;
  height: 22.2222222222vw;
  overflow: hidden;
  margin-bottom: 1.3888888889vw
}

@media (max-width: 1020px) {
  .lp-project__image-wrapper {
    width: 89.3333333333vw;
    height: 49.0666666667vw;
    margin-bottom: 4.2666666667vw
  }
}

.lp-project__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block
}

.lp-project__image-caption {
  color: var(--clr-gray-light);
  font-size: 1.1111111111vw;
  font-weight: 500;
  line-height: 1.6em
}

@media (max-width: 1020px) {
  .lp-project__image-caption {
    font-size: 3.7333333333vw
  }
}

.lp-technology {
  position: relative;
  padding: 26.3888888889vw 6.9444444444vw 11.1111111111vw
}

@media (max-width: 1020px) {
  .lp-technology {
    padding: 62.1333333333vw 0 21.3333333333vw
  }
}

.lp-technology__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/technology-bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0
}

@media (max-width: 1020px) {
  .lp-technology__bg {
    background-image: url(../img/technology-bg-sp.png)
  }
}

.lp-technology__bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000b3
}

.lp-technology__container {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 4.1666666667vw;
  max-width: 147.7777777778vw;
  margin: 0 auto
}

@media (max-width: 1020px) {
  .lp-technology__container {
    gap: 10.6666666667vw;
    max-width: 100%
  }
}

.lp-technology__heading {
  font-family: Sofia Pro;
  color: var(--clr-blue);
  font-size: 13.8888888889vw;
  font-weight: 900;
  line-height: 80%;
  letter-spacing: .5555555556vw;
  position: absolute;
  top: -3.4722222222vw;
  left: 6.9444444444vw;
  z-index: 1
}

@media (max-width: 1020px) {
  .lp-technology__heading {
    font-size: 20.5333333333vw;
    top: 20.5333333333vw;
    left: 5.3333333333vw
  }
}

.lp-technology__header {
  display: flex;
  flex-direction: column;
  gap: 1.3888888889vw
}

@media (max-width: 1020px) {
  .lp-technology__header {
    gap: 10.6666666667vw;
    padding: 0 5.3333333333vw
  }
}

.lp-technology__slider-wrapper {
  position: relative
}

@media (max-width: 1020px) {
  .lp-technology__slider-wrapper {
    padding-left: 5.3333333333vw
  }
}

.lp-technology__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--clr-blue);
  color: var(--clr-white);
  font-size: 1.3888888889vw;
  font-weight: 700;
  line-height: 1em;
  padding: 1.1111111111vw 1.3888888889vw;
  border-radius: 2.7777777778vw;
  width: -moz-fit-content;
  width: fit-content
}

@media (max-width: 1020px) {
  .lp-technology__tag {
    font-size: 5.3333333333vw;
    padding: 4.2666666667vw 5.3333333333vw;
    border-radius: 10.6666666667vw
  }
}

.lp-technology__title {
  color: var(--clr-white);
  font-size: 3.3333333333vw;
  font-weight: 900;
  line-height: 1.4em
}

@media (max-width: 1020px) {
  .lp-technology__title {
    font-size: 10.6666666667vw
  }
}

.lp-technology__description {
  color: var(--clr-gray-light);
  font-size: 1.3888888889vw;
  font-weight: 500;
  line-height: 2em
}

@media (max-width: 1020px) {
  .lp-technology__description {
    font-size: 4.8vw
  }
}

.lp-technology .lp-technology-swiper {
  width: 100%;
  overflow: visible
}

@media (max-width: 1020px) {
  .lp-technology .lp-technology-swiper {
    overflow: hidden
  }
}

.lp-technology .lp-technology-swiper .swiper-wrapper {
  display: flex;
  gap: 4.4444444444vw
}

@media (max-width: 1020px) {
  .lp-technology .lp-technology-swiper .swiper-wrapper {
    gap: 5.3333333333vw
  }
}

.lp-technology .lp-technology-swiper .swiper-slide {
  width: 71.6666666667vw
}

@media (max-width: 1020px) {
  .lp-technology .lp-technology-swiper .swiper-slide {
    width: 84vw
  }
}

.lp-technology__card {
  display: flex;
  gap: 2.2222222222vw;
  width: 71.6666666667vw
}

@media (max-width: 1020px) {
  .lp-technology__card {
    gap: 10.6666666667vw;
    width: 84vw;
    flex-direction: column
  }
}

.lp-technology__card-image {
  flex: 0 0 40.2777777778vw;
  height: 22.2222222222vw;
  overflow: hidden
}

@media (max-width: 1020px) {
  .lp-technology__card-image {
    flex: 0 0 84vw;
    height: 46.1333333333vw
  }
}

.lp-technology__card-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.lp-technology__card-content {
  flex: 0 0 29.1666666667vw;
  display: flex;
  flex-direction: column;
  gap: 1.3888888889vw;
  padding-top: 0
}

@media (max-width: 1020px) {
  .lp-technology__card-content {
    flex: 0 0 32vw;
    gap: 5.3333333333vw
  }
}

.lp-technology__card-title {
  color: var(--clr-white);
  font-size: 1.6666666667vw;
  font-weight: 700;
  line-height: 1.5em
}

@media (max-width: 1020px) {
  .lp-technology__card-title {
    font-size: 6.4vw
  }
}

.lp-technology__card-text {
  color: var(--clr-gray-light);
  font-size: 1.0416666667vw;
  font-weight: 500;
  line-height: 1.6em;
  overflow: hidden
}

@media (max-width: 1020px) {
  .lp-technology__card-text {
    font-size: 4vw;
    max-height: 100%
  }
}

.lp-technology__next-btn {
  position: absolute;
  top: 10.4166666667vw;
  left: 75.4166666667vw;
  width: 2.7777777778vw;
  height: 2.7777777778vw;
  border-radius: 50%;
  background-color: var(--clr-blue);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: opacity .3s ease;
  padding: .2777777778vw;
  z-index: 10
}

@media (max-width: 1020px) {
  .lp-technology__next-btn {
    top: 17.6vw;
    left: 81.3333333333vw;
    width: 10.6666666667vw;
    height: 10.6666666667vw
  }
}

.lp-technology__next-btn:hover {
  opacity: .8
}

.lp-technology__next-btn:disabled {
  display: none
}

.lp-technology__next-btn svg {
  width: 1.9444444444vw;
  height: 1.9444444444vw
}

@media (max-width: 1020px) {
  .lp-technology__next-btn svg {
    width: 7.4666666667vw;
    height: 7.4666666667vw
  }
}

.lp-ourstory {
  background-color: var(--clr-gray-dark);
  padding: 16.6666666667vw 0 10.625vw
}

@media (max-width: 1020px) {
  .lp-ourstory {
    padding: 64vw 0 21.3333333333vw
  }
}

.lp-ourstory__container {
  max-width: 100vw;
  margin: 0 auto;
  position: relative
}

@media (max-width: 1020px) {
  .lp-ourstory__container {
    max-width: 100%
  }
}

.lp-ourstory__heading {
  text-align: end;
  font-family: Sofia Pro;
  color: var(--clr-blue);
  font-size: 13.8888888889vw;
  font-weight: 900;
  line-height: 80%;
  letter-spacing: .5555555556vw;
  position: absolute;
  top: -15.2777777778vw;
  right: -1.3888888889vw;
  z-index: 1
}

@media (max-width: 1020px) {
  .lp-ourstory__heading {
    font-size: 20.5333333333vw;
    top: -41.8666666667vw;
    right: 5.3333333333vw
  }
}

.lp-ourstory__header {
  padding-left: 6.9444444444vw;
  display: flex;
  flex-direction: column;
  gap: 1.3888888889vw;
  margin-bottom: 4.1666666667vw;
  position: relative;
  z-index: 2
}

@media (max-width: 1020px) {
  .lp-ourstory__header {
    padding-left: 5.3333333333vw;
    gap: 10.6666666667vw;
    margin-bottom: 10.6666666667vw
  }
}

.lp-ourstory__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--clr-blue);
  color: var(--clr-white);
  font-size: 1.3888888889vw;
  font-weight: 700;
  line-height: 1em;
  padding: 1.1111111111vw 1.3888888889vw;
  border-radius: 2.7777777778vw;
  width: -moz-fit-content;
  width: fit-content
}

@media (max-width: 1020px) {
  .lp-ourstory__tag {
    font-size: 5.3333333333vw;
    padding: 4.2666666667vw 5.3333333333vw;
    border-radius: 10.6666666667vw
  }
}

.lp-ourstory__title {
  color: var(--clr-white);
  font-size: 3.3333333333vw;
  font-weight: 900;
  line-height: 1.4em
}

@media (max-width: 1020px) {
  .lp-ourstory__title {
    font-size: 10.6666666667vw
  }
}

.lp-ourstory__description {
  color: var(--clr-gray-light);
  font-size: 1.3888888889vw;
  font-weight: 500;
  line-height: 2em
}

@media (max-width: 1020px) {
  .lp-ourstory__description {
    font-size: 4.8vw
  }
}

.lp-ourstory__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.2222222222vw
}

@media (max-width: 1020px) {
  .lp-ourstory__content {
    gap: 10.6666666667vw
  }
}

.lp-ourstory__item {
  position: sticky;
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--clr-gray-line);
  padding-top: 2.2222222222vw;
  width: -webkit-fill-available;
  background-color: var(--clr-gray-dark)
}

@media (max-width: 1020px) {
  .lp-ourstory__item {
    padding-top: 10.6666666667vw
  }
}

.lp-ourstory__item.-item-01 {
  top: 6.9444444444vw;
  margin-bottom: 13.8888888889vw
}

@media (max-width: 1020px) {
  .lp-ourstory__item.-item-01 {
    top: 26.6666666667vw;
    margin-bottom: 53.3333333333vw
  }
}

.lp-ourstory__item.-item-02 {
  top: 13.8888888889vw;
  margin-bottom: 6.9444444444vw
}

@media (max-width: 1020px) {
  .lp-ourstory__item.-item-02 {
    top: 53.3333333333vw;
    margin-bottom: 26.6666666667vw
  }
}

.lp-ourstory__item.-item-03 {
  top: 20.8333333333vw
}

@media (max-width: 1020px) {
  .lp-ourstory__item.-item-03 {
    top: 80vw
  }
}

.lp-ourstory__item-inner {
  max-width: 86.1111111111vw;
  margin: 0 auto
}

@media (max-width: 1020px) {
  .lp-ourstory__item-inner {
    max-width: 89.3333333333vw
  }
}

.lp-ourstory__item-title {
  font-family: Sofia Pro;
  color: var(--clr-white);
  font-size: 1.6666666667vw;
  font-weight: 800;
  line-height: 1.5em;
  padding-right: 2.7777777778vw
}

@media (max-width: 1020px) {
  .lp-ourstory__item-title {
    font-size: 6.4vw;
    padding-right: 10.6666666667vw
  }
}

.lp-ourstory__item-content {
  display: flex;
  align-items: center;
  gap: 2.7777777778vw;
  padding-top: 2.2222222222vw
}

@media (max-width: 1020px) {
  .lp-ourstory__item-content {
    flex-direction: column;
    gap: 6.4vw;
    padding-top: 10.6666666667vw
  }
}

.lp-ourstory__item-image img {
  width: 38.8888888889vw;
  height: 13.8888888889vw;
  -o-object-fit: cover;
  object-fit: cover
}

@media (max-width: 1020px) {
  .lp-ourstory__item-image img {
    width: 89.3333333333vw;
    height: 31.7333333333vw
  }
}

.lp-ourstory__item-text {
  flex: 0 0 44.4444444444vw;
  color: var(--clr-gray-light);
  font-size: 1.0416666667vw;
  font-weight: 500;
  line-height: 1.6em
}

@media (max-width: 1020px) {
  .lp-ourstory__item-text {
    font-size: 4vw;
    flex: 0 0 89.3333333333vw
  }
}

.lp-innovation {
  position: relative;
  background-color: var(--clr-black);
  padding: 27.0833333333vw 6.9444444444vw 10.4166666667vw
}

@media (max-width: 1020px) {
  .lp-innovation {
    padding: 60.5333333333vw 5.3333333333vw 21.3333333333vw;
    overflow: hidden
  }
}

.lp-innovation__bg {
  position: absolute;
  left: 0;
  top: 31.6666666667vw;
  width: 106.8055555556vw;
  height: 64.7916666667vw;
  z-index: 0;
  background-image: url(../img/innovation-bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

@media (max-width: 1020px) {
  .lp-innovation__bg {
    top: 306.9333333333vw;
    left: 5.3333333333vw;
    width: 100vw;
    height: 69.3333333333vw;
    background-image: url(../img/innovation-bg-sp.png)
  }
}

.lp-innovation__container {
  position: relative;
  z-index: 1;
  width: 86.1111111111vw;
  height: 90.625vw
}

@media (max-width: 1020px) {
  .lp-innovation__container {
    width: 89.3333333333vw;
    height: 386.6666666667vw
  }
}

.lp-innovation__heading {
  font-family: Sofia Pro;
  color: var(--clr-blue);
  font-size: 13.8888888889vw;
  font-weight: 900;
  line-height: 80%;
  letter-spacing: .5555555556vw;
  position: absolute;
  top: -3.4722222222vw;
  left: 6.9444444444vw;
  z-index: 1
}

@media (max-width: 1020px) {
  .lp-innovation__heading {
    font-size: 20.5333333333vw;
    top: 21.3333333333vw;
    left: 5.3333333333vw
  }
}

.lp-innovation__top {
  position: absolute;
  top: 0;
  left: 0;
  width: 56.6666666667vw;
  display: flex;
  flex-direction: column;
  gap: 1.3888888889vw
}

@media (max-width: 1020px) {
  .lp-innovation__top {
    width: 89.3333333333vw;
    gap: 10.6666666667vw
  }
}

.lp-innovation__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--clr-blue);
  color: var(--clr-white);
  font-size: 1.3888888889vw;
  font-weight: 700;
  line-height: 1em;
  padding: 1.1111111111vw 1.3888888889vw;
  border-radius: 2.7777777778vw;
  width: -moz-fit-content;
  width: fit-content
}

@media (max-width: 1020px) {
  .lp-innovation__tag {
    font-size: 5.3333333333vw;
    padding: 4.2666666667vw 5.3333333333vw;
    border-radius: 10.6666666667vw
  }
}

.lp-innovation__title {
  color: var(--clr-white);
  font-size: 3.3333333333vw;
  font-weight: 900;
  line-height: 1.4em
}

@media (max-width: 1020px) {
  .lp-innovation__title {
    font-size: 10.6666666667vw
  }
}

.lp-innovation__text {
  color: var(--clr-gray-light);
  font-size: 1.3888888889vw;
  font-weight: 500;
  line-height: 2em
}

@media (max-width: 1020px) {
  .lp-innovation__text {
    font-size: 5.3333333333vw
  }
}

.lp-innovation__description {
  position: absolute;
  top: 27.0833333333vw;
  left: 0;
  color: var(--clr-white);
  font-size: 1.6666666667vw;
  font-weight: 500;
  line-height: 2em;
  width: 50.8333333333vw;
  height: 36.6666666667vw
}

@media (max-width: 1020px) {
  .lp-innovation__description {
    top: 133.3333333333vw;
    font-size: 4.2666666667vw;
    width: 89.3333333333vw;
    height: 155.7333333333vw
  }
}

.lp-innovation__motto {
  position: absolute;
  top: 69.3055555556vw;
  left: 0;
  width: 86.1111111111vw
}

@media (max-width: 1020px) {
  .lp-innovation__motto {
    top: 326.4vw;
    width: 89.3333333333vw
  }
}

.lp-innovation__motto-title {
  font-family: Sofia Pro;
  color: var(--clr-white);
  font-size: 6.9444444444vw;
  font-weight: 900;
  line-height: 1em;
  text-transform: uppercase;
  width: 86.1111111111vw;
  height: 13.8888888889vw;
  margin-bottom: 2.7777777778vw
}

@media (max-width: 1020px) {
  .lp-innovation__motto-title {
    font-size: 8.5333333333vw;
    width: 89.3333333333vw;
    height: 15.4666666667vw;
    margin-bottom: 8.5333333333vw;
    white-space: nowrap
  }
}

.lp-innovation__motto-subtitle {
  color: var(--clr-white);
  font-size: 3.3333333333vw;
  font-weight: 900;
  line-height: 1.4em;
  width: 85.9722222222vw;
  height: 4.6527777778vw
}

@media (max-width: 1020px) {
  .lp-innovation__motto-subtitle {
    font-size: 8.5333333333vw;
    width: 89.3333333333vw;
    height: 36vw
  }
}

.lp-about {
  position: relative;
  padding: 8.3333333333vw 6.9444444444vw;
  min-height: 58.5416666667vw;
  background-image: url(../img/about-bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

@media (max-width: 1020px) {
  .lp-about {
    padding: 21.3333333333vw 5.3333333333vw;
    min-height: 315.7333333333vw;
    background-image: url(../img/about-bg-sp.png)
  }
}

.lp-about:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000b3;
  z-index: 0
}

.lp-about__container {
  position: relative;
  z-index: 1;
  width: 86.1111111111vw;
  margin: 0 auto
}

@media (max-width: 1020px) {
  .lp-about__container {
    width: 89.3333333333vw
  }
}

.lp-about__header {
  display: flex;
  flex-direction: column;
  gap: 1.3888888889vw;
  margin-bottom: 5.4861111111vw
}

@media (max-width: 1020px) {
  .lp-about__header {
    gap: 10.6666666667vw;
    margin-bottom: 10.6666666667vw
  }
}

.lp-about__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--clr-blue);
  color: var(--clr-white);
  font-size: 1.3888888889vw;
  font-weight: 700;
  line-height: 1em;
  padding: 1.1111111111vw 1.3888888889vw;
  border-radius: 2.7777777778vw;
  width: -moz-fit-content;
  width: fit-content
}

@media (max-width: 1020px) {
  .lp-about__tag {
    font-size: 5.3333333333vw;
    padding: 4.2666666667vw 5.3333333333vw;
    border-radius: 10.6666666667vw
  }
}

.lp-about__title {
  color: var(--clr-white);
  font-size: 3.3333333333vw;
  font-weight: 900;
  line-height: 1.4em
}

@media (max-width: 1020px) {
  .lp-about__title {
    font-size: 10.6666666667vw
  }
}

.lp-about__description {
  color: var(--clr-gray-light);
  font-size: 1.3888888889vw;
  font-weight: 500;
  line-height: 2em
}

@media (max-width: 1020px) {
  .lp-about__description {
    font-size: 4.8vw
  }
}

.lp-about__cards {
  display: flex;
  gap: 2.7777777778vw
}

@media (max-width: 1020px) {
  .lp-about__cards {
    flex-direction: column;
    gap: 6.4vw
  }
}

.lp-about__card {
  position: relative;
  width: 41.6666666667vw;
  height: 20.8333333333vw;
  overflow: hidden
}

@media (max-width: 1020px) {
  .lp-about__card {
    width: 89.3333333333vw;
    height: 64vw
  }
}

.lp-about__card:hover .lp-about__card-bg {
  transform: scale(1.1)
}

.lp-about__card-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform .6s ease
}

.lp-about__card-bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0000001a
}

.lp-about__card--dx .lp-about__card-bg {
  background-image: url(../img/about-card-1.png)
}

.lp-about__card--recruit .lp-about__card-bg {
  background-image: url(../img/about-card-2.png)
}

.lp-about__card--recruit .lp-about__card-bg:after {
  background-color: #0000004d
}

.lp-about__card-content {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9.0277777778vw 3.3333333333vw
}

@media (max-width: 1020px) {
  .lp-about__card-content {
    padding: 46.9333333333vw 6.4vw 8vw
  }
}

.lp-about__card--recruit .lp-about__card-content {
  padding-left: 5.1388888889vw
}

@media (max-width: 1020px) {
  .lp-about__card--recruit .lp-about__card-content {
    padding: 36.5333333333vw 6.4vw 8vw;
    align-items: flex-end
  }
}

.lp-about__card-title {
  color: var(--clr-white);
  font-size: 1.9444444444vw;
  font-weight: 700;
  line-height: 1.4em
}

@media (max-width: 1020px) {
  .lp-about__card-title {
    font-size: 6.4vw
  }
}

.lp-about__card-btn {
  flex-shrink: 0;
  width: 2.7777777778vw;
  height: 2.7777777778vw;
  border-radius: 50%;
  background-color: var(--clr-blue);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .2777777778vw
}

@media (max-width: 1020px) {
  .lp-about__card-btn {
    width: 8vw;
    height: 8vw;
    padding: 1.0666666667vw
  }
}

.lp-about__card-btn svg {
  width: 1.9444444444vw;
  height: 1.9444444444vw
}

@media (max-width: 1020px) {
  .lp-about__card-btn svg {
    width: 5.8666666667vw;
    height: 5.8666666667vw
  }
}