/* -----------------------
  seibun
----------------------- */
.seibun {
  position: relative;
  background: url(../img/seibun_bg.png) no-repeat top center/ 100%;
}

.seibun h2>img:nth-child(2),
.seibun h2>img:nth-child(3) {
  position: absolute;
  top: 0;
  left: 0;
}

.seibun_circle ul li {
  position: absolute;
  width: min(calc(322/ 750 * 100vw), 322px);
}

.seibun_rotate {
  animation: seibun_rotate 8s linear infinite;
}

@keyframes seibun_rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.seibun_circle ul li:nth-child(1) {
  top: 0;
  left: min(calc(35/ 750 * 100vw), 35px);
}

.seibun_circle ul li:nth-child(2) {
  top: 0;
  right: min(calc(35/ 750 * 100vw), 35px);
}

.seibun_circle ul li:nth-child(3) {
  bottom: min(calc(122/ 750 * 100vw), 122px);
  left: min(calc(35/ 750 * 100vw), 35px);
}

.seibun_circle ul li:nth-child(4) {
  bottom: min(calc(122/ 750 * 100vw), 122px);
  right: min(calc(35/ 750 * 100vw), 35px);
}

.seibun_sub h3>img {
  position: absolute;
  top: 0;
}

.seibun_txt>p {
  position: absolute;
  top: 0;
  left: 0;
}

p.seibun_txt01,
p.seibun_txt02,
p.seibun_txt03 {
  width: min(calc(316/ 750 * 100vw), 316px);
  left: 50%;
  transform: translateX(-50%);
  clip-path: inset(0 100% 0 0);
  filter: blur(12px);
  will-change: clip-path, filter, transform;
  transition:
    clip-path .6s ease .25s,
    filter .9s ease,
    transform .9s ease;
}

p.seibun_txt01.trigger.move,
p.seibun_txt02.trigger.move,
p.seibun_txt03.trigger.move {
  clip-path: inset(0);
  filter: blur(0);
}

p.seibun_txt01 {
  top: min(calc(217/ 750 * 100vw), 217px);
}

p.seibun_txt02 {
  width: min(calc(314/ 750 * 100vw), 314px);
  top: min(calc(328/ 750 * 100vw), 328px);
}

p.seibun_txt03 {
  top: min(calc(438/ 750 * 100vw), 438px);
}