html,body{height:auto}body{margin:0;padding:0;width:100%;font-family:"Helvetica Neue", Helvetica, Arial, "微軟正黑體", "微软雅黑", "メイリオ", "맑은 고딕", sans-serif !important}a{font-family:"Helvetica Neue", Helvetica, Arial, "微軟正黑體", "微软雅黑", "メイリオ", "맑은 고딕", sans-serif !important}h1{font-size:42px;line-height:58px;color:#4A4A4A;font-weight:bold;margin:0}h2{font-size:30px;color:#4A4A4A;line-height:42px;font-weight:medium;opacity:.5}h3{font-size:32px;line-height:1.5;font-weight:bold;color:#4A4A4A}h4{font-size:20px;line-height:2;font-weight:normal;letter-spacing:normal;opacity:.5}h5{font-size:20px;line-height:28px;color:#4A4A4A;font-weight:300}h6{font-size:14px;color:#4A4A4A;font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-stretch:condensed;text-align:center;line-height:2.29;letter-spacing:normal}p{font-size:16px;line-height:1.9;color:#4A4A4A;opacity:.8}ul li{font-size:14px;line-height:2.29}a{transition:all 0.3s ease-in-out;text-decoration:none}a:hover{text-decoration:none}a:focus{text-decoration:none}a.blue{color:#1A75FF}a.blue:hover{color:#0065FF;text-decoration:none}a.blue:focus{color:#002F77;text-decoration:none}a.pink{color:#ff455c}a.pink:hover{color:#AF2839;text-decoration:none}a.pink:focus{color:#711823;text-decoration:none}.bg-black{background-color:#1b1b1b}.bg-gray{background-color:rgba(74,74,74,0.03)}.text-white{color:white}.opacity1{opacity:1}.b-bottom{width:100%;height:100%;opacity:.2}.b-bottom.black{background-color:#4A4A4A}.b-bottom.white{background-color:white}img{width:100%;display:block;margin:0 auto;height:auto}.container{position:relative}.div-center{top:50%;transform:translateY(-50%);position:relative}.fwbold{font-weight:bold}.dn{display:none}.mdn{display:block}.mybtn{width:145px;height:45px;color:white;text-align:center;line-height:45px;margin:20px auto 0;display:block;box-shadow:0 10px 15px 0 rgba(0,0,0,0.3);transition:all 0.3s ease-in-out}.mybtn.pinkbtn{background-color:#ff455c}.mybtn.pinkbtn:hover{background-color:#AF2839;color:white}.mybtn.pinkbtn:focus{background-color:#711823;color:white}.section{position:relative;padding:80px 0}.section.headline .container{max-width:1300px;padding:0}.section.cta{padding:120px 0 60px}.section.cta.bg-gray,.section.cta.bg-black{padding:86px 0}.section.more{padding:60px 0 80px}@media screen and (max-width: 1300px){.section.headline .container{max-width:inherit;padding:0 70px}}@media screen and (max-width: 1280px){.section.headline .container{padding:0 50px}}@media screen and (max-width: 768px){h2{font-size:20px}.section.headline .container{padding:0 25px}.section.cta{padding:80px 0 40px}.section.cta .mb120{margin-bottom:80px}.section.more{padding:40px 0 64px}.section.cta.bg-black{padding:72px 0}}@media screen and (max-width: 480px){h1{font-size:32px;line-height:normal}h2{font-size:16px;line-height:2}h3{font-size:20px}h4{font-size:20px;line-height:1.88}.section.headline{margin-top:120px}.section.cta{padding:80px 0 20px}.section.more{padding:20px 0 40px}.section.cta.bg-gray{padding:52px 0;margin-bottom:20px}}.dn768{display:none}.mdn768{display:block}.mt30{margin-top:30px}.mt60{margin-top:60px}.mt120{margin-top:120px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.mb25{margin-bottom:25px}.mb30{margin-bottom:30px}.mb40{margin-bottom:40px}.mb60{margin-bottom:60px}.mb80{margin-bottom:80px}.mb90{margin-bottom:90px}.mb120{margin-bottom:120px}.mb180{margin-bottom:180px}.mmt50{margin-top:-30px}@keyframes updown{0%{transform:translateY(0)}16.6%{transform:translateY(10%)}33.2%{transform:translateY(0)}49.8%{transform:translateY(10%)}66.4%{transform:translateY(0)}83%{transform:translateY(10%)}100%{transform:translateY(0)}}.updown{animation-name:updown;animation-duration:3.5s;animation-iteration-count:infinite}.bg-img{width:100%;height:calc(100vh - 100px);background-size:cover;background-position:center}.bg-img.kv{background-image:url(../../img/works/nespresso_img01.jpg)}.testi img{width:48px}.testi h6{line-height:1.8;font-family:HelveticaNeue}.testi .title{opacity:.5}.testi .p-2:nth-child(1){padding-left:0 !important}.section.headline{padding:100px 0 72px;margin-top:220px}.section.headline br{display:none}.section.intro{padding:60px 0}.section.intro img{max-width:350px}.section.project-background .ball{position:absolute}.section.project-background .ball.ball1{width:83px;top:-80px;right:350px}.section.project-background .ball.ball2{bottom:-140px;right:60px;width:120px}.section.project-background .ball.ball3{width:84px;top:45%;left:250px}.section.setting{padding:120px 0}.section.setting .color-plate{margin-top:90px}.section.setting .color-plate .color-block{margin:0 30px 30px;float:left}.section.setting .color-plate .color{width:62px}.section.demo{padding:138px 0 160px}.section.demo .main-img{max-width:800px;margin:0 auto}.section.demo .drop{position:absolute;top:-138px;right:50%;margin-left:-21px;width:43px}.section.demo .coffee{position:absolute}.section.demo .cafe1{width:61px;right:50px;top:-168px}.section.demo .cafe2{width:126px;top:280px;left:20px}.section.demo .cafe3{width:85px;top:962px;right:120px;z-index:5}.section.demo .cafe4{width:56px;top:1220px;left:40px}.section.demo .cafe6{width:155px;top:1680px;left:120px}.section.demo .cafe5{width:148px;top:1950px;right:120px;z-index:5}.section.demo .cafe12{width:126px;top:2530px;left:20px}.section.demo .cafe13{width:85px;top:3212px;right:120px;z-index:5}.section.demo .cafe14{width:56px;top:3470px;left:40px}.section.demo .cafe16{width:155px;top:3930px;left:120px}.section.demo .cafe15{width:148px;top:4200px;right:120px;z-index:5}.section.demo .cafe21{width:61px;right:50px;top:4500px}.section.demo .cafe22{width:126px;top:4780px;left:20px}.section.demo .cafe23{width:85px;top:5462px;right:120px;z-index:5}.section.demo .cafe24{width:56px;top:5720px;left:40px}.section.demo .cafe26{width:155px;top:6180px;left:120px}.section.demo .cafe25{width:148px;top:6450px;right:120px;z-index:5}.section.more .tag-box .tag{color:#4A4A4A;opacity:.3;margin:0 3px}.section.more .tag-box .tag:hover{color:#1A75FF;opacity:1}.section.more .more-href img{transition:all 0.3s ease-in-out;transform:scale(1)}.section.more .more-href h4{opacity:1;color:#4A4A4A}.section.more .more-href:hover img{transform:scale(0.94)}.section.more .more-btn{font-size:20px;color:#4A4A4A;opacity:.5;line-height:47px;margin-right:5px;transition:all 0.3s ease-in-out}.section.more .more-btn img{display:inline-block;width:36px;vertical-align:middle}.section.more .more-btn:hover{margin-right:8px;opacity:.6}@media screen and (max-width: 900px){.section.setting .color-plate .p-2{margin:0 10px}}@media screen and (max-width: 1024px){.dn768{display:block}.mdn768{display:none !important}.m-plr114{padding:0 50px}.container{padding-right:64px;padding-left:64px}.mw380{max-width:380px}.section.intro h3{text-align:center;margin-top:30px}.section.intro .mw450{max-width:450px;margin:0 auto}.section.project-background .ball.ball2{right:260px}.section.setting{padding:80px 0 60px}.section.setting .mb180{margin-bottom:140px}.section.setting .mb80{margin-bottom:60px}.section.intro{padding:60px 0}.section.demo .container{padding-right:114px;padding-left:114px}.section.demo .main-img{max-width:540px}.section.demo .cafe1{width:61px;right:50px;top:-168px}.section.demo .cafe2{width:98px;top:142px;left:30px}.section.demo .cafe3{width:58px;top:830px;right:100px}.section.demo .cafe4{width:48px;top:700px}.section.demo .cafe6{width:100px;top:1050px;left:90px}.section.demo .cafe5{width:100px;top:1290px;right:100px}.section.demo .cafe12{width:98px;top:1423px;left:30px}.section.demo .cafe13{width:58px;top:2120px;right:100px}.section.demo .cafe14{width:48px;top:1990px}.section.demo .cafe16{width:100px;top:2340px;left:90px}.section.demo .cafe15{width:100px;top:2580px;right:100px}.section.demo .cafe21{width:61px;right:50px;top:2880px}.section.demo .cafe22{width:98px;top:3022px;left:30px}.section.demo .cafe23{width:58px;top:3710px;right:100px}.section.demo .cafe24{width:48px;top:3580px}.section.demo .cafe26{width:100px;top:3930px;left:90px}.section.demo .cafe25{width:100px;top:4170px;right:100px}}@media screen and (max-width: 480px){.container,.section.demo .container{padding-right:25px;padding-left:25px}.bg-img{height:320px}.dn{display:block}.mdn{display:none}.section{padding:40px 0}.m-ptd64{padding:64px 0}.m-plr48{padding:0 48px}.m-mlr38{margin:0 38px}.m-plr34{padding:0 34px}.section.headline{padding:60px 0 24px;margin-top:260px}.section.headline br{display:block}.section.intro{padding:60px 0}.section.intro img{max-width:240px}.section.intro h3{text-align:center}.section.project-background .ball.ball3{width:50px;top:50%;left:150px}.section.project-background .ball.ball2{width:70px;right:100px;bottom:-75px}.section.project-background .mb30{margin-bottom:80px}.section.setting{padding:80px 0 40px}.section.setting .clearboth{clear:both}.section.setting .mb180{margin-bottom:90px}.section.setting .mb80{margin-bottom:24px}.section.setting .color-plate{margin-top:40px}.section.demo{padding:90px 0 64px}.section.demo .main-img{max-width:325px}.section.demo .drop{width:26px;margin-left:-13px;top:-90px}.section.demo .cafe1{width:38px;top:-108px;z-index:5}.section.demo .cafe2{width:50px;top:52px;left:20px;z-index:5}.section.demo .cafe3{width:48px;top:470px;right:20px;z-index:5}.section.demo .cafe4{width:35px;top:420px;left:20px;z-index:5}.section.demo .cafe6{width:60px;top:590px;left:20px}.section.demo .cafe5{width:60px;top:760px;right:20px;z-index:5}.section.demo .cafe12{width:50px;top:860px;left:20px;z-index:5}.section.demo .cafe13{width:48px;top:1330px;right:20px;z-index:5}.section.demo .cafe14{width:35px;top:1280px;left:20px;z-index:5}.section.demo .cafe15{width:60px;top:1620px;right:20px;z-index:5}.section.demo .cafe16{width:60px;top:1450px;left:20px}.section.demo .cafe23{width:48px;top:1920px;right:20px;z-index:5}.section.demo .cafe24{width:35px;top:1870px;left:20px;z-index:5}.section.demo .cafe25{width:60px;top:2410px;right:20px;z-index:5}.section.demo .cafe26{width:60px;top:2240px;left:20px}.section.demo .cafe22,.section.demo .cafe21{display:none}.section.project-background{padding:40px 0}.section.more .mb40{margin-bottom:25px}.section.more .more-btn{font-size:14px}.section.more .col.column{flex-grow:inherit;flex-basis:inherit}}@media screen and (max-width: 450px){.section.setting .color-plate{max-width:280px;margin:40px auto}.section.setting .color-plate .color-block{margin:0 15px 30px}}@media screen and (max-width: 375px){.section.project-background .ball.ball3{top:60%}}