.cycle1 {
  padding: 100px 0 194px; }
  .cycle1 .wrap {
    width: 1400px;
    margin: auto; }
    .cycle1 .wrap .title .p1 {
      text-align: center;
      font-size: 40px;
      color: #111111;
      font-weight: bold;
      margin: 0 0 44px; }
    .cycle1 .wrap .title .p2 {
      width: 1195px;
      font-weight: normal;
      font-size: 18px;
      color: #333333;
      line-height: 32px;
      margin: auto; }
    .cycle1 .wrap .img {
      margin: 98px 0 0 0; }
      .cycle1 .wrap .img img {
        width: 100%; }

@media screen and (max-width: 1919px) {
  .cycle1 {
    padding: 5.2083333333vw 0px 10.1041666667vw; }

  .cycle1 .wrap {
    width: 72.9166666667vw; }

  .cycle1 .wrap .title .p1 {
    font-size: 2.0833333333vw;
    margin: 0px 0px 2.2916666667vw; }

  .cycle1 .wrap .title .p2 {
    width: 62.2395833333vw;
    font-size: 0.9375vw;
    line-height: 1.6666666667vw; }

  .cycle1 .wrap .img {
    margin: 5.1041666667vw 0px 0px; } }
@media screen and (max-width: 1024px) {
  .cycle1 {
    padding: 40px 0; }

  .cycle1 .wrap {
    width: 90%; }

  .cycle1 .wrap .title .p1 {
    font-size: 24px;
    margin: 0 0 20px; }

  .cycle1 .wrap .title .p2 {
    width: 100%;
    font-size: 13px;
    line-height: 28px; }

  .cycle1 .wrap .img {
    margin: 25px 0 0 0; } }
@media screen and (max-width: 500px) {
  .cycle1 .wrap .img {
    overflow: hidden;
    overflow-x: auto; }

  .cycle1 .wrap .img img {
    width: 300vw;
    max-width: unset; } }

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