main {
  padding: 120px 0 100px;
}
@media (max-width: 760px) {
  main {
    padding-top: 104px;
  }
}
#archive h1 {
  position: relative;
  text-align: center;
  font-size: clamp(20px, 4vw, 45px);
  line-height: 1.42;
  width: fit-content;
  color: var(--pink);
  padding: 0 min(4vw, 20px);
  margin: 0 auto min(4vw, 20px);
}
#archive h1::after {
  content: "";
  position: absolute;
  top: max(-2vw, -10px);
  right: max(-4vw, -20px);
  width: min(7.5vw, 37.5px);
  aspect-ratio: 1;
  background-image: url("../images/common/icon_sparkle.webp");
  background-position: center;
  background-size: contain;
}
.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.wrapper-main {
  flex: 1;
}
.main-inner {
  width: min(1180px, calc(100% - 56px));
  margin: 0 auto;
}