body {
  overflow-x: hidden; }
  body b {
    font-weight: normal; }

/* css-transition */
/* transition-delay */
.noTransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important; }

.bx-wrapper .bx-pager {
  padding-top: 0;
  font-size: 0;
  height: 0;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none; }
  .bx-wrapper .bx-pager.bx-default-pager a {
    background: transparent;
    border: 1px solid #000;
    border-radius: 50%; }
    @media only screen and (max-width: 767.7px) {
      .bx-wrapper .bx-pager.bx-default-pager a {
        width: 1.3333333333vw; } }
    @media only screen and (min-width: 768px) and (max-width: 1280px) {
      .bx-wrapper .bx-pager.bx-default-pager a {
        width: 10px;
        width: 0.78125vw; } }
    @media only screen and (min-width: 1281px) {
      .bx-wrapper .bx-pager.bx-default-pager a {
        width: 10px; } }
    @media only screen and (max-width: 767.7px) {
      .bx-wrapper .bx-pager.bx-default-pager a {
        height: 1.3333333333vw; } }
    @media only screen and (min-width: 768px) and (max-width: 1280px) {
      .bx-wrapper .bx-pager.bx-default-pager a {
        height: 10px;
        height: 0.78125vw; } }
    @media only screen and (min-width: 1281px) {
      .bx-wrapper .bx-pager.bx-default-pager a {
        height: 10px; } }
    @media only screen and (max-width: 767.7px) {
      .bx-wrapper .bx-pager.bx-default-pager a {
        margin: 0vw 0.5333333333vw; } }
    @media only screen and (min-width: 768px) and (max-width: 1280px) {
      .bx-wrapper .bx-pager.bx-default-pager a {
        margin: 0px 4px;
        margin: 0vw 0.3125vw; } }
    @media only screen and (min-width: 1281px) {
      .bx-wrapper .bx-pager.bx-default-pager a {
        margin: 0px 4px; } }
    .bx-wrapper .bx-pager.bx-default-pager a:not(.active):hover {
      background: transparent; }
.bx-wrapper .bx-controls-direction a {
  background-repeat: no-repeat;
  background-position: center center !important;
  background-size: 100% auto; }
.bx-wrapper .bx-controls-direction .bx-prev {
  background-image: url("../img/bx_dir_left.png"); }
.bx-wrapper .bx-controls-direction .bx-next {
  background-image: url("../img/bx_dir_right.png"); }
@media only screen and (min-width: 768px) and (max-width: 767.7px) {
  .bx-wrapper .bx-pager {
    bottom: -2.6666666667vw; } }
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1280px) {
  .bx-wrapper .bx-pager {
    bottom: -20px;
    bottom: -0.78125vw;
    /*   @media (min-width:$psd-pc-width) {
           bottom: $pc-pixel*1px;
       }*/ } }
@media only screen and (min-width: 768px) and (min-width: 1281px) and (max-width: 2560px) {
  .bx-wrapper .bx-pager {
    bottom: -20px;
    bottom: -0.78125vw;
    /*   @media (min-width:$psd-pc-width) {
           bottom: $pc-pixel*1px;
       }*/ } }
@media only screen and (min-width: 768px) and (min-width: 2561px) {
  .bx-wrapper .bx-pager {
    bottom: -20px; } }
@media only screen and (min-width: 768px) and (max-width: 767.7px) {
  .bx-wrapper .bx-controls-direction a {
    width: 2.4vw; } }
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1280px) {
  .bx-wrapper .bx-controls-direction a {
    width: 18px;
    width: 1.40625vw; } }
@media only screen and (min-width: 768px) and (min-width: 1281px) {
  .bx-wrapper .bx-controls-direction a {
    width: 18px; } }
@media only screen and (min-width: 768px) and (max-width: 767.7px) {
  .bx-wrapper .bx-controls-direction a {
    height: 4.4vw; } }
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1280px) {
  .bx-wrapper .bx-controls-direction a {
    height: 33px;
    height: 2.578125vw; } }
@media only screen and (min-width: 768px) and (min-width: 1281px) {
  .bx-wrapper .bx-controls-direction a {
    height: 33px; } }
@media only screen and (min-width: 768px) {
  .desktop .bx-wrapper .bx-controls-direction a:hover {
    opacity: 0.5; } }
@media only screen and (min-width: 768px) and (max-width: 767.7px) {
  .bx-wrapper .bx-controls-direction .bx-prev {
    left: -6.4vw; } }
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1280px) {
  .bx-wrapper .bx-controls-direction .bx-prev {
    left: -48px;
    left: -3.75vw; } }
@media only screen and (min-width: 768px) and (min-width: 1281px) {
  .bx-wrapper .bx-controls-direction .bx-prev {
    left: -48px; } }
@media only screen and (min-width: 768px) and (max-width: 767.7px) {
  .bx-wrapper .bx-controls-direction .bx-next {
    right: -6.4vw; } }
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1280px) {
  .bx-wrapper .bx-controls-direction .bx-next {
    right: -48px;
    right: -3.75vw; } }
@media only screen and (min-width: 768px) and (min-width: 1281px) {
  .bx-wrapper .bx-controls-direction .bx-next {
    right: -48px; } }

@media only screen and (max-width: 767.7px) {
  .bx-wrapper .bx-pager {
    bottom: -1.4666666667vw; }
    .bx-wrapper .bx-pager.bx-default-pager a {
      width: 2.9333333333vw;
      height: 2.9333333333vw;
      border-width: 0.2666666667vw;
      margin: 1.2vw; }
  .bx-wrapper .bx-controls-direction {
    display: none; } }

video {
  width: 100%;
  height: 100%; }

.sec-kv {
  position: relative;
  overflow: hidden;
  background: #000; }
  .sec-kv .vertical-mid-con {
    overflow: visible; }
    .sec-kv .vertical-mid-con .vertical-mid-txt {
      width: 100%;
      z-index: 20; }
      .sec-kv .vertical-mid-con .vertical-mid-txt h1 {
        letter-spacing: -0.02em;
        overflow: hidden;
        -webkit-transform: scale(0.82);
        -moz-transform: scale(0.82);
        -ms-transform: scale(0.82);
        -o-transform: scale(0.82);
        transform: scale(0.82);
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform-origin: center bottom top;
        -moz-transform-origin: center bottom top;
        -ms-transform-origin: center bottom top;
        -o-transform-origin: center bottom top;
        transform-origin: center bottom top; }
      .sec-kv .vertical-mid-con .vertical-mid-txt .txt-kv-sub-tit {
        display: block;
        text-align: center;
        letter-spacing: -0.02em;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 0;
        filter: alpha(opacity=0); }
      .sec-kv .vertical-mid-con .vertical-mid-txt.onTrans h1 {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transition: -webkit-transform 1.8s 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.8s 0.5s;
        -moz-transition: -moz-transform 1.8s 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.8s 0.5s;
        -ms-transition: -ms-transform 1.8s 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.8s 0.5s;
        -o-transition: -o-transform 1.8s 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.8s 0.5s;
        transition: transform 1.8s 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.8s 0.5s; }
      .sec-kv .vertical-mid-con .vertical-mid-txt.onTrans .txt-kv-sub-tit {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transition: -webkit-transform 0.8s 1s ease-out, opacity 1s 1s linear;
        -moz-transition: -moz-transform 0.8s 1s ease-out, opacity 1s 1s linear;
        -ms-transition: -ms-transform 0.8s 1s ease-out, opacity 1s 1s linear;
        -o-transition: -o-transform 0.8s 1s ease-out, opacity 1s 1s linear;
        transition: transform 0.8s 1s ease-out, opacity 1s 1s linear; }
    .sec-kv .vertical-mid-con .img-container {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      background-color: #000;
      -webkit-transform: translate3d(4%, 0, 0);
      -moz-transform: translate3d(4%, 0, 0);
      -ms-transform: translate3d(4%, 0, 0);
      -o-transform: translate3d(4%, 0, 0);
      transform: translate3d(4%, 0, 0);
      overflow: visible; }
      .sec-kv .vertical-mid-con .img-container .img-box {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-repeat: no-repeat;
        background-position: center center; }
      .sec-kv .vertical-mid-con .img-container .box-1-red {
        -webkit-transform: translate3d(-5%, 0, 0);
        -moz-transform: translate3d(-5%, 0, 0);
        -ms-transform: translate3d(-5%, 0, 0);
        -o-transform: translate3d(-5%, 0, 0);
        transform: translate3d(-5%, 0, 0);
        opacity: 0;
        filter: alpha(opacity=0); }
      .sec-kv .vertical-mid-con .img-container .box-2-blue {
        -webkit-transform: translate3d(0, 10%, 0);
        -moz-transform: translate3d(0, 10%, 0);
        -ms-transform: translate3d(0, 10%, 0);
        -o-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
        opacity: 0;
        filter: alpha(opacity=0); }
      .sec-kv .vertical-mid-con .img-container .box-3-white {
        -webkit-transform: translate3d(10%, 0, 0);
        -moz-transform: translate3d(10%, 0, 0);
        -ms-transform: translate3d(10%, 0, 0);
        -o-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
        opacity: 0;
        filter: alpha(opacity=0); }
      .sec-kv .vertical-mid-con .img-container.onTrans {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: -webkit-transform 2.5s 0s cubic-bezier(0.18, 0.45, 0.62, 1), opacity 1s 0s ease-out;
        -moz-transition: -moz-transform 2.5s 0s cubic-bezier(0.18, 0.45, 0.62, 1), opacity 1s 0s ease-out;
        -ms-transition: -ms-transform 2.5s 0s cubic-bezier(0.18, 0.45, 0.62, 1), opacity 1s 0s ease-out;
        -o-transition: -o-transform 2.5s 0s cubic-bezier(0.18, 0.45, 0.62, 1), opacity 1s 0s ease-out;
        transition: transform 2.5s 0s cubic-bezier(0.18, 0.45, 0.62, 1), opacity 1s 0s ease-out; }
        .sec-kv .vertical-mid-con .img-container.onTrans .img-box {
          -webkit-transform: translate3d(0, 0, 0);
          -moz-transform: translate3d(0, 0, 0);
          -ms-transform: translate3d(0, 0, 0);
          -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          opacity: 1;
          filter: alpha(opacity=100);
          -webkit-transition: -webkit-transform 2.5s 0s cubic-bezier(0.18, 0.45, 0.62, 1), opacity 1s 0s ease-out;
          -moz-transition: -moz-transform 2.5s 0s cubic-bezier(0.18, 0.45, 0.62, 1), opacity 1s 0s ease-out;
          -ms-transition: -ms-transform 2.5s 0s cubic-bezier(0.18, 0.45, 0.62, 1), opacity 1s 0s ease-out;
          -o-transition: -o-transform 2.5s 0s cubic-bezier(0.18, 0.45, 0.62, 1), opacity 1s 0s ease-out;
          transition: transform 2.5s 0s cubic-bezier(0.18, 0.45, 0.62, 1), opacity 1s 0s ease-out; }
          .sec-kv .vertical-mid-con .img-container.onTrans .img-box.box-1-red {
            -webkit-transition-delay: 0.1s;
            -moz-transition-delay: 0.1s;
            -o-transition-delay: 0.1s;
            transition-delay: 0.1s; }
          .sec-kv .vertical-mid-con .img-container.onTrans .img-box.box-2-blue {
            -webkit-transition-delay: 0.15s;
            -moz-transition-delay: 0.15s;
            -o-transition-delay: 0.15s;
            transition-delay: 0.15s; }
          .sec-kv .vertical-mid-con .img-container.onTrans .img-box.box-3-white {
            -webkit-transition-delay: 0s;
            -moz-transition-delay: 0s;
            -o-transition-delay: 0s;
            transition-delay: 0s; }
  @media only screen and (min-width: 768px) {
    .sec-kv {
      background-size: cover; }
      .sec-kv .vertical-mid-con {
        color: #054093; }
        .sec-kv .vertical-mid-con .img-container .box-1-red figure {
          background-image: url("../img/kv_img_1.png"); }
        .sec-kv .vertical-mid-con .img-container .box-2-blue figure {
          background-image: url("../img/kv_img_2.png"); }
        .sec-kv .vertical-mid-con .img-container .box-3-white figure {
          background-image: url("../img/kv_img_3.png"); } }
  @media only screen and (min-width: 1281px) {
    .sec-kv {
      height: calc(100vh - 70px); } }
  @media only screen and (min-width: 768px) and (max-width: 1280px) {
    .sec-kv {
      height: calc(100vh - 5.46875vw); } }
  @media only screen and (max-width: 767.7px) {
    .sec-kv {
      height: 133.33vw; }
      .sec-kv .vertical-mid-con {
        color: #fff; }
        .sec-kv .vertical-mid-con .vertical-mid-txt {
          margin-top: 4vw; }
          .sec-kv .vertical-mid-con .vertical-mid-txt .txt-kv-sub-tit {
            font-size: 3.7333333333vw;
            line-height: 1.8571428571; }
        .sec-kv .vertical-mid-con .img-container .box-1-red figure {
          background-image: url("../img/kv_m_img_1.png"); }
        .sec-kv .vertical-mid-con .img-container .box-2-blue figure {
          background-image: url("../img/kv_m_img_2.png"); }
        .sec-kv .vertical-mid-con .img-container .box-3-white figure {
          background-image: url("../img/kv_m_img_3.png"); } }

.sec-intro .txt-holder {
  text-align: center; }

.sec-1 .cover .img-container .img-holder {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  overflow: hidden; }
.sec-1 .cover .img-container .img-box {
  display: inline-block;
  position: relative;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0); }
@media only screen and (min-width: 768px) {
  .sec-1 .only-mobile {
    display: none; }
  .sec-1 .cover .img-container {
    padding-top: 614px;
    padding-top: 31.9791666667%; }
    .sec-1 .cover .img-container .img-box figure {
      background-image: url("../img/sec1_cover.jpg"); }
    .sec-1 .cover .img-container:after {
      background: #fff; }
  .sec-1 .cover .img-container .img-box {
    padding-top: 300px;
    padding-top: 15.625%; }
    .sec-1 .cover .img-container .img-box.img-1 {
      width: 60px;
      width: 3.125%; }
      .sec-1 .cover .img-container .img-box.img-1 figure {
        background-image: url("../img/sec1_cover_img1.jpg"); }
    .sec-1 .cover .img-container .img-box.img-2 {
      width: 70px;
      width: 3.6458333333%; }
      .sec-1 .cover .img-container .img-box.img-2 figure {
        background-image: url("../img/sec1_cover_img2.jpg"); }
    .sec-1 .cover .img-container .img-box.img-3 {
      width: 66px;
      width: 3.4375%; }
      .sec-1 .cover .img-container .img-box.img-3 figure {
        background-image: url("../img/sec1_cover_img3.jpg"); }
    .sec-1 .cover .img-container .img-box.img-4 {
      width: 66px;
      width: 3.4375%; }
      .sec-1 .cover .img-container .img-box.img-4 figure {
        background-image: url("../img/sec1_cover_img4.jpg"); }
    .sec-1 .cover .img-container .img-box.img-5 {
      width: 66px;
      width: 3.4375%; }
      .sec-1 .cover .img-container .img-box.img-5 figure {
        background-image: url("../img/sec1_cover_img5.jpg"); }
    .sec-1 .cover .img-container .img-box.img-6 {
      width: 66px;
      width: 3.4375%; }
      .sec-1 .cover .img-container .img-box.img-6 figure {
        background-image: url("../img/sec1_cover_img6.jpg"); }
    .sec-1 .cover .img-container .img-box.img-7 {
      width: 60px;
      width: 3.125%; }
      .sec-1 .cover .img-container .img-box.img-7 figure {
        background-image: url("../img/sec1_cover_img7.jpg"); }
    .sec-1 .cover .img-container .img-box.img-8 {
      width: 60px;
      width: 3.125%; }
      .sec-1 .cover .img-container .img-box.img-8 figure {
        background-image: url("../img/sec1_cover_img8.jpg"); }
    .sec-1 .cover .img-container .img-box.img-9 {
      width: 88px;
      width: 4.5833333333%;
      -webkit-transform: translate3d(-10%, 0, 0);
      -moz-transform: translate3d(-10%, 0, 0);
      -ms-transform: translate3d(-10%, 0, 0);
      -o-transform: translate3d(-10%, 0, 0);
      transform: translate3d(-10%, 0, 0); }
      .sec-1 .cover .img-container .img-box.img-9 figure {
        background-image: url("../img/sec1_cover_img9.jpg"); }
    .sec-1 .cover .img-container .img-box.img-10 {
      width: 106px;
      width: 5.5208333333%;
      -webkit-transform: translate3d(-10%, 0, 0);
      -moz-transform: translate3d(-10%, 0, 0);
      -ms-transform: translate3d(-10%, 0, 0);
      -o-transform: translate3d(-10%, 0, 0);
      transform: translate3d(-10%, 0, 0); }
      .sec-1 .cover .img-container .img-box.img-10 figure {
        background-image: url("../img/sec1_cover_img10.jpg"); }
    .sec-1 .cover .img-container .img-box.img-11 {
      width: 130px;
      width: 6.7708333333%;
      -webkit-transform: translate3d(-10%, 0, 0);
      -moz-transform: translate3d(-10%, 0, 0);
      -ms-transform: translate3d(-10%, 0, 0);
      -o-transform: translate3d(-10%, 0, 0);
      transform: translate3d(-10%, 0, 0); }
      .sec-1 .cover .img-container .img-box.img-11 figure {
        background-image: url("../img/sec1_cover_img11.jpg"); }
    .sec-1 .cover .img-container .img-box.img-12 {
      width: 166px;
      width: 8.6458333333%;
      -webkit-transform: translate3d(-10%, 0, 0);
      -moz-transform: translate3d(-10%, 0, 0);
      -ms-transform: translate3d(-10%, 0, 0);
      -o-transform: translate3d(-10%, 0, 0);
      transform: translate3d(-10%, 0, 0); }
      .sec-1 .cover .img-container .img-box.img-12 figure {
        background-image: url("../img/sec1_cover_img12.jpg"); }
    .sec-1 .cover .img-container .img-box.img-13 {
      width: 250px;
      width: 13.0208333333%;
      -webkit-transform: translate3d(-10%, 0, 0);
      -moz-transform: translate3d(-10%, 0, 0);
      -ms-transform: translate3d(-10%, 0, 0);
      -o-transform: translate3d(-10%, 0, 0);
      transform: translate3d(-10%, 0, 0); }
      .sec-1 .cover .img-container .img-box.img-13 figure {
        background-image: url("../img/sec1_cover_img13.jpg"); }
  .sec-1 .cover .onTrans .img-container .img-box {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
    .sec-1 .cover .onTrans .img-container .img-box.img-1 {
      -webkit-transition: -webkit-transform 0.7s 0.08s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.08s;
      -moz-transition: -moz-transform 0.7s 0.08s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.08s;
      -ms-transition: -ms-transform 0.7s 0.08s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.08s;
      -o-transition: -o-transform 0.7s 0.08s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.08s;
      transition: transform 0.7s 0.08s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.08s; }
    .sec-1 .cover .onTrans .img-container .img-box.img-2 {
      -webkit-transition: -webkit-transform 0.7s 0.16s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.16s;
      -moz-transition: -moz-transform 0.7s 0.16s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.16s;
      -ms-transition: -ms-transform 0.7s 0.16s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.16s;
      -o-transition: -o-transform 0.7s 0.16s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.16s;
      transition: transform 0.7s 0.16s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.16s; }
    .sec-1 .cover .onTrans .img-container .img-box.img-3 {
      -webkit-transition: -webkit-transform 0.7s 0.246s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.246s;
      -moz-transition: -moz-transform 0.7s 0.246s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.246s;
      -ms-transition: -ms-transform 0.7s 0.246s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.246s;
      -o-transition: -o-transform 0.7s 0.246s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.246s;
      transition: transform 0.7s 0.246s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.246s; }
    .sec-1 .cover .onTrans .img-container .img-box.img-4 {
      -webkit-transition: -webkit-transform 0.7s 0.328s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.328s;
      -moz-transition: -moz-transform 0.7s 0.328s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.328s;
      -ms-transition: -ms-transform 0.7s 0.328s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.328s;
      -o-transition: -o-transform 0.7s 0.328s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.328s;
      transition: transform 0.7s 0.328s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.328s; }
    .sec-1 .cover .onTrans .img-container .img-box.img-5 {
      -webkit-transition: -webkit-transform 0.7s 0.41s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.41s;
      -moz-transition: -moz-transform 0.7s 0.41s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.41s;
      -ms-transition: -ms-transform 0.7s 0.41s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.41s;
      -o-transition: -o-transform 0.7s 0.41s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.41s;
      transition: transform 0.7s 0.41s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.41s; }
    .sec-1 .cover .onTrans .img-container .img-box.img-6 {
      -webkit-transition: -webkit-transform 0.7s 0.492s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.492s;
      -moz-transition: -moz-transform 0.7s 0.492s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.492s;
      -ms-transition: -ms-transform 0.7s 0.492s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.492s;
      -o-transition: -o-transform 0.7s 0.492s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.492s;
      transition: transform 0.7s 0.492s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.492s; }
    .sec-1 .cover .onTrans .img-container .img-box.img-7 {
      -webkit-transition: -webkit-transform 0.7s 0.574s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.574s;
      -moz-transition: -moz-transform 0.7s 0.574s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.574s;
      -ms-transition: -ms-transform 0.7s 0.574s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.574s;
      -o-transition: -o-transform 0.7s 0.574s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.574s;
      transition: transform 0.7s 0.574s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.574s; }
    .sec-1 .cover .onTrans .img-container .img-box.img-8 {
      -webkit-transition: -webkit-transform 0.7s 0.656s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.656s;
      -moz-transition: -moz-transform 0.7s 0.656s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.656s;
      -ms-transition: -ms-transform 0.7s 0.656s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.656s;
      -o-transition: -o-transform 0.7s 0.656s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.656s;
      transition: transform 0.7s 0.656s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.656s; }
    .sec-1 .cover .onTrans .img-container .img-box.img-9 {
      -webkit-transition: -webkit-transform 0.7s 0.738s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.738s;
      -moz-transition: -moz-transform 0.7s 0.738s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.738s;
      -ms-transition: -ms-transform 0.7s 0.738s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.738s;
      -o-transition: -o-transform 0.7s 0.738s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.738s;
      transition: transform 0.7s 0.738s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.738s; }
    .sec-1 .cover .onTrans .img-container .img-box.img-10 {
      -webkit-transition: -webkit-transform 0.7s 0.82s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.82s;
      -moz-transition: -moz-transform 0.7s 0.82s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.82s;
      -ms-transition: -ms-transform 0.7s 0.82s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.82s;
      -o-transition: -o-transform 0.7s 0.82s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.82s;
      transition: transform 0.7s 0.82s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.82s; }
    .sec-1 .cover .onTrans .img-container .img-box.img-11 {
      -webkit-transition: -webkit-transform 0.7s 0.902s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.902s;
      -moz-transition: -moz-transform 0.7s 0.902s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.902s;
      -ms-transition: -ms-transform 0.7s 0.902s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.902s;
      -o-transition: -o-transform 0.7s 0.902s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.902s;
      transition: transform 0.7s 0.902s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.902s; }
    .sec-1 .cover .onTrans .img-container .img-box.img-12 {
      -webkit-transition: -webkit-transform 0.7s 0.984s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.984s;
      -moz-transition: -moz-transform 0.7s 0.984s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.984s;
      -ms-transition: -ms-transform 0.7s 0.984s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.984s;
      -o-transition: -o-transform 0.7s 0.984s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.984s;
      transition: transform 0.7s 0.984s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.984s; }
    .sec-1 .cover .onTrans .img-container .img-box.img-13 {
      -webkit-transition: -webkit-transform 0.7s 1.066s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 1.066s;
      -moz-transition: -moz-transform 0.7s 1.066s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 1.066s;
      -ms-transition: -ms-transform 0.7s 1.066s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 1.066s;
      -o-transition: -o-transform 0.7s 1.066s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 1.066s;
      transition: transform 0.7s 1.066s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 1.066s; }
  .sec-1 .content .img-container {
    padding-top: 696px;
    padding-top: 131.8181818182%; }
    .sec-1 .content .img-container .img-box figure {
      background-image: url("../img/sec1_img.jpg"); } }
@media only screen and (max-width: 767.7px) {
  .sec-1 .only-pc {
    display: none; }
  .sec-1 .cover .img-container {
    height: 69.7333333333vw; }
    .sec-1 .cover .img-container .img-box figure {
      background-image: url("../img/sec1_cover_m.jpg"); }
    .sec-1 .cover .img-container:after {
      background: #fff; }
  .sec-1 .cover .img-container .img-holder {
    width: 89.4%;
    margin: 0 5.3%; }
  .sec-1 .cover .img-container .img-box {
    padding-top: 224px;
    padding-top: 33.4328358209%; }
    .sec-1 .cover .img-container .img-box.pc {
      display: none; }
    .sec-1 .cover .img-container .img-box.img-1 {
      width: 48px;
      width: 7.1641791045%; }
      .sec-1 .cover .img-container .img-box.img-1 figure {
        background-image: url("../img/sec1_cover_m_img1.jpg"); }
    .sec-1 .cover .img-container .img-box.img-2 {
      width: 44px;
      width: 6.5671641791%; }
      .sec-1 .cover .img-container .img-box.img-2 figure {
        background-image: url("../img/sec1_cover_m_img2.jpg"); }
    .sec-1 .cover .img-container .img-box.img-3 {
      width: 50px;
      width: 7.4626865672%; }
      .sec-1 .cover .img-container .img-box.img-3 figure {
        background-image: url("../img/sec1_cover_m_img3.jpg"); }
    .sec-1 .cover .img-container .img-box.img-4 {
      width: 56px;
      width: 8.3582089552%; }
      .sec-1 .cover .img-container .img-box.img-4 figure {
        background-image: url("../img/sec1_cover_m_img4.jpg"); }
    .sec-1 .cover .img-container .img-box.img-5 {
      width: 78px;
      width: 11.6417910448%; }
      .sec-1 .cover .img-container .img-box.img-5 figure {
        background-image: url("../img/sec1_cover_m_img5.jpg"); }
    .sec-1 .cover .img-container .img-box.img-6 {
      width: 94px;
      width: 14.0298507463%;
      -webkit-transform: translate3d(-5%, 0, 0);
      -moz-transform: translate3d(-5%, 0, 0);
      -ms-transform: translate3d(-5%, 0, 0);
      -o-transform: translate3d(-5%, 0, 0);
      transform: translate3d(-5%, 0, 0); }
      .sec-1 .cover .img-container .img-box.img-6 figure {
        background-image: url("../img/sec1_cover_m_img6.jpg"); }
    .sec-1 .cover .img-container .img-box.img-7 {
      width: 120px;
      width: 17.9104477612%;
      -webkit-transform: translate3d(-5%, 0, 0);
      -moz-transform: translate3d(-5%, 0, 0);
      -ms-transform: translate3d(-5%, 0, 0);
      -o-transform: translate3d(-5%, 0, 0);
      transform: translate3d(-5%, 0, 0); }
      .sec-1 .cover .img-container .img-box.img-7 figure {
        background-image: url("../img/sec1_cover_m_img7.jpg"); }
    .sec-1 .cover .img-container .img-box.img-8 {
      width: 180px;
      width: 26.8656716418%;
      -webkit-transform: translate3d(-5%, 0, 0);
      -moz-transform: translate3d(-5%, 0, 0);
      -ms-transform: translate3d(-5%, 0, 0);
      -o-transform: translate3d(-5%, 0, 0);
      transform: translate3d(-5%, 0, 0); }
      .sec-1 .cover .img-container .img-box.img-8 figure {
        background-image: url("../img/sec1_cover_m_img8.jpg"); }
  .sec-1 .cover .onTrans .img-container .img-box {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
    .sec-1 .cover .onTrans .img-container .img-box.img-1 {
      -webkit-transition: -webkit-transform 0.7s 0.08s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.08s;
      -moz-transition: -moz-transform 0.7s 0.08s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.08s;
      -ms-transition: -ms-transform 0.7s 0.08s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.08s;
      -o-transition: -o-transform 0.7s 0.08s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.08s;
      transition: transform 0.7s 0.08s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.08s; }
    .sec-1 .cover .onTrans .img-container .img-box.img-2 {
      -webkit-transition: -webkit-transform 0.7s 0.16s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.16s;
      -moz-transition: -moz-transform 0.7s 0.16s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.16s;
      -ms-transition: -ms-transform 0.7s 0.16s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.16s;
      -o-transition: -o-transform 0.7s 0.16s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.16s;
      transition: transform 0.7s 0.16s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.16s; }
    .sec-1 .cover .onTrans .img-container .img-box.img-3 {
      -webkit-transition: -webkit-transform 0.7s 0.24s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.24s;
      -moz-transition: -moz-transform 0.7s 0.24s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.24s;
      -ms-transition: -ms-transform 0.7s 0.24s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.24s;
      -o-transition: -o-transform 0.7s 0.24s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.24s;
      transition: transform 0.7s 0.24s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.24s; }
    .sec-1 .cover .onTrans .img-container .img-box.img-4 {
      -webkit-transition: -webkit-transform 0.7s 0.32s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.32s;
      -moz-transition: -moz-transform 0.7s 0.32s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.32s;
      -ms-transition: -ms-transform 0.7s 0.32s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.32s;
      -o-transition: -o-transform 0.7s 0.32s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.32s;
      transition: transform 0.7s 0.32s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.32s; }
    .sec-1 .cover .onTrans .img-container .img-box.img-5 {
      -webkit-transition: -webkit-transform 0.7s 0.41s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.41s;
      -moz-transition: -moz-transform 0.7s 0.41s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.41s;
      -ms-transition: -ms-transform 0.7s 0.41s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.41s;
      -o-transition: -o-transform 0.7s 0.41s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.41s;
      transition: transform 0.7s 0.41s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.41s; }
    .sec-1 .cover .onTrans .img-container .img-box.img-6 {
      -webkit-transition: -webkit-transform 0.7s 0.492s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.492s;
      -moz-transition: -moz-transform 0.7s 0.492s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.492s;
      -ms-transition: -ms-transform 0.7s 0.492s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.492s;
      -o-transition: -o-transform 0.7s 0.492s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.492s;
      transition: transform 0.7s 0.492s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.492s; }
    .sec-1 .cover .onTrans .img-container .img-box.img-7 {
      -webkit-transition: -webkit-transform 0.7s 0.574s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.574s;
      -moz-transition: -moz-transform 0.7s 0.574s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.574s;
      -ms-transition: -ms-transform 0.7s 0.574s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.574s;
      -o-transition: -o-transform 0.7s 0.574s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.574s;
      transition: transform 0.7s 0.574s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.574s; }
    .sec-1 .cover .onTrans .img-container .img-box.img-8 {
      -webkit-transition: -webkit-transform 0.7s 0.656s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.656s;
      -moz-transition: -moz-transform 0.7s 0.656s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.656s;
      -ms-transition: -ms-transform 0.7s 0.656s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.656s;
      -o-transition: -o-transform 0.7s 0.656s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.656s;
      transition: transform 0.7s 0.656s cubic-bezier(0.04, 0.54, 0.49, 1), opacity 1s 0.656s; }
  .sec-1 .content .img-container {
    height: 110.8vw; }
    .sec-1 .content .img-container .img-box figure {
      background-image: url("../img/sec1_img_m.jpg"); } }

.sec-2 .contents .img-rolling-container {
  position: relative; }
  .sec-2 .contents .img-rolling-container .img-sequence {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .sec-2 .contents .img-rolling-container .img-sequence li {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      filter: alpha(opacity=0);
      -webkit-transition: opacity 0.5s linear;
      -webkit-transition: opacity 0.5s linear;
      -moz-transition: opacity 0.5s linear;
      -moz-transition: opacity 0.5s linear;
      -ms-transition: opacity 0.5s linear;
      -ms-transition: opacity 0.5s linear;
      -o-transition: opacity 0.5s linear;
      -o-transition: opacity 0.5s linear;
      transition: opacity 0.5s linear;
      transition: opacity 0.5s linear; }
      .sec-2 .contents .img-rolling-container .img-sequence li.active {
        z-index: 10;
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transition: opacity 0.5s linear;
        -webkit-transition: opacity 0.5s linear;
        -moz-transition: opacity 0.5s linear;
        -moz-transition: opacity 0.5s linear;
        -ms-transition: opacity 0.5s linear;
        -ms-transition: opacity 0.5s linear;
        -o-transition: opacity 0.5s linear;
        -o-transition: opacity 0.5s linear;
        transition: opacity 0.5s linear;
        transition: opacity 0.5s linear; }
      .sec-2 .contents .img-rolling-container .img-sequence li.on {
        z-index: 5;
        opacity: 1;
        filter: alpha(opacity=100); }
.sec-2 .contents.content-2 .img-rolling-container .img-sequence li:nth-child(3).active {
  z-index: 10;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.3s linear;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  transition: opacity 0.3s linear; }
@media only screen and (min-width: 768px) {
  .sec-2 .only-mobile {
    display: none; }
  .sec-2 .cover .img-container {
    padding-top: 588px;
    padding-top: 30.625%; }
    .sec-2 .cover .img-container .img-box figure {
      background-image: url("../img/sec2_cover.jpg"); }
  .sec-2 b {
    display: inline-block; }
  .sec-2 .content-1 {
    position: relative; }
    .sec-2 .content-1 .cont-left {
      position: relative;
      padding-left: 0; }
      .sec-2 .content-1 .cont-left .img-rolling-container {
        padding-top: 1405px;
        padding-top: 243.9236111111%; }
        .sec-2 .content-1 .cont-left .img-rolling-container .img-sequence {
          overflow: visible;
          width: 100%;
          height: 100%; }
          .sec-2 .content-1 .cont-left .img-rolling-container .img-sequence li:nth-child(1) figure {
            background-image: url("../img/sec2_img_1_1_1.jpg"); }
          .sec-2 .content-1 .cont-left .img-rolling-container .img-sequence li:nth-child(2) figure {
            background-image: url("../img/sec2_img_1_1_2.jpg"); }
          .sec-2 .content-1 .cont-left .img-rolling-container .img-sequence li:nth-child(3) figure {
            background-image: url("../img/sec2_img_1_1_3.jpg"); }
          .sec-2 .content-1 .cont-left .img-rolling-container .img-sequence li:nth-child(4) figure {
            background-image: url("../img/sec2_img_1_1_4.jpg"); }
          .sec-2 .content-1 .cont-left .img-rolling-container .img-sequence li:nth-child(5) figure {
            background-image: url("../img/sec2_img_1_1_5.jpg"); }
    .sec-2 .content-1 .cont-right.cols-5 {
      padding: 0; }
    .sec-2 .content-1 .cont-right .cols-1, .sec-2 .content-1 .cont-right .cols-2, .sec-2 .content-1 .cont-right .cols-3, .sec-2 .content-1 .cont-right .cols-4 {
      padding: 0;
      margin-left: 2.5%;
      margin-right: 2.5%; }
    .sec-2 .content-1 .cont-right .ml-1-col {
      margin-left: 22.5%; }
    .sec-2 .content-1 .cont-right .cols-2 {
      width: 35%; }
      .sec-2 .content-1 .cont-right .cols-2 .img-container {
        padding-top: 480px;
        padding-top: 142.8571428571%; }
        .sec-2 .content-1 .cont-right .cols-2 .img-container .img-box figure {
          background-image: url("../img/sec2_img_1_2.jpg"); }
        .sec-2 .content-1 .cont-right .cols-2 .img-container:after {
          background-color: #1428a0; }
    .sec-2 .content-1 .cont-right .cols-3 {
      width: 55%; }
    .sec-2 .content-1 .cont-right .cols-4 {
      width: 75%; }
      .sec-2 .content-1 .cont-right .cols-4 .img-container {
        padding-top: 404px;
        padding-top: 56.1111111111%; }
        .sec-2 .content-1 .cont-right .cols-4 .img-container .img-box figure {
          background-image: url("../img/sec2_img_1_3.jpg"); }
        .sec-2 .content-1 .cont-right .cols-4 .img-container:after {
          background-color: #ff4337; }
    .sec-2 .content-1 .cont-right .cols-1 {
      width: 15%; }
  .sec-2 .content-2 .img-1 .img-container {
    padding-top: 704px;
    padding-top: 133.3333333333%;
    height: 0; }
    .sec-2 .content-2 .img-1 .img-container .img-box figure {
      background-image: url("../img/sec2_img_2_1.jpg"); }
    .sec-2 .content-2 .img-1 .img-container:after {
      background-color: #1428a0; }
  .sec-2 .content-2 .img-2 .img-rolling-container {
    padding-top: 704px;
    padding-top: 209.5238095238%; }
    .sec-2 .content-2 .img-2 .img-rolling-container .img-sequence {
      overflow: visible;
      width: 100%;
      height: 100%; }
      .sec-2 .content-2 .img-2 .img-rolling-container .img-sequence li:nth-child(1) figure {
        background-image: url("../img/sec2_img_2_2_1.jpg"); }
      .sec-2 .content-2 .img-2 .img-rolling-container .img-sequence li:nth-child(2) figure {
        background-image: url("../img/sec2_img_2_2_2.jpg"); }
      .sec-2 .content-2 .img-2 .img-rolling-container .img-sequence li:nth-child(3) figure {
        background-image: url("../img/sec2_img_2_2_3.jpg"); }
  .sec-2 .content-3 .img-container {
    padding-top: 396px;
    padding-top: 75%; }
    .sec-2 .content-3 .img-container .img-box figure {
      background-image: url("../img/sec2_img_3_1.jpg"); }
    .sec-2 .content-3 .img-container:after {
      background-color: #ff4337; } }
@media only screen and (max-width: 1825px) and (min-width: 768px) {
  .sec-2 .content-2 .cols-container {
    align-items: normal; } }
@media only screen and (max-width: 767.7px) {
  .sec-2 .only-pc {
    display: none; }
  .sec-2 .cover .img-container {
    height: 56.2666666667vw; }
    .sec-2 .cover .img-container .img-box figure {
      background-image: url("../img/sec2_cover_m.jpg"); }
  .sec-2 h3 {
    text-align: center; }
  .sec-2 b {
    display: inline-block; }
  .sec-2 .content-1 {
    position: relative; }
    .sec-2 .content-1 .cols-container {
      display: flex;
      flex-direction: column; }
    .sec-2 .content-1 .cont-left {
      order: 2; }
      .sec-2 .content-1 .cont-left .img-rolling-container {
        height: 92vw; }
        .sec-2 .content-1 .cont-left .img-rolling-container .img-sequence {
          overflow: visible;
          width: 100%;
          height: 100%; }
          .sec-2 .content-1 .cont-left .img-rolling-container .img-sequence li:nth-child(1) figure {
            background-image: url("../img/sec2_img_1_1_1_m.jpg"); }
          .sec-2 .content-1 .cont-left .img-rolling-container .img-sequence li:nth-child(2) figure {
            background-image: url("../img/sec2_img_1_1_2_m.jpg"); }
          .sec-2 .content-1 .cont-left .img-rolling-container .img-sequence li:nth-child(3) figure {
            background-image: url("../img/sec2_img_1_1_3_m.jpg"); }
          .sec-2 .content-1 .cont-left .img-rolling-container .img-sequence li:nth-child(4) figure {
            background-image: url("../img/sec2_img_1_1_4_m.jpg"); }
          .sec-2 .content-1 .cont-left .img-rolling-container .img-sequence li:nth-child(5) figure {
            background-image: url("../img/sec2_img_1_1_5_m.jpg"); }
    .sec-2 .content-1 .cont-right {
      order: 1; }
      .sec-2 .content-1 .cont-right .cols-1, .sec-2 .content-1 .cont-right .cols-2, .sec-2 .content-1 .cont-right .cols-3, .sec-2 .content-1 .cont-right .cols-4 {
        padding: 0; }
      .sec-2 .content-1 .cont-right .cols-3 .img-container {
        height: 112vw; }
        .sec-2 .content-1 .cont-right .cols-3 .img-container .img-box figure {
          background-image: url("../img/sec2_img_1_2_m.jpg"); }
        .sec-2 .content-1 .cont-right .cols-3 .img-container:after {
          background-color: #1428a0; }
      .sec-2 .content-1 .cont-right .cols-4 .img-container {
        height: 47.2vw; }
        .sec-2 .content-1 .cont-right .cols-4 .img-container .img-box figure {
          background-image: url("../img/sec2_img_1_3_m.jpg"); }
        .sec-2 .content-1 .cont-right .cols-4 .img-container:after {
          background-color: #ff4337; }
  .sec-2 .content-2 .img-1 .img-container {
    height: 112vw; }
    .sec-2 .content-2 .img-1 .img-container .img-box figure {
      background-image: url("../img/sec2_img_2_1_m.jpg"); }
    .sec-2 .content-2 .img-1 .img-container:after {
      background-color: #1428a0; }
  .sec-2 .content-2 .img-2 .img-rolling-container {
    height: 80.1333333333vw; }
    .sec-2 .content-2 .img-2 .img-rolling-container .img-sequence {
      overflow: visible;
      width: 100%;
      height: 100%; }
      .sec-2 .content-2 .img-2 .img-rolling-container .img-sequence li:nth-child(1) figure {
        background-image: url("../img/sec2_img_2_2_1_m.jpg"); }
      .sec-2 .content-2 .img-2 .img-rolling-container .img-sequence li:nth-child(2) figure {
        background-image: url("../img/sec2_img_2_2_2_m.jpg"); }
      .sec-2 .content-2 .img-2 .img-rolling-container .img-sequence li:nth-child(3) figure {
        background-image: url("../img/sec2_img_2_2_3_m.jpg"); }
  .sec-2 .content-3 .img-container {
    height: 62.9333333333vw; }
    .sec-2 .content-3 .img-container .img-box figure {
      background-image: url("../img/sec2_img_3_1_m.jpg"); }
    .sec-2 .content-3 .img-container:after {
      background-color: #ff4337; } }

@media only screen and (min-width: 768px) and (max-width: 767.7px) {
  .sec-outro {
    padding-bottom: 37.8666666667vw; } }
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1280px) {
  .sec-outro {
    padding-bottom: 284px;
    padding-bottom: 22.1875vw; } }
@media only screen and (min-width: 768px) and (min-width: 1281px) {
  .sec-outro {
    padding-bottom: 284px; } }
@media only screen and (min-width: 768px) {
  .sec-outro .img-container {
    padding-top: 588px;
    padding-top: 30.625%; }
    .sec-outro .img-container .img-box figure {
      background-image: url("../img/sec_outro.jpg"); }
  .sec-outro .link {
    display: inline-block;
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
    transform: translateY(15px);
    opacity: 0;
    filter: alpha(opacity=0);
    letter-spacing: -0.02em;
    text-align: left; } }
  @media only screen and (min-width: 768px) and (max-width: 767.7px) {
    .sec-outro .link {
      font-size: 3.2vw; } }
  @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1280px) {
    .sec-outro .link {
      font-size: 24px;
      font-size: 1.875vw; } }
  @media only screen and (min-width: 768px) and (min-width: 1281px) {
    .sec-outro .link {
      font-size: 24px; } }
  @media only screen and (min-width: 768px) and (min-width: 2561px) {
    .sec-outro .link {
      font-size: 24px; } }
@media only screen and (min-width: 768px) {
    .sec-outro .link a {
      display: inline-block;
      color: #000;
      border-bottom: 2px solid #000; } }
    @media only screen and (min-width: 768px) and (max-width: 767.7px) {
      .sec-outro .link a {
        font-family: "samsungonelatin700";
        font-size: 3.2vw;
        line-height: 1; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1280px) {
      .sec-outro .link a {
        font-family: "samsungonelatin700";
        font-size: 24px;
        font-size: 1.875vw;
        line-height: 1; } }
    @media only screen and (min-width: 768px) and (min-width: 1281px) {
      .sec-outro .link a {
        font-family: "samsungonelatin700";
        font-size: 24px;
        line-height: 1; } }
    @media only screen and (min-width: 768px) and (min-width: 2561px) {
      .sec-outro .link a {
        font-family: "samsungonelatin700";
        font-size: 24px;
        line-height: 1; } }
@media only screen and (min-width: 768px) {
  .sec-outro .onTrans .link {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: -webkit-transform 0.55s 0.8s ease-out, opacity 0.55s 0.8s linear;
    -moz-transition: -moz-transform 0.55s 0.8s ease-out, opacity 0.55s 0.8s linear;
    -ms-transition: -ms-transform 0.55s 0.8s ease-out, opacity 0.55s 0.8s linear;
    -o-transition: -o-transform 0.55s 0.8s ease-out, opacity 0.55s 0.8s linear;
    transition: transform 0.55s 0.8s ease-out, opacity 0.55s 0.8s linear; } }
@media only screen and (max-width: 767.7px) {
  .sec-outro .img-container {
    height: 56vw; }
    .sec-outro .img-container .img-box figure {
      background-image: url("../img/sec_outro_m.jpg"); }
  .sec-outro .link {
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
    transform: translateY(15px);
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 4.8vw;
    letter-spacing: -0.02em; }
    .sec-outro .link a {
      font-family: "samsungonelatin700";
      font-size: 4.8vw;
      line-height: 1;
      display: inline-block;
      color: #000;
      border-bottom: 2px solid #000; }
  .sec-outro .onTrans .link {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: -webkit-transform 0.55s 0.8s ease-out, opacity 0.55s 0.8s linear;
    -moz-transition: -moz-transform 0.55s 0.8s ease-out, opacity 0.55s 0.8s linear;
    -ms-transition: -ms-transform 0.55s 0.8s ease-out, opacity 0.55s 0.8s linear;
    -o-transition: -o-transform 0.55s 0.8s ease-out, opacity 0.55s 0.8s linear;
    transition: transform 0.55s 0.8s ease-out, opacity 0.55s 0.8s linear; } }

@media only screen and (min-width: 768px) {
  .motion.zoom-out {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15); }
    .motion.zoom-out.onTrans {
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      -webkit-transition: -webkit-transform 1.4s 0s ease-out, opacity 1s;
      -moz-transition: -moz-transform 1.4s 0s ease-out, opacity 1s;
      -ms-transition: -ms-transform 1.4s 0s ease-out, opacity 1s;
      -o-transition: -o-transform 1.4s 0s ease-out, opacity 1s;
      transition: transform 1.4s 0s ease-out, opacity 1s; }
  .motion.zoom-in {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95); }
    .motion.zoom-in.onTrans {
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      -webkit-transition: -webkit-transform 1.4s 0s ease-out, opacity 1.4s;
      -moz-transition: -moz-transform 1.4s 0s ease-out, opacity 1.4s;
      -ms-transition: -ms-transform 1.4s 0s ease-out, opacity 1.4s;
      -o-transition: -o-transform 1.4s 0s ease-out, opacity 1.4s;
      transition: transform 1.4s 0s ease-out, opacity 1.4s; }
  .motion.move-to-left {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px); }
    .motion.move-to-left.onTrans {
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
      -webkit-transition: -webkit-transform 0.65s 0s ease-out, opacity 0.65s 0s linear;
      -moz-transition: -moz-transform 0.65s 0s ease-out, opacity 0.65s 0s linear;
      -ms-transition: -ms-transform 0.65s 0s ease-out, opacity 0.65s 0s linear;
      -o-transition: -o-transform 0.65s 0s ease-out, opacity 0.65s 0s linear;
      transition: transform 0.65s 0s ease-out, opacity 0.65s 0s linear; }
  .motion.move-to-left-2 {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px); }
    .motion.move-to-left-2.onTrans {
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
      -webkit-transition: -webkit-transform 0.65s 0.2s ease-out, opacity 0.65s 0.2s linear;
      -moz-transition: -moz-transform 0.65s 0.2s ease-out, opacity 0.65s 0.2s linear;
      -ms-transition: -ms-transform 0.65s 0.2s ease-out, opacity 0.65s 0.2s linear;
      -o-transition: -o-transform 0.65s 0.2s ease-out, opacity 0.65s 0.2s linear;
      transition: transform 0.65s 0.2s ease-out, opacity 0.65s 0.2s linear; }
  .motion.fade-in {
    opacity: 0;
    filter: alpha(opacity=0); }
    .motion.fade-in.onTrans {
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transition: -webkit-transform 1s 0s linear, opacity 1s 0.2s linear;
      -moz-transition: -moz-transform 1s 0s linear, opacity 1s 0.2s linear;
      -ms-transition: -ms-transform 1s 0s linear, opacity 1s 0.2s linear;
      -o-transition: -o-transform 1s 0s linear, opacity 1s 0.2s linear;
      transition: transform 1s 0s linear, opacity 1s 0.2s linear; }
  .motion.mask-off-up .img-box {
    -webkit-transform: translate3d(0, 25%, 0);
    -moz-transform: translate3d(0, 25%, 0);
    -ms-transform: translate3d(0, 25%, 0);
    -o-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom; }
  .motion.mask-off-up:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .motion.mask-off-left .img-box {
    -webkit-transform: translate3d(-25%, 0, 0);
    -moz-transform: translate3d(-25%, 0, 0);
    -ms-transform: translate3d(-25%, 0, 0);
    -o-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center; }
  .motion.mask-off-left:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .motion.mask-off-right .img-box {
    -webkit-transform: translate3d(25%, 0, 0);
    -moz-transform: translate3d(25%, 0, 0);
    -ms-transform: translate3d(25%, 0, 0);
    -o-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center; }
  .motion.mask-off-right:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .motion.mask-off-down .img-box {
    -webkit-transform: translate3d(0, -25%, 0);
    -moz-transform: translate3d(0, -25%, 0);
    -ms-transform: translate3d(0, -25%, 0);
    -o-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top; }
  .motion.mask-off-down:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .motion.slide-in-left {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px); }
    .motion.slide-in-left.onTrans {
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
      -webkit-transition: -webkit-transform 0.65s 0s ease-out, opacity 0.65s 0s linear;
      -moz-transition: -moz-transform 0.65s 0s ease-out, opacity 0.65s 0s linear;
      -ms-transition: -ms-transform 0.65s 0s ease-out, opacity 0.65s 0s linear;
      -o-transition: -o-transform 0.65s 0s ease-out, opacity 0.65s 0s linear;
      transition: transform 0.65s 0s ease-out, opacity 0.65s 0s linear; }
  .motion.slide-in-up {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px); }
    .motion.slide-in-up.onTrans {
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
      -webkit-transition: -webkit-transform 0.55s 0.2s ease-out, opacity 0.55s 0.2s linear;
      -moz-transition: -moz-transform 0.55s 0.2s ease-out, opacity 0.55s 0.2s linear;
      -ms-transition: -ms-transform 0.55s 0.2s ease-out, opacity 0.55s 0.2s linear;
      -o-transition: -o-transform 0.55s 0.2s ease-out, opacity 0.55s 0.2s linear;
      transition: transform 0.55s 0.2s ease-out, opacity 0.55s 0.2s linear; }
  .motion.slide-in-up-1 {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -ms-transform: translateY(60px);
    -o-transform: translateY(60px);
    transform: translateY(60px); }
    .motion.slide-in-up-1.onTrans {
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
      -webkit-transition: -webkit-transform 0.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s linear;
      -moz-transition: -moz-transform 0.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s linear;
      -ms-transition: -ms-transform 0.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s linear;
      -o-transition: -o-transform 0.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s linear;
      transition: transform 0.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s linear; }
  .motion.slide-in-up-2 {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px); }
    .motion.slide-in-up-2.onTrans {
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
      -webkit-transition: -webkit-transform 0.6s 0.2s ease-out, opacity 0.6s 0.2s linear;
      -moz-transition: -moz-transform 0.6s 0.2s ease-out, opacity 0.6s 0.2s linear;
      -ms-transition: -ms-transform 0.6s 0.2s ease-out, opacity 0.6s 0.2s linear;
      -o-transition: -o-transform 0.6s 0.2s ease-out, opacity 0.6s 0.2s linear;
      transition: transform 0.6s 0.2s ease-out, opacity 0.6s 0.2s linear; }
  .motion .zoom-out {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15); }
  .motion .zoom-in {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95); }
  .motion .move-to-left {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px); }
  .motion .move-to-left-2 {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px); }
  .motion .fade-in {
    opacity: 0;
    filter: alpha(opacity=0); }
  .motion .mask-off-up .img-box {
    -webkit-transform: translate3d(0, 25%, 0);
    -moz-transform: translate3d(0, 25%, 0);
    -ms-transform: translate3d(0, 25%, 0);
    -o-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom; }
  .motion .mask-off-up:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .motion .mask-off-left .img-box {
    -webkit-transform: translate3d(-25%, 0, 0);
    -moz-transform: translate3d(-25%, 0, 0);
    -ms-transform: translate3d(-25%, 0, 0);
    -o-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center; }
  .motion .mask-off-left:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .motion .mask-off-right .img-box {
    -webkit-transform: translate3d(25%, 0, 0);
    -moz-transform: translate3d(25%, 0, 0);
    -ms-transform: translate3d(25%, 0, 0);
    -o-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center; }
  .motion .mask-off-right:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .motion .mask-off-down .img-box {
    -webkit-transform: translate3d(0, -25%, 0);
    -moz-transform: translate3d(0, -25%, 0);
    -ms-transform: translate3d(0, -25%, 0);
    -o-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top; }
  .motion .mask-off-down:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .motion .slide-in-left {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px); }
  .motion .slide-in-up {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px); }
  .motion .slide-in-up-1 {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -ms-transform: translateY(60px);
    -o-transform: translateY(60px);
    transform: translateY(60px); }
  .motion .slide-in-up-2 {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px); }
  .motion.mask-box-1 {
    padding-top: 18%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
    .motion.mask-box-1 figure {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }
  .motion.mask-box-2 {
    padding-top: 47%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
    .motion.mask-box-2 figure {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }
  .motion.onTrans .zoom-out {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 1.4s 0s ease-out, opacity 1s;
    -moz-transition: -moz-transform 1.4s 0s ease-out, opacity 1s;
    -ms-transition: -ms-transform 1.4s 0s ease-out, opacity 1s;
    -o-transition: -o-transform 1.4s 0s ease-out, opacity 1s;
    transition: transform 1.4s 0s ease-out, opacity 1s; }
  .motion.onTrans .zoom-in {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 1.4s 0s ease-out, opacity 1.4s;
    -moz-transition: -moz-transform 1.4s 0s ease-out, opacity 1.4s;
    -ms-transition: -ms-transform 1.4s 0s ease-out, opacity 1.4s;
    -o-transition: -o-transform 1.4s 0s ease-out, opacity 1.4s;
    transition: transform 1.4s 0s ease-out, opacity 1.4s; }
  .motion.onTrans .move-to-left {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 0.65s 0s ease-out, opacity 0.65s 0s linear;
    -moz-transition: -moz-transform 0.65s 0s ease-out, opacity 0.65s 0s linear;
    -ms-transition: -ms-transform 0.65s 0s ease-out, opacity 0.65s 0s linear;
    -o-transition: -o-transform 0.65s 0s ease-out, opacity 0.65s 0s linear;
    transition: transform 0.65s 0s ease-out, opacity 0.65s 0s linear; }
  .motion.onTrans .move-to-left-2 {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 0.65s 0.2s ease-out, opacity 0.65s 0.2s linear;
    -moz-transition: -moz-transform 0.65s 0.2s ease-out, opacity 0.65s 0.2s linear;
    -ms-transition: -ms-transform 0.65s 0.2s ease-out, opacity 0.65s 0.2s linear;
    -o-transition: -o-transform 0.65s 0.2s ease-out, opacity 0.65s 0.2s linear;
    transition: transform 0.65s 0.2s ease-out, opacity 0.65s 0.2s linear; }
  .motion.onTrans .fade-in {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: -webkit-transform 1s 0s linear, opacity 1s 0.2s linear;
    -moz-transition: -moz-transform 1s 0s linear, opacity 1s 0.2s linear;
    -ms-transition: -ms-transform 1s 0s linear, opacity 1s 0.2s linear;
    -o-transition: -o-transform 1s 0s linear, opacity 1s 0.2s linear;
    transition: transform 1s 0s linear, opacity 1s 0.2s linear; }
  .motion.onTrans.mask-off-up .img-box,
  .motion.onTrans .mask-off-up .img-box {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -webkit-transition-delay: 0s;
    -moz-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -moz-transition-delay: 0s;
    -ms-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -ms-transition-delay: 0s;
    -o-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -o-transition-delay: 0s;
    transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    transition-delay: 0s; }
  .motion.onTrans.mask-off-up:after,
  .motion.onTrans .mask-off-up:after {
    -webkit-transform: translate3d(0, -101%, 0);
    -moz-transform: translate3d(0, -101%, 0);
    -ms-transform: translate3d(0, -101%, 0);
    -o-transform: translate3d(0, -101%, 0);
    transform: translate3d(0, -101%, 0);
    -webkit-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -webkit-transition-delay: 0s;
    -moz-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -moz-transition-delay: 0s;
    -ms-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -ms-transition-delay: 0s;
    -o-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -o-transition-delay: 0s;
    transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    transition-delay: 0s; }
  .motion.onTrans.mask-off-left .img-box,
  .motion.onTrans .mask-off-left .img-box {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -webkit-transition-delay: 0s;
    -moz-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -moz-transition-delay: 0s;
    -ms-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -ms-transition-delay: 0s;
    -o-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -o-transition-delay: 0s;
    transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    transition-delay: 0s; }
  .motion.onTrans.mask-off-left:after,
  .motion.onTrans .mask-off-left:after {
    -webkit-transform: translate3d(101%, 0, 0);
    -moz-transform: translate3d(101%, 0, 0);
    -ms-transform: translate3d(101%, 0, 0);
    -o-transform: translate3d(101%, 0, 0);
    transform: translate3d(101%, 0, 0);
    -webkit-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -webkit-transition-delay: 0s;
    -moz-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -moz-transition-delay: 0s;
    -ms-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -ms-transition-delay: 0s;
    -o-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -o-transition-delay: 0s;
    transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    transition-delay: 0s; }
  .motion.onTrans.mask-off-right .img-box,
  .motion.onTrans .mask-off-right .img-box {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -webkit-transition-delay: 0s;
    -moz-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -moz-transition-delay: 0s;
    -ms-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -ms-transition-delay: 0s;
    -o-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -o-transition-delay: 0s;
    transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    transition-delay: 0s; }
  .motion.onTrans.mask-off-right:after,
  .motion.onTrans .mask-off-right:after {
    -webkit-transform: translate3d(-101%, 0, 0);
    -moz-transform: translate3d(-101%, 0, 0);
    -ms-transform: translate3d(-101%, 0, 0);
    -o-transform: translate3d(-101%, 0, 0);
    transform: translate3d(-101%, 0, 0);
    -webkit-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -webkit-transition-delay: 0s;
    -moz-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -moz-transition-delay: 0s;
    -ms-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -ms-transition-delay: 0s;
    -o-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -o-transition-delay: 0s;
    transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    transition-delay: 0s; }
  .motion.onTrans.mask-off-down .img-box,
  .motion.onTrans .mask-off-down .img-box {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -webkit-transition-delay: 0s;
    -moz-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -moz-transition-delay: 0s;
    -ms-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -ms-transition-delay: 0s;
    -o-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -o-transition-delay: 0s;
    transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    transition-delay: 0s; }
  .motion.onTrans.mask-off-down:after,
  .motion.onTrans .mask-off-down:after {
    -webkit-transform: translate3d(0, 101%, 0);
    -moz-transform: translate3d(0, 101%, 0);
    -ms-transform: translate3d(0, 101%, 0);
    -o-transform: translate3d(0, 101%, 0);
    transform: translate3d(0, 101%, 0);
    -webkit-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -webkit-transition-delay: 0s;
    -moz-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -moz-transition-delay: 0s;
    -ms-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -ms-transition-delay: 0s;
    -o-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -o-transition-delay: 0s;
    transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    transition-delay: 0s; }
  .motion.onTrans .slide-in-left {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 0.65s 0s ease-out, opacity 0.65s 0s linear;
    -moz-transition: -moz-transform 0.65s 0s ease-out, opacity 0.65s 0s linear;
    -ms-transition: -ms-transform 0.65s 0s ease-out, opacity 0.65s 0s linear;
    -o-transition: -o-transform 0.65s 0s ease-out, opacity 0.65s 0s linear;
    transition: transform 0.65s 0s ease-out, opacity 0.65s 0s linear; }
  .motion.onTrans .slide-in-up {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.55s 0.2s ease-out, opacity 0.55s 0.2s linear;
    -moz-transition: -moz-transform 0.55s 0.2s ease-out, opacity 0.55s 0.2s linear;
    -ms-transition: -ms-transform 0.55s 0.2s ease-out, opacity 0.55s 0.2s linear;
    -o-transition: -o-transform 0.55s 0.2s ease-out, opacity 0.55s 0.2s linear;
    transition: transform 0.55s 0.2s ease-out, opacity 0.55s 0.2s linear; }
  .motion.onTrans .slide-in-up-1 {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s linear;
    -moz-transition: -moz-transform 0.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s linear;
    -ms-transition: -ms-transform 0.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s linear;
    -o-transition: -o-transform 0.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s linear;
    transition: transform 0.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s linear; }
  .motion.onTrans .slide-in-up-2 {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.6s 0.2s ease-out, opacity 0.6s 0.2s linear;
    -moz-transition: -moz-transform 0.6s 0.2s ease-out, opacity 0.6s 0.2s linear;
    -ms-transition: -ms-transform 0.6s 0.2s ease-out, opacity 0.6s 0.2s linear;
    -o-transition: -o-transform 0.6s 0.2s ease-out, opacity 0.6s 0.2s linear;
    transition: transform 0.6s 0.2s ease-out, opacity 0.6s 0.2s linear; }
  .motion.onTrans .title-box:before {
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transition: -webkit-transform 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: -moz-transform 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: -ms-transform 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: -o-transform 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .motion.onTrans .title-box:after {
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transition: -webkit-transform 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: -moz-transform 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: -ms-transform 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: -o-transform 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .motion.onTrans.mask-box-1 {
    padding-top: 25%;
    -webkit-transform: translateY(-3.125vw);
    -moz-transform: translateY(-3.125vw);
    -ms-transform: translateY(-3.125vw);
    -o-transform: translateY(-3.125vw);
    transform: translateY(-3.125vw);
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: -webkit-transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1);
    -moz-transition: -moz-transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1);
    -ms-transition: -ms-transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1);
    -o-transition: -o-transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1);
    transition: transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1); }
    .motion.onTrans.mask-box-1 figure {
      -webkit-transform: translateY(3.125vw);
      -moz-transform: translateY(3.125vw);
      -ms-transform: translateY(3.125vw);
      -o-transform: translateY(3.125vw);
      transform: translateY(3.125vw);
      -webkit-transition: -webkit-transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1);
      -moz-transition: -moz-transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1);
      -ms-transition: -ms-transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1);
      -o-transition: -o-transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1);
      transition: transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1); }
  .motion.onTrans.mask-box-2 {
    padding-top: 55.5555%;
    -webkit-transform: translateY(-3.125vw);
    -moz-transform: translateY(-3.125vw);
    -ms-transform: translateY(-3.125vw);
    -o-transform: translateY(-3.125vw);
    transform: translateY(-3.125vw);
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: -webkit-transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1);
    -moz-transition: -moz-transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1);
    -ms-transition: -ms-transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1);
    -o-transition: -o-transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1);
    transition: transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1); }
    .motion.onTrans.mask-box-2 figure {
      -webkit-transform: translateY(3.125vw);
      -moz-transform: translateY(3.125vw);
      -ms-transform: translateY(3.125vw);
      -o-transform: translateY(3.125vw);
      transform: translateY(3.125vw);
      -webkit-transition: -webkit-transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1);
      -moz-transition: -moz-transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1);
      -ms-transition: -ms-transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1);
      -o-transition: -o-transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1);
      transition: transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1); }
  .motion.onTrans.set-1 .step-1 {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s; }
  .motion.onTrans.set-1 .step-2 {
    -webkit-transition-delay: 0.45s;
    -moz-transition-delay: 0.45s;
    -ms-transition-delay: 0.45s;
    -o-transition-delay: 0.45s;
    transition-delay: 0.45s; }
    .motion.onTrans.set-1 .step-2.move-to-left-2 {
      -webkit-transition-duration: 0.65s;
      -webkit-transition-delay: 0.65s;
      -moz-transition-duration: 0.65s;
      -moz-transition-delay: 0.65s;
      -ms-transition-duration: 0.65s;
      -ms-transition-delay: 0.65s;
      -o-transition-duration: 0.65s;
      -o-transition-delay: 0.65s;
      transition-duration: 0.65s;
      transition-delay: 0.65s; }
  .motion.onTrans.set-1 .step-3 {
    -webkit-transition-duration: 0.7s;
    -webkit-transition-delay: 0.95s;
    -moz-transition-duration: 0.7s;
    -moz-transition-delay: 0.95s;
    -ms-transition-duration: 0.7s;
    -ms-transition-delay: 0.95s;
    -o-transition-duration: 0.7s;
    -o-transition-delay: 0.95s;
    transition-duration: 0.7s;
    transition-delay: 0.95s; }
    .motion.onTrans.set-1 .step-3.move-to-left-2 {
      -webkit-transition-duration: 0.65s;
      -webkit-transition-delay: 1.15s;
      -moz-transition-duration: 0.65s;
      -moz-transition-delay: 1.15s;
      -ms-transition-duration: 0.65s;
      -ms-transition-delay: 1.15s;
      -o-transition-duration: 0.65s;
      -o-transition-delay: 1.15s;
      transition-duration: 0.65s;
      transition-delay: 1.15s; }
  .motion.onTrans.set-1 .step-4 {
    -webkit-transition-duration: 0.4s;
    -webkit-transition-delay: 1.25s;
    -moz-transition-duration: 0.4s;
    -moz-transition-delay: 1.25s;
    -ms-transition-duration: 0.4s;
    -ms-transition-delay: 1.25s;
    -o-transition-duration: 0.4s;
    -o-transition-delay: 1.25s;
    transition-duration: 0.4s;
    transition-delay: 1.25s; }
  .motion.onTrans.set-1 .step-5 {
    -webkit-transition-duration: 0.7s;
    -webkit-transition-delay: 1.55s;
    -moz-transition-duration: 0.7s;
    -moz-transition-delay: 1.55s;
    -ms-transition-duration: 0.7s;
    -ms-transition-delay: 1.55s;
    -o-transition-duration: 0.7s;
    -o-transition-delay: 1.55s;
    transition-duration: 0.7s;
    transition-delay: 1.55s; }
  .motion.onTrans.set-2 .step-1 {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s; }
  .motion.onTrans.set-2 .step-2 {
    -webkit-transition-duration: 0.7s;
    -webkit-transition-delay: 0.45s;
    -moz-transition-duration: 0.7s;
    -moz-transition-delay: 0.45s;
    -ms-transition-duration: 0.7s;
    -ms-transition-delay: 0.45s;
    -o-transition-duration: 0.7s;
    -o-transition-delay: 0.45s;
    transition-duration: 0.7s;
    transition-delay: 0.45s; } }
@media only screen and (max-width: 767.7px) {
  #content {
    overflow: hidden; }

  .motion.zoom-out {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15); }
    .motion.zoom-out.onTrans {
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      -webkit-transition: -webkit-transform 1.4s 0s ease-out, opacity 1s;
      -moz-transition: -moz-transform 1.4s 0s ease-out, opacity 1s;
      -ms-transition: -ms-transform 1.4s 0s ease-out, opacity 1s;
      -o-transition: -o-transform 1.4s 0s ease-out, opacity 1s;
      transition: transform 1.4s 0s ease-out, opacity 1s; }
  .motion.zoom-in {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95); }
    .motion.zoom-in.onTrans {
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      -webkit-transition: -webkit-transform 1.4s 0s ease-out, opacity 1.4s;
      -moz-transition: -moz-transform 1.4s 0s ease-out, opacity 1.4s;
      -ms-transition: -ms-transform 1.4s 0s ease-out, opacity 1.4s;
      -o-transition: -o-transform 1.4s 0s ease-out, opacity 1.4s;
      transition: transform 1.4s 0s ease-out, opacity 1.4s; }
  .motion.move-to-left {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(0.5em);
    -moz-transform: translateX(0.5em);
    -ms-transform: translateX(0.5em);
    -o-transform: translateX(0.5em);
    transform: translateX(0.5em); }
    .motion.move-to-left.onTrans {
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
      -webkit-transition: -webkit-transform 0.65s 0s ease-out, opacity 0.65s 0s linear;
      -moz-transition: -moz-transform 0.65s 0s ease-out, opacity 0.65s 0s linear;
      -ms-transition: -ms-transform 0.65s 0s ease-out, opacity 0.65s 0s linear;
      -o-transition: -o-transform 0.65s 0s ease-out, opacity 0.65s 0s linear;
      transition: transform 0.65s 0s ease-out, opacity 0.65s 0s linear; }
  .motion.move-to-left-2 {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(0.5em);
    -moz-transform: translateX(0.5em);
    -ms-transform: translateX(0.5em);
    -o-transform: translateX(0.5em);
    transform: translateX(0.5em); }
    .motion.move-to-left-2.onTrans {
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
      -webkit-transition: -webkit-transform 0.65s 0.2s ease-out, opacity 0.65s 0.2s linear;
      -moz-transition: -moz-transform 0.65s 0.2s ease-out, opacity 0.65s 0.2s linear;
      -ms-transition: -ms-transform 0.65s 0.2s ease-out, opacity 0.65s 0.2s linear;
      -o-transition: -o-transform 0.65s 0.2s ease-out, opacity 0.65s 0.2s linear;
      transition: transform 0.65s 0.2s ease-out, opacity 0.65s 0.2s linear; }
  .motion.fade-in {
    opacity: 0;
    filter: alpha(opacity=0); }
    .motion.fade-in.onTrans {
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transition: -webkit-transform 1s 0s linear, opacity 1s 0.2s linear;
      -moz-transition: -moz-transform 1s 0s linear, opacity 1s 0.2s linear;
      -ms-transition: -ms-transform 1s 0s linear, opacity 1s 0.2s linear;
      -o-transition: -o-transform 1s 0s linear, opacity 1s 0.2s linear;
      transition: transform 1s 0s linear, opacity 1s 0.2s linear; }
  .motion.mask-off-up .img-box {
    -webkit-transform: translate3d(0, 25%, 0);
    -moz-transform: translate3d(0, 25%, 0);
    -ms-transform: translate3d(0, 25%, 0);
    -o-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom; }
  .motion.mask-off-up:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .motion.mask-off-left .img-box {
    -webkit-transform: translate3d(-25%, 0, 0);
    -moz-transform: translate3d(-25%, 0, 0);
    -ms-transform: translate3d(-25%, 0, 0);
    -o-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center; }
  .motion.mask-off-left:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .motion.mask-off-right .img-box {
    -webkit-transform: translate3d(25%, 0, 0);
    -moz-transform: translate3d(25%, 0, 0);
    -ms-transform: translate3d(25%, 0, 0);
    -o-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center; }
  .motion.mask-off-right:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .motion.mask-off-down .img-box {
    -webkit-transform: translate3d(0, -25%, 0);
    -moz-transform: translate3d(0, -25%, 0);
    -ms-transform: translate3d(0, -25%, 0);
    -o-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top; }
  .motion.mask-off-down:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .motion.slide-in-left {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(0.5em);
    -moz-transform: translateX(0.5em);
    -ms-transform: translateX(0.5em);
    -o-transform: translateX(0.5em);
    transform: translateX(0.5em); }
    .motion.slide-in-left.onTrans {
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
      -webkit-transition: -webkit-transform 0.65s 0s ease-out, opacity 0.65s 0s linear;
      -moz-transition: -moz-transform 0.65s 0s ease-out, opacity 0.65s 0s linear;
      -ms-transition: -ms-transform 0.65s 0s ease-out, opacity 0.65s 0s linear;
      -o-transition: -o-transform 0.65s 0s ease-out, opacity 0.65s 0s linear;
      transition: transform 0.65s 0s ease-out, opacity 0.65s 0s linear; }
  .motion.slide-in-up {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(0.5em);
    -moz-transform: translateY(0.5em);
    -ms-transform: translateY(0.5em);
    -o-transform: translateY(0.5em);
    transform: translateY(0.5em); }
    .motion.slide-in-up.onTrans {
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
      -webkit-transition: -webkit-transform 0.55s 0.2s ease-out, opacity 0.55s 0.2s linear;
      -moz-transition: -moz-transform 0.55s 0.2s ease-out, opacity 0.55s 0.2s linear;
      -ms-transition: -ms-transform 0.55s 0.2s ease-out, opacity 0.55s 0.2s linear;
      -o-transition: -o-transform 0.55s 0.2s ease-out, opacity 0.55s 0.2s linear;
      transition: transform 0.55s 0.2s ease-out, opacity 0.55s 0.2s linear; }
  .motion.slide-in-up-1 {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(1em);
    -moz-transform: translateY(1em);
    -ms-transform: translateY(1em);
    -o-transform: translateY(1em);
    transform: translateY(1em); }
    .motion.slide-in-up-1.onTrans {
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
      -webkit-transition: -webkit-transform 0.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s linear;
      -moz-transition: -moz-transform 0.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s linear;
      -ms-transition: -ms-transform 0.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s linear;
      -o-transition: -o-transform 0.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s linear;
      transition: transform 0.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s linear; }
  .motion.slide-in-up-2 {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(0.5em);
    -moz-transform: translateY(0.5em);
    -ms-transform: translateY(0.5em);
    -o-transform: translateY(0.5em);
    transform: translateY(0.5em); }
    .motion.slide-in-up-2.onTrans {
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
      -webkit-transition: -webkit-transform 0.6s 0.2s ease-out, opacity 0.6s 0.2s linear;
      -moz-transition: -moz-transform 0.6s 0.2s ease-out, opacity 0.6s 0.2s linear;
      -ms-transition: -ms-transform 0.6s 0.2s ease-out, opacity 0.6s 0.2s linear;
      -o-transition: -o-transform 0.6s 0.2s ease-out, opacity 0.6s 0.2s linear;
      transition: transform 0.6s 0.2s ease-out, opacity 0.6s 0.2s linear; }
  .motion.mask-box-1 {
    padding-top: 23vw;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(7.8125vw);
    -moz-transform: translateY(7.8125vw);
    -ms-transform: translateY(7.8125vw);
    -o-transform: translateY(7.8125vw);
    transform: translateY(7.8125vw); }
    .motion.mask-box-1 figure {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }
  .motion.mask-box-2 {
    padding-top: 53vw;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(7.8125vw);
    -moz-transform: translateY(7.8125vw);
    -ms-transform: translateY(7.8125vw);
    -o-transform: translateY(7.8125vw);
    transform: translateY(7.8125vw); }
    .motion.mask-box-2 figure {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }
  .motion .zoom-out {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15); }
  .motion .zoom-in {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95); }
  .motion .move-to-left {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(0.5em);
    -moz-transform: translateX(0.5em);
    -ms-transform: translateX(0.5em);
    -o-transform: translateX(0.5em);
    transform: translateX(0.5em); }
  .motion .move-to-left-2 {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(0.5em);
    -moz-transform: translateX(0.5em);
    -ms-transform: translateX(0.5em);
    -o-transform: translateX(0.5em);
    transform: translateX(0.5em); }
  .motion .fade-in {
    opacity: 0;
    filter: alpha(opacity=0); }
  .motion .mask-off-up .img-box {
    -webkit-transform: translate3d(0, 25%, 0);
    -moz-transform: translate3d(0, 25%, 0);
    -ms-transform: translate3d(0, 25%, 0);
    -o-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom; }
  .motion .mask-off-up:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .motion .mask-off-left .img-box {
    -webkit-transform: translate3d(-25%, 0, 0);
    -moz-transform: translate3d(-25%, 0, 0);
    -ms-transform: translate3d(-25%, 0, 0);
    -o-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center; }
  .motion .mask-off-left:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .motion .mask-off-right .img-box {
    -webkit-transform: translate3d(25%, 0, 0);
    -moz-transform: translate3d(25%, 0, 0);
    -ms-transform: translate3d(25%, 0, 0);
    -o-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center; }
  .motion .mask-off-right:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .motion .mask-off-down .img-box {
    -webkit-transform: translate3d(0, -25%, 0);
    -moz-transform: translate3d(0, -25%, 0);
    -ms-transform: translate3d(0, -25%, 0);
    -o-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top; }
  .motion .mask-off-down:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .motion .slide-in-left {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(0.5em);
    -moz-transform: translateX(0.5em);
    -ms-transform: translateX(0.5em);
    -o-transform: translateX(0.5em);
    transform: translateX(0.5em); }
  .motion .slide-in-up {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(0.5em);
    -moz-transform: translateY(0.5em);
    -ms-transform: translateY(0.5em);
    -o-transform: translateY(0.5em);
    transform: translateY(0.5em); }
  .motion .slide-in-up-1 {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(1em);
    -moz-transform: translateY(1em);
    -ms-transform: translateY(1em);
    -o-transform: translateY(1em);
    transform: translateY(1em); }
  .motion .slide-in-up-2 {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(0.5em);
    -moz-transform: translateY(0.5em);
    -ms-transform: translateY(0.5em);
    -o-transform: translateY(0.5em);
    transform: translateY(0.5em); }
  .motion.onTrans .zoom-out {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 1.4s 0s ease-out, opacity 1s;
    -moz-transition: -moz-transform 1.4s 0s ease-out, opacity 1s;
    -ms-transition: -ms-transform 1.4s 0s ease-out, opacity 1s;
    -o-transition: -o-transform 1.4s 0s ease-out, opacity 1s;
    transition: transform 1.4s 0s ease-out, opacity 1s; }
  .motion.onTrans .zoom-in {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 1.4s 0s ease-out, opacity 1.4s;
    -moz-transition: -moz-transform 1.4s 0s ease-out, opacity 1.4s;
    -ms-transition: -ms-transform 1.4s 0s ease-out, opacity 1.4s;
    -o-transition: -o-transform 1.4s 0s ease-out, opacity 1.4s;
    transition: transform 1.4s 0s ease-out, opacity 1.4s; }
  .motion.onTrans .move-to-left {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 0.65s 0s ease-out, opacity 0.65s 0s linear;
    -moz-transition: -moz-transform 0.65s 0s ease-out, opacity 0.65s 0s linear;
    -ms-transition: -ms-transform 0.65s 0s ease-out, opacity 0.65s 0s linear;
    -o-transition: -o-transform 0.65s 0s ease-out, opacity 0.65s 0s linear;
    transition: transform 0.65s 0s ease-out, opacity 0.65s 0s linear; }
  .motion.onTrans .move-to-left-2 {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 0.65s 0.2s ease-out, opacity 0.65s 0.2s linear;
    -moz-transition: -moz-transform 0.65s 0.2s ease-out, opacity 0.65s 0.2s linear;
    -ms-transition: -ms-transform 0.65s 0.2s ease-out, opacity 0.65s 0.2s linear;
    -o-transition: -o-transform 0.65s 0.2s ease-out, opacity 0.65s 0.2s linear;
    transition: transform 0.65s 0.2s ease-out, opacity 0.65s 0.2s linear; }
  .motion.onTrans .fade-in {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: -webkit-transform 1s 0s linear, opacity 1s 0.2s linear;
    -moz-transition: -moz-transform 1s 0s linear, opacity 1s 0.2s linear;
    -ms-transition: -ms-transform 1s 0s linear, opacity 1s 0.2s linear;
    -o-transition: -o-transform 1s 0s linear, opacity 1s 0.2s linear;
    transition: transform 1s 0s linear, opacity 1s 0.2s linear; }
  .motion.onTrans.mask-off-up .img-box,
  .motion.onTrans .mask-off-up .img-box {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -webkit-transition-delay: 0s;
    -moz-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -moz-transition-delay: 0s;
    -ms-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -ms-transition-delay: 0s;
    -o-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -o-transition-delay: 0s;
    transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    transition-delay: 0s; }
  .motion.onTrans.mask-off-up:after,
  .motion.onTrans .mask-off-up:after {
    -webkit-transform: translate3d(0, -101%, 0);
    -moz-transform: translate3d(0, -101%, 0);
    -ms-transform: translate3d(0, -101%, 0);
    -o-transform: translate3d(0, -101%, 0);
    transform: translate3d(0, -101%, 0);
    -webkit-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -webkit-transition-delay: 0s;
    -moz-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -moz-transition-delay: 0s;
    -ms-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -ms-transition-delay: 0s;
    -o-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -o-transition-delay: 0s;
    transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    transition-delay: 0s; }
  .motion.onTrans.mask-off-left .img-box,
  .motion.onTrans .mask-off-left .img-box {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -webkit-transition-delay: 0s;
    -moz-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -moz-transition-delay: 0s;
    -ms-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -ms-transition-delay: 0s;
    -o-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -o-transition-delay: 0s;
    transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    transition-delay: 0s; }
  .motion.onTrans.mask-off-left:after,
  .motion.onTrans .mask-off-left:after {
    -webkit-transform: translate3d(101%, 0, 0);
    -moz-transform: translate3d(101%, 0, 0);
    -ms-transform: translate3d(101%, 0, 0);
    -o-transform: translate3d(101%, 0, 0);
    transform: translate3d(101%, 0, 0);
    -webkit-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -webkit-transition-delay: 0s;
    -moz-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -moz-transition-delay: 0s;
    -ms-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -ms-transition-delay: 0s;
    -o-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -o-transition-delay: 0s;
    transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    transition-delay: 0s; }
  .motion.onTrans.mask-off-right .img-box,
  .motion.onTrans .mask-off-right .img-box {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -webkit-transition-delay: 0s;
    -moz-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -moz-transition-delay: 0s;
    -ms-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -ms-transition-delay: 0s;
    -o-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -o-transition-delay: 0s;
    transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    transition-delay: 0s; }
  .motion.onTrans.mask-off-right:after,
  .motion.onTrans .mask-off-right:after {
    -webkit-transform: translate3d(-101%, 0, 0);
    -moz-transform: translate3d(-101%, 0, 0);
    -ms-transform: translate3d(-101%, 0, 0);
    -o-transform: translate3d(-101%, 0, 0);
    transform: translate3d(-101%, 0, 0);
    -webkit-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -webkit-transition-delay: 0s;
    -moz-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -moz-transition-delay: 0s;
    -ms-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -ms-transition-delay: 0s;
    -o-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -o-transition-delay: 0s;
    transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    transition-delay: 0s; }
  .motion.onTrans.mask-off-down .img-box,
  .motion.onTrans .mask-off-down .img-box {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -webkit-transition-delay: 0s;
    -moz-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -moz-transition-delay: 0s;
    -ms-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -ms-transition-delay: 0s;
    -o-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -o-transition-delay: 0s;
    transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    transition-delay: 0s; }
  .motion.onTrans.mask-off-down:after,
  .motion.onTrans .mask-off-down:after {
    -webkit-transform: translate3d(0, 101%, 0);
    -moz-transform: translate3d(0, 101%, 0);
    -ms-transform: translate3d(0, 101%, 0);
    -o-transform: translate3d(0, 101%, 0);
    transform: translate3d(0, 101%, 0);
    -webkit-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -webkit-transition-delay: 0s;
    -moz-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -moz-transition-delay: 0s;
    -ms-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -ms-transition-delay: 0s;
    -o-transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    -o-transition-delay: 0s;
    transition: transform 1.2s cubic-bezier(0.675, 0.005, 0.310, 1.005);
    transition-delay: 0s; }
  .motion.onTrans .slide-in-left {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 0.65s 0s ease-out, opacity 0.65s 0s linear;
    -moz-transition: -moz-transform 0.65s 0s ease-out, opacity 0.65s 0s linear;
    -ms-transition: -ms-transform 0.65s 0s ease-out, opacity 0.65s 0s linear;
    -o-transition: -o-transform 0.65s 0s ease-out, opacity 0.65s 0s linear;
    transition: transform 0.65s 0s ease-out, opacity 0.65s 0s linear; }
  .motion.onTrans .slide-in-up {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.55s 0.2s ease-out, opacity 0.55s 0.2s linear;
    -moz-transition: -moz-transform 0.55s 0.2s ease-out, opacity 0.55s 0.2s linear;
    -ms-transition: -ms-transform 0.55s 0.2s ease-out, opacity 0.55s 0.2s linear;
    -o-transition: -o-transform 0.55s 0.2s ease-out, opacity 0.55s 0.2s linear;
    transition: transform 0.55s 0.2s ease-out, opacity 0.55s 0.2s linear; }
  .motion.onTrans .slide-in-up-1 {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s linear;
    -moz-transition: -moz-transform 0.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s linear;
    -ms-transition: -ms-transform 0.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s linear;
    -o-transition: -o-transform 0.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s linear;
    transition: transform 0.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s linear; }
  .motion.onTrans .slide-in-up-2 {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.6s 0.2s ease-out, opacity 0.6s 0.2s linear;
    -moz-transition: -moz-transform 0.6s 0.2s ease-out, opacity 0.6s 0.2s linear;
    -ms-transition: -ms-transform 0.6s 0.2s ease-out, opacity 0.6s 0.2s linear;
    -o-transition: -o-transform 0.6s 0.2s ease-out, opacity 0.6s 0.2s linear;
    transition: transform 0.6s 0.2s ease-out, opacity 0.6s 0.2s linear; }
  .motion.onTrans .title-box:before {
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transition: -webkit-transform 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: -moz-transform 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: -ms-transform 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: -o-transform 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .motion.onTrans .title-box:after {
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transition: -webkit-transform 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: -moz-transform 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: -ms-transform 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: -o-transform 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .motion.onTrans.mask-box-1 {
    padding-top: 30.9333vw;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: -webkit-transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1);
    -moz-transition: -moz-transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1);
    -ms-transition: -ms-transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1);
    -o-transition: -o-transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1);
    transition: transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1); }
    .motion.onTrans.mask-box-1 figure {
      -webkit-transform: translateY(7.8125vw);
      -moz-transform: translateY(7.8125vw);
      -ms-transform: translateY(7.8125vw);
      -o-transform: translateY(7.8125vw);
      transform: translateY(7.8125vw);
      -webkit-transition: -webkit-transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1);
      -moz-transition: -moz-transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1);
      -ms-transition: -ms-transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1);
      -o-transition: -o-transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1);
      transition: transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1); }
  .motion.onTrans.mask-box-2 {
    padding-top: 61.3333vw;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: -webkit-transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1);
    -moz-transition: -moz-transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1);
    -ms-transition: -ms-transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1);
    -o-transition: -o-transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1);
    transition: transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1); }
    .motion.onTrans.mask-box-2 figure {
      -webkit-transform: translateY(7.8125vw);
      -moz-transform: translateY(7.8125vw);
      -ms-transform: translateY(7.8125vw);
      -o-transform: translateY(7.8125vw);
      transform: translateY(7.8125vw);
      -webkit-transition: -webkit-transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1);
      -moz-transition: -moz-transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1);
      -ms-transition: -ms-transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1);
      -o-transition: -o-transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1);
      transition: transform 1.3s 0.2s ease-in-out, all 1.8s 0s cubic-bezier(0.22, 0, 0.5, 1); }
  .motion.onTrans.set-1 .step-1 {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s; }
  .motion.onTrans.set-1 .step-2 {
    -webkit-transition-delay: 0.45s;
    -moz-transition-delay: 0.45s;
    -ms-transition-delay: 0.45s;
    -o-transition-delay: 0.45s;
    transition-delay: 0.45s; }
    .motion.onTrans.set-1 .step-2.move-to-left-2 {
      -webkit-transition-duration: 0.65s;
      -webkit-transition-delay: 0.65s;
      -moz-transition-duration: 0.65s;
      -moz-transition-delay: 0.65s;
      -ms-transition-duration: 0.65s;
      -ms-transition-delay: 0.65s;
      -o-transition-duration: 0.65s;
      -o-transition-delay: 0.65s;
      transition-duration: 0.65s;
      transition-delay: 0.65s; }
  .motion.onTrans.set-1 .step-3 {
    -webkit-transition-duration: 0.7s;
    -webkit-transition-delay: 0.95s;
    -moz-transition-duration: 0.7s;
    -moz-transition-delay: 0.95s;
    -ms-transition-duration: 0.7s;
    -ms-transition-delay: 0.95s;
    -o-transition-duration: 0.7s;
    -o-transition-delay: 0.95s;
    transition-duration: 0.7s;
    transition-delay: 0.95s; }
    .motion.onTrans.set-1 .step-3.move-to-left-2 {
      -webkit-transition-duration: 0.65s;
      -webkit-transition-delay: 1.15s;
      -moz-transition-duration: 0.65s;
      -moz-transition-delay: 1.15s;
      -ms-transition-duration: 0.65s;
      -ms-transition-delay: 1.15s;
      -o-transition-duration: 0.65s;
      -o-transition-delay: 1.15s;
      transition-duration: 0.65s;
      transition-delay: 1.15s; }
  .motion.onTrans.set-1 .step-4 {
    -webkit-transition-duration: 0.4s;
    -webkit-transition-delay: 1.25s;
    -moz-transition-duration: 0.4s;
    -moz-transition-delay: 1.25s;
    -ms-transition-duration: 0.4s;
    -ms-transition-delay: 1.25s;
    -o-transition-duration: 0.4s;
    -o-transition-delay: 1.25s;
    transition-duration: 0.4s;
    transition-delay: 1.25s; }
  .motion.onTrans.set-1 .step-5 {
    -webkit-transition-duration: 0.7s;
    -webkit-transition-delay: 1.55s;
    -moz-transition-duration: 0.7s;
    -moz-transition-delay: 1.55s;
    -ms-transition-duration: 0.7s;
    -ms-transition-delay: 1.55s;
    -o-transition-duration: 0.7s;
    -o-transition-delay: 1.55s;
    transition-duration: 0.7s;
    transition-delay: 1.55s; }
  .motion.onTrans.set-2 .step-1 {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s; }
  .motion.onTrans.set-2 .step-2 {
    -webkit-transition-duration: 0.7s;
    -webkit-transition-delay: 0.45s;
    -moz-transition-duration: 0.7s;
    -moz-transition-delay: 0.45s;
    -ms-transition-duration: 0.7s;
    -ms-transition-delay: 0.45s;
    -o-transition-duration: 0.7s;
    -o-transition-delay: 0.45s;
    transition-duration: 0.7s;
    transition-delay: 0.45s; } }
.related-stories-wrap.onShow .component-list li .title, .related-stories-wrap.onShow .component-list li .desc, .related-stories-wrap.onShow .component-list li .date {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: -webkit-transform 1.2s 0.4s ease-in-out, opacity 1.2s 0.4s;
  -moz-transition: -moz-transform 1.2s 0.4s ease-in-out, opacity 1.2s 0.4s;
  -ms-transition: -ms-transform 1.2s 0.4s ease-in-out, opacity 1.2s 0.4s;
  -o-transition: -o-transform 1.2s 0.4s ease-in-out, opacity 1.2s 0.4s;
  transition: transform 1.2s 0.4s ease-in-out, opacity 1.2s 0.4s; }
.related-stories-wrap.onShow .component-list li .img .item {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: -webkit-transform 1.2s 0s ease-in-out, opacity 1.2s;
  -moz-transition: -moz-transform 1.2s 0s ease-in-out, opacity 1.2s;
  -ms-transition: -ms-transform 1.2s 0s ease-in-out, opacity 1.2s;
  -o-transition: -o-transform 1.2s 0s ease-in-out, opacity 1.2s;
  transition: transform 1.2s 0s ease-in-out, opacity 1.2s; }
@media only screen and (min-width: 768px) {
  .related-stories-wrap .dline {
    padding-top: 0; } }
@media only screen and (max-width: 767.7px) {
  .related-stories-wrap .dline {
    padding-top: 40vw; } }

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