/* -----------------------
  user
----------------------- */
.user {
  background: url(../img/user_bg.png) no-repeat center top / 100% auto;
}

.user ul li .user-pic{
  position: relative;
}

.user ul li .user-pic > *{
  grid-column: 1 / -1;
  grid-row: 1 / -1;
}

.user .user-num{
  z-index: 2;
}
.user .user-circle{
  position: absolute;
  top: 0;
  right: min(calc(25/960 * 100vw),25px);
  width: min(calc(259/960 * 100vw),259px);
  animation: 15s linear infinite rotation;
}

.user ul li:nth-of-type(2) .user-circle{
  left: min(calc(30/960 * 100vw),30px);
}