#txt_analyzing{
  position: absolute;
  width: 100%;
  font-size: calc(60 * var(--asR));
  text-align: center;
  top: calc(345 * var(--asR));
}

#txt_progress{
  position: absolute;
  width: 100%;
  color: #38D200;
  font-size: calc(259 * var(--asR));
  font-weight: bold;
  text-align: center;
  top: calc(437 * var(--asR));
  text-shadow: calc(3 * var(--asR)) calc(3 * var(--asR)) calc(6 * var(--asR)) rgba(0,0,0,0.5);
}

#txt_progress > span{
  font-size: calc(138 * var(--asR));
}

#p_analyzing{
  position: absolute;
  width: 100%;
  aspect-ratio: 1230/740;
  top: calc(803 * var(--asR));

  display: flex;
  justify-content: center;
}

#bg_analyzing{
  width: calc(946.5722 * var(--asR));
  height: calc(704.5125 * var(--asR));
  background-color: rgba(33, 32, 66, 0.69);
  border-radius: calc(30 * var(--asR));
  border-top-right-radius: calc(90 * var(--asR));
  margin-top: calc(8.1561 * var(--asR));
  mix-blend-mode: multiply;
}

#img_analyzing_1{
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}



#result_logo{
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

#p_result_1{
  position: absolute;
  aspect-ratio: 1230/1450;
  width: 100%;
  top: calc(320 * var(--asR));
  left: 0;

  display: flex;
  justify-content: center;
}

#bg_result_1{
  width: calc(1142 * var(--asR));
  height: calc(468 * var(--asR));
  background-color: rgba(33, 32, 66, 0.69);
  border-radius: calc(20 * var(--asR));
  margin-top: calc(101.6522 * var(--asR));
  mix-blend-mode: multiply;
}

/*#bg_result_1[type~="1"]{
  height: calc(514 * var(--asR));
  margin-top: calc(25.6287 * var(--asR));
}*/

#img_result_1{
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

#r1_c_0{
  position: absolute;
  width: calc(440 * var(--asR));
  top: calc(126.4335 * var(--asR));
  left: calc(18.915 * var(--asR));
}

#r1_c_1{
  position: absolute;
  width: calc(440 * var(--asR));
  top: calc(81 * var(--asR));
  left: calc(26 * var(--asR));
}

#r1_c_2{
  position: absolute;
  width: calc(410 * var(--asR));
  top: calc(140 * var(--asR));
  left: calc(40 * var(--asR));
}

#r1_c_3{
  position: absolute;
  width: calc(440 * var(--asR));
  top: calc(97 * var(--asR));
  left: calc(-15 * var(--asR));
}

#btn_result_next{
  position: absolute;
  width: 100%;
  aspect-ratio: 1230/165;
  top: calc(1800 * var(--asR));

  background: url("../ui/result/btn_result_next.png");
  background-size: cover;
}

#img_result_2{
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

#btn_result_finish{
  position: absolute;
  width: 100%;
  aspect-ratio: 1230/164;
  top: calc(1800 * var(--asR));

  background: url("../ui/result/btn_result_finish.png");
  background-size: cover;
}

#img_result_3{
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

#img_result_3_bottom{
  position: absolute;
  width: 100%;
  top: calc(1782 * var(--asR));
  left: 0;
}

#r3_c_0{
  position: absolute;
  width: calc(440 * var(--asR));
  top: calc(75 * var(--asR));
  left: calc(55 * var(--asR));
}

#r3_c_1{
  position: absolute;
  width: calc(390 * var(--asR));
  top: calc(100 * var(--asR));
  left: calc(80 * var(--asR));
}

#r3_c_2{
  position: absolute;
  width: calc(330 * var(--asR));
  top: calc(135 * var(--asR));
  left: calc(125 * var(--asR));
}

#r3_c_3{
  position: absolute;
  width: calc(400 * var(--asR));
  top: calc(60 * var(--asR));
  left: calc(50 * var(--asR));
}

#result_QRcode{
  position: absolute;
  width: calc(220 * var(--asR));/*170*/
  height: calc(220 * var(--asR));
  left: calc(65.7 * var(--asR));/*115.7*/
  top: calc(1756.6687 * var(--asR));/*1776.6687*/
}


#result_QRcode > canvas{
  width: 100%;
  height: 100%;
}