@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes testingAnime{0%{opacity:0;scale:1}20%{opacity:1;scale:1}to{opacity:0;scale:1.02 1.05}}@keyframes progressTextAnime{0%{opacity:1}10%{opacity:0}20%{opacity:1}30%{opacity:0}40%{opacity:1}50%{opacity:0}60%{opacity:1}}@keyframes scaleIn{0%{transform:scale(0)}10%{transform:scale(1.1)}20%{transform:scale(1)}80%{transform:scale(1)}90%{transform:scale(1.1)}to{transform:scale(0)}}.speedMeter{padding:0 10px}.speedMeter .c-inner{max-width:768px}@media screen and (max-width: 768px){.speedMeter .c-inner{width:90%;max-width:600px}}.speedMeter_contents{display:grid;gap:2em;grid-template-columns:5fr 1fr}@media screen and (max-width: 768px){.speedMeter_contents{display:block;position:relative}}.speedMeter_item{position:relative;font-size:20px}@media screen and (max-width: 768px){.speedMeter_item{font-size:4.1666666667vw}}.speedMeter_text{text-align:center}.speedMeter_text h3{font-size:.9em;font-weight:700}.speedMeter_text p{margin-top:.3em;line-height:1.1;font-weight:700;font-size:2.7em}.speedMeter_text p:after{display:block;font-weight:400;font-size:.4em}.speedMeter_text p small{font-size:.6em}.speedMeter_text.is-dl,.speedMeter_text.is-ul{position:absolute;top:45%;left:50%;translate:-50% -50%;line-height:1.5}.speedMeter_text.is-dl p:after,.speedMeter_text.is-ul p:after{content:"Mbps"}.speedMeter_text p:after{content:"ms"}.speedMeter_wrap{display:grid;gap:2em;grid-template-columns:1fr 1fr}@media screen and (max-width: 768px){.speedMeter_wrap{display:block}}@media screen and (max-width: 768px){.speedMeter_left .speedMeter_item{width:85%;margin:0 auto}}@media screen and (max-width: 768px){.speedMeter_right .speedMeter_item{width:65%;margin-top:-20%}}.speedMeter_aside{margin-top:15%}@media screen and (max-width: 768px){.speedMeter_aside{margin-top:0;position:absolute;bottom:15%;right:0}}@media screen and (max-width: 768px){.speedMeter_aside .speedMeter_item{font-size:3.2552083333vw}}@media screen and (max-width: 768px){.speedMeter_aside .speedMeter_item .speedMeter_text h3{font-size:1.2em}}.speedMeter_aside .speedMeter_item p{font-size:2.3em}.speedMeter_aside .speedMeter_item+.speedMeter_item{margin-top:1em}.speedMeter_aside .speedMeter_text p{margin-top:0;white-space:nowrap;display:flex;align-items:baseline;justify-content:center}.speedMeter_back{rotate:z -108deg}.speedMeter_front{position:absolute;top:0;left:0;width:100%;height:100%;rotate:z -108deg}.p-speedStart{padding:0 10px;margin-top:-3%}.p-speedStart__btn{position:relative;z-index:10}.p-speedStart__btn p{text-align:center;line-height:1.35}.p-speedStart__btn p a{text-decoration:underline}.p-speedStart__btn button{font-size:20px}@media screen and (max-width: 768px){.p-speedStart__btn button{font-size:16px}}.p-speedStart__btn button{margin-left:auto;margin-right:auto}.p-speedStart__btn button{display:flex;justify-content:center;align-items:center;flex-direction:column}.p-speedStart__btn button{position:relative;cursor:pointer;font-weight:700;border:.15em solid #009be1;border-radius:.5em;color:#fff;background:#009be1;padding:.6em 1em;line-height:1.4}.p-speedStart__btn button:hover{text-decoration:none;color:#009be1;background:#fff}.p-speedStart__btn button{margin-top:20px}@media screen and (max-width: 768px){.p-speedStart__btn button{margin-top:12px}}.p-speedStart__btn button{width:90%;max-width:400px}.p-speedStart__progress{font-size:20px}@media screen and (max-width: 768px){.p-speedStart__progress{font-size:16px}}.p-speedStart__progress{margin-left:auto;margin-right:auto}.p-speedStart__progress{text-align:center;font-weight:700;width:90%;max-width:400px}.p-speedStart__progressText{letter-spacing:.2em;color:#009be1;transition:color .1s}.p-speedStart__progressText.is-anime{color:#003273;animation:progressTextAnime 5s infinite}.p-speedStart__copy{margin-top:40px}@media screen and (max-width: 768px){.p-speedStart__copy{margin-top:25px}}.p-speedStart__copy{display:flex;gap:.5em;color:#009be1;align-items:center;justify-content:center;font-weight:700;cursor:pointer;transition:.3s}.p-speedStart__copy:before{content:"";width:1.5em;height:1.5em;mask:url(/images/result/icon-clipboard.svg) center/contain no-repeat;background-color:#009be1;transition:.3s}.p-speedStart__copy.is-copied{color:#fa636a}.p-speedStart__copy.is-copied:before{mask:url(/images/result/icon-good.svg) center/contain no-repeat;background-color:#fa636a;animation:scaleIn 3s ease-out}.scroll{font-size:20px}@media screen and (max-width: 768px){.scroll{font-size:16px}}@media screen and (max-width: 768px){.scroll{padding:40px 10px}}@media screen and (max-width: 768px) and (max-width: 768px){.scroll{padding:25px 10px}}.scroll .c-inner{position:relative}.scroll_down{font-size:.7em;position:absolute;right:-4em;top:-4em;writing-mode:vertical-rl;height:8.6em;letter-spacing:.1em}@media screen and (max-width: 768px){.scroll_down{writing-mode:unset;position:static;height:auto;text-align:center}}.scroll_down:before{animation:scroll 2s infinite;background-color:#000;bottom:0;content:"";left:0;margin:auto;position:absolute;right:0;width:.05em;height:5em}@media screen and (max-width: 768px){.scroll_down:before{top:2em;bottom:unset;height:3em}}@keyframes scroll{0%{transform:scaleY(0);transform-origin:0 0}50%{transform:scale(1);transform-origin:0 0}51%{transform:scale(1);transform-origin:0 100%}to{transform:scaleY(0);transform-origin:0 100%}}
