@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;500;700;900&display=swap");html body{box-shadow:none;max-width:none}.dnd-section{padding:0!important}.dnd-section>.row-fluid .dnd-column,.dnd-section>.row-fluid>[class*=span].dnd-module{padding:0}.bodybox h2,.bodybox h3,.bodybox h4{-webkit-text-fill-color:inherit;color:#010920}:root{--pri01:#ffc000;--pri02:#3055f0;--pri03:#4cbdff;--fsizeP:30px;--fsizeM:38px;--fsizeL:60px;--fsizeL2:80px;--fsizeXL:110px;--bggray:#f4f4f4;--pd:90px;--pd2:calc(var(--pd)*2);--pdq:calc(var(--pd)*2/3);--pdh:calc(var(--pd)/2);--gradient01:linear-gradient(135deg,#7252fa,#2e3bed 27%,#4cbdff);--gradient01b:linear-gradient(180deg,#95b7f4,#0042ef);--gradient01c:linear-gradient(90deg,#40b8fd 34%,#2e4cef);--gradient02:linear-gradient(90deg,#ff9300,#f8af00 10%,#ddd 38%,#00b1e5 130%)}.bodybox,body{background-color:#fff;font-family:rionasans-r,Noto Sans SC,sans-serif}.bodybox .mobile{display:none}.bodybox .pc{display:inline-block}sub{bottom:auto;position:static;vertical-align:baseline}.bodybox h1,.bodybox h2,.bodybox h3,.bodybox h4,.bodybox h5,.bodybox h6{font-family:rionasans-r,Noto Sans SC,sans-serif;line-height:1.2;margin:0 auto;transition:.3s}.bodybox h1{display:none}.bodybox h2{font-size:var(--fsizeXL);font-weight:700;line-height:1.5;margin:0}.bodybox h2.l2{font-size:var(--fsizeL2);margin-bottom:var(--pdq)}.bodybox h3{font-size:var(--fsizeL);font-weight:700;line-height:1.4;margin-bottom:var(--pdh)}.bodybox h4{font-size:var(--fsizeM);font-weight:700}.bodybox p{font-size:var(--fsizeP);font-weight:500;line-height:1.8}.bodybox p.y{font-weight:700}.bodybox h3 span.y,.bodybox h4.y,.bodybox p.y{color:var(--pri01);-webkit-text-fill-color:var(--pri01)}.bodybox h2 sub{font-size:var(--fsizeL)}.bodybox h2.mix span{position:relative;white-space:nowrap}.bodybox h2.mix span i{bottom:-40px;font-size:var(--fsizeM);font-style:normal;font-weight:700;left:50%;position:absolute;transform:translateX(-50%)}.bodybox h2.mix b.line{border-left:1px solid #7d7d7d;display:inline-block;height:var(--fsizeXL);margin:0 100px;vertical-align:top;width:0}.gdTxt,.gdTxt2{-webkit-background-clip:text;background-image:var(--gradient01c);-webkit-text-fill-color:transparent!important;-webkit-box-decoration-break:clone;display:inline-block}.gdTxt2{background-image:var(--gradient01b)}.ratio-fix{background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;position:relative}.ratio-fix:after{content:"";display:block;padding-top:100%}.ratio-fix.movie{border-radius:24px;overflow:hidden}.ratio-fix.movie:after{padding-top:56.25%}.ratio-fix.movie iframe,.ratio-fix.movie video{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.bodybox .block{background-position:50%;background-repeat:no-repeat;background-size:cover;color:#010920;display:block;font-size:0;margin:0 auto;max-width:2000px;overflow:hidden;padding:150px var(--pd);position:relative;text-align:center;width:100%}.bodybox .block.full{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.bodybox .block.gray{background-color:#ebf1f6}.bodybox .container{display:block;margin:0 auto;max-width:1440px;width:100%}.bodybox .container img{max-width:100%}.bodybox dd,.bodybox dl,.bodybox dt,.bodybox li,.bodybox ul{display:inline-block;list-style:none;margin:0;padding:0}div.tablebox{display:table}div.tablebox>ul{display:table-row}div.tablebox>ul>li{display:table-cell}div.lightbox{align-items:center;display:flex;height:100vh;justify-content:center;left:-150%;max-width:2000px;position:fixed;top:0;width:100%;z-index:-1}div.lightbox b.bg{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(0,0,0,.5);display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}div.lightbox .container{display:inline-block;max-width:1440px;padding:20px;position:relative;text-align:center;width:80%}div.lightbox .container .movie{width:100%;z-index:9}div.lightbox a.close{color:#fff;cursor:pointer;font-size:30px;font-weight:500;line-height:1;position:absolute;right:30px;top:-10px;z-index:3}div.lightbox.show{left:0;max-width:none;z-index:10000}i.fromlab{color:#000;font-size:12px;margin:var(--pd) auto 0;max-width:1440px;text-align:right}i.fromlab,i.vs-wd{display:block;font-style:normal;width:100%}i.vs-wd{font-size:16px;margin-top:var(--pdq);text-align:center}i.fromlab.t0,i.vs-wd.t0{margin-top:0}div.floatbox{bottom:40px;font-size:0;line-height:0;position:fixed;right:30px;z-index:9999}div.floatbox a{background-color:#575c66;border-radius:30px;color:#fff;cursor:pointer;display:inline-block;opacity:0;padding:0 15px;pointer-events:none;transition:.3s}div.floatbox a img{width:35px}div.floatbox a span{display:none}body.menu div.floatbox a{opacity:.5;pointer-events:auto}body.menu div.floatbox a:hover{box-shadow:2px 2px 8px rgba(0,0,0,.3);opacity:1}.movie a.popup{background-image:url(https://728015.fs1.hubspotusercontent-na1.net/hubfs/728015/dimensity9300/play.svg);background-position:center 80%;background-repeat:no-repeat;background-size:100px auto;cursor:pointer;display:block;height:100%;left:0;position:absolute;top:0;transition:.3s;width:100%}.movie a.popup:hover{background-size:120px auto}.compare-t{display:inline-block;font-size:0;position:relative;width:100%}.compare-t .tgroup{display:inline-block;margin:0 20px 40px;max-width:600px;vertical-align:bottom;width:calc(50% - 41px)}.compare-t.one .tgroup{margin:0 0 40px;width:100%}.compare-t .tgroup li{width:100%}.compare-t .tgroup .t1{font-size:var(--fsizeM);font-weight:900}.compare-t .tgroup .t2{-webkit-background-clip:text;background-image:var(--gradient01b);font-size:140px;font-weight:700;line-height:1.1;-webkit-text-fill-color:transparent!important;-webkit-box-decoration-break:clone;display:inline-block}.compare-t .tgroup sub{font-size:70px}.compare-t .tgroup .t3,.compare-t .tgroup .t4{font-size:30px;font-weight:700;width:100%}.compare-t .tgroup .t5{font-size:16px;font-weight:700}.compare-t b.line{border-left:1px solid #7d7d7d;display:inline-block;height:var(--fsizeXL);margin:80px 0 0;vertical-align:top;width:0}.compare-t.small .tgroup{margin:0;width:50%}.compare-t.small.one .tgroup{width:100%}.compare-t.small .tgroup .t2{font-size:90px}.block .ratio-fix.kv{max-width:1500px;width:100%}.block .ratio-fix.kv:after{padding-top:40%}.cpuSpec{overflow:hidden;position:relative}.cpuSpec img{transition:.3s}.cpuSpec .txt{background-size:auto 100%;transition:.3s;z-index:2}.cpuSpec .txt,.phoneVideo{background-repeat:no-repeat;display:inline-block;width:100%}.phoneVideo{background-image:url(https://728015.fs1.hubspotusercontent-na1.net/hubfs/728015/dimensity9300/phone.png);background-position:50%;background-size:contain;margin:0 auto;max-width:1000px;position:relative}.phoneVideo:before,.ratio-fix.movie:before{background-image:url(https://728015.fs1.hubspotusercontent-na1.net/hubfs/728015/dimensity9300/play.png);background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:64px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.5s;width:64px;z-index:9}.phoneVideo:hover,.ratio-fix.movie:hover{cursor:none}.phoneVideo:hover:before,.ratio-fix.movie.pauseVideo,.ratio-fix.movie:hover:before{opacity:0}.phoneVideo:after{content:"";display:block;padding-top:48.76%}.phoneVideo video{height:87.5%;left:50%;overflow:hidden;position:absolute;top:6.25%;transform:translateX(-50%)}.phoneVideo2{display:inline-block;margin:0 auto;max-width:1000px;overflow:hidden;position:relative;width:100%}.phoneVideo2:before{background-image:url(https://728015.fs1.hubspotusercontent-na1.net/hubfs/728015/dimensity9300/phone2p.png);background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:.5s;width:100%;z-index:9}.gray .phoneVideo2:before{background-image:url(https://728015.fs1.hubspotusercontent-na1.net/hubfs/728015/dimensity9300/phone2gp.png)}.phoneVideo2:hover{cursor:none}.phoneVideo2:hover:before{background-image:url(https://728015.fs1.hubspotusercontent-na1.net/hubfs/728015/dimensity9300/phone2.png)}.gray .phoneVideo2:hover:before{background-image:url(https://728015.fs1.hubspotusercontent-na1.net/hubfs/728015/dimensity9300/phone2g.png)}.phoneVideo2:after{content:"";display:block;padding-top:45.639%}.phoneVideo2 video{height:95.1111%;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%)}.phoneVideo2.full video{height:auto;width:96.146%}.phoneVideo2.full .mask{height:calc(100% - 2px);left:1px;overflow:hidden;position:absolute;top:1px;width:calc(100% - 2px)}.picgroup{font-size:0;width:100%}.picgroup li{padding:10px;width:20%}.picgroup .pic{background-position:50%;background-size:cover;border-radius:15px;display:inline-block;width:100%}.picgroup .pic:after{content:"";display:block;padding-top:100%}.picgroup span{display:block;font-size:var(--fsizeP);font-weight:700;margin-top:40px}span.r40{margin-right:40px}.bodybox .block.ov-1{align-items:center;background-image:url(https://728015.fs1.hubspotusercontent-na1.net/hubfs/728015/dimensity8300/overv_kv_bg.jpg);display:flex;justify-content:center;min-height:80vh}.ov-3 h3{margin-bottom:var(--pdq)}.ov-3 img{margin-right:var(--pd2);vertical-align:middle;width:45%}.ov-3 .list{font-size:var(--fsizeP);vertical-align:middle;width:calc(55% - var(--pd2))}.ov-3 .list dd,.ov-3 .list dt{text-align:left;width:100%}.ov-3 .list dt{border-bottom:2px solid #ffd44a}.ov-3 .list dd{font-size:19px;font-weight:100}.ov-3 .list dd~dt{margin-top:20px}.ov-4 .compare-t li.t1{font-size:var(--fsizeL);font-weight:700;margin-bottom:var(--pdq)}.ov-4 h3.p2{margin-top:var(--pd2)}.ov-4 .picgroup{margin-bottom:var(--pdq);width:100%}.ov-4 .picgroup li{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;margin-right:36px;width:calc(25% - 27px)}.ov-4 .picgroup li:last-child{margin-right:0}.ov-4 .picgroup li:after{content:"";display:block;padding-top:112.094%}.ov-4 .group.p3{margin-bottom:var(--pd2)}.ov-4 .group.p3 img{max-width:843px;vertical-align:middle;width:60%}.ov-4 .group.p3 .compare-t{vertical-align:middle;width:40%}.ov-4 .group.p3 .compare-t .t3{margin-bottom:40px}.ov-4 .fromlab,.ov-4 i.vs-wd{margin-top:0}.ov-5 h2.l2{margin-bottom:var(--pdq)}.ov-5 h3.p2{margin-top:var(--pd2)}.ov-5 .compare-t.one .tgroup{margin-bottom:0}.ov-5 .compare-t .tgroup sub.l2{font-size:40px;margin-left:20px}.ov-5 .compare-t .tgroup .t3.gdTxt2{font-size:40px}.ov-5 .compare-t.c2 .tgroup{width:calc(33% - 41px)}.bodybox .block.ov-6{background-image:url(https://728015.fs1.hubspotusercontent-na1.net/hubfs/728015/dimensity8300/overv_4bg.jpg)}.ov-6 .group{padding-top:var(--pd)}.ov-6 img{max-width:893px;width:60%}.ov-6 .txt,.ov-6 img{vertical-align:middle}.ov-6 .txt{display:inline-block;text-align:left;width:40%}.bodybox .block.ov-7{background-image:url(https://728015.fs1.hubspotusercontent-na1.net/hubfs/728015/dimensity8300/overv_5bg.jpg)}.ov-7 .compare-t{margin-top:var(--pdq)}.ov-8 img{max-width:837px;vertical-align:top;width:60%}.ov-8 .p1 .compare-t .tgroup,.ov-8 .p1 h3{text-align:left}.ov-8 .p1 .compare-t{vertical-align:top;width:40%}.ov-8 .p1 i.vs-wd{margin-top:0;width:85%}.ov-8 h2.l2{margin:var(--pd2) auto var(--pdq)}.ov-8 h3.p3{margin-top:var(--pd2)}.ov-8 .compare-t.one .tgroup{margin-bottom:0}.bodybox .block.ov-9{background-image:url(https://728015.fs1.hubspotusercontent-na1.net/hubfs/728015/dimensity8300/overv_7bg.jpg)}.ov-9 .compare-t,.ov-9 .group{display:inline-block;vertical-align:middle;width:50%}.ov-9 .compare-t .tgroup{margin-bottom:0}.ov-9 .txt{font-size:40px;font-weight:700;letter-spacing:5px;margin:20px 0}.ov-9 .txt img{margin-right:10px;vertical-align:middle}.ov-9 i.fromlab{margin-top:var(--pdq)}.ov-10 .fromlab{margin:var(--pd2) 0}.ov-10 h2.l2{margin-bottom:var(--pdq)}.ov-11 .compare-t{vertical-align:middle;width:25%}.ov-11 .compare-t .tgroup{width:100%}.ov-11 .group{display:inline-block;vertical-align:middle;width:75%}.ov-11 .group .pic{display:inline-block;max-width:522px;padding:0 10px;width:50%}.ov-11 .group .pic span{display:inline-block;font-size:var(--fsizeP);margin-top:10px;width:50%}.ov-12 .movie,.ov-12 h4{display:inline-block;line-height:1.5;text-align:left;vertical-align:middle;width:36%}.ov-12 .movie{width:64%}.ov-12 .group:first-child{margin-bottom:var(--pd2)}.ov-13 h2.l2{margin-bottom:var(--pdq)}.ov-13 h3.p2{margin-top:var(--pd2)}.ov-14 i.fromlab{margin-top:0}@media screen and (max-width:1600px){:root{--fsizeP:24px;--fsizeM:36px;--fsizeL:50px;--fsizeL2:70px;--fsizeXL:86px;--pd:52px}.bodybox .container{max-width:1280px}}@media screen and (max-width:1000px){:root{--fsizeP:20px;--fsizeM:34px;--fsizeL:46px;--fsizeL2:64px;--fsizeXL:80px;--pd:45px}}@media screen and (max-width:880px){:root{--fsizeP:24px;--fsizeM:36px;--fsizeL:48px;--fsizeL2:56px;--fsizeXL:70px;--pd:30px}.bodybox .pc{display:none!important}.bodybox .mobile{display:inline-block!important}.bodybox .block{padding:80px var(--pdq)}.bodybox .block.full{min-height:auto}i.fromlab{font-size:15px;margin-top:30px}i.vs-wd{margin-top:40px}.movie a.popup,.movie a.popup:hover{background-size:50px auto}.compare-t .tgroup .t2{font-size:110px}.bodybox h2.mix b.line,.compare-t b.line{border-bottom:1px solid #7d7d7d;border-left:none;height:0;margin:20px auto;width:80%}.compare-t .tgroup{margin:40px 0;width:50%}.block .cpuSpec img{display:none}.block .cpuSpec .txt{background-position:50%;background-size:auto 100%!important;margin-bottom:0;width:100%}.block .ratio-fix.kv{max-width:460px}.block .ratio-fix.kv:after{padding-top:131.25%}.picgroup li{margin-bottom:20px;width:33%}.picgroup span{margin-top:20px}span.r40{margin-right:28px}.bodybox .block.ov-1{background-image:url(https://728015.fs1.hubspotusercontent-na1.net/hubfs/728015/dimensity8300/overv_kv_bg_m.jpg);background-size:cover;display:block;padding:0;position:relative}.bodybox .block.ov-1:after{content:"";display:block;padding-top:177.656%}.bodybox .block.ov-1 .container{display:none}.ov-3 .list,.ov-3 img{margin-right:0;width:80%}.ov-3 .list{padding:0 16px}.ov-3 .list dd{font-size:var(--fsizeP);font-weight:300;padding:5px 0}.ov-4 .compare-t .tgroup,.ov-4 .group.p3 .compare-t{width:100%}.ov-4 .picgroup li{margin-bottom:36px;width:calc(50% - 18px)}.ov-4 .picgroup li:nth-of-type(2n){margin-right:0}.ov-4 .group.p3 img{margin-top:50px;width:100%}.ov-5 .compare-t.c2 .tgroup{margin-top:0;width:100%}.ov-6 .txt{margin-bottom:50px;text-align:center;width:100%}.ov-6 img,.ov-8 .p1 .compare-t{width:100%}.ov-8 .p1 .compare-t .tgroup,.ov-8 .p1 h3{text-align:center}.ov-8 img{margin-top:50px}.ov-8 .p1 i.vs-wd,.ov-8 img{width:100%}.ov-9 .txt img{width:55px}.ov-9 .compare-t{transform:scale(.9)}.ov-9 .compare-t .t3{font-size:26px}.ov-9 .txt{font-size:36px;letter-spacing:0}.ov-11 .compare-t,.ov-11 .group,.ov-11 .group .pic{margin-bottom:50px;width:100%}.ov-11 .group{margin-bottom:0}.ov-12 .movie,.ov-12 h4{margin-bottom:20px;text-align:center;width:100%}}@media screen and (max-width:640px){div.floatbox{bottom:20px;right:10px}body.menu div.floatbox a{box-shadow:2px 2px 8px rgba(0,0,0,.3);opacity:.8}div.lightbox .container{padding:30px;width:100%}}