.title {
    padding-top: 247px;
    text-align: center;
    padding-bottom: 2.2395833333vw;
    border-bottom: 1px solid rgba(3, 3, 3, 0.1);
    position: relative;
}

.title .back {
    width: 2.0833333333vw;
    height: 2.0833333333vw;
    border: 1px solid #CCCCCC;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8333333333vw;
    color: #CCCCCC;
    position: absolute;
    top: 244px;
    left: 13.5416666667vw;
    transition: 0.6s;
    z-index: 666;
}

.title .back:hover {
    border: 1px solid #009944;
    background: #009944;
    color: #FFFFFF;
}

.title h1 {
    font-size: 1.875vw;
    font-weight: 500;
    color: #222222;
    line-height: 1;
    margin-bottom: 3.125vw;
}

.title p {
    font-size: 1.25vw;
    font-weight: 500;
    color: #009944;
    line-height: 2.8125vw;
}

.title .flex {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.3020833333vw;
}

.title .flex img:nth-child(1) {
    margin-right: 3.2291666667vw;
}

.section {
    padding: 5.2083333333vw 0 6.25vw;
}

.section .joke {
    width: 62.5vw;
    margin: auto;
    text-align: center;
}

.section .joke h5 {
    font-size: 1.3541666667vw;
    font-weight: 500;
    color: #000022;
    margin-bottom: 1.5625vw;
}

.section .joke p {
    font-size: 0.9375vw;
    font-weight: 400;
    color: #333333;
    line-height: 1.875vw;
}

.section .joke .flex {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2.0833333333vw;
}

.section .joke .flex img {
    display: block;
}

.section:nth-child(2n-1) {
    background: #F7F7FA;
}

.section:nth-child(2) .flex img:nth-child(1) {
    margin-right: 11px;
}

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

@media screen and (max-width: 1024px) {
  .title{
    padding-top: 80px;
  }
  .title .back{
    position: relative;
    top: 0;
    left: 5%;
    width: 44px;
    height: 44px;
    font-size: 14px;
    margin: 0 0 25px;
  }
  .title h1{
    font-size: 22px;
    padding: 0 5%;
    line-height: 1.4;
  }
  .title .flex img{
    width: 90px;
  }
  .title .flex img:nth-child(1) {
    margin-right: 20px;
  }
  .title .flex{
    margin: 0 0 20px;
  }
  .title p{
    font-size: 14px;
    line-height: 1.8;
    padding: 0 5%;
  }
  .section .joke p{
    font-size: 13px;
    line-height: 2;
  }
  .section .joke{
    width: 90%;
  }
  .section .joke .flex{
    flex-direction: column;
  }

  .section:nth-child(2) .flex img:nth-child(1) {
    margin-right: 0;
  }
  .section .joke h5{
    font-size: 22px;
  }
}<!--0.00014400482177734-->