#sequence {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 600px;
  margin: 0;
  /*background-image: url(../img/home/b1.jpg);*/
  background-repeat: no-repeat;
  background-position: 54% top
}
#sequence>.sequence-canvas li>* {
  position: absolute
}
#sequence>.sequence-canvas {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0
}
#sequence>.sequence-canvas>li {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%
}
#sequence .sequence-btn {
  position: absolute;
  z-index: 99;
  top: 50%;
  width: 84px;
  height: 84px;
  margin-top: -42px;
  transition: opacity .5s linear 0s;
  opacity: 0;
  border-radius: 42px;
  background-color: #fff;
  box-shadow: 0 0 0 12px rgba(255, 255, 255, 0)
}
#sequence .sequence-btn.fadein {
  transition: box-shadow .3s linear 0s, opacity .5s linear 2.2s;
  opacity: 1
}
#sequence .sequence-btn.touch-fadein {
  transition: box-shadow .3s linear 0s, opacity .5s linear 0;
  opacity: .7
}
#sequence .sequence-btn:hover {
  box-shadow: 0 0 0 12px rgba(255, 255, 255, .5)
}
#sequence .sequence-btn i {
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 14px;
  margin-top: -7px;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover
}
#sequence .prev {
  left: -42px
}
#sequence .prev i {
  left: 51px;
  background-image: url(../img/home/ico_prev_w40.png)
}
#sequence .next {
  right: -42px
}
#sequence .next i {
  right: 51px;
  background-image: url(../img/home/ico_next_w40.png)
}
.slide {
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover
}
.slide .container {
  margin-top: 150px
}
.slide .row {
  position: relative
}
.slide .logo {
  position: static;
  overflow: hidden;
  margin: 0 auto 1em;
  white-space: nowrap;
  text-indent: 100%;
  background-size: contain
}
.slide .info {
  padding: 0 10px;
  text-align: center;
  color: #fff
}
.slide .info .copy {
  font-size: 26px;
  font-size: 2.6rem;
  margin-top: 0;
  margin-bottom: 20px;
  color: #fff
}
.slide .info .btn-area .more, .slide .info .desc {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #fff
}
.slide .info .desc {
  font-family: 'Droid Serif', serif;
  font-style: italic;
  line-height: 1.3;
  margin-top: 0
}
html[lang=ja] .slide .info .desc {
  font-family: inherit;
  font-style: normal;
  line-height: 1.5
}
.slide .info .btn-area .visit-btn {
  display: inline-block;
  margin-bottom: .5em;
  padding: 13px 25px
}
.slide .info .btn-area .more {
  display: inline-block;
  margin-top: 5px;
  margin-left: 10px
}
.slide .info .btn-area .more a {
  display: inline-block;
  text-decoration: none;
  color: #b4da11
}
.slide .info .btn-area .more a i {
  line-height: 12px;
  width: 14px;
  height: 12px;
  margin-top: 4px;
  margin-left: 5px
}
#slide1 {
  /*background-image: url(../img/home/b1.jpg);*/
  background-position: 54% top
}
#slide1 .logo, #slide2 .logo, #slide3 .logo {
  width: 200px;
  height: 169px;
  background-image: url(../img/home/logo-1.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain
}
#slide1 .info .copy {
  font-size: 32px;
  font-size: 3.2rem
}
#slide2 {
  /*background-image: url(../img/home/b2.jpg);*/
  background-position: 50% top
}
#slide2 .logo, #slide3 .logo {
  width: 250px;
  height: 75px;
  background-image: url(../img/home/logo-1.png)
}
#slide2 .info .copy, #slide3 .info .copy, #slide4 .container .info .copy {
  font-size: 26px;
  font-size: 2.6rem
}
#slide3, #slide4 {
  /*background-image: url(../img/home/b3.jpg);*/
  background-position: 35% top
}
#slide3 .logo {
  width: 300px;
  height: 76px;
  background-image: url(../img/home/logo-2.png)
}
#slide4 {
  /*background-image: url(../img/home/b4.jpg)*/
}
#slide4 .container .logo {
  width: 278px;
  height: 78px;
  background: url(../img/home/logo-3.png) no-repeat left top;
  background-size: contain
}
html[lang=ja] #slide4 .container .info .desc {
  font-size: 15px;
  font-size: 1.5rem
}
.csstransforms3d .sequence-canvas li .slide, .no-csstransforms3d .sequence-canvas li .slide {
  transition: opacity .8s linear 0s;
  opacity: 0;
  -webkit-backface-visibility: hidden
}
.no-csstransforms3d .sequence-canvas li .slide .logo {
  left: -350px;
  transition: left .8s cubic-bezier(.42, .58, .58, 1)0s, opacity .6s linear 0s;
  opacity: 0
}
.no-csstransforms3d .sequence-canvas li .slide .info {
  top: 20px;
  transition: top .5s linear 1s, opacity .5s linear 0s;
  opacity: 0
}
.no-csstransforms3d .sequence-canvas li #slide1 .logo, .no-csstransforms3d .sequence-canvas li #slide2 .logo, .no-csstransforms3d .sequence-canvas li #slide3 .logo, .no-csstransforms3d .sequence-canvas li #slide4 .logo {
  left: -350px
}
.no-csstransforms3d .sequence-canvas li.animate-in .slide {
  opacity: 1;
  -webkit-backface-visibility: visible
}
.no-csstransforms3d .sequence-canvas li.animate-in .slide .logo {
  transition: left .8s cubic-bezier(.42, .58, .58, 1).2s, opacity 800ms ease-out .2s;
  opacity: 1
}
.no-csstransforms3d .sequence-canvas li.animate-in .slide .info {
  top: 0;
  transition: top .3s ease-in-out 1.1s, opacity .3s linear 1.1s;
  opacity: 1
}
.no-csstransforms3d .sequence-canvas li.animate-in #slide1 .logo {
  left: 0
}
.no-csstransforms3d .sequence-canvas li.animate-in #slide2 .logo {
  left: -6px
}
.no-csstransforms3d .sequence-canvas li.animate-in #slide3 .logo, .no-csstransforms3d .sequence-canvas li.animate-in #slide4 .logo {
  left: 0
}
.no-csstransforms3d .sequence-canvas li.animate-out .slide {
  transition: opacity .8s 0s linear;
  opacity: 0
}
.no-csstransforms3d .sequence-canvas li.animate-out .slide .logo {
  transition: left .8s cubic-bezier(.42, .58, .58, 1)0s, opacity .6s linear 0s;
  opacity: 0
}
.no-csstransforms3d .sequence-canvas li.animate-out .slide .info {
  top: 20px;
  transition: top .5s linear 1s, opacity .5s linear 0s;
  opacity: 0
}
.csstransforms3d .sequence-canvas li #slide1 .logo, .csstransforms3d .sequence-canvas li #slide2 .logo, .csstransforms3d .sequence-canvas li #slide3 .logo, .csstransforms3d .sequence-canvas li #slide4 .logo, .no-csstransforms3d .sequence-canvas li.animate-out #slide1 .logo, .no-csstransforms3d .sequence-canvas li.animate-out #slide2 .logo, .no-csstransforms3d .sequence-canvas li.animate-out #slide3 .logo, .no-csstransforms3d .sequence-canvas li.animate-out #slide4 .logo {
  left: -350px
}
.no-csstransforms3d .sequence-canvas li.first #slide1 .logo {
  left: -350px;
  transition: left .8s cubic-bezier(.42, .58, .58, 1)0s, opacity .6s linear 0s;
  opacity: 0
}
.no-csstransforms3d .sequence-canvas li.first #slide1 .info {
  top: 20px;
  transition: top .5s linear 1s, opacity .5s linear 0s;
  opacity: 0
}
.csstransforms3d .sequence-canvas li .slide .logo {
  left: -350px;
  transition: transform .8s cubic-bezier(.42, .58, .58, 1)0s, opacity .6s linear 0s;
  transition: transform .8s cubic-bezier(.42, .58, .58, 1)0s, opacity .6s linear 0s, -webkit-transform .8s cubic-bezier(.42, .58, .58, 1)0s;
  -webkit-transform: translate3d(-350px, 0, 0);
  transform: translate3d(-350px, 0, 0);
  opacity: 0
}
.csstransforms3d .sequence-canvas li .slide .info {
  top: 0;
  transition: transform .5s linear 1s, opacity .5s linear 0s;
  transition: transform .5s linear 1s, opacity .5s linear 0s, -webkit-transform .5s linear 1s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
  opacity: 0
}
.csstransforms3d .sequence-canvas li.animate-in .slide {
  opacity: 1;
  -webkit-backface-visibility: visible
}
.csstransforms3d .sequence-canvas li.animate-in .slide .info, .csstransforms3d .sequence-canvas li.animate-in .slide .logo {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1
}
.csstransforms3d .sequence-canvas li.animate-in .slide .info {
  transition: transform .3s ease-in-out 1.1s, opacity .3s linear 1.1s;
  transition: transform .3s ease-in-out 1.1s, opacity .3s linear 1.1s, -webkit-transform .3s ease-in-out 1.1s
}
.csstransforms3d .sequence-canvas li.animate-out .slide {
  transition: opacity .8s 0s linear;
  opacity: 0
}
.csstransforms3d .sequence-canvas li.animate-out .slide .logo {
  transition: transform .8s cubic-bezier(.42, .58, .58, 1)0s, opacity .6s linear 0s;
  transition: transform .8s cubic-bezier(.42, .58, .58, 1)0s, opacity .6s linear 0s, -webkit-transform .8s cubic-bezier(.42, .58, .58, 1)0s;
  opacity: 0
}
.csstransforms3d .sequence-canvas li.animate-out .slide .info {
  transition: transform .5s linear 1s, opacity .5s linear 0s;
  transition: transform .5s linear 1s, opacity .5s linear 0s, -webkit-transform .5s linear 1s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
  opacity: 0
}
.csstransforms3d .sequence-canvas li.animate-out #slide1 .logo, .csstransforms3d .sequence-canvas li.animate-out #slide2 .logo, .csstransforms3d .sequence-canvas li.animate-out #slide3 .logo, .csstransforms3d .sequence-canvas li.animate-out #slide4 .logo, .csstransforms3d .sequence-canvas li.first #slide1 .logo {
  -webkit-transform: translate3d(-350px, 0, 0);
  transform: translate3d(-350px, 0, 0)
}
.csstransforms3d .sequence-canvas li.first #slide1 .logo {
  transition: transform .8s cubic-bezier(.42, .58, .58, 1)0s, opacity .6s linear 0s;
  transition: transform .8s cubic-bezier(.42, .58, .58, 1)0s, opacity .6s linear 0s, -webkit-transform .8s cubic-bezier(.42, .58, .58, 1)0s;
  opacity: 0
}
.csstransforms3d .sequence-canvas li.first #slide1 .info {
  transition: transform .5s linear 1s, opacity .5s linear 0s;
  transition: transform .5s linear 1s, opacity .5s linear 0s, -webkit-transform .5s linear 1s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
  opacity: 0
}
.about .row {
  margin-bottom: 0;
  /*padding: 63px 0;*/
  text-align: center
}
.about .row p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  margin: 0
}
.about .row p:first-child {
  font-size: 18px;
  font-size: 1.8rem;
  color: #8d9876
}
.about .row p br {
  display: none
}
.about .row h2 {
  font-family: 'Asap', serif;
  font-size: 46px;
  font-size: 4.6rem;
  /*font-style: italic;*/
  display: inline-block;
  margin: 5px 0 22px;
  padding: 0 10px 10px;
  color: #6c725f;
  /*border-bottom: 1px solid #8d9876;*/
  /*text-shadow: -4px 4px 0 #b6bda8*/
}
.home-contents {
  padding: 0px 0
}
.home-menu {
  position: relative;
  z-index: 12
}
.home-menu .row {
  margin-bottom: 0;
  padding-bottom: 10px;
  text-align: center
}
.home-menu section {
  display: inline-block;
  float: none;
  max-width: 280px;
  margin-bottom: 2em;
  text-align: center
}
.home-menu section a {
  display: block;
  overflow: hidden;
  transition: background-color .25s linear 0s;
  text-decoration: none;
  border-radius: 0 0 8px 8px;
  background-color: #acae97
}
.home-menu section a .menu-image, .home-menu section a .menu-image img {
  position: relative;
  width: 100%;
  max-width: 280px
}
.home-menu section a .menu-image img {
  display: block;
  height: auto
}
.home-menu section a .menu-image img.hover {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: auto;
  background-color: #acae97
}
.home-menu section a .menu-txt {
  padding: 23px 0 29px;
  text-align: center;
  color: #fff;
  border-radius: 0 0 8px 8px;
  background-image: url(../img/home/bg_homeMenu.png);
  background-position: left top
}
.home-menu section a .menu-txt h2, .home-menu section a .menu-txt p {
  color: #fff
}
.home-menu section a .menu-txt h2 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  margin: 0 0 6px
}
.home-menu section a .menu-txt p {
  font-family: 'Droid Serif', serif;
  font-size: 13px;
  font-size: 1.3rem;
  font-style: italic;
  margin-bottom: 0
}
html[lang=ja] .home-menu section a .menu-txt p {
  font-family: inherit;
  font-style: normal
}
.home-menu section a:hover {
  text-decoration: none;
  background-color: #adbc16
}
.home-menu section a:hover .menu-image img.hover {
  background-color: #adbc16
}
.latest-news {
  position: relative;
  z-index: 11
}
.latest-news .container {
  overflow: hidden;
  text-align: center
}
.latest-news .container h2 {
  font-size: 26px;
  font-size: 1.8em;
  font-weight: 400;
  display: inline-block;
  margin: 0 auto 30px;
  padding: 0 20px 20px;
  color: #8d9876;
  border-bottom: 1px solid #8d9876
}
.latest-news .container .row {
  text-align: left
}
.latest-news .container .row .item {
  display: inline-block;
  float: none;
  margin-bottom: 40px;
  text-align: left;
  vertical-align: top
}
.latest-news .container .row .item::after {
  display: table;
  clear: both;
  content: ''
}
.latest-news .container .row .item .thumb {
  float: left;
  width: 80px;
  height: 120px;
  margin-right: 30px
}
.latest-news .container .row .item .thumb img {
  max-width: 100%;
  height: auto
}
.latest-news .container .row .item h3 {
  font-size: 22px;
  font-size: 1.8rem;
  font-weight: 700;
  overflow: auto;
  margin-top: 0;
  margin-bottom: .7em
}
.latest-news .container .row .item h3 a {
  text-decoration: none
}
html[lang=ja] .latest-news .container .row .item h3 {
  font-size: 20px;
  font-size: 2rem
}
.latest-news .container .row .item p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  overflow: auto;
  color: #899179
}
.apps {
  min-height: 280px;
  padding: 60px 0;
  background-color: #2a2928;
  background-image: url(../img/home/bg_apps.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover
}
.apps .container .row {
  margin-bottom: 0;
  text-align: center
}
.apps .container .row h2 {
  font-family: 'ASAP', serif;
  font-size: 46px;
  font-size: 4.6rem;
  font-style: italic;
  line-height: 1;
  margin: 0 0 26px;
  color: #fff;
  text-shadow: -4px 4px 0 #8b8f82
}
.apps .container .row a {
  margin-right: 10px;
  vertical-align: top
}
.apps .container .row a img {
  width: auto;
  height: 80px;
  vertical-align: top
}
.apps .container .row a.typetalk img {
  height: 86px
}
.apps .container .row span {
  vertical-align: top
}
.apps .container .row span img {
  width: auto;
  height: 80px
}
@media screen and (min-width:768px) {
  #sequence {
    width: 100%;
    height: 680px;
    background-position: center top
  }
  #sequence .sequence-btn.touch-fadein {
    opacity: 1
  }
  #sequence .prev i {
    background-image: url(../img/home/ico_prev.png)
  }
  #sequence .next i {
    background-image: url(../img/home/ico_next.png)
  }
  .slide .info, .slide .logo {
    position: absolute
  }
  .slide .info {
    padding: 0;
    text-align: left
  }
  .slide .info .copy {
    font-size: 40px;
    font-size: 4rem;
    margin-bottom: 20px
  }
  .slide .info .desc, html[lang=ja] #slide4 .container .info .desc {
    font-size: 18px;
    font-size: 1.8rem
  }
  .slide .info .btn-area .more {
    margin-top: 0
  }
  #slide1, #slide2, #slide3, #slide4 {
    background-position: center top
  }
  #slide1 .container {
    margin-top: 177px
  }
  #slide1 .logo {
    top: 0;
    width: 300px;
    height: 254px;
    margin: 0
  }
  #slide1 .info {
    right: 20px;
    left: 360px
  }
  #slide1 .info .copy {
    font-size: 40px;
    font-size: 4rem;
    margin-top: 50px
  }
  #slide2 .container {
    margin-top: 214px
  }
  #slide2 .logo {
    top: 57px;
    width: 350px;
    height: 105px;
    margin: 0
  }
  #slide2 .info {
    top: 0;
    right: 20px;
    left: 410px
  }
  #slide2 .info .copy {
    font-size: 36px;
    font-size: 3.6rem;
    margin-top: 0;
    margin-bottom: 11px
  }
  #slide2 .info .desc {
    margin-bottom: 50px
  }
  #slide3 .container {
    margin-top: 203px
  }
  #slide3 .logo {
    top: 73px;
    width: 350px;
    height: 89px;
    margin: 0
  }
  #slide3 .info {
    top: 0;
    right: 20px;
    left: 410px
  }
  #slide3 .info .copy, #slide4 .container .info .copy {
    font-size: 36px;
    font-size: 3.6rem;
    margin-top: 0;
    margin-bottom: 15px
  }
  #slide3 .info .desc {
    margin-bottom: 42px
  }
  #slide4 .container {
    margin-top: 203px
  }
  #slide4 .container .logo {
    top: 73px;
    width: 350px;
    height: 98px;
    margin: 0
  }
  #slide4 .container .info {
    top: 0;
    right: 20px;
    left: 410px
  }
  #slide4 .container .info .desc {
    margin-bottom: 42px
  }
  .no-csstransforms3d .sequence-canvas li.animate-in #slide1 .logo, .no-csstransforms3d .sequence-canvas li.animate-in #slide2 .logo, .no-csstransforms3d .sequence-canvas li.animate-in #slide3 .logo, .no-csstransforms3d .sequence-canvas li.animate-in #slide4 .logo {
    left: 25px
  }
  .csstransforms3d .sequence-canvas li.animate-in .slide .logo {
    transition: transform .8s cubic-bezier(.42, .58, .58, 1).2s, opacity .8s ease-out .2s;
    transition: transform .8s cubic-bezier(.42, .58, .58, 1).2s, opacity .8s ease-out .2s, -webkit-transform .8s cubic-bezier(.42, .58, .58, 1).2s
  }
  .csstransforms3d .sequence-canvas li.animate-in #slide1 .logo {
    left: -350px
  }
  .csstransforms3d .sequence-canvas li.animate-in #slide1 .logo, .csstransforms3d .sequence-canvas li.animate-in #slide2 .logo, .csstransforms3d .sequence-canvas li.animate-in #slide3 .logo, .csstransforms3d .sequence-canvas li.animate-in #slide4 .logo {
    -webkit-transform: translate3d(375px, 0, 0);
    transform: translate3d(375px, 0, 0)
  }
  .about .row p {
    font-size: 22px;
    font-size: 2.2rem
  }
  html[lang=ja] .about .row p {
    font-size: 20px;
    font-size: 2rem
  }
  .about .row p:first-child, html[lang=ja] .about .row p:first-child {
    font-size: 26px;
    font-size: 2.6rem
  }
  .about .row p br {
    display: inline
  }
  .about .row h2 {
    font-size: 65px;
    font-size: 6.5rem;
    padding-bottom: 20px
  }
  .home-contents {
    padding: 20px 0
  }
  .home-menu .row {
    padding-bottom: 30px
  }
  .home-menu .row .col:first-child {
    margin-left: 0
  }
  .home-menu section {
    display: block;
    float: left;
    max-width: 351px;
    margin-bottom: 0
  }
  .home-menu section a .menu-image, .home-menu section a .menu-image img, .home-menu section a .menu-image img.hover {
    max-width: 351px
  }
  .latest-news .container h2 {
    font-size: 26px;
    font-size: 2.6rem;
    display: block;
    width: 38.35%;
    margin-bottom: 60px;
    padding: 0 0 20px;
    text-align: center
  }
  .latest-news .container .row {
    margin-left: -6.5%
  }
  .latest-news .container .row .item {
    width: 43.7%;
    margin-left: 6.1%
  }
  .latest-news .container .row .item:first-child {
    margin-left: 6.1%
  }
  .latest-news .container .row .item .thumb {
    width: 120px
  }
  .apps {
    min-height: 380px;
    padding: 90px 0;
    background-size: auto
  }
  .apps .container .row h2 {
    font-size: 65px;
    font-size: 6.5rem
  }
  .apps .container .row a {
    margin-right: 40px
  }
  .apps .container .row a img, .apps .container .row span img {
    width: auto;
    height: 106px
  }
  .apps .container .row a.typetalk img {
    height: 120px
  }
}
@media only screen and (min-width:768px) and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-width:768px) and (min--moz-device-pixel-ratio:1.5), only screen and (min-width:768px) and (min-resolution:144dpi), only screen and (min-width:768px) and (min-resolution:1.5dppx) {
  #sequence .prev i {
    background-image: url(../img/home/ico_prev_w40.png)
  }
  #sequence .next i {
    background-image: url(../img/home/ico_next_w40.png)
  }
  #slide1 .logo {
    background-image: url(../img/home/logo-1@2x.png)
  }
  #slide2 .logo {
    background-image: url(../img/home/logo-2@2x.png)
  }
  #slide3 .logo {
    background-image: url(../img/home/logo-3@2x.png)
  }
  #slide4 .container .logo {
    background-image: url(../img/home/logo-3@2x.png)
  }
}
@media screen and (min-width:1140px) {
  #sequence {
    width: 100%;
    height: 680px
  }
  .slide .info .copy {
    font-size: 50px;
    font-size: 5rem;
    margin-top: 100px;
    margin-bottom: 20px
  }
  .slide .info .desc, html[lang=ja] #slide4 .container .info .desc {
    font-size: 22px;
    font-size: 2.2rem
  }
  #slide1, #slide2, #slide3, #slide4 {
    background-position: center top
  }
  #slide1 .logo {
    left: 0;
    width: 392px;
    height: 332px
  }
  #slide1 .info {
    right: 0;
    left: 485px
  }
  #slide1 .info .copy {
    font-size: 50px;
    font-size: 5rem;
    margin-top: 100px
  }
  #slide2 .logo {
    left: -6px;
    width: 448px;
    height: 134px
  }
  #slide2 .info {
    right: 0;
    left: 505px
  }
  #slide2 .info .copy, #slide3 .info .copy, #slide4 .container .info .copy {
    font-size: 50px;
    font-size: 5rem
  }
  #slide3 .logo {
    left: 0;
    width: 438px;
    height: 111px
  }
  #slide3 .info {
    right: 0;
    left: 540px
  }
  #slide4 .container .logo {
    left: 0;
    width: 450px;
    height: 126px
  }
  #slide4 .container .info {
    right: 0;
    left: 520px
  }
  .no-csstransforms3d .sequence-canvas li.animate-in #slide1 .logo {
    left: 0
  }
  .no-csstransforms3d .sequence-canvas li.animate-in #slide2 .logo {
    left: -6px
  }
  .no-csstransforms3d .sequence-canvas li.animate-in #slide3 .logo, .no-csstransforms3d .sequence-canvas li.animate-in #slide4 .logo {
    left: 0
  }
  .csstransforms3d .sequence-canvas li.animate-in #slide1 .logo, .csstransforms3d .sequence-canvas li.animate-in .slide .logo {
    -webkit-transform: translate3d(350px, 0, 0);
    transform: translate3d(350px, 0, 0)
  }
  .csstransforms3d .sequence-canvas li.animate-in #slide2 .logo {
    -webkit-transform: translate3d(344px, 0, 0);
    transform: translate3d(344px, 0, 0)
  }
  .csstransforms3d .sequence-canvas li.animate-in #slide3 .logo, .csstransforms3d .sequence-canvas li.animate-in #slide4 .logo {
    -webkit-transform: translate3d(350px, 0, 0);
    transform: translate3d(350px, 0, 0)
  }
  .about .row h2 {
    font-size: 55px;
    font-size: 5.5rem;
    display: block;
    width: 38.35%;
    margin: 5px auto 2px;
    padding: 0 0 2px
  }
  .home-menu section a .menu-image, .home-menu section a .menu-image img, .home-menu section a .menu-image img.hover {
    width: 351px
  }
  .home-menu section a .menu-txt p {
    font-size: 15px;
    font-size: 1.5rem
  }
}
@media only screen and (min-width:1140px) and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-width:1140px) and (min--moz-device-pixel-ratio:1.5), only screen and (min-width:1140px) and (min-resolution:144dpi), only screen and (min-width:1140px) and (min-resolution:1.5dppx) {
  #slide1 .logo {
    background-image: url(../img/home/logo-1@2x.png)
  }
  #slide2 .logo {
    background-image: url(../img/home/logo-2@2x.png)
  }
  #slide3 .logo {
    background-image: url(../img/home/logo-3@2x.png)
  }
  #slide4 .container .logo {
    background-image: url(../img/home/logo-3@2x.png)
  }
}
@media screen and (min-width:1440px) {
  #slide4 .container .logo {
    width: 506px;
    height: 142px
  }
  #slide4 .container .info {
    right: 0;
    left: 510px
  }
  .no-csstransforms3d .sequence-canvas li.animate-in #slide4 .logo {
    left: -68px
  }
  .csstransforms3d .sequence-canvas li.animate-in #slide4 .logo {
    -webkit-transform: translate3d(282px, 0, 0);
    transform: translate3d(282px, 0, 0)
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@-webkit-keyframes move {
  0% {
    left: 55%
  }
  25% {
    left: 50%
  }
  to {
    left: -100%
  }
}
@keyframes move {
  0% {
    left: 55%
  }
  25% {
    left: 50%
  }
  to {
    left: -100%
  }
}
@-webkit-keyframes no-rotate {
  0%, to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@keyframes no-rotate {
  0%, to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}