.csd-intro{background:#e2e3e0;width:100%;position:relative;line-height:100%;text-align:center;overflow:auto;-webkit-perspective:500px;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: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)}