@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Work+Sans:400,100);@import url(https://fonts.googleapis.com/css?family=Dancing+Script);html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}body{line-height:1}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}html,body{font-family:Helvetica,"游ゴシック","Yu Gothic",sans-serif}body{background:#000;font-family:'NHaasGroteskDSW02-35XLt',sans-serif;font-size:16px;color:#fff}#container{position:relative;overflow:hidden}#container header{position:fixed;z-index:10;width:100%;padding-bottom:10px;background:0 0}#container header .center{width:1012px;margin:0 auto}#container h1{float:left;margin-top:25px}nav{font-size:14px;z-index:11;float:right}nav ul li{margin:45px 9px 0;padding-bottom:9px;float:left;position:relative;overflow:hidden}nav ul li a{color:#fff;text-decoration:none;transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;height:20px;display:block;font-family:'Work Sans',sans-serif;font-weight:300;font-size:1.2em;letter-spacing:1px}nav ul li a:hover,nav ul li a:focus{color:#fff;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease}.col-md-12{padding:0 15%}#home{position:relative;top:0;height:100%;background:url("/img/homebg2.jpeg") no-repeat;background-size:cover}#home.scrollin2{opacity:1;color:#fff}#home.scrollin2:before{z-index:0;content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0}#home .center,#design .center,#about .center,#casestudies .center,#contact .center{min-height:400px;margin:0 auto;padding-top:150px}#home .center{padding-top:230px;text-align:center}#home h2,#design h2,#about h2,#casestudies h2,#contact h2{font-size:48px;line-height:55px;font-family:'Work Sans',sans-serif;font-weight:100}.caseset aside h3{font-size:30px;line-height:55px;font-family:'Work Sans',sans-serif;font-weight:100}.caseset aside p{line-height:1.5;font-family:'Work Sans',sans-serif;font-weight:100}#home h2 span,#design h2 span,#about h2 span,#casestudies h2 span,.caseset aside h3 span,#contact h2 span{font-weight:400;font-family:arial;display:block}.page-id-257 #home h2 span+span{font-size:.45em;margin-top:3%}.page-id-257 #home .skill{margin:30px 0 0}#design h2 span+span,#about h2 span+span,#contact h2 span+span{font-size:.45em;line-height:1.75}.page-id-257 .mCustomScrollbar .task .task-desc h3{font-size:1.2em;font-weight:700}.page-id-257 #design h2,.page-id-257 #about h2,.page-id-257 #casestudies h2,.page-id-257 #contact h2{font-size:40px}.page-id-257 .mCustomScrollbar .task .task-desc p,.page-id-257 .ele-a p,.page-id-257 .ele-b p,.page-id-257 .ele-c p{font-size:15px;font-family:unset}.page-id-257 #about.scrollin div.ele-a h3 span,.page-id-257 #about.scrollin div.ele-b h3 span,.page-id-257 #about.scrollin div.ele-c h3 span{border-bottom:1px solid #fff;line-height:1.2;font-size:1.25em}#home .skill{margin:60px 0 0;display:inline-block}#home .skill .trats{left:150px;color:#fff}#home .skill a.trats{background-color:rgba(33,67,113,.75);border:1px solid #fff;box-shadow:0 0 0 7px rgba(33,67,113,.75);width:150px;height:150px;text-align:center;float:left;margin:15px 60px 0 0;border-radius:100px;text-decoration:none}#home.scrollin2 .skill a.trats{transition:all .1s linear;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear}#home.scrollin2 .skill a:hover{margin-top:0;transition:all .1s linear;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear}#home .skill a.trats span.number{display:block;padding:40px 0 5px;font-size:48px;font-weight:700;color:#fff}#home .skill a.trats span.subtitle{display:block;font-size:12px;color:#fff;text-decoration:none}#design{background-color:#2c5379;color:#fff}#design .mCustomScrollbar{overflow:auto;height:340px;width:105%;display:block;margin-top:40px}.mCustomScrollbar .task{float:left;width:481px}.mCustomScrollbar .task img{float:left}.mCustomScrollbar .task .task-desc{float:left;width:212px;padding:40px 0 0 40px}.mCustomScrollbar .task .task-desc h3{font-size:1.5em}.mCustomScrollbar .task .task-desc p{padding:10px 0;line-height:18px;font-size:17px;font-family:'Work Sans',sans-serif;font-weight:100;line-height:1.3}.mCSB_container{position:relative;left:0;width:1930px!important}#about{background-color:#fff;color:#fff}#about.scrollin{background:url("/img/about4-bg2.jpg") no-repeat;background-attachment:fixed;background-size:cover}#about .center .career{height:363px;margin-top:30px;position:relative}.ele-a,.ele-b,.ele-c{width:28%;padding:2%;height:96%;float:left}.ele-a{margin-right:5%;padding:40px 20px 0 0}.ele-b{margin-right:5%;padding:40px 20px 0}.ele-c{margin-right:5%;padding:40px 0 20px}#about.scrollin div.ele-a,#about.scrollin div.ele-b,#about.scrollin div.ele-c{text-align:center;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s}.ele-a p,.ele-b p,.ele-c p{text-align:left;line-height:1.3;padding-left:17px;font-size:17px;font-weight:100;font-family:'Work Sans',sans-serif}.ele-a h3,.ele-b h3,.ele-c h3{margin:20px 0}#about.scrollin div.ele-a h3 span,#about.scrollin div.ele-b h3 span,#about.scrollin div.ele-c h3 span{border-bottom:2px solid #fff;line-height:1.2;font-size:1.3em}#portfolio{background-color:#eb2142;overflow:hidden;max-height:782px}#portfolio .col-md-12{padding:0}.project-list li{float:left;width:25%;list-style:none}.project-list li a img{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:brightness(40%);filter:brightness(40%);transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease}.project-list li a img:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-filter:brightness(100%);filter:brightness(100%);-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;position:relative;z-index:2}#casestudies{background-color:#f8823c}.caseset{width:640px;margin:20px 0 0;padding:0}.caseset aside{position:relative;top:-400px;left:110%;width:50%}#container1{height:480px;border-radius:20px}#contact{background-color:#fff;color:#333}button,input,select,textarea{width:100%;padding:.62em;line-height:normal;font-size:1em;font-family:inherit;color:inherit;border:2px solid #eaecee;background:rgba(0,0,0,.05);outline:0;vertical-align:baseline;margin-top:15px}#wpcf7-f212-o1{margin-top:60px}.form-right,.form-left{display:inline-block;width:45%;margin-right:40px}.wpcf7-textarea{width:94.5%;height:100px}.wpcf7-submit{width:95%;background-color:#3a93dd;color:#fff;font-size:1em}span.wpcf7-not-valid-tip{position:relative;top:8px}#home{opacity:0;background-position:right bottom;background-color:#fff;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s}.fadein h2,.fadein1 h2{opacity:0;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s}.fadein1 a.trats,.fadein .contact-group a.trats{opacity:0;transform:translate(150px,0px);transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s}.fadein .mCustomScrollbar .task img{opacity:0;transform:translate(0px,-100px);transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s}.fadein .mCustomScrollbar .task .task-desc{opacity:0;transform:translate(0px,50px);transition:.8s ease .5s;-webkit-transition:.8s ease .5s;-moz-transition:.8s ease .5s;-o-transition:.8s ease .5s}.fadein .ele-a,.fadein .ele-b,.fadein .ele-c{opacity:.1;transform:translate(0px,100px);transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s}.fadein #container1{opacity:.1;transform:translate(0px,-100px);transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s}.fadein .caseset aside{opacity:.1;transform:translate(0px,100px);transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s}.fadein.scrollin h2,.fadein1.scrollin1 h2{opacity:1}#home.fadein1.scrollin1 a.trats,#contact.fadein.scrollin .contact-group a.trats{opacity:1;transform:translate(0,0)}.fadein.scrollin .mCustomScrollbar .task img{opacity:1;transform:translate(0,0)}.fadein.scrollin .mCustomScrollbar .task .task-desc{opacity:1;transform:translate(0,0)}.fadein.scrollin .ele-a,.fadein.scrollin .ele-b,.fadein.scrollin .ele-c{opacity:1;transform:translate(0,0)}.fadein.scrollin #container1{opacity:1;transform:translate(0,0)}.fadein.scrollin .caseset aside{opacity:1;transform:translate(0,0)}div.wpcf7-response-output{margin:2em 0 1em;width:95%;text-align:center}#wpfront-scroll-top-container{right:6%!important}.single #primary{padding-top:230px;text-align:center}.single #main h1{float:none;font-size:2em;margin-bottom:1%}.single #main time{margin-bottom:3%;display:block}.single #main article{margin-top:3%}@media screen and (max-width:680px){#container{font-size:90%}#container header .center{width:100%}.col-md-12{padding:0 10%}#home h2,#design h2,#about h2,#casestudies h2,#contact h2{margin-bottom:30px}.page-id-257 #home h2{font-size:2.2em}h2 span{display:block}#home.scrollin2,#about.scrollin{background-size:cover}#home.scrollin2{background:url("/img/homebg2m.jpeg") no-repeat}#home .center,#design .center,#about .center,#casestudies .center,#contact .center{margin:0 auto 40px;padding-top:100px;word-break:break-word}#home .skill{margin:0 0 auto;width:100px}#home .skill a.trats{width:100px;height:100px;margin:25px 0 0}#home .center{text-align:center}#home .skill a.trats span.number{padding:12px 0 5px;font-size:35px}#home .skill a.trats span.number i{margin-top:10px}#design .mCustomScrollbar{height:auto;width:85%;margin:20% auto}.mCSB_scrollTools .mCSB_draggerContainer{display:none}.mCSB_container{width:auto!important;text-align:center}.mCustomScrollbar .task{margin-left:10px}.mCustomScrollbar .task .task-desc{padding:40px 0 40px}.mCustomScrollbar .task img,.mCustomScrollbar .task,.mCustomScrollbar .task .task-desc{width:auto!important;float:none}.fadein.scrollin .mCustomScrollbar .task img{width:50%!important}#about.scrollin{background:url("/img/about4-bg4.jpg") no-repeat;background-size:cover}.ele-a,.ele-b,.ele-c{width:100%;margin-top:30px;padding:2%;height:96%;float:none}#about .center .career{height:auto}#portfolio>div:before{content:'Portfolio';font-size:48px;line-height:55px;font-family:'Work Sans',sans-serif;font-weight:100;display:block;text-align:center}.project-list li{width:100%;text-align:center}.project-list li a img{width:90%;margin:5px 0}.form-right,.form-left,.wpcf7-submit,.wpcf7-textarea{width:100%}#container header .center.menu-collapsed{width:100%;text-align:center}#container h1{float:none}.menu-collapsed{transition:all .25s;position:fixed;top:4px;left:9px;height:92px;width:60px;z-index:11;cursor:pointer}.menu-collapsed ul{transition:all .05s;position:fixed;left:-9000px}.bar:before{transition:all .25s;content:"";position:absolute;left:0;top:-8px}.bar:after{transition:all .25s;content:"";position:absolute;left:0;top:8px}#container div.center.menu-collapsed.menu-expanded{transition:all .25s;text-align:center;height:100%;width:100%;border-radius:0;top:0;left:0;background-color:rgba(0,0,0,.85)}.menu-expanded ul{transition:all .05s;position:relative;left:0;z-index:12;margin:100px 0}.menu-expanded ul li{margin:10px 0}nav,.menu-expanded ul,.menu-expanded ul li{float:none;overflow:visible}.menu-expanded a{transition:all .15s;text-decoration:none;color:#fff;font-size:2em;font-family:'Quicksand',sans-serif;padding:5px;height:auto}.menu-expanded a:hover{transition:all .15s;letter-spacing:2px;border:1px solid rgba(255,255,255,.15)}.menu-expanded .bar{background-color:transparent;transition:all .25s}.menu-expanded .bar:before{transition:all .25s;content:"";transform:rotate(45deg);top:0}.menu-expanded .bar:after{transition:all .25s;content:"";transform:rotate(-45deg);top:0}}