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)}.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: 1024px){.dn768{display:block}.mdn768{display:none !important}.m-plr114{padding:0 50px}.container{padding-right:64px;padding-left:64px}.mw380{max-width:380px}}@media screen and (max-width: 767px){.container{padding-right:25px;padding-left:25px}.m-plr48{padding:0 48px}.m-mlr38{margin:0 38px}.m-plr34{padding:0 34px}}.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/ici-img-01@2x.jpg)}.bg-img.kv .award{float:left;position:relative;top:56px;width:300px}@media screen and (max-width: 1279px){.bg-img{height:924px}.bg-img.kv{height:924px;background-image:url(../../img/works/ici-img-01-768@2x.jpg)}.bg-img.kv .award{top:56px;width:300px}}@media screen and (max-width: 767px){.bg-img{height:320px}.bg-img.kv{height:320px;background-image:url(../../img/works/ici-img-01-375@2x.jpg)}.bg-img.kv .award{top:24px;width:131px}}.section.intro{padding:60px 0}.section.intro img{max-width:450px}.section.intro h3{margin-bottom:10px}@media screen and (max-width: 1279px){.section.intro{padding:60px 0}.section.intro h3{text-align:center;margin-top:30px}.section.intro p{margin:0 auto}}@media screen and (max-width: 767px){.section.intro img{max-width:240px}}.section.project-background{overflow:hidden}.section.project-background .right .inner{position:relative}.section.project-background .right .inner img{margin-top:20px;position:relative;z-index:5;-moz-box-shadow:0 20px 20px 0 rgba(0,0,0,0.2);-webkit-box-shadow:0 20px 20px 0 rgba(0,0,0,0.2);box-shadow:0 20px 20px 0 rgba(0,0,0,0.2)}.section.project-background .right .inner .shadow{width:100%;height:100%;background-image:linear-gradient(112deg, #2c76d7, #7651ad 94%);position:absolute;top:-30px;left:60px;box-shadow:none !important}.section.project-background .app img{float:left;width:135px;margin:20px 16px 20px 0}@media screen and (max-width: 1279px){.section.project-background .right .inner{max-width:540px;margin:0 auto 0 0}.section.project-background .right .inner .shadow{width:105%}}@media screen and (max-width: 767px){.section.project-background{padding:40px 0}}.section.product-strategy{padding-bottom:0}.section.product-strategy .img-box{position:relative;display:block;margin:32px auto 80px auto;overflow-y:auto;overflow:-moz-hidden-unscrollable;-ms-overflow-style:none}.section.product-strategy .img-box::-webkit-scrollbar{display:none}.section.product-strategy .img-box img{height:485px;width:auto}.section.product-strategy p{max-width:800px}@media screen and (max-width: 1279px){.section.product-strategy .img-box{width:calc(100% + 96px);margin:0 -48px}.section.product-strategy .img-box img{padding:0 80px;margin:80px 0}}@media screen and (max-width: 767px){.section.product-strategy .img-box{width:calc(100% + 50px);margin:0 -25px}.section.product-strategy .img-box img{height:430px;padding:0 50px;margin:24px 0 64px 0}}.section.project-light{padding:40px 0 35px}.section.project-light p{max-width:920px}@media screen and (max-width: 1279px){.section.project-light{padding:40px 0 35px}}@media screen and (max-width: 767px){.section.project-light{padding:0 0 32px 0}}.section.pbg{min-height:320px}.section.ui{padding:110px 0}.section.ui .left{width:480px;padding:80px 15px 0}.section.ui .right{position:relative;width:calc(100% - 480px);padding:0 15px}.section.ui .right img{position:absolute;right:0;top:0;width:820px;z-index:5}@media screen and (max-width: 1279px){.section.ui{padding:80px 0 249px 0}.section.ui .left{width:100%;padding-top:0}.section.ui .right{width:100%}.section.ui .right img{right:calc(50% - 300px);top:20px;width:603px}}@media screen and (max-width: 767px){.section.ui{padding:64px 0 200px 0}.section.ui .right img{right:calc(50% - 200px);width:460px}}.section.color{padding:300px 0 62px 0;background-color:#241749}.section.color p{padding-bottom:32px;opacity:0.8}.section.color h6{color:#ffffff;text-align:center}.section.color .color-plate .color-block{margin:0 42px 30px 0;float:left}.section.color .color-plate .color{width:80px}.section.color .color-plate .color-block:nth-child(1),.section.color .color-plate .color-block:nth-child(5){margin-left:0}@media screen and (max-width: 1279px){.section.color .color-plate{max-width:336px;margin:0 auto}.section.color .color-plate .color-block{margin:0 10px 30px}.section.color .color-plate .clearboth{clear:both}}@media screen and (max-width: 767px){.section.color .color-block .color{margin:0 auto}}.section.video-right{padding:80px 0 550px}.section.video-right p{margin-bottom:24px}.section.video-right .left{padding-top:80px}.section.video-right .right{text-align:center}.section.video-right .right video{max-width:360px}@media screen and (max-width: 1279px){.section.video-right .col{flex-basis:inherit;flex-grow:inherit}.section.video-right .left{padding-top:0;max-width:none;margin:0 auto}.section.video-right .right{margin-top:0;text-align:center}.section.video-right .right video{max-width:320px;width:100%}}@media screen and (max-width: 767px){.section.video-right{padding:64px 0 550px}.section.video-right .left{padding-top:0}.section.video-right .right{margin-top:24px}}.section.des-full img{width:100%;max-width:1057px;margin-bottom:77px}.section.des-full .d-768{display:block}.section.des-full .d-375{display:none}@media screen and (max-width: 767px){.section.des-full .d-768{display:none}.section.des-full .d-375{display:block;max-width:450px}}.section.video-double .all{margin-top:-640px}.section.video-double .col-custom{padding-left:15px;padding-right:15px;width:50%}.section.video-double p{margin-bottom:64px}.section.video-double video{max-width:360px;width:100%}.section.video-double .right-text{max-width:500px;margin-left:50%;padding-left:65px}.section.video-double .left{margin-top:-320px;padding-right:65px;text-align:right}.section.video-double .right{padding-left:65px}@media screen and (max-width: 1279px){.section.video-double .right-text{width:100%;margin-left:0;max-width:none;padding-left:15px}.section.video-double .left{margin-top:120px;padding-right:16px;right:0}.section.video-double .right{padding-left:16px}.section.video-double p{margin-bottom:24px}.section.video-double video{max-width:320px}}@media screen and (max-width: 767px){.section.video-double .col-custom{flex:0 0 100%;width:100%}.section.video-double .col-custom video{max-width:320px;margin:0 auto}.section.video-double .left{text-align:center;margin-left:0;margin-top:0}.section.video-double .right{text-align:center;margin-top:32px}.section.video-double p{margin-bottom:24px}}.section.des-full2 .col-custom{width:calc(100% / 3);padding-right:15px;padding-left:15px}.section.des-full2 img{max-width:320px;z-index:6}.section.des-full2 .top-text{width:100%;max-width:920px}.section.des-full2 .c1{position:relative;top:80px}.section.des-full2 .c2{position:relative}.section.des-full2 .c2 .c2-tip{position:absolute;top:150px;left:194px}.section.des-full2 .c3{position:relative;top:120px}.section.des-full2 .c4{position:absolute;top:480px;left:544px}@media screen and (max-width: 1279px){.section.des-full2{padding:0 0 80px 0}.section.des-full2 .col-custom{width:50%}.section.des-full2 img{display:inline-block;max-width:320px;margin:0}.section.des-full2 .top-text{width:100%;max-width:none}.section.des-full2 .c1{text-align:left;padding-left:16px;top:0}.section.des-full2 .c2{text-align:right;top:120px;padding-right:16px;order:-1}.section.des-full2 .c2 .c2-tip{top:152px;left:auto;right:-150px}.section.des-full2 .c3{top:32px;margin-left:50%;padding-left:16px}}@media screen and (max-width: 767px){.section.des-full2 .col-custom{width:100%}.section.des-full2 .c1,.section.des-full2 .c2,.section.des-full2 .c3{top:0;padding-top:32px;padding-right:15px;padding-left:15px;margin-left:0;text-align:center}.section.des-full2 .c2{order:-1}.section.des-full2 .c2-tip{display:none}}.section.pic-left{padding:620px 0 80px;margin-top:-480px}.section.pic-left:after{content:"";display:block;position:absolute;top:0;width:100%;height:1172px;background-image:url(../../img/works/ici-bg.svg);-o-backgrssound-size:cover;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;z-index:-1}.section.pic-left .left{width:50%;height:auto}.section.pic-left .left .phone{position:absolute;width:700px;height:auto;top:42px;left:-96px;animation:ani-phone 4.8s infinite}.section.pic-left .left .light{position:absolute;width:280px;top:58px;left:240px;animation:ani-light 4.8s infinite}.section.pic-left .right{max-width:480px;margin-left:50%}@media screen and (max-width: 1279px){.section.pic-left{margin-top:-1300px;padding:1270px 0 80px}.section.pic-left:after{background-image:url(../../img/works/ici-bg-768@2x.png);height:1930px;background-size:100% 1930px}.section.pic-left .left{width:100%}.section.pic-left .left .phone{position:relative;top:auto;left:auto;text-align:center}.section.pic-left .left .light{width:280px;top:235px;left:calc(50% - 35px)}.section.pic-left .right{width:100%;max-width:none;margin-left:0;padding:0 15px}}@media screen and (max-width: 767px){.section.pic-left{margin-top:-1910px;padding:1880px 0 0}.section.pic-left:after{background-image:url(../../img/works/ici-bg-375@2x.png);height:2422px;background-size:100% 2422px}.section.pic-left .left{position:relative;width:375px;margin:0 auto}.section.pic-left .left .phone{width:520px;top:0;left:calc(50% - 260px)}.section.pic-left .left .light{width:176px;top:0;left:50%}}@keyframes ani-phone{0%{transform:translateY(0px)}50%{transform:translateY(-20px)}100%{transform:translateY(0px)}}@keyframes ani-light{0%{transform:scale(1)}50%{transform:scale(0.8)}90%{transform:scale(1)}100%{transform:scale(1)}}.section.ending{padding:360px 0 24px 0}.section.ending .row{display:flex;justify-content:center}.section.ending .row .col{padding:0;max-width:640px}.section.ending .row .col h4{font-size:20px;color:#4a4a4a;font-weight:normal;opacity:1}@media screen and (max-width: 1279px){.section.ending{padding:0 0 24px 0}}@media screen and (max-width: 767px){.section.ending{padding:0 48px 24px 48px}}.section.author{padding:0 0 64px 0}.section.author .row{display:flex;justify-content:center}.section.author .row .col{padding:0;max-width:640px}.section.author .row .col .testi{justify-content:left}.section.author .row .col .testi img{width:48px}.section.author .row .col .testi h6{font-weight:bold;line-height:1.8}.section.author .row .col .testi h6.title{opacity:0.5}.section.author .row .col .testi .p-2:nth-child(1){padding-left:0}@media screen and (max-width: 767px){.section.author{padding:0 48px 48px 48px}}.section.cta{padding:120px 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}}