/* -----------------------
  list
----------------------- */
.list {
  padding: min(23.72vw, 185px) 0 min(23.97vw, 187px);
}

.list-box + .list-box {
  margin-top: min(7.82vw, 61px);
}

.list-box {
  background: linear-gradient(to bottom, #fff, #fff) no-repeat center top / 100% min(5.64vw, 44px), #f1eee8;
}
.list-box .chk-area {
  position: relative;
}
.list-box .chk-list {
  width: min(3.46vw, 27px);
  position: absolute;
  left: min(6.67vw, 52px);
  top: min(6.92vw, 54px);
  display: grid;
  gap: min(3.85vw, 30px);
}
.list-box .chk-list .chk {
  height: min(3.59vw, 28px);
  line-height: 1;
  clip-path: inset(0 100% 0 0);
  transition: all 0.2s 0s ease-in-out;
  transition-delay: 0;
}
.list-box .chk-list .chk.trigger.move {
  clip-path: inset(0);
}

.list-box .chk-list .chk:nth-child(2) {
  transition-delay: 0.2s;
}
.list-box .chk-list .chk:nth-child(3) {
  transition-delay: 0.4s;
}