/* -----------------------
  sekei
----------------------- */
.sekei {
  background: url(../img/sekei_bg.png) no-repeat center top / 100%, #DAACBF;
}

.sekei .sekei_ttl p {
  position: absolute;
  top: max(calc(-92 / 960 * 100vw), -92px);
  right: 0;
  width: min(calc(506 / 960 * 100vw), 506px);
}

.sekei div[class^="sk"] {
  display: grid;
  justify-items: center;
}

.sekei div[class^="sk"]>*,
.sekei .sk_01 ul,
.sekei .sk_01 ul li {
  grid-area: 1 / 1;
  align-self: end;
  z-index: 1;
}

.sekei .sk_01 ul {
  display: grid;
}

.sekei .sk_01 ul li {
  align-self: start;
}

.sekei .sk_05 ul {
  position: absolute;
  align-self: start;
  top: min(calc(90 / 960 * 100vw), 90px);
}

.sekei .sk_05 ul li {
  position: relative;
}

.sekei .sk_05 ul li:first-child {
  top: 0;
}

.sekei .sk_05 ul li:nth-child(2) {
  top:min(calc(4 / 960 * 100vw), 4px);
}

.sekei .sk_05 ul li:last-child {
  bottom: 0;
}

.sekei div.sk_04 p:nth-of-type(2),
.sekei div.sk_04 p:nth-of-type(4),
.sekei div.sk_01 p:nth-of-type(1),
.sekei div.sk_01 p:nth-of-type(2),
.sekei div.sk_01 p:nth-of-type(3) {
  align-self: start;
}

.sekei div.sk_01 p:nth-of-type(2),
.sekei div.sk_04 p:nth-of-type(2) {
  z-index: 2;
}

.sekei div.sk_04 p:nth-of-type(3),
.sekei div.sk_04 p:nth-of-type(4) {
  z-index: 1;
}

.sekei div.sk_03 p:nth-of-type(3) {
  z-index: 0;
}

.sekei_foot.trigger {
  transition: all 0.9s 0s ease;
  opacity: 0;
  transform: scale(1, 1) translateY(-160px);
  transition-delay: .25s;
}

.sekei_foot.trigger.move {
  opacity: 1;
  transform: scale(1, 1) translateY(0);
}

.sk_03{
  position: relative;
}

.sk_more{
  position: absolute;
  top: min(calc(26 / 960 * 100vw), 26px);
  left: min(calc(79 / 960 * 100vw), 79px);
  width: min(calc(233 / 960 * 100vw), 233px);
}