.infob1 {
  display: flex;
  background: #959780;
  height: 1080px;
}

.infob1 .img,
.infob1 .r {
  width: 50%;
  height: 100%;
}

.infob1 .img img {
  width: 100%;
  height: 100%;
}

.infob1 .r {
  padding: 0 6.0416666667vw 3.3333333333vw 3.9583333333vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.infob1 .r .title {
  color: #272727;
  font-style: normal;
  font-weight: 400;
  line-height: 114%;
  /* 72.96px */
  letter-spacing: 3.84px;
  margin-bottom: 11.6vw;
}

.infob1 .r .end {
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 24.84375vw;
  margin-left: auto;
}

.infob1 .r .end .p1 {
  color: #272727;
  font-style: italic;
  font-weight: 700;
  line-height: 120%;
  /*text-transform: uppercase;*/
  margin: 0 0 1.197vw;
}

.infob1 .r .end .p2 {
  color: #272727;
  font-style: normal;
  font-weight: 400;
  line-height: 178%;
}

.infob2 {
  height: calc(100vh + 1000px);
  position: relative;
}

.infob2 .fix {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  overflow: hidden;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.infob2 .fix .wrap {
  width: 80.3125vw;
}

.infob2 .fix .wrap .title {
  color: #272727;
  text-align: justify;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
  /* 69.6px */
  letter-spacing: 2.88px;

}

.infob2 .fix .wrap .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  width: fit-content;
}

.infob2 .fix .wrap .content .y {
  transform: translateY(100vh);
  display: flex;
  align-items: center;
  gap: 13.0208333333vw;
}

.infob2 .fix .wrap .content .img1 {
  width: 29.6354166667vw;
  height: 45vw;
}

.infob2 .fix .wrap .content .img1 img {
  width: 100%;
  height: 100%;
}

.infob2 .fix .wrap .content .img2 {
  width: 30.3125vw;
  height: 19.1145833333vw;
}

.infob2 .fix .wrap .content .img2 img {
  width: 100%;
  height: 100%;
}

.infob3 {
  padding: 8.3333333333vw 0 10.5729166667vw 6.25vw;
  display: flex;
  overflow: hidden;
}

.infob3 .r {
  width: 59.5833333333vw;
}

.infob3 .r .rSwiper {
  width: 72.4479166667vw;
  height: 35.8333333333vw;
}

.infob3 .r .rSwiper .swiper-slide img {
  width: 100%;
  height: 100%;
}

.infob3 .l {
  /*margin: 0.5208333333vw 4.687vw 0 0;*/
  margin: 0.5208333333vw 2.387vw 0 2.3vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.infob3 .l .title {
  color: #272727;
  font-style: normal;
  font-weight: 400;
  line-height: 114%;
  letter-spacing: 0.2vw;
  margin: 0 0 1vw;
  width: 23.2292vw;
}

.infob3 .l .end {
  width: 20.0521vw;
}

.infob3 .l .p1 {
  color: #272727;
  font-style: italic;
  font-weight: 700;
  line-height: 120%;
  margin: 0 0 1.6667vw;
}

.infob3 .l .p2 {
  color: #272727;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin: 0 0 1.3542vw;
}

.infob3 .l .button {
  display: flex;
  gap: 2.0833333333vw;
}

.infob3 .l .button svg {
  transform: rotate(-90deg);
  cursor: pointer;
}

.infob3 .l .button svg:first-child {
  transform: rotate(90deg);
}

.infob3 .l .button svg path {
  cursor: pointer;
  fill: #000;
}

@media screen and (max-width: 1024px) {
  .infob1 {
    height: auto;
    flex-direction: column;
  }

  .infob1 .img {
    width: 100%;
    height: auto;
  }

  .infob1 .r {
    width: 100%;
    height: auto;
    padding: 50px 5%;
  }

  .infob1 .r .end {
    width: 100%;
    margin: 50px 0 0 0;
  }

  .infob1 .r .end .p1 {
    margin: 0 0 20px;
  }

  .infob1 .r .end .p2 {
    width: 100%;
  }

  .infob2 {
    height: auto;
  }

  .infob2 .fix {
    height: auto;
  }

  .infob2 .fix .wrap {
    width: 90%;
    padding: 50px 0;
  }

  .infob2 .fix .wrap .title {
    font-size: 15px;
  }

  .infob2 .fix .wrap .content {
    position: static;
    transform: none !important;
    margin: 30px 0 0 0;
  }

  .infob2 .fix .wrap .content .y {
    transform: none !important;
    gap: 15px;
  }

  .infob2 .fix .wrap .content .img1 {
    width: 100%;
    height: auto;
  }

  .infob2 .fix .wrap .content .img2 {
    width: 100%;
    height: auto;
  }

  .infob3 {
    padding: 50px 5%;
    flex-direction: column;
  }

  .infob3 .l .title {
    width: 100%;
    letter-spacing: 1px;
  }

  .infob3 .l .end {
    width: 100%;
  }

  .infob3 .l .p1 {
    margin: 0 0 15px;
  }

  .infob3 .l .p2 {
    margin: 0 0 20px;
  }

  .infob3 .l .button {
    gap: 25px;
  }

  .infob3 .r {
    width: 100%;
    margin: 25px 0 0 0;
  }

  .infob3 .r .rSwiper {
    width: 130vw;
    height: 200px;
  }

  .home {
    overflow: hidden;
  }
}

/*# sourceMappingURL=projectsInfo_b.css.map */