@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,500");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,main,article,aside,canvas,details,figcaption,figure,footer,header,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}main,article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}ol,ul,li{list-style:none}blockquote,q{quotes:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #e5e5e5;margin:11px 0 10px;padding:0}input,select{vertical-align:middle}html{font-size:16px}body{line-height:1.5;color:#fff;background:#000;font-family:roboto, sans-serif;font-weight:300;font-feature-settings:"palt";-webkit-text-size-adjust:100%;font-feature-settings:"palt"}table,textarea,select,input,button{font-family:inherit;font-size:inherit;font:100%}h1,h2,h3,h4,h5,h6{font-weight:100}em{font-style:normal}th{text-align:left;font-weight:bold;vertical-align:top}address{font-style:normal}small{font-size:80%}a{color:#75d2db;transition:opacity 0.3s ease}a:hover{opacity:0.7}img{vertical-align:bottom;max-width:100%}main{min-width:1000px}::selection{color:#fff;background:#85b5d8}::-moz-selection{color:#fff;background:#85b5d8}iframe[name="google_conversion_frame"]{position:absolute;right:0;bottom:0;height:0;width:0;font-size:0}.is-scrollDisabled{overflow:hidden}.container.is-mouse-left{cursor:url("../img/common/cursor_left.png"),url("../img/common/cursor_left.cur"),auto}.container.is-mouse-right{cursor:url("../img/common/cursor_right.png"),url("../img/common/cursor_right.cur"),auto}[data-page="0"] .container.is-mouse-right,[data-page="6"] .container.is-mouse-left{cursor:pointer}.loading{position:fixed;width:100%;height:100%;background:#000;z-index:17}.loading img{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px}.header .logo{position:fixed;left:25px;top:25px;z-index:11}.header .menu{position:fixed;right:20px;top:10px;width:50px;height:52px;z-index:15;cursor:pointer;background:rgba(0,0,0,0)}.header .menu::before{position:absolute;left:0;top:10px;content:'';width:50px;height:2px;background:#fff;transition:0.3s}.header .menu::after{position:absolute;left:0;bottom:10px;content:'';width:50px;height:2px;background:#fff;visibility:visible;transition:0.3s}.header .menu span{position:absolute;left:0;top:25px;content:'';width:50px;height:2px;background:#fff;overflow:hidden;font-size:0;text-indent:-999px;transition:0.2s}.header.is-show .menu::before{top:25px;transform:rotate(-135deg)}.header.is-show .menu::after{bottom:25px;transform:rotate(135deg)}.header.is-show .menu span{opacity:0;transform:rotate(-90deg)}.header .overlay{visibility:hidden;opacity:0;z-index:14;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;cursor:pointer}.header .nav{position:fixed;right:0;top:0;width:240px;height:100%;background:rgba(0,0,0,0.8);z-index:14;-webkit-transition:-webkit-transform .15s;-moz-transition:-moz-transform .15s;transition:transform .15s;-webkit-transform:translateX(256px);-moz-transform:translateX(256px);-ms-transform:translateX(256px);-o-transform:translateX(256px);transform:translateX(256px);line-height:50px;cursor:default}.header .nav .middle{margin:0;left:0;width:auto}.header .nav li{padding:0 20px}.header .nav li ul{padding-top:0}.header .nav li a{padding:0 20px;display:inline-block;color:#fff;text-decoration:none}.header .nav li a:hover{opacity:1}.header .nav .social{padding-top:30px;padding-bottom:17px;line-height:23px;text-align:center}.header .nav .social .facebook,.header .nav .social .twitter,.header .nav .social .youtube{margin:0 10px;display:inline-block;width:23px;vertical-align:bottom}.header.is-show .overlay{visibility:visible;opacity:1}.header.is-show .nav{display:block;-webkit-transition:-webkit-transform .2s;-moz-transition:-moz-transform .2s;transition:transform .2s;-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transform:translateX(0px)}.header .d-drawer-is-show .d-drawer-link,.header .d-drawer-is-show .d-drawer-sub.is-down{-webkit-overflow-scrolling:touch;overflow-scrolling:touch}.header .lang{position:fixed;right:120px;top:10px;z-index:12}.header .lang p{line-height:52px}.header .lang ul{position:absolute;left:10px;top:50px;padding:8px 0;background:rgba(255,255,255,0.8);border-radius:3px;visibility:hidden;opacity:0;-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);transform:translateY(-10px);-moz-transition:-moz-transform .3s ease .1s,opacity .3s ease .1s,visibility .3s ease .1s;-o-transition:-o-transform .3s ease .1s,opacity .3s ease .1s,visibility .3s ease .1s;-webkit-transition:-webkit-transform .3s ease,opacity .3s ease,visibility .3s ease;-webkit-transition-delay:.1s,.1s,.1s;transition:transform .3s ease .1s,opacity .3s ease .1s,visibility .3s ease .1s}.header .lang ul:before{content:'';width:0;height:0;border:6px solid transparent;border-bottom:6px solid rgba(255,255,255,0.8);position:absolute;left:18px;top:-12px}.header .lang:hover ul{visibility:visible;opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);-moz-transition:-moz-transform .5s ease 0s,opacity .5s ease 0s,visibility 0s ease 0s;-o-transition:-o-transform .5s ease 0s,opacity .5s ease 0s,visibility 0s ease 0s;-webkit-transition:-webkit-transform .5s ease,opacity .5s ease,visibility 0s ease;-webkit-transition-delay:0s,0s,0s;transition:transform .5s ease 0s,opacity .5s ease 0s,visibility 0s ease 0s}.header .lang a{display:block;padding:2px 15px;color:#29abe2}.footer{position:fixed;left:0;bottom:0;width:100%;z-index:13;padding-top:60px;font-size:.625rem}.footer .overlay{visibility:hidden;opacity:0;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;cursor:pointer}.footer .menu{cursor:pointer;position:absolute;left:0;top:0;width:80px;height:60px;display:block;background:rgba(0,0,0,0)}.footer .menu:after{content:'';position:absolute;left:26px;top:30px;width:14px;height:14px;display:block;border:1px solid #fff;border-width:1px 1px 0 0;-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.footer.is-show .overlay{visibility:visible;opacity:1}.footer.is-show .menu:after{-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg)}.footer .content{position:relative;display:none;width:100%;padding:20px;box-sizing:border-box;background:rgba(0,0,0,0.8);cursor:default}.footer .lang{display:none}.footer .notice{margin-bottom:10px}.footer .terms li{margin-right:10px;display:inline-block}.footer .copyright{position:absolute;right:20px;bottom:20px;font-size:.75rem}.page{position:fixed;left:0;top:0;width:100%;height:100%;overflow:hidden}.inner{position:absolute;left:0;top:0;width:100vw;height:100vh}.bg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.bg video{display:block;max-width:none;max-height:none}.bg .overlay{position:absolute;left:0;top:0;width:100%;height:100%}.bg .overlay img{width:100%;height:100%;display:block}.middle{position:absolute;left:50%;top:50%;margin:-325px 0 0 -475px;width:950px;box-sizing:border-box}.middle:after{content:"";display:table;clear:both}.link{position:absolute;left:50%;bottom:0;width:250px;padding:72px 38px 30px;cursor:default;margin-left:-163px}.link .btn{border:1px solid #fff;display:block;width:100%;line-height:48px;color:#fff;font-size:1.125rem;font-weight:500;letter-spacing:.1em;text-align:center;text-decoration:none;box-sizing:border-box}.link .btn:hover{opacity:1;color:#333;background:#fff}.number{position:absolute;right:40px;top:50%;margin-top:-9px;color:#fff;font-size:.75rem;font-weight:500}.slider-pager{position:absolute;left:50%;bottom:-50px;padding:25px 0;width:150px;height:20px;line-height:10px;text-align:center;cursor:default;margin-left:-75px}.slider-btn{margin:0 2px;padding:5px;display:inline-block;opacity:.2;cursor:pointer}.slider-btn:after{display:inline-block;content:'';width:10px;height:10px;line-height:10px;border-radius:5px;background:#fff}.slider-btn:hover{opacity:.5}.slider-btn.is-current{opacity:1}.slider-item{opacity:0;-moz-transition:opacity .5s ease-in;-o-transition:opacity .5s ease-in;-webkit-transition:opacity .5s ease-in;transition:opacity .5s ease-in}.slider-item.is-current{opacity:1;-moz-transition:opacity .5s ease-out;-o-transition:opacity .5s ease-out;-webkit-transition:opacity .5s ease-out;transition:opacity .5s ease-out}.modal{z-index:16;position:fixed;left:0;top:0;width:100%;height:100%;cursor:pointer;display:none}.modal .overlay{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;background:rgba(0,0,0,0.7)}.modal .content{position:absolute;left:50%;top:50%;width:720px;height:405px;margin:-202.5px 0 0 -360px;box-shadow:0 0 10px 0 rgba(0,0,0,0.5)}.modal iframe{width:100%;height:100%}.modal .close{position:absolute;right:-37px;top:-36px;cursor:pointer}@keyframes blink{0%{opacity:0}30%{opacity:1}45%{opacity:1}100%{opacity:0}}.page1{z-index:10}.page1 .inner{background:url("../img/apple/1/bg.jpg") 50% 50% no-repeat;background-size:cover}.page1 .img{margin:0 auto;position:relative;width:700px;height:343px}.page1 .cable{position:absolute;width:18px;left:60px;top:275px}.page1 .ray{position:absolute;left:-80px;top:80px}.page1 .mobile{position:relative;width:138px}.page1 .mobile>div{width:100%;position:absolute;left:0;top:0}.page1 .ddx{position:absolute;right:0;top:23px;width:480px}.page1 .ddx>.slider-item{width:100%;position:absolute;right:0;top:0}.page1 .ddx>.slider-item:first-child{position:static;right:auto;top:auto}.page1 .shadow{position:absolute;right:0;top:100%}.page1 .next{position:absolute;right:0;top:50%;margin-top:-36px}.page1 .txt{position:relative}.page1 .txt h1{margin-bottom:30px;text-align:center;font-size:3.5rem;line-height:1}.page1 .txt p{font-size:.9375rem;line-height:1.6}.page1 .ddx1{opacity:0;-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-webkit-transform:translateY(-20px);transform:translateY(-20px);-moz-transition:-moz-transform 1s ease 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s ease 0s,opacity 1s ease 0s;-webkit-transition:-webkit-transform 1s ease,opacity 1s ease;-webkit-transition-delay:0s,0s;transition:transform 1s ease 0s,opacity 1s ease 0s}.page1 .shadow{opacity:0;-moz-transform:translateY(20px);-ms-transform:translateY(20px);-webkit-transform:translateY(20px);transform:translateY(20px);-moz-transition:-moz-transform 1s ease 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s ease 0s,opacity 1s ease 0s;-webkit-transition:-webkit-transform 1s ease,opacity 1s ease;-webkit-transition-delay:0s,0s;transition:transform 1s ease 0s,opacity 1s ease 0s}.page1 .mobile1{opacity:0;-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-webkit-transform:translateY(-20px);transform:translateY(-20px);-moz-transition:-moz-transform 1s ease .2s,opacity 1s ease .2s;-o-transition:-o-transform 1s ease .2s,opacity 1s ease .2s;-webkit-transition:-webkit-transform 1s ease,opacity 1s ease;-webkit-transition-delay:.2s,.2s;transition:transform 1s ease .2s,opacity 1s ease .2s}.page1 .slider-pager{opacity:0;-moz-transition:opacity .5s ease .5s;-o-transition:opacity .5s ease .5s;-webkit-transition:opacity .5s ease;-webkit-transition-delay:.5s;transition:opacity .5s ease .5s}.page1 .mobile2{opacity:0;-moz-transition:opacity .5s ease .8s;-o-transition:opacity .5s ease .8s;-webkit-transition:opacity .5s ease;-webkit-transition-delay:.8s;transition:opacity .5s ease .8s}.page1 .cable{-moz-transform:translateY(50px);-ms-transform:translateY(50px);-webkit-transform:translateY(50px);transform:translateY(50px);-moz-transition:-moz-transform 1s ease .2s;-o-transition:-o-transform 1s ease .2s;-webkit-transition:-webkit-transform 1s ease;-webkit-transition-delay:.2s;transition:transform 1s ease .2s}.page1 .ray{opacity:0;visibility:hidden}.is-ie9 .page1 .ddx1,.is-ie9 .page1 .shadow,.is-ie9 .page1 .mobile1,.page1.is-current .ddx1,.page1.is-current .shadow,.page1.is-current .mobile1{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.is-ie9 .page1 .slider-pager,.page1.is-current .slider-pager{opacity:1}.is-ie9 .page1 .cable,.page1.is-current .cable{-moz-transform:translateY(30px);-ms-transform:translateY(30px);-webkit-transform:translateY(30px);transform:translateY(30px);-moz-transition:-moz-transform 1s ease .2s;-o-transition:-o-transform 1s ease .2s;-webkit-transition:-webkit-transform 1s ease;-webkit-transition-delay:.2s;transition:transform 1s ease .2s}.is-ie9 .page1 [data-slide="1"] .cable,.is-ie9 .page1 [data-slide="2"] .cable,.is-ie9 .page1 [data-slide="3"] .cable,.is-ie9 .page1 [data-slide="4"] .cable,.is-ie9 .page1 [data-slide="5"] .cable,.page1.is-current [data-slide="1"] .cable,.page1.is-current [data-slide="2"] .cable,.page1.is-current [data-slide="3"] .cable,.page1.is-current [data-slide="4"] .cable,.page1.is-current [data-slide="5"] .cable{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);-moz-transition:-moz-transform 1s ease 0s;-o-transition:-o-transform 1s ease 0s;-webkit-transition:-webkit-transform 1s ease;-webkit-transition-delay:0s;transition:transform 1s ease 0s}.is-ie9 .page1 [data-slide="1"] .mobile2,.is-ie9 .page1 [data-slide="2"] .mobile2,.is-ie9 .page1 [data-slide="3"] .mobile2,.is-ie9 .page1 [data-slide="4"] .mobile2,.is-ie9 .page1 [data-slide="5"] .mobile2,.page1.is-current [data-slide="1"] .mobile2,.page1.is-current [data-slide="2"] .mobile2,.page1.is-current [data-slide="3"] .mobile2,.page1.is-current [data-slide="4"] .mobile2,.page1.is-current [data-slide="5"] .mobile2{opacity:1}.is-ie9 .page1 [data-slide="1"] .ray,.page1.is-current [data-slide="1"] .ray{-moz-animation:blink 1.8s linear 1s 1;-webkit-animation:blink 1.8s linear 1s 1;animation:blink 1.8s linear 1s 1;visibility:visible}#android1 .inner{background-image:url("../img/android/1/bg.jpg")}#android1 .mobile>div{top:10px}#android1 .cable{left:61px;top:267px}.page2{z-index:9}.page2 .inner{background:url("../img/apple/2/bg.jpg") 50% 50% no-repeat;background-size:cover}.page2 .img{margin-left:160px;width:221px}.page2 .mobile{position:relative}.page2 .mobile2{position:absolute;left:0;top:0}.page2 .cable{position:absolute;left:76px;top:344px}.page2 .ray{position:absolute;left:-92px;top:105px;width:358px}.page2 .txt{width:475px}.page2 .txt h2{margin-bottom:30px;font-size:3.5rem;line-height:1}.page2 .txt p{font-size:.9375rem;line-height:1.6}.page2 .txt .copy{margin-bottom:10px;font-size:1.125rem}.page2 .mobile2{opacity:0;-moz-transition:opacity .5s ease .8s;-o-transition:opacity .5s ease .8s;-webkit-transition:opacity .5s ease;-webkit-transition-delay:.8s;transition:opacity .5s ease .8s}.page2 .cable{-moz-transform:translateY(30px);-ms-transform:translateY(30px);-webkit-transform:translateY(30px);transform:translateY(30px);-moz-transition:-moz-transform 1s ease 0s;-o-transition:-o-transform 1s ease 0s;-webkit-transition:-webkit-transform 1s ease;-webkit-transition-delay:0s;transition:transform 1s ease 0s}.page2 .ray{opacity:0;-moz-transition:opacity .5s ease .3s;-o-transition:opacity .5s ease .3s;-webkit-transition:opacity .5s ease;-webkit-transition-delay:.3s;transition:opacity .5s ease .3s}.is-ie9 .page2 .mobile2,.page2.is-current .mobile2{opacity:1}.is-ie9 .page2 .cable,.page2.is-current .cable{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.is-ie9 .page2 .ray,.page2.is-current .ray{opacity:1}#android2 .inner{background-image:url("../img/android/2/bg.jpg")}#android2 .cable{left:97px;top:411px}.page3{z-index:8}.page3 .inner{background:url("../img/apple/3/bg.jpg") 50% 50% no-repeat;background-size:cover}.page3 .ddx{float:right;position:relative;width:475px;margin-bottom:70px}.page3 .ddx>.slider-item{width:100%}.page3 .ddx2{position:absolute;right:0;top:0}.page3 .shadow{position:absolute;right:0;top:100%}.page3 .txt1{margin-bottom:30px;padding-top:40px;float:left;width:425px}.page3 .txt1 h2{margin-bottom:35px;font-size:3.5rem;line-height:1.16071}.page3 .txt1 dl{line-height:1.875}.page3 .txt1 dt,.page3 .txt1 dd{display:inline-block}.page3 .txt1 dt{width:11.5em}.page3 .txt1 img{margin-left:5px;vertical-align:middle}.page3 .txt2{clear:both}.page3 .txt2 p{font-size:.9375rem;line-height:1.6}.page3 .ddx1{opacity:0;-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-webkit-transform:translateY(-20px);transform:translateY(-20px);-moz-transition:-moz-transform 1s ease 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s ease 0s,opacity 1s ease 0s;-webkit-transition:-webkit-transform 1s ease,opacity 1s ease;-webkit-transition-delay:0s,0s;transition:transform 1s ease 0s,opacity 1s ease 0s}.page3 .shadow{opacity:0;-moz-transform:translateY(20px);-ms-transform:translateY(20px);-webkit-transform:translateY(20px);transform:translateY(20px);-moz-transition:-moz-transform 1s ease 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s ease 0s,opacity 1s ease 0s;-webkit-transition:-webkit-transform 1s ease,opacity 1s ease;-webkit-transition-delay:0s,0s;transition:transform 1s ease 0s,opacity 1s ease 0s}.page3 .slider-pager{opacity:0;-moz-transition:opacity .5s ease .5s;-o-transition:opacity .5s ease .5s;-webkit-transition:opacity .5s ease;-webkit-transition-delay:.5s;transition:opacity .5s ease .5s}.is-ie9 .page3 .ddx1,.is-ie9 .page3 .shadow,.page3.is-current .ddx1,.page3.is-current .shadow{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.is-ie9 .page3 .slider-pager,.page3.is-current .slider-pager{opacity:1}#android3 .inner{background-image:url("../img/android/3/bg.jpg")}.page4{z-index:7}.page4 .inner{background:url("../img/apple/4/bg.jpg") 50% 50% no-repeat;background-size:cover}.page4 .ddx{float:left;position:relative;width:475px;margin-bottom:70px}.page4 .ddx>.slider-item{width:100%}.page4 .ddx2{position:absolute;right:0;top:0}.page4 .shadow{position:absolute;right:0;top:100%}.page4 .txt1{float:right;width:425px}.page4 .txt1 h2{margin-bottom:35px;font-size:3.5rem;line-height:1.16071}.page4 .txt1 p{font-size:.9375rem;line-height:1.6}.page4 .ddx1{opacity:0;-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-webkit-transform:translateY(-20px);transform:translateY(-20px);-moz-transition:-moz-transform 1s ease 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s ease 0s,opacity 1s ease 0s;-webkit-transition:-webkit-transform 1s ease,opacity 1s ease;-webkit-transition-delay:0s,0s;transition:transform 1s ease 0s,opacity 1s ease 0s}.page4 .shadow{opacity:0;-moz-transform:translateY(20px);-ms-transform:translateY(20px);-webkit-transform:translateY(20px);transform:translateY(20px);-moz-transition:-moz-transform 1s ease 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s ease 0s,opacity 1s ease 0s;-webkit-transition:-webkit-transform 1s ease,opacity 1s ease;-webkit-transition-delay:0s,0s;transition:transform 1s ease 0s,opacity 1s ease 0s}.page4 .slider-pager{opacity:0;-moz-transition:opacity .5s ease .5s;-o-transition:opacity .5s ease .5s;-webkit-transition:opacity .5s ease;-webkit-transition-delay:.5s;transition:opacity .5s ease .5s}.is-ie9 .page4 .ddx1,.is-ie9 .page4 .shadow,.page4.is-current .ddx1,.page4.is-current .shadow{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.is-ie9 .page4 .slider-pager,.page4.is-current .slider-pager{opacity:1}#android4 .inner{background-image:url("../img/android/4/bg.jpg")}.page5{z-index:6}.page5 .inner{background:url("../img/apple/5/bg.jpg") 50% 50% no-repeat;background-size:cover}.page5 .ddx{float:right;position:relative;width:475px}.page5 .ddx>.slider-item{width:100%}.page5 .ddx2{position:absolute;right:0;top:0}.page5 .shadow{position:absolute;right:0;top:100%}.page5 .txt{float:left;width:425px}.page5 .txt h2{margin-bottom:35px;font-size:3.5rem;line-height:1.16071}.page5 .txt p{font-size:.9375rem;line-height:1.6}.page5 .ddx1{opacity:0;-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-webkit-transform:translateY(-20px);transform:translateY(-20px);-moz-transition:-moz-transform 1s ease 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s ease 0s,opacity 1s ease 0s;-webkit-transition:-webkit-transform 1s ease,opacity 1s ease;-webkit-transition-delay:0s,0s;transition:transform 1s ease 0s,opacity 1s ease 0s}.page5 .shadow{opacity:0;-moz-transform:translateY(20px);-ms-transform:translateY(20px);-webkit-transform:translateY(20px);transform:translateY(20px);-moz-transition:-moz-transform 1s ease 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s ease 0s,opacity 1s ease 0s;-webkit-transition:-webkit-transform 1s ease,opacity 1s ease;-webkit-transition-delay:0s,0s;transition:transform 1s ease 0s,opacity 1s ease 0s}.page5 .slider-pager{opacity:0;-moz-transition:opacity .5s ease .5s;-o-transition:opacity .5s ease .5s;-webkit-transition:opacity .5s ease;-webkit-transition-delay:.5s;transition:opacity .5s ease .5s}.is-ie9 .page5 .ddx1,.is-ie9 .page5 .shadow,.page5.is-current .ddx1,.page5.is-current .shadow{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.is-ie9 .page5 .slider-pager,.page5.is-current .slider-pager{opacity:1}#android5 .inner{background-image:url("../img/android/5/bg.jpg")}.page6{z-index:5}.page6 .inner{background:url("../img/apple/6/bg.jpg") 50% 50% no-repeat;background-size:cover}.page6 .txt{text-align:center}.page6 .txt1{margin-bottom:30px;font-size:2.25rem;line-height:1;font-weight:100;opacity:0;-moz-transform:translateY(10px);-ms-transform:translateY(10px);-webkit-transform:translateY(10px);transform:translateY(10px);-moz-transition:-moz-transform 1.6s ease 0s,opacity 1.6s ease 0s;-o-transition:-o-transform 1.6s ease 0s,opacity 1.6s ease 0s;-webkit-transition:-webkit-transform 1.6s ease,opacity 1.6s ease;-webkit-transition-delay:0s,0s;transition:transform 1.6s ease 0s,opacity 1.6s ease 0s}.page6 .txt2{font-size:3.5rem;line-height:1.16071;font-weight:100;opacity:0;-moz-transform:translateY(10px);-ms-transform:translateY(10px);-webkit-transform:translateY(10px);transform:translateY(10px);-moz-transition:-moz-transform 1.6s ease .4s,opacity 1.6s ease .4s;-o-transition:-o-transform 1.6s ease .4s,opacity 1.6s ease .4s;-webkit-transition:-webkit-transform 1.6s ease,opacity 1.6s ease;-webkit-transition-delay:.4s,.4s;transition:transform 1.6s ease .4s,opacity 1.6s ease .4s}.is-ie9 .page6 .txt1,.is-ie9 .page6 .txt2,.page6.is-current .txt1,.page6.is-current .txt2{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}#android6 .inner{background-image:url("../img/android/6/bg.jpg")}.page7{z-index:4}.page7 .inner{background:url("../img/apple/7/bg.jpg") 50% 50% no-repeat;background-size:cover}.page7 h2{margin-bottom:35px;padding-top:35px;font-size:3.5rem;line-height:1.16071;text-align:center}.page7 h3{font-size:1.125rem}.page7 p{margin-bottom:5px;font-size:.9375rem;line-height:1.6}.page7 .model{display:table;margin:0 auto}.page7 .row{margin-bottom:35px}.page7 .row:after{content:"";display:table;clear:both}.page7 .col{float:left}.page7 .col:after{content:"";display:table;clear:both}.page7 .model1,.page7 .model2,.page7 .model3{margin-right:15px;float:left;width:178px}.page7 .col:last-child .model1:last-child,.page7 .col:last-child .model2:last-child,.page7 .col:last-child .model3:last-child{margin-right:0}.page7 .ddx{opacity:0;-moz-transform:translateY(-8px);-ms-transform:translateY(-8px);-webkit-transform:translateY(-8px);transform:translateY(-8px);-moz-transition:-moz-transform 1s ease 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s ease 0s,opacity 1s ease 0s;-webkit-transition:-webkit-transform 1s ease,opacity 1s ease;-webkit-transition-delay:0s,0s;transition:transform 1s ease 0s,opacity 1s ease 0s}.page7 .ddx img{max-height:95px}.page7 .shadow{opacity:0;-moz-transform:translateY(8px);-ms-transform:translateY(8px);-webkit-transform:translateY(8px);transform:translateY(8px)}.page7 .shadow img{max-height:40px}.page7 .prev{position:absolute;left:-78px;top:50%;margin-top:-36px}.is-ie9 .page7 .ddx,.is-ie9 .page7 .shadow,.page7.is-current .ddx,.page7.is-current .shadow{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}#android7 .inner{background-image:url("../img/android/7/bg.jpg")}.is-mobile .page{position:relative;left:auto;top:auto;width:100%;height:auto}.is-mobile .inner{position:relative;left:auto;top:auto;height:auto}.is-mobile .middle{position:relative;left:auto;top:auto;margin:0;width:auto}.is-mobile .number{display:none}.is-mobile .link{position:relative;left:auto;top:auto;width:auto;padding:0 10px 30px;margin:0}.is-mobile .modal .content{position:absolute;left:0;top:50%;width:100%;height:0;margin:-28.125% 0 0 0;padding-top:56.25%}.is-mobile .modal .content iframe{position:absolute;left:0;top:0;width:100%;height:100%}.is-mobile .header .logo{position:absolute}.is-mobile .header .nav .middle{padding-top:20px}.is-mobile .header .lang{display:none}.is-mobile .footer{position:relative;left:auto;bottom:auto;padding-top:0}.is-mobile .footer .overlay,.is-mobile .footer .menu{display:none}.is-mobile .footer .content{padding:30px 10px 10px;display:block}.is-mobile .footer .copyright{padding:10px;position:static;right:auto;bottom:auto}.is-mobile .footer .lang{display:block;padding-top:20px;padding-bottom:10px;border-top:1px solid #555;margin-top:30px;font-size:12px}.is-mobile .footer .lang ul{margin-top:10px}.is-mobile .footer .lang li{margin-right:10px;display:inline-block}.is-mobile .page1 .img{width:auto;height:auto;height:210px}.is-mobile .page1 .next{display:none}.is-mobile .page1 .ray{width:75px;top:126px;left:50%;margin-left:-119px}.is-mobile .page1 .cable{top:178px;left:50%;width:5px;margin-left:-83px}.is-mobile .page1 [data-slide="0"] .cable{-moz-transform:translateY(10px);-ms-transform:translateY(10px);-webkit-transform:translateY(10px);transform:translateY(10px)}.is-mobile .page1 .mobile{top:90px;left:50%;width:43px;margin-left:-103px}.is-mobile .page1 .ddx{top:100px;right:50%;width:150px;margin-right:-110px}.is-mobile .page1 .txt{padding:30px 10px}.is-mobile .page1 .txt h1{margin-bottom:20px;font-size:36px;text-align:center}.is-mobile .page1 .txt p{font-size:16px}.is-mobile #android1 .cable{left:50%;top:181px}.is-mobile .page2 .img{height:270px}.is-mobile .page2 .ray{top:100px;left:50%;width:179px;margin-left:-89.5px}.is-mobile .page2 .cable{top:221px;left:50%;width:11px;margin-left:-5.5px;-moz-transform:translateY(10px);-ms-transform:translateY(10px);-webkit-transform:translateY(10px);transform:translateY(10px)}.is-mobile .page2.is-current .cable{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.is-mobile .page2 .mobile{top:50px;left:50%;width:86px;margin-left:-43px}.is-mobile .page2 .txt{padding:30px 10px}.is-mobile .page2 .txt h2{margin-bottom:20px;font-size:36px;text-align:center}.is-mobile .page2 .txt p{font-size:16px}.is-mobile #android2 .ray{top:90px}.is-mobile #android2 .cable{left:50%;top:209px}.is-mobile .page3 .txt1{margin-bottom:0;padding:30px 10px 0;float:none;width:auto}.is-mobile .page3 .txt1 h2{margin-bottom:20px;font-size:36px;text-align:center}.is-mobile .page3 .txt1 p{font-size:16px}.is-mobile .page3 .txt1 dl{text-align:center;line-height:1.5}.is-mobile .page3 .txt1 dd{margin-bottom:20px}.is-mobile .page3 .txt1 dt{margin-bottom:0;display:block;width:auto}.is-mobile .page3 .ddx{margin:10px auto;float:none;width:240px}.is-mobile .page3 .txt2{padding:30px 10px}.is-mobile .page3 .txt2 p{font-size:16px}.is-mobile .page4 .txt1{padding:30px 10px;float:none;width:auto}.is-mobile .page4 .txt1 h2{margin-bottom:20px;font-size:36px;text-align:center}.is-mobile .page4 .txt1 p{font-size:16px}.is-mobile .page4 .ddx{margin:0 auto 30px;float:none;width:240px}.is-mobile .page5 .txt{padding:30px 10px;float:none;width:auto}.is-mobile .page5 .txt h2{margin-bottom:20px;font-size:36px;text-align:center}.is-mobile .page5 .txt p{font-size:16px}.is-mobile .page5 .ddx{margin:0 auto 50px;float:none;width:240px}.is-mobile .page6 .txt{padding:30px 10px}.is-mobile .page6 .txt1{margin-bottom:20px;font-size:28px;line-height:1.2}.is-mobile .page6 .txt2{font-size:36px;line-height:1.2}.is-mobile .page7 h2{padding-top:30px;margin-bottom:20px;font-size:36px;text-align:center}.is-mobile .page7 .model{margin:0 10px;padding-bottom:10px;display:block}.is-mobile .page7 .row{margin-bottom:0}.is-mobile .page7 .col{margin-bottom:20px;float:none;max-width:none}.is-mobile .page7 .col:nth-child(2n){margin-left:0}.is-mobile .page7 h3{font-size:16px}.is-mobile .page7 .model1,.is-mobile .page7 .model2,.is-mobile .page7 .model3{margin-right:4%;width:48%;min-height:129px}.is-mobile .page7 .model1:nth-child(2n+1),.is-mobile .page7 .model2:nth-child(2n+1),.is-mobile .page7 .model3:nth-child(2n+1){margin-right:0}.is-mobile .page7 .ddx img{min-height:0}@media screen and (max-width: 767px){.m-pc{display:none}}@media screen and (min-width: 768px){.m-sp{display:none}}.m-noScroll{overflow:hidden}.m-btn{display:block;margin:0 auto;padding:20px 0;border:0;width:100%;max-width:330px;line-height:20px;color:#fff;background:#8b062c;box-shadow:0 3px 3px 0 rgba(0,0,0,0.2);text-align:center;box-sizing:border-box;cursor:pointer;text-decoration:none;transition:opacity 0.3s ease, box-shadow 0.3s ease;position:relative;letter-spacing:.1em}.m-btn:after{position:absolute;right:18px;top:50%;margin-top:-7.8px;display:block;content:'';width:13px;height:13px;border:1px solid #fff;border-width:1px 1px 0 0;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s}.m-btn:hover:after{-moz-transform:rotate(45deg) translate(3px, -3px);-webkit-transform:rotate(45deg) translate(3px, -3px);-o-transform:rotate(45deg) translate(3px, -3px);-ms-transform:rotate(45deg) translate(3px, -3px);transform:rotate(45deg) translate(3px, -3px)}.m-btn:hover{opacity:0.7}.m-btn:active{transform:translateY(1px);box-shadow:0 2px 2px 0 rgba(0,0,0,0.2)}@media screen and (max-width: 767px){.m-btn{padding:16px 0}}
/*# sourceMappingURL=common.css.map */