@charset "UTF-8";

.lp_wrap .utokyo .head-n li {
  position: absolute;
}
.lp_wrap .utokyo .head-n li:nth-child(1) {
  top: 10.7%;
  left: 9.7%;
  width: 58.203%;
  transition: 0.8s;
  clip-path: inset(0 100% 0 0);
}
.lp_wrap .utokyo .head-n li:nth-child(2) {
  top: 20.1%;
  left: 83.9%;
  width: 9.635%;
  transition: 0.8s 0.4s;
  clip-path: inset(0 0 100% 0);
}
.lp_wrap .utokyo .head-n li.trigger.move,
.lp_wrap .utokyo .head-n li.trigger.move ~ li {
  clip-path: inset(0);
}
.lp_wrap .utokyo .graph li {
  position: absolute;
  left: 36.3%;
  clip-path: inset(0 100% 0 0);
}
.lp_wrap .utokyo .graph li:nth-child(1) {
  top: 82.4%;
  width: 31.25%;
  transition: 0.8s;
}
.lp_wrap .utokyo .graph li:nth-child(2) {
  top: 86.9%;
  width: 36.979%;
  transition: 1s;
}
.lp_wrap .utokyo .graph li.trigger.move,
.lp_wrap .utokyo .graph li.trigger.move ~ li {
  clip-path: inset(0);
}