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}}.bg-gray2{background-color:rgba(107,90,149,0.04)}.bg-gray3{background-color:#242424}.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}.mb64{margin-bottom:64px}.mb80{margin-bottom:80px}.mb90{margin-bottom:90px}.mb120{margin-bottom:120px}.mb130{margin-bottom:130px}.mmt50{margin-top:-30px}body,html{overflow-x:hidden}@media screen and (max-width: 1439px){.section .container{max-width:980px}}@media screen and (max-width: 1279px){.row{margin-right:0;margin-left:0}}@media screen and (max-width: 1024px){.container{padding-right:64px;padding-left:64px}}@media screen and (max-width: 767px){.container{padding-right:25px;padding-left:25px}}.section.headline{padding:100px 0 72px;margin-top:220px}.section.headline h1{margin-bottom:8px}@media screen and (max-width: 767px){.section.headline{padding:60px 0 24px;margin-top:260px}}.bg-img{width:100%;height:720px;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover;background-position:center}.bg-img.kv{background-image:url(../../img/works/easycard-cover-1440@2x.jpg)}@media screen and (max-width: 1279px){.bg-img{height:924px}.bg-img.kv{height:924px;background-image:url(../../img/works/easycard-cover-768@2x.jpg)}}@media screen and (max-width: 767px){.bg-img{height:320px}.bg-img.kv{height:320px;background-image:url(../../img/works/easycard-cover-375@2x.png)}}.section.intro{padding:60px 0 60px 0}.section.intro .col-logo{width:50%;padding-right:60px}.section.intro .col-logo img{max-width:450px}.section.intro .col-intro{width:50%;padding-left:30px}.section.intro .col-intro h3{margin-bottom:10px}@media screen and (max-width: 1279px){.section.intro{padding:60px 0}.section.intro .col-logo{width:100%;padding-right:0}.section.intro .col-intro{width:100%;padding-left:0}.section.intro .col-intro h3{text-align:center;margin-top:30px}.section.intro .col-intro p{margin:0 auto;text-align:center}}@media screen and (max-width: 767px){.section.intro img{max-width:240px}}.section.project-background .col-left{width:50%;padding-right:30px}.section.project-background .col-right{width:50%;padding-left:90px}.section.project-background .link{display:inline-block;padding-top:46px;font-weight:bold;line-height:26px;padding-right:48px;vertical-align:top}.section.project-background .link:after{content:"";width:40px;height:40px;display:inline-block;vertical-align:top;background-image:url(../../img/works/ico-arrow-circle.png);background-size:contain;padding-right:6px}.section.project-background .link:hover{opacity:0.6}@media screen and (max-width: 1439px){.section.project-background .col-left{padding-right:10px}.section.project-background .col-right{padding-left:70px}}@media screen and (max-width: 1279px){.section.project-background .col-left{width:100%;padding-right:0;padding-bottom:40px}.section.project-background .col-right{width:100%;padding-left:0}.section.project-background .col-right img{max-width:474px}}@media screen and (max-width: 767px){.section.project-background{padding:64px 0 45px 0}}.section.plan{padding:80px 0}.section.plan .row{display:flex}.section.plan .col-left{width:50%;padding-right:90px;padding-top:32px;order:-1}.section.plan .col-right{width:50%;padding-left:30px}@media screen and (max-width: 1439px){.section.plan .col-left{padding-right:70px;order:-1}.section.plan .col-right{padding-left:10px}}@media screen and (max-width: 1279px){.section.plan .col-left{width:100%;padding-right:0;padding-top:40px;order:0}.section.plan .col-left img{max-width:480px}.section.plan .col-right{width:100%;padding-left:0}}@media screen and (max-width: 767px){.section.plan{padding:64px 0}}.section.color-plan .col-left{width:50%;padding-right:30px}.section.color-plan .col-right{width:50%;padding-left:90px}.section.color-plan .col-right img{padding-bottom:16px}.section.color-plan .col-right img:last-of-type{padding-bottom:0}@media screen and (max-width: 1439px){.section.color-plan .col-left{padding-right:10px}.section.color-plan .col-right{padding-left:70px}}@media screen and (max-width: 1279px){.section.color-plan .col-left{width:100%;padding-right:0;padding-bottom:40px}.section.color-plan .col-right{width:100%;max-width:495px;padding-left:0;margin:0 auto}}@media screen and (max-width: 767px){.section.color-plan{padding:64px 0}}.section.icon-plan{padding:80px 0 128px 0}.section.icon-plan .col-full{width:100%}.section.icon-plan .top-text{max-width:920px;padding-bottom:80px}.section.icon-plan .down-pic{text-align:center}.section.icon-plan .down-pic .pic1{max-width:408px;padding-right:40px}.section.icon-plan .down-pic .pic2{max-width:480px}.section.icon-plan .down-pic img{display:inline-block}@media screen and (max-width: 1279px){.section.icon-plan{padding:80px 0}.section.icon-plan .top-text{padding-bottom:40px}.section.icon-plan .down-pic{text-align:left}.section.icon-plan .down-pic .pic1{padding-right:0;padding-bottom:24px}}@media screen and (max-width: 767px){.section.icon-plan{padding:64px 0}}.section.ui{height:700px;padding:60px 0 80px 0;margin-bottom:340px;background-image:url(../../img/works/easycard-city-1440.svg);background-repeat:no-repeat;background-size:cover;background-position:bottom center}.section.ui .col-full{width:100%}.section.ui .top-text{padding-bottom:60px}.section.ui .down-pic{width:100%;display:flex;justify-content:center;align-items:start}.section.ui .down-pic img{width:1060px}@media screen and (max-width: 1279px){.section.ui{height:580px;margin-bottom:200px;background-image:url(../../img/works/easycard-city-768.svg)}.section.ui .top-text{padding-bottom:40px}.section.ui .down-pic img{width:100%;max-width:600px}}@media screen and (max-width: 767px){.section.ui{height:600px;padding:60px 0 0 0;margin-bottom:80px;background-image:url(../../img/works/easycard-city-375.svg);background-size:100%}.section.ui .top-text{min-height:360px;padding-bottom:60px}.section.ui .down-pic{margin-bottom:-60px}.section.ui .down-pic img{max-width:400px}}.section.form{padding:0 0 128px 0}.section.form .col-full{width:100%}.section.form .top-text{padding-bottom:40px}.section.form .down-pic{width:100%;display:flex;justify-content:center;align-items:start}.section.form .down-pic img{width:1240px}@media screen and (max-width: 1439px){.section.form .down-pic img{width:1160px}}@media screen and (max-width: 1279px){.section.form .down-pic img{width:680px}}@media screen and (max-width: 767px){.section.form{padding:64px 0}.section.form .down-pic img{width:100%;max-width:680px}}.section.situation .col-left{width:50%;padding-right:30px}.section.situation .col-right{width:50%;padding-left:50px}.section.situation .left-text{padding-bottom:90px}.section.situation .left-pic{position:relative}.section.situation .left-pic .p1-a{max-width:540px}.section.situation .left-pic .p1-b{position:absolute;top:-48px;left:calc(50% - 107px);max-width:215px;animation:bebe 2s infinite}.section.situation .right-pic{position:relative;margin-top:-250px}.section.situation .right-pic .p2-a{margin:0;max-width:490px}.section.situation .right-pic .p2-b{position:absolute;top:-32px;left:20px;max-width:197px}@media screen and (max-width: 1439px){.section.situation .col-left{padding-right:20px}.section.situation .col-right{padding-left:80px}.section.situation .right-pic .p2-b{left:40px}}@media screen and (max-width: 1279px){.section.situation{padding:80px 0 156px 0}.section.situation .left-text{width:100%;padding-bottom:120px}.section.situation .left-pic{position:relative;width:calc(50% + 64px);margin-left:-64px;padding-right:70px}.section.situation .left-pic img{margin:0 auto}.section.situation .left-pic .p1-a{position:absolute;top:0;right:20px;width:420px}.section.situation .left-pic .p1-b{top:-48px;left:auto;right:160px;width:173px}.section.situation .right-pic{position:relative;width:calc(50% + 64px);margin-right:-64px;margin-top:-50px;padding-left:70px}.section.situation .right-pic .p2-a{margin:0;width:380px}.section.situation .right-pic .p2-b{top:-32px;left:40px;width:158px}}@media screen and (max-width: 767px){.section.situation{padding:64px 0}.section.situation .left-text{padding-bottom:76px}.section.situation .left-pic{width:calc(50% + 25px);margin-left:-25px}.section.situation .left-pic .p1-a{top:0;right:20px;width:200px}.section.situation .left-pic .p1-b{top:-14px;right:86px;width:77px}.section.situation .right-pic{width:calc(50% + 25px);margin-right:-25px;margin-top:-50px;padding-left:20px}.section.situation .right-pic .p2-a{margin:0;width:200px}.section.situation .right-pic .p2-b{top:-14px;left:6px;width:84px}}@keyframes bebe{0%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}100%{transform:rotate(-6deg)}}.section.rwd{padding:80px 0 0 0}.section.rwd .row{display:flex}.section.rwd .col-left{width:55%;order:-1}.section.rwd .col-left img{margin:0;max-width:644px}.section.rwd .col-right{width:45%;max-width:500px;padding-left:80px}@media screen and (max-width: 1439px){.section.rwd .col-left{width:50%;padding-right:10px}.section.rwd .col-right{width:50%;max-width:500px;padding-left:70px}}@media screen and (max-width: 1279px){.section.rwd .col-left{width:100%;padding-right:0;order:0}.section.rwd .col-left img{margin:0 auto}.section.rwd .col-right{width:100%;max-width:none;padding-left:0;padding-bottom:40px}}@media screen and (max-width: 767px){.section.rwd{padding:64px 0 0 0}}.section.ending{padding:128px 0 24px 0}.section.ending .row{display:flex;justify-content:center}.section.ending .col-small{padding:0;max-width:540px}.section.ending .col-small h4{font-size:20px;color:#4a4a4a;font-weight:normal;opacity:1}@media screen and (max-width: 1279px){.section.ending{padding:80px 0 24px 0}}@media screen and (max-width: 767px){.section.ending{padding:64px 0 24px 0}.section.ending .col-small{width:100%;max-width:none}.section.ending .col-small h4{font-size:16px}}.section.author{padding:0 0 64px 0}.section.author .row{display:flex;justify-content:center}.section.author .col-small{display:flex;justify-content:left;padding:0;width:540px;max-width:540px}.section.author .col-small .author-pic{padding-right:16px}.section.author .col-small .author-pic img{width:48px}.section.author .col-small .author-des h6{text-align:left;font-weight:bold;line-height:1.8}.section.author .col-small .author-des h6.title{opacity:0.5}@media screen and (max-width: 767px){.section.author{padding:0 0 48px 0}.section.author .col-small{width:100%;max-width:none}}.section.cta{padding:80px 0}@media screen and (max-width: 767px){.section.cta{padding:80px 0 60px}}.section.more .tag-box .tag{color:#4A4A4A;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3;margin:0 3px}.section.more .tag-box .tag:hover{color:#1A75FF;filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}.section.more .more-href img{-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.section.more .more-href h4{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;color:#4A4A4A}.section.more .more-href:hover img{-moz-transform:scale(0.94);-ms-transform:scale(0.94);-webkit-transform:scale(0.94);transform:scale(0.94)}.section.more .more-btn{font-size:20px;color:#4A4A4A;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5;line-height:47px;margin-right:5px;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;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;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);opacity:0.6}@media screen and (max-width: 767px){.section.more .mb40{margin-bottom:25px}.section.more .more-btn{font-size:14px}.section.more .col.column{flex-grow:inherit;flex-basis:inherit}}