#Contents .archive-wrapper {
  padding-right: calc(5 * (100vw / 375));
  padding-left: calc(5 * (100vw / 375));
  color: #333;
  font-family: Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
  font-style: normal;
  font-weight: 500;
}

#Contents .archive-title-txt {
  padding-bottom: calc(20 * (100vw / 375));
  border-bottom: solid 1px #000;
  font-size: calc(14 * (100vw / 375));
  letter-spacing: .1em;
  line-height: 1;
  text-align: center;
  font-weight: 700;
}

#Contents .archive-list {
  margin-top: calc(30 * (100vw / 375));
  padding-left: calc(85 * (100vw / 375));
}

#Contents .archive-list-item {
  margin-bottom: calc(20 * (100vw / 375));
}

#Contents .archive-list-item__link-txt {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  font-size: calc(13 * (100vw / 375));
  letter-spacing: .1em;
  line-height: 1;
  column-gap: calc(6 * (100vw / 375));
}

#Contents .archive-list-item__link-txt::before {
  content: "";
  display: block;
  width: calc(12 * (100vw / 375));
  height: calc(12 * (100vw / 375));
  background:
    url(archive-arrow.svg) center / 100% no-repeat;
}

#Contents .archive-list li:last-of-type {
  margin-bottom: 0;
}


@media only screen and (min-width: 768px) {

  /* ===========================
      * Style of PC-view *
    =========================== */
  #Contents .archive-wrapper {
    width: 100%;
    max-width: 108rem;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem;
  }

  #Contents .archive-title-txt {
    padding-bottom: 2rem;
    font-size: 2rem;
  }

  #Contents .archive-list {
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-top: 3rem;
    padding-left: 24.8rem;
  }

  #Contents .archive-list-item {
    margin-bottom: 2rem;
  }

  #Contents .archive-list-item__link-txt {
    font-size: 1.6rem;
  }

  #Contents .archive-list li:nth-of-type(odd) {
    margin-right: 7rem;
  }

  #Contents .archive-list-item__link-txt {
    column-gap: 1rem;
    font-size: 1.6rem;
  }

  #Contents .archive-list-item__link-txt::before {
    width: 1.6rem;
    height: 1.6rem;
  }
}