.intro .text.scrollAnim span,.feature .title.scrollAnim span,.featureSection.scrollAnim .featureTitle,.featureSection.scrollAnim p{transform:translate3d(0,100px,0);opacity:0;transition:transform .6s ease-out .2s,opacity .4s ease-out .2s}.intro .text.scrollAnim.animate span,.feature .title.scrollAnim.animate span,.featureSection.scrollAnim.animate .featureTitle,.featureSection.scrollAnim.animate p{transform:translate3d(0,0,0);opacity:1}.featureSection.scrollAnim:before{width:0;transition:width .2s ease-out 0s}.featureSection.scrollAnim.animate:before{width:110%}*{margin:0;padding:0;vertical-align:top}ul,ol,li{list-style:none}a:link,a:visited{color:#898989;text-decoration:none}a:active,a:hover{text-decoration:underline}body{min-width:1120px;background-color:#fff;color:#787878;font-family:Hiragino Sans,Meiryo;font-weight:200;font-size:18px;line-height:36px}img{vertical-align:top}.sticky{padding-top:80px;overflow:visible}.sticky .stickyInner{position:-webkit-sticky;position:sticky;width:100%;top:80px;overflow:hidden}.sticky.noSticky{height:auto}.canvas{position:relative;height:66.66667vh}.loading{position:absolute;width:100%;height:100%;background-color:#fff;background-repeat:no-repeat;background-position:center;background-image:url(../img/loading.gif);background-size:50px auto;text-indent:-999%;overflow:hidden;top:0;z-index:11;-webkit-transition:opacity .2s ease-in-out 0s;transition:opacity .2s ease-in-out 0s}.loading.hide{opacity:0}.imgHover{position:relative;display:inline-block;cursor:pointer}.imgHover .hover{position:absolute;opacity:0;z-index:2;top:0;left:0;-webkit-transition:opacity .2s ease-in-out 0s;transition:opacity .2s ease-in-out 0s}.imgHover .hover.active{opacity:1}.delayload{opacity:0;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s}.delayload.loaded{opacity:1}.delayload.scroll{-webkit-transform:translateY(-50px);transform:translateY(-50px)}.delayload.scroll.loaded{-webkit-transform:translateY(0);transform:translateY(0)}.pagetopWrap{position:relative;height:60px}.pagetop{position:absolute;margin-left:490px;left:50%;bottom:0;cursor:pointer;z-index:10;opacity:0;-webkit-transition:opacity .2s ease-in-out 0s;transition:opacity .2s ease-in-out 0s}.pagetop.show{opacity:1}.pagetop.fixed{position:fixed}.iconBlank:after{content:"";display:inline-block;width:12px;height:12px;margin-left:5px;background-repeat:no-repeat;background-position:left top;background-image:url(../img/icon_jump.png);background-size:100% auto;text-indent:-999%;overflow:hidden}header{position:fixed;width:100%;border-bottom:1px solid #ccc;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#eee));background-image:linear-gradient(to bottom,#fff,#eee);top:0;z-index:10}header .headInner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:79px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}header .headInner .logo{display:block;width:140px;height:50px;margin-right:40px;background-repeat:no-repeat;background-position:left top;background-image:url(../img/logo.png);background-size:100% auto;text-indent:-999%;overflow:hidden;cursor:pointer}header .headInner nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%}header .headInner nav>*{position:relative;display:block;line-height:0}header .headInner nav>* img{position:relative}header .headInner nav>:last-child:before{content:"";position:absolute;display:block;width:140%;height:80px;-webkit-transform:skew(-40deg);transform:skew(-40deg);background:#464646;top:-28px;left:-20%;-webkit-transition:background .2s ease-in-out 0s;transition:background .2s ease-in-out 0s}header .headInner nav>:last-child:hover:before{background:#141414}footer{padding:30px 0;text-align:center;border-top:1px solid #ccc;color:#898989}footer>*{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}footer .links{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:14px}footer .links>*{margin-right:20px;font-size:14px}footer .cr{font-size:12px}.fixedW{width:980px;margin:0 auto}.section{width:100%;padding:30px 0;overflow:hidden}.section .title,.section .title span{margin:0 auto;background-repeat:no-repeat;background-position:left top;background-size:100% auto;text-indent:-999%;overflow:hidden}.intro{background-color:#fff}.intro .title{width:920px;height:130px;margin-bottom:20px;background-image:url(../img/title_main.png)}.intro .text{margin-bottom:60px}.intro .text span{display:block}.news{position:relative;padding:0;color:#fff}.news:after{content:"";position:absolute;display:block;width:100%;height:50%;background-color:#fff;bottom:0}.newsInner{position:relative;margin:31px 0;padding:70px 0 100px}.newsInner:before{content:"";position:absolute;display:block;width:110%;height:100%;background-color:#141414;-webkit-transform:rotate(-2deg);transform:rotate(-2deg);top:0;left:-5%;z-index:1}.newsInner>*{position:relative;z-index:2}.news .title{width:400px;height:42px;margin-bottom:100px;background-image:url(../img/title_news.png)}.newsList{font-size:16px;line-height:30px}.newsList a:link,.newsList a:visited{color:#999}.newsList a:active,.newsList a:hover{background-color:rgba(255,255,255,.06);text-decoration:none}.newsList>*{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:15px 10px;border-bottom:1px solid #464646}.newsList>:first-child{border-top:1px solid #464646}.newsList>*>:first-child{margin-right:15px;font-size:14px}.example{padding:100px 0 60px}.example .title{width:400px;height:42px;margin-bottom:100px;background-image:url(../img/title_example.png)}.exampleList{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:left;-webkit-justify-content:left;-ms-flex-pack:left;justify-content:left}.exampleList .ex{width:300px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:37px;margin-bottom:37px;border:1px solid #ccc}.exampleList .ex:nth-child(3n){margin-right:0}.exampleList .ex img{width:100%;height:auto}.exampleList .ex a{display:block}.exampleList .exBody{padding:15px 15px 0}.exampleList .exBody:last-child{padding-bottom:15px}.exampleList .exFoot{padding:10px 15px 15px;margin-top:auto}.exampleList .exTitle{margin-bottom:10px;font-size:18px;font-weight:700;line-height:28px}.exampleList .exText{font-size:14px;line-height:22px}.exampleList .exLink{font-size:13px;line-height:22px;margin-top:5px;position:relative}.exampleList .exLink[target=_blank]:after{content:"";display:inline-block;width:12px;height:12px;margin-left:5px;background-repeat:no-repeat;background-position:left top;background-image:url(../img/icon_jump.png);background-size:100% auto;text-indent:-999%;overflow:hidden}.company{padding:100px 0 60px}.companyInner{position:relative;margin:31px 0;padding:70px 0 100px}.companyInner:before{content:"";position:absolute;display:block;width:110%;height:100%;background-color:#141414;-webkit-transform:rotate(-2deg);transform:rotate(-2deg);top:0;left:-5%;z-index:1}.companyInner>*{position:relative;z-index:2}.company .title{width:400px;height:42px;margin-bottom:50px;background-image:url(../img/title_company_logo.png)}.companyLogo{border-top:1px solid #464646}.companyLogo ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:430px;margin:0 auto;padding-top:50px}.contact{padding:30px 0 100px;text-align:center}.contact .title{width:400px;height:42px;margin-bottom:50px;background-image:url(../img/title_contact.png)}
/*# sourceMappingURL=style.css.map */