.l-extraWrapper .intro__leading {
  margin-bottom: 50px; }
  @media only screen and (max-width: 767px) {
    .l-extraWrapper .intro__leading {
      margin-bottom: 25px; } }
  .l-extraWrapper .intro__leading__hl {
    text-align: center;
    font-weight: 600;
    color: #008B32;
    font-size: 30px;
    margin-bottom: 30px;
    /*pre animation*/
    opacity: 0;
    transform: translateY(40px); }
    @media only screen and (max-width: 767px) {
      .l-extraWrapper .intro__leading__hl {
        font-size: 22px;
        margin-bottom: 15px; } }
  .l-extraWrapper .intro__leading__rt {
    font-size: 16px;
    line-height: 2.625;
    /*pre animation*/
    opacity: 0;
    transform: translateY(40px); }
    @media only screen and (max-width: 767px) {
      .l-extraWrapper .intro__leading__rt {
        font-size: 14px;
        line-height: 2.14285714286; } }
.l-extraWrapper .intro.is-animated .intro__leading__hl {
  opacity: 1;
  transform: translateY(0);
  transition: 1.4s all cubic-bezier(0.23, 1, 0.32, 1); }
.l-extraWrapper .intro.is-animated .intro__leading__rt {
  opacity: 1;
  transform: translateY(0);
  transition: 1.4s all cubic-bezier(0.23, 1, 0.32, 1) 0.1s; }
.l-extraWrapper .tabContents {
  padding-bottom: 70px; }
  .l-extraWrapper .tabContents__aboveTab {
    margin-bottom: 50px; }
    .l-extraWrapper .tabContents__aboveTab__list {
      margin-left: -24px;
      -webkit-perspective: 1000px;
      -ms-perspective: 1000px;
      perspective: 1000px;
      -ms-transform-style: preserve-3d;
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d; }
      @media only screen and (max-width: 767px) {
        .l-extraWrapper .tabContents__aboveTab__list {
          margin-left: -5%;
          margin-bottom: -15px; } }
      .l-extraWrapper .tabContents__aboveTab__list__item {
        float: left;
        width: 180px;
        margin-left: 24px;
        opacity: 0;
        -ms-transform: rotateY(90deg);
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg); }
        @media only screen and (max-width: 767px) {
          .l-extraWrapper .tabContents__aboveTab__list__item {
            width: 45%;
            margin-left: 5%;
            margin-bottom: 15px; }
            .l-extraWrapper .tabContents__aboveTab__list__item:nth-child(odd) {
              clear: both; } }
        .l-extraWrapper .tabContents__aboveTab__list__item__anchor {
          display: block;
          /*pre animation*/
          transition: 0.8s all cubic-bezier(0.23, 1, 0.32, 1);
          transform: translateY(0); }
          .l-extraWrapper .tabContents__aboveTab__list__item__anchor > img {
            box-shadow: 0px 6px 16px 2px rgba(0, 0, 0, 0.1);
            transition: inherit;
            border-radius: 50%; }
          .l-extraWrapper .tabContents__aboveTab__list__item__anchor:hover {
            transform: translateY(-10px); }
            .l-extraWrapper .tabContents__aboveTab__list__item__anchor:hover > img {
              box-shadow: 0px 6px 70px 2px rgba(0, 0, 0, 0.1); }
    .l-extraWrapper .tabContents__aboveTab.is-animated .tabContents__aboveTab__list__item {
      opacity: 1;
      -ms-transform: rotateY(0);
      -webkit-transform: rotateY(0);
      transform: rotateY(0); }
      .l-extraWrapper .tabContents__aboveTab.is-animated .tabContents__aboveTab__list__item:nth-child(1) {
        transition: 1.4s all cubic-bezier(0.23, 1, 0.32, 1); }
      .l-extraWrapper .tabContents__aboveTab.is-animated .tabContents__aboveTab__list__item:nth-child(2) {
        transition: 1.5s all cubic-bezier(0.23, 1, 0.32, 1) 0.1s; }
      .l-extraWrapper .tabContents__aboveTab.is-animated .tabContents__aboveTab__list__item:nth-child(3) {
        transition: 1.6s all cubic-bezier(0.23, 1, 0.32, 1) 0.2s; }
      .l-extraWrapper .tabContents__aboveTab.is-animated .tabContents__aboveTab__list__item:nth-child(4) {
        transition: 1.7s all cubic-bezier(0.23, 1, 0.32, 1) 0.3s; }
      .l-extraWrapper .tabContents__aboveTab.is-animated .tabContents__aboveTab__list__item:nth-child(5) {
        transition: 1.8s all cubic-bezier(0.23, 1, 0.32, 1) 0.4s; }
      .l-extraWrapper .tabContents__aboveTab.is-animated .tabContents__aboveTab__list__item:nth-child(6) {
        transition: 1.9s all cubic-bezier(0.23, 1, 0.32, 1) 0.5s; }
  .l-extraWrapper .tabContents__contents__eachContent__holder__head {
    position: relative;
    margin-bottom: 70px;
    overflow: hidden; }
    @media only screen and (max-width: 767px) {
      .l-extraWrapper .tabContents__contents__eachContent__holder__head {
        margin-bottom: 35px; } }
    .l-extraWrapper .tabContents__contents__eachContent__holder__head__unit {
      position: relative;
      opacity: 0; }
      .l-extraWrapper .tabContents__contents__eachContent__holder__head__unit__text {
        position: absolute;
        left: 0;
        bottom: 0;
        color: #008B32;
        font-size: 50px;
        font-weight: 600;
        background-color: #fff;
        padding: 15px 40px;
        line-height: 1;
        border-radius: 0 8px 0 0; }
        @media only screen and (max-width: 767px) {
          .l-extraWrapper .tabContents__contents__eachContent__holder__head__unit__text {
            font-size: 25px;
            padding: 8px 20px; } }
    .l-extraWrapper .tabContents__contents__eachContent__holder__head:after {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background-color: #FFF500;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      /*pre animation*/
      transform: translateX(-100%); }
  .l-extraWrapper .tabContents__contents__eachContent__holder__media {
    margin-bottom: 50px; }
    @media only screen and (max-width: 767px) {
      .l-extraWrapper .tabContents__contents__eachContent__holder__media {
        margin-bottom: 25px; } }
    .l-extraWrapper .tabContents__contents__eachContent__holder__media__hl {
      font-size: 34px;
      font-weight: 600;
      text-align: center;
      color: #008B32;
      margin-bottom: 30px;
      /*pre animation*/
      opacity: 0;
      transform: translateY(40px); }
      @media only screen and (max-width: 767px) {
        .l-extraWrapper .tabContents__contents__eachContent__holder__media__hl {
          font-size: 22px;
          margin-bottom: 15px; } }
    .l-extraWrapper .tabContents__contents__eachContent__holder__media__column__texts {
      width: 580px;
      float: left;
      /*pre animation*/
      opacity: 0;
      transform: translateY(40px); }
      @media only screen and (max-width: 767px) {
        .l-extraWrapper .tabContents__contents__eachContent__holder__media__column__texts {
          width: 100%;
          float: none;
          margin-bottom: 20px; } }
      .l-extraWrapper .tabContents__contents__eachContent__holder__media__column__texts__rt {
        font-size: 16px;
        line-height: 2.625; }
        @media only screen and (max-width: 767px) {
          .l-extraWrapper .tabContents__contents__eachContent__holder__media__column__texts__rt {
            font-size: 14px;
            line-height: 2.14285714286; } }
    .l-extraWrapper .tabContents__contents__eachContent__holder__media__column__fig {
      width: 580px;
      float: right;
      /*pre animation*/
      opacity: 0;
      transform: translateY(40px); }
      @media only screen and (max-width: 767px) {
        .l-extraWrapper .tabContents__contents__eachContent__holder__media__column__fig {
          width: 100%;
          float: none; } }
  .l-extraWrapper .tabContents__contents__eachContent__holder.is-animated .tabContents__contents__eachContent__holder__head__unit {
    opacity: 1;
    transition: 0s all linear 0.6s; }
  .l-extraWrapper .tabContents__contents__eachContent__holder.is-animated .tabContents__contents__eachContent__holder__head:after {
    -webkit-animation: slide-in 1.2s forwards;
    animation: slide-in 1.2s forwards; }
  .l-extraWrapper .tabContents__contents__eachContent__holder.is-animated .tabContents__contents__eachContent__holder__media__hl {
    opacity: 1;
    transform: translateY(0);
    transition: 1.4s all cubic-bezier(0.23, 1, 0.32, 1) 1.2s; }
  .l-extraWrapper .tabContents__contents__eachContent__holder.is-animated .tabContents__contents__eachContent__holder__media__column__texts {
    opacity: 1;
    transform: translateY(0);
    transition: 1.4s all cubic-bezier(0.23, 1, 0.32, 1) 1.3s; }
  .l-extraWrapper .tabContents__contents__eachContent__holder.is-animated .tabContents__contents__eachContent__holder__media__column__fig {
    opacity: 1;
    transform: translateY(0);
    transition: 1.4s all cubic-bezier(0.23, 1, 0.32, 1) 1.4s; }
  .l-extraWrapper .tabContents__contents__eachContent__points {
    position: relative;
    padding: 50px 0; }
    .l-extraWrapper .tabContents__contents__eachContent__points:before {
      content: "";
      display: block;
      width: 200vw;
      min-width: 1300px;
      height: 100%;
      background-color: #FFF500;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -100vw; }
    .l-extraWrapper .tabContents__contents__eachContent__points__list {
      position: relative; }
      @media only screen and (max-width: 767px) {
        .l-extraWrapper .tabContents__contents__eachContent__points__list {
          margin-bottom: -25px; } }
      .l-extraWrapper .tabContents__contents__eachContent__points__list__item {
        width: 33.33333%;
        float: left;
        /*pre animation*/
        opacity: 0;
        transform: translateY(40px); }
        .l-extraWrapper .tabContents__contents__eachContent__points__list__item:nth-child(1) {
          padding-right: 20px; }
        .l-extraWrapper .tabContents__contents__eachContent__points__list__item:nth-child(2) {
          padding-left: 20px;
          padding-right: 20px; }
        .l-extraWrapper .tabContents__contents__eachContent__points__list__item:nth-child(3) {
          padding-left: 20px; }
        @media only screen and (max-width: 767px) {
          .l-extraWrapper .tabContents__contents__eachContent__points__list__item {
            width: 100%;
            float: none;
            padding: 0 !important;
            margin-bottom: 25px; } }
        .l-extraWrapper .tabContents__contents__eachContent__points__list__item__dl__dt {
          font-size: 26px;
          font-weight: 600;
          color: #008B32;
          text-align: center;
          margin-bottom: 30px; }
          .l-extraWrapper .tabContents__contents__eachContent__points__list__item__dl__dt[data-row="3"] {
            min-height: 138px; }
          @media only screen and (max-width: 767px) {
            .l-extraWrapper .tabContents__contents__eachContent__points__list__item__dl__dt {
              font-size: 18px;
              margin-bottom: 15px;
              min-height: auto !important; } }
        .l-extraWrapper .tabContents__contents__eachContent__points__list__item__dl__dd {
          font-size: 14px;
          line-height: 2.625; }
          @media only screen and (max-width: 767px) {
            .l-extraWrapper .tabContents__contents__eachContent__points__list__item__dl__dd {
              font-size: 14px;
              line-height: 2.14285714286; } }
    .l-extraWrapper .tabContents__contents__eachContent__points.is-animated .tabContents__contents__eachContent__points__list__item {
      opacity: 1;
      transform: translateY(0); }
      .l-extraWrapper .tabContents__contents__eachContent__points.is-animated .tabContents__contents__eachContent__points__list__item:nth-child(1) {
        transition: 1.4s all cubic-bezier(0.23, 1, 0.32, 1) 0.3s; }
      .l-extraWrapper .tabContents__contents__eachContent__points.is-animated .tabContents__contents__eachContent__points__list__item:nth-child(2) {
        transition: 1.5s all cubic-bezier(0.23, 1, 0.32, 1) 0.4s; }
      .l-extraWrapper .tabContents__contents__eachContent__points.is-animated .tabContents__contents__eachContent__points__list__item:nth-child(3) {
        transition: 1.6s all cubic-bezier(0.23, 1, 0.32, 1) 0.5s; }
  .l-extraWrapper .tabContents__contents__eachContent__flow {
    padding: 50px 0; }
    .l-extraWrapper .tabContents__contents__eachContent__flow__hl {
      position: relative;
      color: #008B32;
      font-size: 34px;
      font-family: 'Kanit', sans-serif;
      font-style: italic;
      font-weight: 500;
      line-height: 1;
      text-align: center;
      padding-bottom: 50px;
      margin-bottom: 20px;
      /*pre animation*/
      opacity: 0;
      transform: translateY(40px); }
      @media only screen and (max-width: 767px) {
        .l-extraWrapper .tabContents__contents__eachContent__flow__hl {
          font-size: 30px; } }
      .l-extraWrapper .tabContents__contents__eachContent__flow__hl:after {
        content: "";
        width: 1px;
        height: 40px;
        display: block;
        background-color: #008B32;
        position: absolute;
        bottom: 0;
        left: 50%; }
    .l-extraWrapper .tabContents__contents__eachContent__flow__list {
      text-align: center;
      margin-left: -25px;
      font-size: 0; }
      @media only screen and (max-width: 767px) {
        .l-extraWrapper .tabContents__contents__eachContent__flow__list {
          margin-left: -5%;
          margin-bottom: -15px; } }
      .l-extraWrapper .tabContents__contents__eachContent__flow__list__item {
        width: 220px;
        display: inline-block;
        vertical-align: top;
        margin-left: 25px;
        /*pre animation*/
        opacity: 0;
        transform: translateY(40px); }
        @media only screen and (max-width: 767px) {
          .l-extraWrapper .tabContents__contents__eachContent__flow__list__item {
            width: 45%;
            margin-left: 5%;
            margin-bottom: 15px;
            float: left; }
            .l-extraWrapper .tabContents__contents__eachContent__flow__list__item:nth-child(odd) {
              clear: both; } }
        .l-extraWrapper .tabContents__contents__eachContent__flow__list__item__dl {
          text-align: center;
          border-radius: 12px;
          border: 4px solid #4AC901;
          overflow: hidden; }
          .l-extraWrapper .tabContents__contents__eachContent__flow__list__item__dl__dt {
            font-size: 30px;
            color: #fff;
            background-color: #4AC901;
            font-family: 'Kanit', sans-serif;
            font-style: italic;
            line-height: 1;
            padding: 4px; }
            @media only screen and (max-width: 767px) {
              .l-extraWrapper .tabContents__contents__eachContent__flow__list__item__dl__dt {
                font-size: 22px; } }
          .l-extraWrapper .tabContents__contents__eachContent__flow__list__item__dl__dd {
            color: #008B32;
            font-size: 20px;
            font-weight: 600;
            height: 90px;
            background-color: #fff;
            line-height: 1.4; }
            .l-extraWrapper .tabContents__contents__eachContent__flow__list__item__dl__dd[data-row="one"] {
              padding-top: 32px; }
              @media only screen and (max-width: 767px) {
                .l-extraWrapper .tabContents__contents__eachContent__flow__list__item__dl__dd[data-row="one"] {
                  padding-top: 30px; } }
            .l-extraWrapper .tabContents__contents__eachContent__flow__list__item__dl__dd[data-row="two"] {
              padding-top: 20px; }
              @media only screen and (max-width: 767px) {
                .l-extraWrapper .tabContents__contents__eachContent__flow__list__item__dl__dd[data-row="two"] {
                  padding-top: 24px; } }
            @media only screen and (max-width: 767px) {
              .l-extraWrapper .tabContents__contents__eachContent__flow__list__item__dl__dd {
                height: 80px;
                font-size: 14px; } }
    .l-extraWrapper .tabContents__contents__eachContent__flow.is-animated .tabContents__contents__eachContent__flow__hl {
      opacity: 1;
      transform: translateY(0); }
    .l-extraWrapper .tabContents__contents__eachContent__flow.is-animated .tabContents__contents__eachContent__flow__list__item {
      opacity: 1;
      transform: translateY(0); }
      .l-extraWrapper .tabContents__contents__eachContent__flow.is-animated .tabContents__contents__eachContent__flow__list__item:nth-child(1) {
        transition: 1.4s all cubic-bezier(0.23, 1, 0.32, 1) 0.1s; }
      .l-extraWrapper .tabContents__contents__eachContent__flow.is-animated .tabContents__contents__eachContent__flow__list__item:nth-child(2) {
        transition: 1.5s all cubic-bezier(0.23, 1, 0.32, 1) 0.2s; }
      .l-extraWrapper .tabContents__contents__eachContent__flow.is-animated .tabContents__contents__eachContent__flow__list__item:nth-child(3) {
        transition: 1.6s all cubic-bezier(0.23, 1, 0.32, 1) 0.3s; }
      .l-extraWrapper .tabContents__contents__eachContent__flow.is-animated .tabContents__contents__eachContent__flow__list__item:nth-child(4) {
        transition: 1.7s all cubic-bezier(0.23, 1, 0.32, 1) 0.4s; }
      .l-extraWrapper .tabContents__contents__eachContent__flow.is-animated .tabContents__contents__eachContent__flow__list__item:nth-child(5) {
        transition: 1.8s all cubic-bezier(0.23, 1, 0.32, 1) 0.5s; }
  .l-extraWrapper .tabContents__contents.is-animated .tabContents__contents__eachContent__media__hl {
    opacity: 1;
    transform: translateY(0);
    transition: 1.4s all cubic-bezier(0.23, 1, 0.32, 1); }
  .l-extraWrapper .tabContents__contents.is-animated .tabContents__contents__eachContent__media__holder__texts {
    opacity: 1;
    transform: translateY(0); }
  .l-extraWrapper .tabContents__contents.is-animated .tabContents__contents__eachContent__media__holder__fig {
    opacity: 1;
    transform: translateY(0); }
  .l-extraWrapper .tabContents__footTab__list {
    margin-left: -24px; }
    @media only screen and (max-width: 767px) {
      .l-extraWrapper .tabContents__footTab__list {
        margin-left: -5%;
        margin-bottom: -15px; } }
    .l-extraWrapper .tabContents__footTab__list__item {
      float: left;
      width: 180px;
      margin-left: 24px;
      text-align: center;
      /*pre animation*/
      opacity: 0;
      transform: translateY(40px); }
      @media only screen and (max-width: 767px) {
        .l-extraWrapper .tabContents__footTab__list__item {
          width: 45%;
          margin-left: 5%;
          margin-bottom: 15px; }
          .l-extraWrapper .tabContents__footTab__list__item:nth-child(odd) {
            clear: both; } }
      .l-extraWrapper .tabContents__footTab__list__item__anchor {
        background-color: #fff;
        display: block;
        color: #008B32;
        padding: 15px 10px;
        box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.1);
        /*pre animation*/
        transition: 0.8s all cubic-bezier(0.23, 1, 0.32, 1);
        box-shadow: 0px 6px 16px 2px rgba(0, 0, 0, 0.1); }
        .l-extraWrapper .tabContents__footTab__list__item__anchor:hover {
          box-shadow: 0px 6px 70px 2px rgba(0, 0, 0, 0.1); }
        .l-extraWrapper .tabContents__footTab__list__item__anchor__obj {
          background-position: center center;
          background-repeat: no-repeat;
          width: 25px;
          height: 25px;
          background-size: contain;
          display: inline-block; }
        .l-extraWrapper .tabContents__footTab__list__item__anchor__text {
          display: block;
          font-size: 14px;
          font-weight: 600;
          margin-top: 8px; }
          @media only screen and (max-width: 767px) {
            .l-extraWrapper .tabContents__footTab__list__item__anchor__text {
              font-size: 11px; } }
        .l-extraWrapper .tabContents__footTab__list__item__anchor[data-contents="a"] .tabContents__footTab__list__item__anchor__obj {
          background-image: url(../img/service/tabContents_bottomTabObj01_off.png); }
        .l-extraWrapper .tabContents__footTab__list__item__anchor[data-contents="b"] .tabContents__footTab__list__item__anchor__obj {
          background-image: url(../img/service/tabContents_bottomTabObj02_off.png); }
        .l-extraWrapper .tabContents__footTab__list__item__anchor[data-contents="c"] .tabContents__footTab__list__item__anchor__obj {
          background-image: url(../img/service/tabContents_bottomTabObj03_off.png); }
        .l-extraWrapper .tabContents__footTab__list__item__anchor[data-contents="d"] .tabContents__footTab__list__item__anchor__obj {
          background-image: url(../img/service/tabContents_bottomTabObj04_off.png); }
        .l-extraWrapper .tabContents__footTab__list__item__anchor[data-contents="e"] .tabContents__footTab__list__item__anchor__obj {
          background-image: url(../img/service/tabContents_bottomTabObj05_off.png); }
        .l-extraWrapper .tabContents__footTab__list__item__anchor[data-contents="f"] .tabContents__footTab__list__item__anchor__obj {
          background-image: url(../img/service/tabContents_bottomTabObj06_off.png); }
      .l-extraWrapper .tabContents__footTab__list__item.is-current .tabContents__footTab__list__item__anchor {
        background-color: #FFF500;
        box-shadow: none;
        color: #000; }
        .l-extraWrapper .tabContents__footTab__list__item.is-current .tabContents__footTab__list__item__anchor[data-contents="a"] .tabContents__footTab__list__item__anchor__obj {
          background-image: url(../img/service/tabContents_bottomTabObj01_on.png); }
        .l-extraWrapper .tabContents__footTab__list__item.is-current .tabContents__footTab__list__item__anchor[data-contents="b"] .tabContents__footTab__list__item__anchor__obj {
          background-image: url(../img/service/tabContents_bottomTabObj02_on.png); }
        .l-extraWrapper .tabContents__footTab__list__item.is-current .tabContents__footTab__list__item__anchor[data-contents="c"] .tabContents__footTab__list__item__anchor__obj {
          background-image: url(../img/service/tabContents_bottomTabObj03_on.png); }
        .l-extraWrapper .tabContents__footTab__list__item.is-current .tabContents__footTab__list__item__anchor[data-contents="d"] .tabContents__footTab__list__item__anchor__obj {
          background-image: url(../img/service/tabContents_bottomTabObj04_on.png); }
        .l-extraWrapper .tabContents__footTab__list__item.is-current .tabContents__footTab__list__item__anchor[data-contents="e"] .tabContents__footTab__list__item__anchor__obj {
          background-image: url(../img/service/tabContents_bottomTabObj05_on.png); }
        .l-extraWrapper .tabContents__footTab__list__item.is-current .tabContents__footTab__list__item__anchor[data-contents="f"] .tabContents__footTab__list__item__anchor__obj {
          background-image: url(../img/service/tabContents_bottomTabObj06_on.png); }
  .l-extraWrapper .tabContents__footTab.is-animated .tabContents__footTab__list__item {
    opacity: 1;
    transform: translateY(0); }
    .l-extraWrapper .tabContents__footTab.is-animated .tabContents__footTab__list__item:nth-child(1) {
      transition: 1.4s all cubic-bezier(0.23, 1, 0.32, 1); }
    .l-extraWrapper .tabContents__footTab.is-animated .tabContents__footTab__list__item:nth-child(2) {
      transition: 1.5s all cubic-bezier(0.23, 1, 0.32, 1) 0.1s; }
    .l-extraWrapper .tabContents__footTab.is-animated .tabContents__footTab__list__item:nth-child(3) {
      transition: 1.6s all cubic-bezier(0.23, 1, 0.32, 1) 0.2s; }
    .l-extraWrapper .tabContents__footTab.is-animated .tabContents__footTab__list__item:nth-child(4) {
      transition: 1.7s all cubic-bezier(0.23, 1, 0.32, 1) 0.3s; }
    .l-extraWrapper .tabContents__footTab.is-animated .tabContents__footTab__list__item:nth-child(5) {
      transition: 1.8s all cubic-bezier(0.23, 1, 0.32, 1) 0.4s; }
    .l-extraWrapper .tabContents__footTab.is-animated .tabContents__footTab__list__item:nth-child(6) {
      transition: 1.9s all cubic-bezier(0.23, 1, 0.32, 1) 0.5s; }
.l-extraWrapper .mainPerformance {
  background-color: #F6F6F6;
  padding: 50px 0; }
  .l-extraWrapper .mainPerformance__hl {
    font-size: 34px;
    font-weight: 600;
    color: #008B32;
    text-align: center;
    margin-bottom: 30px; }
    @media only screen and (max-width: 767px) {
      .l-extraWrapper .mainPerformance__hl {
        font-size: 17px; } }
  .l-extraWrapper .mainPerformance__rt {
    text-align: center;
    font-size: 16px; }
    @media only screen and (max-width: 767px) {
      .l-extraWrapper .mainPerformance__rt {
        font-size: 14px;
        text-align: left; } }

@-webkit-keyframes slide-in {
  0% {
    transform: translateX(-100%); }
  50% {
    transform: translateX(0); }
  100% {
    transform: translateX(100%); } }
@keyframes slide-in {
  0% {
    transform: translateX(-100%); }
  50% {
    transform: translateX(0); }
  100% {
    transform: translateX(100%); } }