body {
  overflow-x: hidden; }

.txt-disclaimer {
  color: #a3a3a3 !important; }

/* 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 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.8s;
        -moz-transition: -moz-transform 1.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.8s;
        -ms-transition: -ms-transform 1.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.8s;
        -o-transition: -o-transform 1.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.8s;
        transition: transform 1.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.8s; }
      .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 0.5s ease-out, opacity 1s 0.5s linear;
        -moz-transition: -moz-transform 0.8s 0.5s ease-out, opacity 1s 0.5s linear;
        -ms-transition: -ms-transform 0.8s 0.5s ease-out, opacity 1s 0.5s linear;
        -o-transition: -o-transform 0.8s 0.5s ease-out, opacity 1s 0.5s linear;
        transition: transform 0.8s 0.5s ease-out, opacity 1s 0.5s linear; }
    .sec-kv .vertical-mid-con .img-rolling-container {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      .sec-kv .vertical-mid-con .img-rolling-container .img-sequence {
        position: relative; }
        .sec-kv .vertical-mid-con .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.85s linear;
          -webkit-transition: opacity 0.85s linear;
          -moz-transition: opacity 0.85s linear;
          -moz-transition: opacity 0.85s linear;
          -ms-transition: opacity 0.85s linear;
          -ms-transition: opacity 0.85s linear;
          -o-transition: opacity 0.85s linear;
          -o-transition: opacity 0.85s linear;
          transition: opacity 0.85s linear;
          transition: opacity 0.85s linear; }
          .sec-kv .vertical-mid-con .img-rolling-container .img-sequence li.active {
            z-index: 10;
            opacity: 1;
            filter: alpha(opacity=100);
            -webkit-transition: opacity 0.85s linear;
            -webkit-transition: opacity 0.85s linear;
            -moz-transition: opacity 0.85s linear;
            -moz-transition: opacity 0.85s linear;
            -ms-transition: opacity 0.85s linear;
            -ms-transition: opacity 0.85s linear;
            -o-transition: opacity 0.85s linear;
            -o-transition: opacity 0.85s linear;
            transition: opacity 0.85s linear;
            transition: opacity 0.85s linear; }
          .sec-kv .vertical-mid-con .img-rolling-container .img-sequence li.on {
            z-index: 5;
            opacity: 1;
            filter: alpha(opacity=100); }
      .sec-kv .vertical-mid-con .img-rolling-container .onShow .video-keyvisual {
        opacity: 1; }
  @media only screen and (min-width: 768px) {
    .sec-kv .vertical-mid-con .img-rolling-container .img-sequence {
      overflow: visible;
      width: 100%;
      height: 100%; }
      .sec-kv .vertical-mid-con .img-rolling-container .img-sequence li:nth-child(1) figure {
        background-image: url("../img/kv_img_1.jpg"); }
      .sec-kv .vertical-mid-con .img-rolling-container .img-sequence li:nth-child(2) figure {
        background-image: url("../img/kv_img_2.jpg"); }
      .sec-kv .vertical-mid-con .img-rolling-container .img-sequence li:nth-child(3) figure {
        background-image: url("../img/kv_img_3.jpg"); }
      .sec-kv .vertical-mid-con .img-rolling-container .img-sequence li:nth-child(4) figure {
        background-image: url("../img/kv_img_4.jpg"); }
      .sec-kv .vertical-mid-con .img-rolling-container .img-sequence li:nth-child(5) figure {
        background-image: url("../img/kv_img_5.jpg"); }
      .sec-kv .vertical-mid-con .img-rolling-container .img-sequence li:nth-child(6) figure {
        background-image: url("../img/kv_img_6.jpg"); }
      .sec-kv .vertical-mid-con .img-rolling-container .img-sequence li:nth-child(7) figure {
        background-image: url("../img/kv_img_7.jpg"); }
      .sec-kv .vertical-mid-con .img-rolling-container .img-sequence li:nth-child(8) figure {
        background-image: url("../img/kv_img_8.jpg"); }
      .sec-kv .vertical-mid-con .img-rolling-container .img-sequence li:nth-child(9) figure {
        background-image: url("../img/kv_img_9.jpg"); }
      .sec-kv .vertical-mid-con .img-rolling-container .img-sequence li:nth-child(10) figure {
        background-image: url("../img/kv_img_10.jpg"); }
      .sec-kv .vertical-mid-con .img-rolling-container .img-sequence li:nth-child(11) figure {
        background-image: url("../img/kv_img_11.jpg"); }
      .sec-kv .vertical-mid-con .img-rolling-container .img-sequence li:nth-child(12) figure {
        background-image: url("../img/kv_img_12.jpg"); } }
  @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 .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-rolling-container .img-sequence {
        overflow: visible;
        width: 100%;
        height: 100%; }
        .sec-kv .vertical-mid-con .img-rolling-container .img-sequence li:nth-child(1) figure {
          background-image: url("../img/m_kv_img_1.jpg"); }
        .sec-kv .vertical-mid-con .img-rolling-container .img-sequence li:nth-child(2) figure {
          background-image: url("../img/m_kv_img_2.jpg"); }
        .sec-kv .vertical-mid-con .img-rolling-container .img-sequence li:nth-child(3) figure {
          background-image: url("../img/m_kv_img_3.jpg"); }
        .sec-kv .vertical-mid-con .img-rolling-container .img-sequence li:nth-child(4) figure {
          background-image: url("../img/m_kv_img_4.jpg"); }
        .sec-kv .vertical-mid-con .img-rolling-container .img-sequence li:nth-child(5) figure {
          background-image: url("../img/m_kv_img_5.jpg"); }
        .sec-kv .vertical-mid-con .img-rolling-container .img-sequence li:nth-child(6) figure {
          background-image: url("../img/m_kv_img_6.jpg"); }
        .sec-kv .vertical-mid-con .img-rolling-container .img-sequence li:nth-child(7) figure {
          background-image: url("../img/m_kv_img_7.jpg"); }
        .sec-kv .vertical-mid-con .img-rolling-container .img-sequence li:nth-child(8) figure {
          background-image: url("../img/m_kv_img_8.jpg"); }
        .sec-kv .vertical-mid-con .img-rolling-container .img-sequence li:nth-child(9) figure {
          background-image: url("../img/m_kv_img_9.jpg"); }
        .sec-kv .vertical-mid-con .img-rolling-container .img-sequence li:nth-child(10) figure {
          background-image: url("../img/m_kv_img_10.jpg"); }
        .sec-kv .vertical-mid-con .img-rolling-container .img-sequence li:nth-child(11) figure {
          background-image: url("../img/m_kv_img_11.jpg"); }
        .sec-kv .vertical-mid-con .img-rolling-container .img-sequence li:nth-child(12) figure {
          background-image: url("../img/m_kv_img_12.jpg"); } }

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

.cover .txt-holder {
  text-align: center; }
  .cover .txt-holder h2 {
    display: block;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%; }
    .cover .txt-holder h2:before {
      display: block;
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 50%;
      background: #fff; }
    .cover .txt-holder h2:after {
      display: block;
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      height: 50%;
      background: #fff; }
@media only screen and (min-width: 768px) {
  .cover .img-container {
    padding-top: 1015.5px;
    padding-top: 39.66796875%; } }
@media only screen and (max-width: 767.7px) {
  .cover .img-container {
    padding-top: 100%; }
  .cover .txt-holder {
    text-align: center; } }

@media only screen and (min-width: 768px) {
  .sec-1 .cover .img-container .img-box figure {
    background-image: url("../img/sec1_cover.jpg"); }
  .sec-1 .cover .txt-holder h2 {
    background-image: url("../img/sec1_cover_title.jpg"); } }
  @media only screen and (min-width: 768px) and (max-width: 767.7px) {
    .sec-1 .cover .txt-holder h2 {
      padding-top: 23.4666666667vw; } }
  @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1280px) {
    .sec-1 .cover .txt-holder h2 {
      padding-top: 176px;
      padding-top: 13.75vw; } }
  @media only screen and (min-width: 768px) and (min-width: 1281px) {
    .sec-1 .cover .txt-holder h2 {
      padding-top: 176px; } }

@media only screen and (max-width: 767.7px) {
  .sec-1 .cover .img-container .img-box figure {
    background-image: url("../img/m_sec1_cover.jpg"); }
  .sec-1 .cover .txt-holder h2 {
    padding-top: 23.4666666667vw;
    background-image: url("../img/m_sec1_cover_title.jpg"); } }

@media only screen and (min-width: 768px) {
  .sec-2 .cover .img-container .img-box figure {
    background-image: url("../img/sec2_cover.jpg"); }
  .sec-2 .cover .txt-holder h2 {
    background-image: url("../img/sec2_cover_title.jpg"); } }
  @media only screen and (min-width: 768px) and (max-width: 767.7px) {
    .sec-2 .cover .txt-holder h2 {
      padding-top: 22.5333333333vw; } }
  @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1280px) {
    .sec-2 .cover .txt-holder h2 {
      padding-top: 169px;
      padding-top: 13.203125vw; } }
  @media only screen and (min-width: 768px) and (min-width: 1281px) {
    .sec-2 .cover .txt-holder h2 {
      padding-top: 169px; } }
@media only screen and (min-width: 768px) {
  .sec-2 .content-1 .img-container {
    padding-top: 514px;
    padding-top: 34.5430107527%; }
    .sec-2 .content-1 .img-container .img-box:nth-child(1) {
      left: 84px;
      left: 5.6451612903%;
      top: 89px;
      top: 17.3151750973%;
      width: 336px;
      width: 22.5806451613%;
      height: 336px;
      height: 65.3696498054%; }
      .sec-2 .content-1 .img-container .img-box:nth-child(1) figure {
        width: 536px;
        width: 159.5238095238%;
        height: 536px;
        height: 159.5238095238%;
        margin-left: -100px;
        margin-left: -29.7619047619%;
        margin-top: -100px;
        margin-top: -29.7619047619%;
        background-image: url("../img/sec2_img1_1.jpg"); }
    .sec-2 .content-1 .img-container .img-box:nth-child(2) {
      left: auto;
      right: 0;
      width: 912px;
      width: 61.2903225806%; }
      .sec-2 .content-1 .img-container .img-box:nth-child(2) figure {
        background-image: url("../img/sec2_img1_2.jpg"); }
  .sec-2 .content-2 .img-container {
    padding-top: 100%; }
    .sec-2 .content-2 .img-container .img-box.img-1 {
      top: 0;
      right: 0;
      left: auto;
      width: 439px;
      width: 48.1359649123%;
      height: 626px;
      height: 68.6403508772%; }
      .sec-2 .content-2 .img-container .img-box.img-1 figure {
        width: 639px;
        width: 145.5580865604%;
        height: 826px;
        height: 131.9488817891%;
        margin-left: -100px;
        margin-left: -22.7790432802%;
        margin-top: -100px;
        margin-top: -22.7790432802%;
        background-image: url("../img/sec2_img2_1.jpg"); }
    .sec-2 .content-2 .img-container .img-box.img-2 {
      top: auto;
      left: 0;
      bottom: 0;
      width: 588px;
      width: 64.4736842105%;
      height: 800px;
      height: 87.7192982456%; }
      .sec-2 .content-2 .img-container .img-box.img-2 figure:after {
        display: block;
        content: '';
        width: 1052px;
        width: 134.1836734694%;
        height: 1334px;
        height: 125.0234301781%;
        margin-top: -205px;
        margin-top: -26.1479591837%;
        margin-left: -110px;
        margin-left: -14.0306122449%;
        background-image: url("../img/sec2_img2_2.jpg");
        background-position: 0 0;
        background-size: 100% auto; }
      .sec-2 .content-2 .img-container .img-box.img-2.onTrans:after {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: opacity 0.6s 1s cubic-bezier(0,0,1,1);
        -webkit-transition-delay: 0s;
        -moz-transition: opacity 0.6s 1s cubic-bezier(0,0,1,1);
        -moz-transition-delay: 0s;
        -ms-transition: opacity 0.6s 1s cubic-bezier(0,0,1,1);
        -ms-transition-delay: 0s;
        -o-transition: opacity 0.6s 1s cubic-bezier(0,0,1,1);
        -o-transition-delay: 0s;
        transition: opacity 0.6s 1s cubic-bezier(0,0,1,1);
        transition-delay: 0s; } }
@media only screen and (min-width: 768px) and (max-width: 767.7px) {
  .sec-2 .content-3 .lft-cont {
    height: 117.6vw; } }
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1280px) {
  .sec-2 .content-3 .lft-cont {
    height: 882px;
    height: 34.453125vw;
    /*   @media (min-width:$psd-pc-width) {
           height: $pc-pixel*1px;
       }*/ } }
@media only screen and (min-width: 768px) and (min-width: 1281px) and (max-width: 2560px) {
  .sec-2 .content-3 .lft-cont {
    height: 882px;
    height: 34.453125vw;
    /*   @media (min-width:$psd-pc-width) {
           height: $pc-pixel*1px;
       }*/ } }
@media only screen and (min-width: 768px) and (min-width: 2561px) {
  .sec-2 .content-3 .lft-cont {
    height: 882px; } }
@media only screen and (min-width: 768px) {
  .sec-2 .content-3 .lft-cont .img-box-1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 718px;
    width: 65.0362318841%;
    padding-top: 554px;
    padding-top: 50.1811594203%;
    margin-left: 107px;
    margin-left: 9.6920289855%;
    overflow: hidden; }
    .sec-2 .content-3 .lft-cont .img-box-1 figure:after {
      display: block;
      content: '';
      width: 1224px;
      width: 127.7661795407%;
      height: 1007px;
      height: 136.2652232747%;
      margin-top: -150px;
      margin-top: -15.6576200418%;
      margin-left: -150px;
      margin-left: -15.6576200418%;
      background-image: url("../img/sec2_img3_1_2.jpg");
      background-position: 0 0;
      background-size: 100% auto; }
  .sec-2 .content-3 .lft-cont .img-box-2 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 336px;
    width: 30.4347826087%;
    padding-top: 336px;
    padding-top: 30.4347826087%;
    overflow: hidden; }
    .sec-2 .content-3 .lft-cont .img-box-2 figure {
      width: 536px;
      width: 159.5238095238%;
      height: 536px;
      height: 159.5238095238%;
      margin-top: -100px;
      margin-top: -29.7619047619%;
      margin-left: -100px;
      margin-left: -29.7619047619%;
      background-image: url("../img/sec2_img3_2.jpg"); } }
@media only screen and (max-width: 767.7px) {
  .sec-2 .cover .img-container .img-box figure {
    background-image: url("../img/m_sec2_cover.jpg"); }
  .sec-2 .cover h2 {
    padding-top: 22.9333333333vw;
    background-image: url("../img/m_sec2_cover_title.jpg"); }
  .sec-2 .content-1 .imgs {
    padding-left: 0; }
  .sec-2 .content-1 .img-container {
    padding-top: 550px;
    padding-top: 79.7101449275%; }
    .sec-2 .content-1 .img-container .img-box:nth-child(1) {
      top: 155px;
      top: 28.1818181818%;
      width: 240px;
      width: 34.7826086957%;
      height: 240px;
      height: 43.6363636364%; }
      .sec-2 .content-1 .img-container .img-box:nth-child(1) figure {
        width: 380px;
        width: 158.3333333333%;
        height: 380px;
        height: 158.3333333333%;
        margin-top: -70px;
        margin-top: -29.1666666667%;
        margin-left: -70px;
        margin-left: -29.1666666667%;
        background-image: url("../img/m_sec2_img1_1.jpg"); }
    .sec-2 .content-1 .img-container .img-box:nth-child(2) {
      left: auto;
      right: 0;
      width: 412px;
      width: 59.7101449275%; }
      .sec-2 .content-1 .img-container .img-box:nth-child(2) figure {
        background-image: url("../img/m_sec2_img1_2.jpg"); }
  .sec-2 .content-2 .img-container {
    padding-top: 100%; }
    .sec-2 .content-2 .img-container .img-box.img-1 {
      top: 0;
      right: 0;
      left: auto;
      background-color: #c58798;
      width: 250px;
      width: 39.6825396825%;
      height: 340px;
      height: 53.9682539683%; }
      .sec-2 .content-2 .img-container .img-box.img-1 figure {
        width: 390px;
        width: 156%;
        height: 480px;
        height: 141.1764705882%;
        margin-top: -70px;
        margin-top: -29.1666666667%;
        margin-left: -70px;
        margin-left: -29.1666666667%;
        background-image: url("../img/m_sec2_img2_1.jpg"); }
    .sec-2 .content-2 .img-container .img-box.img-2 {
      top: auto;
      left: 0;
      bottom: 0;
      width: 425px;
      width: 67.4603174603%;
      height: 565px;
      height: 89.6825396825%;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      background-image: url("../img/sec2_img2_2_bg.jpg"); }
      .sec-2 .content-2 .img-container .img-box.img-2 figure:after {
        display: block;
        content: '';
        width: 545px;
        width: 128.2352941176%;
        height: 685px;
        height: 121.2389380531%;
        margin-top: -100px;
        margin-top: -23.5294117647%;
        margin-left: -30px;
        margin-left: -7.0588235294%;
        background-image: url("../img/m_sec2_img2_2.jpg");
        background-position: 0 0;
        background-size: 100% auto; }
      .sec-2 .content-2 .img-container .img-box.img-2 canvas {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }
  .sec-2 .content-3 .cols-6 {
    padding: 0 0 0 8% !important; }
  .sec-2 .content-3 .lft-cont .img-container {
    padding-top: 470px;
    padding-top: 68.115942029%;
    z-index: 1; }
    .sec-2 .content-3 .lft-cont .img-container .img-box-1 {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      width: 65.8666666667vw;
      height: 51.2vw;
      background-image: url("../img/m_sec2_img3_1_2.jpg");
      overflow: hidden; }
      .sec-2 .content-3 .lft-cont .img-container .img-box-1 figure:after {
        display: block;
        content: '';
        width: 614px;
        width: 124.2914979757%;
        height: 504px;
        height: 131.25%;
        margin-top: -90px;
        margin-top: -14.657980456%;
        margin-left: -90px;
        margin-left: -14.657980456%;
        background-image: url("../img/m_sec2_img3_1_2.jpg");
        background-position: 0 0;
        background-size: 100% auto; }
    .sec-2 .content-3 .lft-cont .img-container .img-box-2 {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 32vw;
      height: 32vw;
      overflow: hidden; }
      .sec-2 .content-3 .lft-cont .img-container .img-box-2 figure {
        width: 380px;
        width: 158.3333333333%;
        height: 380px;
        height: 158.3333333333%;
        margin-top: -70px;
        margin-top: -29.1666666667%;
        margin-left: -70px;
        margin-left: -29.1666666667%;
        background-image: url("../img/m_sec2_img3_2.jpg"); } }
.sec-2 .content-1 .img-container .img-box {
  overflow: hidden;
  -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-2 .content-1 .img-container .img-box:nth-child(1):before {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image: url("../img/sec2_img1_1_bg.jpg"); }
  .sec-2 .content-1 .img-container .img-box:nth-child(1) figure {
    -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-2 .content-1 .img-container .img-box:nth-child(2) figure {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%; }
.sec-2 .content-1 .onTrans .img-container .img-box {
  overflow: hidden;
  -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-2 .content-1 .onTrans .img-container .img-box:nth-child(1) figure {
    -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 1s 0s cubic-bezier(0.34, 0.31, 0.41, 1), opacity 0.6s ease-out;
    -moz-transition: -moz-transform 1s 0s cubic-bezier(0.34, 0.31, 0.41, 1), opacity 0.6s ease-out;
    -ms-transition: -ms-transform 1s 0s cubic-bezier(0.34, 0.31, 0.41, 1), opacity 0.6s ease-out;
    -o-transition: -o-transform 1s 0s cubic-bezier(0.34, 0.31, 0.41, 1), opacity 0.6s ease-out;
    transition: transform 1s 0s cubic-bezier(0.34, 0.31, 0.41, 1), opacity 0.6s ease-out; }
  .sec-2 .content-1 .onTrans .img-container .img-box:nth-child(2) figure {
    -webkit-animation: loopZoom 4s 0.6s ease-in-out infinite;
    -moz-animation: loopZoom 4s 0.6s ease-in-out infinite;
    -ms-animation: loopZoom 4s 0.6s ease-in-out infinite;
    -o-animation: loopZoom 4s 0.6s ease-in-out infinite;
    animation: loopZoom 4s 0.6s ease-in-out infinite; }
@-webkit-keyframes loopZoom {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
  50% {
    -webkit-transform: scale(1.06, 1.06);
    -moz-transform: scale(1.06, 1.06);
    -ms-transform: scale(1.06, 1.06);
    -o-transform: scale(1.06, 1.06);
    transform: scale(1.06, 1.06); }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); } }
@-moz-keyframes loopZoom {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
  50% {
    -webkit-transform: scale(1.06, 1.06);
    -moz-transform: scale(1.06, 1.06);
    -ms-transform: scale(1.06, 1.06);
    -o-transform: scale(1.06, 1.06);
    transform: scale(1.06, 1.06); }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); } }
@-ms-keyframes loopZoom {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
  50% {
    -webkit-transform: scale(1.06, 1.06);
    -moz-transform: scale(1.06, 1.06);
    -ms-transform: scale(1.06, 1.06);
    -o-transform: scale(1.06, 1.06);
    transform: scale(1.06, 1.06); }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); } }
@-o-keyframes loopZoom {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
  50% {
    -webkit-transform: scale(1.06, 1.06);
    -moz-transform: scale(1.06, 1.06);
    -ms-transform: scale(1.06, 1.06);
    -o-transform: scale(1.06, 1.06);
    transform: scale(1.06, 1.06); }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); } }
@keyframes loopZoom {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
  50% {
    -webkit-transform: scale(1.06, 1.06);
    -moz-transform: scale(1.06, 1.06);
    -ms-transform: scale(1.06, 1.06);
    -o-transform: scale(1.06, 1.06);
    transform: scale(1.06, 1.06); }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); } }
.sec-2 .content-2 .img-container .img-box {
  overflow: hidden;
  -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-2 .content-2 .img-container .img-box.img-1:before {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: repeat-x;
    background-size: auto 100%;
    background-position: top center;
    background-image: url("../img/sec2_img2_1_pattern.jpg"); }
  .sec-2 .content-2 .img-container .img-box.img-1 figure {
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-transform: scale(0.95, 0.95) translate3d(10%, 0, 0);
    -moz-transform: scale(0.95, 0.95) translate3d(10%, 0, 0);
    -ms-transform: scale(0.95, 0.95) translate3d(10%, 0, 0);
    -o-transform: scale(0.95, 0.95) translate3d(10%, 0, 0);
    transform: scale(0.95, 0.95) translate3d(10%, 0, 0); }
  .sec-2 .content-2 .img-container .img-box.img-2 figure {
    perspective: 30vw;
    perspective-origin: 0 14%;
    background-color: #fad3cd; }
    .sec-2 .content-2 .img-container .img-box.img-2 figure:after {
      transform-style: preserve-3d;
      -webkit-transform-origin: 50% 50%;
      -moz-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
      -o-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      -webkit-transform: translate3d(2%, 16%, 1.1vw) rotatex(3deg) scale(1.05, 1.05);
      -moz-transform: translate3d(2%, 16%, 1.1vw) rotatex(3deg) scale(1.05, 1.05);
      -ms-transform: translate3d(2%, 16%, 1.1vw) rotatex(3deg) scale(1.05, 1.05);
      -o-transform: translate3d(2%, 16%, 1.1vw) rotatex(3deg) scale(1.05, 1.05);
      transform: translate3d(2%, 16%, 1.1vw) rotatex(3deg) scale(1.05, 1.05); }
  .sec-2 .content-2 .img-container .img-box.img-2:before {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url("../img/sec2_img2_2_bg.jpg"); }
.sec-2 .content-2 .img-container.onTrans .img-box.img-1 figure {
  -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
  -moz-transform: scale(1, 1) translate3d(0, 0, 0);
  -ms-transform: scale(1, 1) translate3d(0, 0, 0);
  -o-transform: scale(1, 1) translate3d(0, 0, 0);
  transform: scale(1, 1) translate3d(0, 0, 0);
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: -webkit-transform 1.6s 0s cubic-bezier(0.34, 0.27, 0.2, 1), opacity 0.8s;
  -moz-transition: -moz-transform 1.6s 0s cubic-bezier(0.34, 0.27, 0.2, 1), opacity 0.8s;
  -ms-transition: -ms-transform 1.6s 0s cubic-bezier(0.34, 0.27, 0.2, 1), opacity 0.8s;
  -o-transition: -o-transform 1.6s 0s cubic-bezier(0.34, 0.27, 0.2, 1), opacity 0.8s;
  transition: transform 1.6s 0s cubic-bezier(0.34, 0.27, 0.2, 1), opacity 0.8s; }
.sec-2 .content-2 .img-container.onTrans .img-box.img-2 figure:after {
  -webkit-transform: translate3d(0, 0, 0) rotatex(0) scale(1, 1);
  -moz-transform: translate3d(0, 0, 0) rotatex(0) scale(1, 1);
  -ms-transform: translate3d(0, 0, 0) rotatex(0) scale(1, 1);
  -o-transform: translate3d(0, 0, 0) rotatex(0) scale(1, 1);
  transform: translate3d(0, 0, 0) rotatex(0) scale(1, 1);
  -webkit-transition: -webkit-transform 1.6s 0.64s ease-in-out, opacity 1.2s 0.64s;
  -moz-transition: -moz-transform 1.6s 0.64s ease-in-out, opacity 1.2s 0.64s;
  -ms-transition: -ms-transform 1.6s 0.64s ease-in-out, opacity 1.2s 0.64s;
  -o-transition: -o-transform 1.6s 0.64s ease-in-out, opacity 1.2s 0.64s;
  transition: transform 1.6s 0.64s ease-in-out, opacity 1.2s 0.64s; }
.sec-2 .content-3 .lft-cont .img-container .img-box-1 figure {
  perspective: 30vw;
  perspective-origin: 0 14%;
  background-color: #fad3cd; }
  .sec-2 .content-3 .lft-cont .img-container .img-box-1 figure:after {
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translate3d(2%, 16%, 1.1vw) rotatex(3deg) scale(1.05, 1.05);
    -moz-transform: translate3d(2%, 16%, 1.1vw) rotatex(3deg) scale(1.05, 1.05);
    -ms-transform: translate3d(2%, 16%, 1.1vw) rotatex(3deg) scale(1.05, 1.05);
    -o-transform: translate3d(2%, 16%, 1.1vw) rotatex(3deg) scale(1.05, 1.05);
    transform: translate3d(2%, 16%, 1.1vw) rotatex(3deg) scale(1.05, 1.05); }
.sec-2 .content-3 .lft-cont .img-container .img-box-2 figure {
  -webkit-transform-origin: 10% 70%;
  -moz-transform-origin: 10% 70%;
  -ms-transform-origin: 10% 70%;
  -o-transform-origin: 10% 70%;
  transform-origin: 10% 70%;
  -webkit-transform: translate3d(10%, -5%, 0) scale(1.05, 1.05);
  -moz-transform: translate3d(10%, -5%, 0) scale(1.05, 1.05);
  -ms-transform: translate3d(10%, -5%, 0) scale(1.05, 1.05);
  -o-transform: translate3d(10%, -5%, 0) scale(1.05, 1.05);
  transform: translate3d(10%, -5%, 0) scale(1.05, 1.05); }
.sec-2 .content-3 .lft-cont.onTrans .img-container .img-box-1 figure:after {
  -webkit-transform: translate3d(0, 0, 0) rotatex(0) scale(1, 1);
  -moz-transform: translate3d(0, 0, 0) rotatex(0) scale(1, 1);
  -ms-transform: translate3d(0, 0, 0) rotatex(0) scale(1, 1);
  -o-transform: translate3d(0, 0, 0) rotatex(0) scale(1, 1);
  transform: translate3d(0, 0, 0) rotatex(0) scale(1, 1);
  -webkit-transition: -webkit-transform 1.6s 0.64s ease-in-out, opacity 1.2s 0.64s;
  -moz-transition: -moz-transform 1.6s 0.64s ease-in-out, opacity 1.2s 0.64s;
  -ms-transition: -ms-transform 1.6s 0.64s ease-in-out, opacity 1.2s 0.64s;
  -o-transition: -o-transform 1.6s 0.64s ease-in-out, opacity 1.2s 0.64s;
  transition: transform 1.6s 0.64s ease-in-out, opacity 1.2s 0.64s; }
.sec-2 .content-3 .lft-cont.onTrans .img-container .img-box-2 figure {
  -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
  -moz-transform: translate3d(0, 0, 0) scale(1, 1);
  -ms-transform: translate3d(0, 0, 0) scale(1, 1);
  -o-transform: translate3d(0, 0, 0) scale(1, 1);
  transform: translate3d(0, 0, 0) scale(1, 1);
  -webkit-transition: -webkit-transform 1s 0s cubic-bezier(0.34, 0.31, 0.41, 1), opacity 1s 0.4s;
  -moz-transition: -moz-transform 1s 0s cubic-bezier(0.34, 0.31, 0.41, 1), opacity 1s 0.4s;
  -ms-transition: -ms-transform 1s 0s cubic-bezier(0.34, 0.31, 0.41, 1), opacity 1s 0.4s;
  -o-transition: -o-transform 1s 0s cubic-bezier(0.34, 0.31, 0.41, 1), opacity 1s 0.4s;
  transition: transform 1s 0s cubic-bezier(0.34, 0.31, 0.41, 1), opacity 1s 0.4s; }

@media only screen and (min-width: 768px) {
  .sec-3 .cover .img-container .img-box figure {
    background-image: url("../img/sec3_cover.jpg"); }
  .sec-3 .cover .txt-holder h2 {
    background-image: url("../img/sec3_cover_title.jpg"); } }
  @media only screen and (min-width: 768px) and (max-width: 767.7px) {
    .sec-3 .cover .txt-holder h2 {
      padding-top: 22.5333333333vw; } }
  @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1280px) {
    .sec-3 .cover .txt-holder h2 {
      padding-top: 169px;
      padding-top: 13.203125vw; } }
  @media only screen and (min-width: 768px) and (min-width: 1281px) {
    .sec-3 .cover .txt-holder h2 {
      padding-top: 169px; } }
@media only screen and (min-width: 768px) {
  .sec-3 .content-1 .img-container {
    overflow: visible !important;
    padding-top: 652px;
    padding-top: 43.8172043011%; }
    .sec-3 .content-1 .img-container .img-box figure {
      background-image: url("../img/sec3_img1.jpg"); }
    .sec-3 .content-1 .img-container .mask-box-1 {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 50%;
      margin-bottom: -4.1%;
      overflow: hidden; }
      .sec-3 .content-1 .img-container .mask-box-1 figure {
        position: absolute;
        top: auto;
        bottom: 0;
        left: 0;
        margin-bottom: -3%;
        width: 100%;
        height: 150%;
        background: url("../img/sec3_img1_2.png") 0 bottom no-repeat;
        background-size: 100% auto; }
  .sec-3 .content-2 .img-container {
    overflow: visible !important;
    padding-top: 900px;
    padding-top: 69.4444444444%; }
    .sec-3 .content-2 .img-container .img-box figure {
      background-image: url("../img/sec3_img2.jpg"); }
    .sec-3 .content-2 .img-container .mask-box-2 {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 31.095%;
      margin-bottom: -4.74%;
      overflow: hidden; }
      .sec-3 .content-2 .img-container .mask-box-2 figure {
        position: absolute;
        top: auto;
        bottom: 0;
        right: 0;
        margin-bottom: -9.46%;
        width: 100%;
        height: 150%;
        background: url("../img/sec3_img2_2.png") 0 bottom no-repeat;
        background-size: 100% auto; } }
@media only screen and (max-width: 767.7px) {
  .sec-3 .cover .img-container .img-box figure {
    background-image: url("../img/m_sec3_cover.jpg"); }
  .sec-3 .cover .txt-holder h2 {
    padding-top: 22.9333333333vw;
    background-image: url("../img/m_sec3_cover_title.jpg"); }
  .sec-3 .content-1 .imgs {
    padding-left: 0; }
  .sec-3 .content-1 .img-container {
    overflow: visible !important;
    padding-top: 420px;
    padding-top: 66.6666666667%; }
    .sec-3 .content-1 .img-container .img-box figure {
      background-image: url("../img/m_sec3_img1.jpg"); }
    .sec-3 .content-1 .img-container .mask-box-1 {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 63.7681%;
      margin-bottom: 0%;
      overflow: hidden; }
      .sec-3 .content-1 .img-container .mask-box-1 figure {
        position: absolute;
        top: auto;
        bottom: 0;
        left: 0;
        margin-bottom: 10%;
        width: 100%;
        height: 150%;
        background: url("../img/m_sec3_img1_2.png") 0 bottom no-repeat;
        background-size: 100% auto; }
  .sec-3 .content-2 .imgs {
    padding-right: 0; }
  .sec-3 .content-2 .img-container {
    overflow: visible !important;
    padding-top: 570px;
    padding-top: 90.4761904762%; }
    .sec-3 .content-2 .img-container .img-box figure {
      background-image: url("../img/m_sec3_img2.jpg"); }
    .sec-3 .content-2 .img-container .mask-box-2 {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 39.42%;
      margin-bottom: 0%;
      overflow: hidden; }
      .sec-3 .content-2 .img-container .mask-box-2 figure {
        position: absolute;
        top: auto;
        bottom: 0;
        right: 0;
        margin-bottom: -16%;
        width: 100%;
        height: 150%;
        background: url("../img/m_sec3_img2_2.png") 0 bottom no-repeat;
        background-size: 100% auto; } }

@media only screen and (min-width: 768px) {
  .sec-4 .cover .img-container .img-box figure {
    background-image: url("../img/sec4_cover.jpg"); } }
@media only screen and (max-width: 767.7px) {
  .sec-4 .cover .img-container .img-box figure {
    background-image: url("../img/m_sec4_cover.jpg"); } }

@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 .slider-container {
    padding-top: 838px;
    padding-top: 56.3172043011%; }
    .sec-outro .slider-container li:nth-child(1) figure {
      background-image: url("../img/secoutro_img_1.jpg"); }
    .sec-outro .slider-container li:nth-child(2) figure {
      background-image: url("../img/secoutro_img_2.jpg"); }
    .sec-outro .slider-container li:nth-child(3) figure {
      background-image: url("../img/secoutro_img_3.jpg"); }
    .sec-outro .slider-container li:nth-child(4) figure {
      background-image: url("../img/secoutro_img_4.jpg"); }
    .sec-outro .slider-container li:nth-child(5) figure {
      background-image: url("../img/secoutro_img_5.jpg"); }
    .sec-outro .slider-container li:nth-child(6) figure {
      background-image: url("../img/secoutro_img_6.jpg"); }
    .sec-outro .slider-container li:nth-child(7) figure {
      background-image: url("../img/secoutro_img_7.jpg"); }
    .sec-outro .slider-container li:nth-child(8) figure {
      background-image: url("../img/secoutro_img_8.jpg"); } }
@media only screen and (max-width: 767.7px) and (max-width: 767.7px) {
  .sec-outro {
    padding-bottom: 6vw; } }
@media only screen and (max-width: 767.7px) and (min-width: 768px) and (max-width: 1280px) {
  .sec-outro {
    padding-bottom: 45px;
    padding-bottom: 3.515625vw; } }
@media only screen and (max-width: 767.7px) and (min-width: 1281px) {
  .sec-outro {
    padding-bottom: 45px; } }
@media only screen and (max-width: 767.7px) {
  .sec-outro .slider-container {
    padding-top: 473px;
    padding-top: 75.0793650794%; }
    .sec-outro .slider-container li:nth-child(1) figure {
      background-image: url("../img/m_secoutro_img_1.jpg"); }
    .sec-outro .slider-container li:nth-child(2) figure {
      background-image: url("../img/m_secoutro_img_2.jpg"); }
    .sec-outro .slider-container li:nth-child(3) figure {
      background-image: url("../img/m_secoutro_img_3.jpg"); }
    .sec-outro .slider-container li:nth-child(4) figure {
      background-image: url("../img/m_secoutro_img_4.jpg"); }
    .sec-outro .slider-container li:nth-child(5) figure {
      background-image: url("../img/m_secoutro_img_5.jpg"); }
    .sec-outro .slider-container li:nth-child(6) figure {
      background-image: url("../img/m_secoutro_img_6.jpg"); }
    .sec-outro .slider-container li:nth-child(7) figure {
      background-image: url("../img/m_secoutro_img_7.jpg"); }
    .sec-outro .slider-container li:nth-child(8) figure {
      background-image: url("../img/m_secoutro_img_8.jpg"); } }

@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.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 .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 .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.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 .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 .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 */