.archive {
  padding: 200px 0;
  font-size: var(--font-size-default);
}

.archive-inner {
  width: 1200px;
  margin: 0 auto;
}

.archive .head {
  margin-bottom: 66px;
  color: var(--main-color-green);

  .title-en {
    font-size: var(--font-size-headline-h2-en);
    font-family: var(--font-family-en);
    letter-spacing: 0.08rem;
    font-weight: 400;
    color: var(--main-color-green);
    margin-bottom: 12px;
  }

  .head .title-ja {
    display: flex;
    align-items: center;
    column-gap: 24px;
    color: var(--main-color-green);
  }

  .head .title-line {
    width: 90px;
    border-bottom: 1px solid var(--main-color-green);
    display: block;
  }
}

.archive-list {
  li {
    position: relative;
    display: flex;
    gap: 12px;
  }

  li:not(.last-of-type) {
    margin-bottom: 10px;
  }

  a {
    position: absolute;
    inset: 0;
  }

  .post-date {
    color: #b8c4bb;
  }
}