body{margin:0px;background-color:#f3f9ff}body .background{font-family:Noto Sans JP,sans-serif;text-align:center;min-height:100vh;padding:5vh 0;box-sizing:border-box}body .background .top_area{width:90%;margin:auto}body .background .text_l{font-size:20px;font-weight:700;line-height:30px}body .background .indicator{position:relative}body .background .indicator .iphone_img{width:70%;margin:30px 0}body .background .indicator .percent{position:absolute;top:55%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%)}body .background .indicator .percent svg{width:250px;height:250px;transform:rotate(-90deg)}body .background .indicator .percent svg circle{fill:none;stroke-width:8;stroke:#d9d9d9;stroke-dasharray:6;stroke-dashoffset:0;stroke-linecap:square}body .background .indicator .percent svg .line{stroke-width:15;stroke-dashoffset:0;stroke:#03a9f4;stroke-linecap:round}body .background .indicator .percent svg .circleAnime20{animation:circleAnime20 1s forwards}body .background .indicator .percent svg .circleAnime80{animation:circleAnime80 1s forwards}body .background .indicator .percent svg .circleAnime100{animation:circleAnime100 1s forwards}body .background .count_area{position:absolute;top:55%;left:52%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);color:#111}body .background .count_area .count{color:#009bf3}body .background .count_area .count #number{font-size:64px;font-weight:700}body .background .count_area .count .unit{font-size:22px}@keyframes circleAnime20{0%{stroke-dasharray:0 625}99.9%,to{stroke-dasharray:120 625}}@keyframes circleAnime80{0%{stroke-dasharray:121 625}99.9%,to{stroke-dasharray:486 625}}@keyframes circleAnime100{0%{stroke-dasharray:487 625}99.9%,to{stroke-dasharray:625 625}}