.csd-intro {
  background: #e2e3e0;
  width: 100%;
  position: relative;
  line-height: 100%;
  text-align: center;
  overflow: auto;
  -webkit-perspective: 500px;
  /* Chrome, Safari, Opera */
  perspective: 500px; }

.scroll-button.scroll-button--down {
  position: absolute;
  padding-top: 30px;
  bottom: 0;
  left: 0;
  right: 0; }
  .scroll-button.scroll-button--down .arrow-down {
    display: block;
    margin: 0 auto 2px;
    width: 16px;
    height: 18px; }
    .scroll-button.scroll-button--down .arrow-down polygon {
      fill: #fff; }

.layers {
  position: absolute;
  height: 300px;
  width: 348px;
  top: auto;
  left: 0;
  right: 0;
  margin: 0 auto; }

.layer-container--logo {
  position: relative;
  width: 150px;
  height: 170px;
  margin: 0 auto; }

.layer-logo {
  position: absolute;
  width: 150px;
  height: 170px; }

.layer-logo-01 {
  width: 149px;
  height: 149px;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: url(../images/intro/01.svg) bottom left no-repeat; }

.layer-logo-02 {
  width: 63px;
  height: 100px;
  top: 0;
  left: 10%;
  z-index: 20;
  background: url(../images/intro/02.svg) bottom left no-repeat; }

.layer-logo-03 {
  width: 61px;
  height: 93px;
  top: 1.2%;
  left: 13.343%;
  z-index: 15;
  background: url(../images/intro/03.svg) bottom left no-repeat; }

.layer-logo-04 {
  width: 67px;
  height: 45px;
  top: 23.9%;
  left: 26%;
  z-index: 25;
  background: url(../images/intro/04.svg) bottom left no-repeat; }

.layer-logo-05 {
  width: 54px;
  height: 100px;
  bottom: 2.3%;
  left: 35.8%;
  z-index: 30;
  background: url(../images/intro/05.svg) bottom left no-repeat; }

.layer-logo-06 {
  width: 26px;
  height: 53px;
  top: 34.7%;
  left: 3.1%;
  z-index: 35;
  background: url(../images/intro/06.svg) bottom left no-repeat; }

.layer-logo-07 {
  width: 20px;
  height: 44px;
  top: 26.51%;
  left: 20%;
  z-index: 40;
  background: url(../images/intro/07.svg) bottom left no-repeat; }

.layer-logo-08 {
  width: 40px;
  height: 42px;
  top: 1.9%;
  left: 34.6%;
  z-index: 45;
  background: url(../images/intro/08.svg) bottom left no-repeat; }

.layer-logo-09 {
  width: 25px;
  height: 39px;
  top: 26.8%;
  left: 28.7%;
  z-index: 50;
  background: url(../images/intro/09.svg) bottom left no-repeat; }

.layer-logo-10 {
  width: 28px;
  height: 12px;
  top: 25.5%;
  left: 46.3%;
  z-index: 55;
  background: url(../images/intro/10.svg) bottom left no-repeat; }

.layer-logo-11 {
  width: 38px;
  height: 66px;
  top: 50.1%;
  left: 47%;
  z-index: 60;
  background: url(../images/intro/11.svg) bottom left no-repeat; }

.layer-logo-12 {
  width: 103px;
  height: 127px;
  top: 22.9%;
  left: 5.5%;
  z-index: 65;
  background: url(../images/intro/12.svg) bottom left no-repeat; }

.layer-logo-13 {
  width: 29px;
  height: 30px;
  bottom: 3.5%;
  left: 58.8%;
  z-index: 70;
  background: url(../images/intro/13.svg) bottom left no-repeat; }

.layer-logo-14 {
  width: 40px;
  height: 120px;
  bottom: 10.2%;
  right: 3%;
  z-index: 75;
  background: url(../images/intro/14.svg) bottom left no-repeat; }

.layer-container--text {
  margin-top: 32px; }

.layer-line {
  position: relative;
  height: 14px;
  width: 140px;
  background: transparent center center no-repeat;
  margin: 10px auto; }

.layer-text {
  position: absolute;
  bottom: 0;
  z-index: 50; }

.layer-line-01 {
  background-image: url(../images/line1.svg); }

.layer-line-02 {
  background-image: url(../images/line2.svg); }

.layer-line-03 {
  background-image: url(../images/line3.svg); }

/*# sourceMappingURL=maps/intro.css.map */