/* .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: 24.53125vw 6.0416666667vw 3.3333333333vw 3.9583333333vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.infob1 .r .title {
  color: #272727;
  font-style: normal;
  font-weight: 400;
  line-height: 114%;
  letter-spacing: 3.84px;
}

.infob1 .r .end {
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.infob1 .r .end .p1 {
  color: #272727;
  font-style: italic;
  font-weight: 700;
  line-height: 120%;
  margin: 0 0 0.8333333333vw;
}

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

.infoc1 {
  padding: 7.8125vw 1.875vw 3.125vw 8.9583333333vw;
  display: flex;
  justify-content: space-between;
}

.infoc1 .r {
  display: flex;
  gap: 1.40625vw;
}

.infoc1 .r .img {
  width: 24.4791666667vw;
  height: 36.875vw;
}

.infoc1 .r .img img {
  width: 100%;
  height: 100%;
}

.infoc1 .l {
  width: 27.0833vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.infoc1 .l .title {
  color: #272727;
  font-style: normal;
  font-weight: 400;
  line-height: 114%;
  /* 72.96px */
  letter-spacing: 3.84px;
}

.infoc1 .l .p1 {
  color: #272727;
  font-style: italic;
  font-weight: 700;
  line-height: 120%;
  /* 24px */

  margin: 0 0 0.8333333333vw;
}

.infoc1 .l .p2 {
  width: 25.78125vw;
  color: #272727;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.infoc2 {
  /* height: calc(100vh + 1000px); */
  position: relative;
  /* margin-top: -200px; */
  padding: 5.2083vw 0 8.3333vw;
}

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

.infoc2 .fix .wrap {
  width: 100%;
  margin: 0 8.9583333333vw;
  position: relative;
}

.infoc2 .fix .wrap .end {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.infoc2 .fix .wrap .title {
  width: 50.9896vw;
  color: #272727;
  text-align: right;
  font-style: normal;
  font-weight: 400;
  line-height: 114%;
  letter-spacing: 2.88px;
  margin: 0 0 3.2813vw;
}

.infoc2 .fix .wrap .p1 {
  width: 45.0521vw;
  color: #272727;
  text-align: right;
  font-style: italic;
  font-weight: 700;
  line-height: 120%;
  margin: 0 0 1.1458vw;
}

.infoc2 .fix .wrap .p2 {
  width: 45.0521vw;
  color: #272727;
  text-align: right;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.84px;
}

.infoc2 .fix .wrap .content {
  /* position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); */
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

.infoc2 .fix .wrap .content .y {
  /* transform: translateY(100vh); */
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  margin-top: 3.6458vw;
}

.infoc2 .fix .wrap .content .img {
  width: 33.4375vw;
  height: 48.59375vw;
}

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

@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%;
  } */

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

  .infoc1 .l {
    width: 100%;
  }

  .infoc1 .l .title {
    margin: 0 0 23px;
  }

  .infoc1 .l .p1 {
    margin: 0 0 12px;
  }

  .infoc1 .l .p2 {
    width: 100%;
  }

  .infoc1 .r {
    width: 100%;
    margin: 25px 0 0 0;
    gap: 0 15px;
  }

  .infoc1 .r .img {
    width: 100%;
    height: auto;
  }

  .infoc2 {
    margin-top: 0;
    height: auto;
  }

  .infoc2 .fix {
    height: auto;
  }

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

  .infoc2 .fix .wrap .end {
    align-items: unset;
  }

  .infoc2 .fix .wrap .title {
    width: 100%;
    text-align: left;
  }

  .infoc2 .fix .wrap .p1 {
    width: 100%;
    text-align: left;
  }

  .infoc2 .fix .wrap .p2 {
    width: 100%;
    text-align: left;
  }

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

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

  .infoc2 .fix .wrap .content .img {
    width: 100%;
    height: auto;
  }
}

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