.section1 .wrap {
  padding: 15vw 5.625vw 3.28125vw 3.28125vw; }
  .section1 .wrap .top {
    display: flex;
    justify-content: space-between; }
    .section1 .wrap .top .left {
      display: flex;
      margin: 2.96875vw 0 0 0; }
      .section1 .wrap .top .left .title {
        color: #000;
        font-size: 5vw;
        font-weight: 400;
        line-height: 0.9;
        font-weight: bold; }
        .section1 .wrap .top .left .title span {
          position: relative; }
          .section1 .wrap .top .left .title span:after {
            content: '';
            display: block;
            background: #C9FF85;
            position: absolute;
            left: 0;
            bottom: 0.78125vw;
            height: 40%;
            width: 100%;
            opacity: .8;
            z-index: -1; }
    .section1 .wrap .top .picture {
      width: 26.0416666667vw; }
      .section1 .wrap .top .picture img {
        width: 100%; }

.section2 {
  padding: 0 5.3645833333vw 6.25vw 4.1666666667vw; }
  .section2 .title {
    margin: 0 0 2.5vw; }
    .section2 .title .headline {
      display: flex;
      align-items: center;
      margin: 0 0 0.8333333333vw; }
      .section2 .title .headline h1 {
        color: #000;
        font-size: 3.125vw;
        font-weight: 400;
        margin: 0 1.25vw 0 0;
        text-transform: capitalize; }
      .section2 .title .headline img {
        width: 2.34375vw; }
    .section2 .title p {
      color: #333;
      font-size: 1.25vw;
      font-weight: 400; }
  .section2 .content {
    display: flex; }
    .section2 .content .item {
      width: 21.1458333333vw;
      position: relative;
      cursor: pointer; }
      .section2 .content .item:not(:last-child) {
        margin: 0 1.9791666667vw 0 0; }
      .section2 .content .item:after {
        content: attr(data-text);
        position: absolute;
        color: #000;
        font-size: 0.78125vw;
        font-style: normal;
        font-weight: 400;
        right: -1.8229166667vw;
        top: 0.3645833333vw;
        transform: rotate(-90deg);
        display: none; }
      .section2 .content .item .img {
        width: 100%;
        margin: 0 0 0.8333333333vw;
        transition: border-radius 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        overflow: hidden; }
        .section2 .content .item .img img {
          width: 100%; }
      .section2 .content .item .text .line {
        width: 100%;
        height: 0.1041666667vw;
        background: #333;
        margin: 0 0 0.8333333333vw; }
      .section2 .content .item .text h5 {
        color: #333;
        font-size: 1.25vw;
        font-weight: 400;
        text-transform: capitalize;
        margin: 0 0 0.4166666667vw; }
      .section2 .content .item .text p {
        color: #666;
        font-size: 0.8333333333vw;
        font-weight: 400;
        line-height: 1.25vw; }
      .section2 .content .item:hover .img {
        border-radius: 50%; }

.section3 {
  padding: 0 5.3645833333vw 6.25vw 4.1666666667vw; }
  .section3 .title {
    margin: 0 0 2.5vw; }
    .section3 .title .headline {
      display: flex;
      align-items: center;
      margin: 0 0 0.8333333333vw; }
      .section3 .title .headline h1 {
        color: #000;
        font-size: 3.125vw;
        font-weight: 400;
        margin: 0 1.25vw 0 0;
        text-transform: capitalize; }
      .section3 .title .headline img {
        width: 2.34375vw; }
    .section3 .title p {
      color: #333;
      font-size: 1.25vw;
      font-weight: 400; }
  .section3 .parallax_img .img {
    width: 100%;
    height: 15.625vw;
    background: url(../image/abg.png) no-repeat;
    background-attachment: fixed;
    margin: 0 0 1.875vw; }
  .section3 .parallax_img .text {
    color: #666;
    font-size: 0.8333333333vw;
    font-weight: 400;
    line-height: 1.25vw;
    /* 150% */
    text-transform: capitalize; }
  .section3 .cut {
    margin: 3.0208333333vw 0 0 0;
    display: flex;
    align-items: center; }
    .section3 .cut .list {
      display: flex;
      align-items: center;
      cursor: pointer; }
      .section3 .cut .list:not(:last-child) {
        margin: 0 4.6875vw 0 0; }
      .section3 .cut .list img {
        width: 1.25vw; }
      .section3 .cut .list p {
        color: #333;
        font-size: 1.25vw;
        font-weight: 400;
        text-transform: capitalize;
        margin: 0 0 0 0.3125vw;
        position: relative;
        z-index: 1; }
        .section3 .cut .list p:after {
          content: '';
          position: absolute;
          bottom: 0;
          background: #C9FF85;
          height: 40%;
          right: 0;
          z-index: -1;
          width: 80%;
          transform: scaleX(0);
          transform-origin: left;
          transition: .3s ease; }
      .section3 .cut .list.on p:after, .section3 .cut .list:hover p:after {
        transform: scaleX(1); }
  .section3 .content {
    margin: 3.75vw 0 0 0; }
    .section3 .content .matter {
      display: none;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 4.5833333333vw 17.7083333333vw; }
      .section3 .content .matter.on {
        display: grid; }
      .section3 .content .matter .item {
        width: 17.65625vw;
        position: relative; }
        .section3 .content .matter .item .position_img {
          width: 26.0416666667vw;
          max-width: unset;
          position: absolute;
          left: -7.7083333333vw;
          top: -13.125vw; }
        .section3 .content .matter .item .headline {
          display: flex;
          align-items: center;
          margin: 0 0 1.0416666667vw; }
          .section3 .content .matter .item .headline .img {
            width: 3.3333333333vw;
            height: 3.3333333333vw;
            border-radius: 50%;
            overflow: hidden;
            margin: 0 1.0416666667vw 0 0; }
            .section3 .content .matter .item .headline .img img {
              width: 100%;
              height: 100%; }
          .section3 .content .matter .item .headline .text h1 {
            color: #000;
            font-size: 0.9375vw;
            font-weight: 400;
            margin: 0 0 0.625vw; }
          .section3 .content .matter .item .headline .text .green {
            display: flex;
            align-items: center; }
            .section3 .content .matter .item .headline .text .green img {
              width: 0.625vw;
              margin: 0 0.2083333333vw 0 0; }
            .section3 .content .matter .item .headline .text .green p {
              color: #4DCA00;
              font-size: 0.7291666667vw;
              font-weight: 400; }
        .section3 .content .matter .item .pick {
          color: rgba(0, 0, 0, 0.5);
          font-size: 0.7291666667vw;
          font-weight: 400;
          line-height: 1.1458333333vw;
          /* 157.143% */ }
  .section3 .other {
    margin: 5.8854166667vw 0 0 0;
    padding: 0 9.0104166667vw 0 0;
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    .section3 .other .joke {
      border-bottom: 0.1041666667vw solid #E1E1E1;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 0 0.78125vw;
      width: 45.0520833333vw; }
      .section3 .other .joke .progress {
        display: flex;
        align-items: center; }
        .section3 .other .joke .progress .list {
          display: flex;
          align-items: center; }
          .section3 .other .joke .progress .list img {
            position: relative;
            left: -0.0520833333vw;
            filter: brightness(2.5) grayscale(5); }
            .section3 .other .joke .progress .list img.on {
              filter: unset; }
          .section3 .other .joke .progress .list:not(:last-child) {
            margin: 0 0.5208333333vw 0 0; }
      .section3 .other .joke .dis {
        display: flex;
        align-items: center; }
        .section3 .other .joke .dis p {
          color: #4DCA00;
          font-size: 0.7291666667vw;
          font-weight: 400; }

.section4 {
  padding: 0 5.3645833333vw 6.25vw 4.1666666667vw;
  position: relative; }
  .section4 .position_line {
    position: absolute;
    left: 92.5vw;
    top: 0; }
    .section4 .position_line:after {
      content: '';
      position: absolute;
      width: 1.6666666667vw;
      height: 1.6666666667vw;
      border-radius: 50%;
      background: #000;
      top: -0.8854166667vw;
      left: -0.6770833333vw; }
    .section4 .position_line img {
      width: 7.5vw; }
  .section4 .title {
    margin: 0 0 4.6875vw; }
    .section4 .title .headline {
      display: flex;
      align-items: center;
      margin: 0 0 0.8333333333vw; }
      .section4 .title .headline h1 {
        color: #000;
        font-size: 3.125vw;
        font-weight: 400;
        margin: 0 1.25vw 0 0;
        text-transform: capitalize; }
      .section4 .title .headline img {
        width: 2.34375vw; }
    .section4 .title p {
      color: #333;
      font-size: 1.25vw;
      font-weight: 400; }
  .section4 .content .item {
    border-bottom: 0.1041666667vw solid #E1E1E1;
    cursor: pointer;
    position: relative;
    z-index: 1; }
    .section4 .content .item:after {
      content: '';
      position: absolute;
      width: 100vw;
      height: 100%;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      background: #000;
      z-index: -1;
      opacity: 0;
      transition: .6s; }
    .section4 .content .item .show {
      height: 5.8333333333vw;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .section4 .content .item .show .l {
        color: #000;
        font-size: 0.8333333333vw;
        font-weight: 400;
        transition: .7s; }
      .section4 .content .item .show .r {
        display: flex;
        align-items: center; }
        .section4 .content .item .show .r .text {
          width: 45.1041666667vw; }
          .section4 .content .item .show .r .text p {
            color: #000;
            font-size: 0.8333333333vw;
            font-weight: 400;
            transition: .7s; }
        .section4 .content .item .show .r .more {
          color: #000;
          font-size: 0.8333333333vw;
          font-weight: 400;
          transition: .7s; }
    .section4 .content .item .hide {
      overflow: hidden;
      padding: 0 0 0 42.8645833333vw;
      display: none; }
      .section4 .content .item .hide div {
        margin: 0 0 2.5vw; }
        .section4 .content .item .hide div p {
          color: #000;
          font-size: 0.8333333333vw;
          font-weight: 300;
          line-height: 1.6666666667vw;
          /* 200% */
          transition: .7s; }
    .section4 .content .item:hover:after {
      opacity: 1; }
    .section4 .content .item:hover .show .l {
      color: #fff; }
    .section4 .content .item:hover .show .r .text p {
      color: #fff; }
    .section4 .content .item:hover .show .r .more {
      color: #fff; }
    .section4 .content .item:hover .hide div p {
      color: #fff; }

.section5 {
  padding: 0 5.3645833333vw 13.0208333333vw 4.1666666667vw;
  overflow: hidden;
  display: flex; }
  .section5 .x_wrap {
    display: flex; }
    .section5 .x_wrap .joke {
      display: flex;
      width: 95.8333333333vw; }
      .section5 .x_wrap .joke .swiper-slide {
        width: fit-content; }
      .section5 .x_wrap .joke .item {
        height: 24.0625vw; }
        .section5 .x_wrap .joke .item:not(:last-child) {
          margin: 0 2.0833333333vw 0 0; }
        .section5 .x_wrap .joke .item img {
          height: 100%;
          object-fit: contain; }

@media screen and (max-width: 1024px) {
  .mouse-pos-list-btn, .mouse-pos-list-span {
    display: none; }

  .wizardry-code.w-embed.w-script {
    display: none; }

  .section1 .wrap {
    padding: 80px 5% 30px 5%; }

  .section1 .wrap .top .left .title {
    text-transform: capitalize;
    font-size: 9.2666666667vw; }

  .section2 .title .headline h1 {
    font-size: 24px; }

  .section2 .title p {
    font-size: 16px; }

  .section2 .title {
    margin: 0 0 20px; }

  .section2 .content {
    flex-direction: column; }

  .section2 .content .item {
    width: 100%; }

  .section2 .content .item .img {
    margin: 0 0 20px; }

  .section2 .content .item:not(:last-child) {
    margin: 0 0 40px 0; }

  .section2 .content .item .text h5 {
    font-size: 18px;
    margin: 0 0 15px; }

  .section2 .content .item .text p {
    font-size: 16px;
    line-height: 30px; }

  .section3 .title .headline h1 {
    font-size: 24px; }

  .section3 .title .headline img {
    width: 20px; }

  .section3 .title p {
    font-size: 16px; }

  .section3 .parallax_img .img {
    height: 130px; }

  .section3 .parallax_img .text {
    font-size: 13px;
    line-height: 28px; }

  .section3 .cut {
    margin: 50px 0 35px 0; }

  .section3 .cut .list p {
    font-size: 17px; }

  .section3 .cut {
    position: relative;
    z-index: 5; }

  .section3 .cut .list img {
    width: 22px; }

  .section3 .content .matter .item .headline .text h1 {
    font-size: 20px;
    margin: 0 0 5px; }

  .section3 .content .matter .item .headline .text .green p {
    font-size: 16px; }

  .section3 .content .matter .item .pick {
    font-size: 13px;
    line-height: 28px; }

  .section3 .content .matter .item .headline .img {
    width: 65px;
    height: 65px;
    margin: 0 10px 0 0; }

  .section3 .content .matter {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 40px 0; }

  .section3 .content .matter .item {
    width: 100%; }

  .section3 .content {
    position: relative; }

  .section3 .content .matter .item {
    position: static; }

  .section3 .content .matter .item .position_img {
    display: none; }

  .section3 .content .matter .item .headline {
    margin: 0 0 15px; }

  .section3 .content .matter .item:nth-child(3) {
    display: none; }

  .section3 .other .joke {
    width: 100%;
    padding: 0 0 10px; }

  .section3 .other .joke .dis p {
    font-size: 16px; }

  .section3 .other {
    margin: 30px 0 0 0;
    padding: 0; }

  .section3 {
    padding: 0 5% 50px 5%; }

  .section4 .title .headline h1 {
    font-size: 24px;
    margin: 0 0 5px; }

  .section4 .title .headline img {
    width: 20px; }

  .section4 .title p {
    font-size: 16px; }

  .section4 .content .item .show .l {
    font-size: 13px; }

  .section4 .content .item .show .r .text p {
    font-size: 13px; }

  .section4 .content .item .show .r .more {
    font-size: 13px; }

  .section4 .content .item .show {
    height: 50px; }

  .section4 .content .item .hide div p {
    font-size: 13px;
    line-height: 28px; }

  .section4 .content .item .hide {
    padding: 0; }

  .section5 {
    padding: 0 5% 100px 5%; }

  .section5 .x_wrap .joke .item {
    height: 44.0625vw; }

  .section3 .content .matter .item .headline .text .green img {
    width: 18px;
    margin: 0 7px 0 0; } }

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