.column-main {
  background: url(../../images/bg_archive_column_pc.png) no-repeat center center;
  background-size: 100% 100%;
  padding: 120px 0 0 0;
}

.column-archive {
  position: relative;
  width: 90.25%;
  margin: 0 auto 0 auto;
  background-color: #F9F9F9;
  border-radius: 80px;
  padding: 6.6% 0 6.6% 0;
  box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.25);
}

.view-all-button-archive {
  display: block;
  cursor: pointer;

  img {
    width: 100%;
  }
}

.view-under-button-container-archive {
  width: 20.21%;
  margin: 7.6% auto 0 auto;
}

.column-archive-under {
  background: url(../../images/bg_archive_column_under_pc.png) no-repeat center center;
  background-size: 100% 100%;
  padding: 22.71% 0 17.71% 0;
  margin-top: -21vh;
}

.column-archive-under-box {
  width: 55%;
  margin: 0 auto 0 auto;
}

.column-archive-under-contact-btn {
  width: 50%;

  img {
    width: 100%;
  }
}

.column-archive-under-top-btn {
  width: 10.72%;
  margin: 5.2% auto 0 auto;
}

.no-more-posts-text {
  display: block;
  text-align: center;
  cursor: default;
}


@media screen and (max-width: 950px) {
  .column-archive-under {
    padding: 30.71% 0 17.71% 0;
  }
}


/* SP */
@media screen and (max-width: 768px) {
  .column-main {
    background: url(../../images/bg_archive_column_sp.png) no-repeat center center;
    background-size: 100% 100%;
    padding: 99px 0 0 0;
  }

  .column-archive {
    width: 87.18%;
    margin: 0 auto 0 auto;
    border-radius: 20px;
    padding: 20px 0 60px 0;
  }

  .view-under-button-container-archive {
    width: 39%;
    margin: 7.6% auto 0 auto;
  }

  .column-archive-under {
    background: url(../../images/bg_archive_column_under_sp.png) no-repeat center center;
    background-size: 100% 100%;
    padding: 189px 0 120px 0;
    margin-top: -14vh;
  }

  .column-archive-under-box {
    display: block;
    width: 87.1%;
    margin: 0 auto 0 auto;
  }

  .column-archive-under-contact-btn {
    width: 100%;

    &:nth-child(2) {
      margin-top: 20px;
    }

    img {
      width: 100%;
    }
  }

  .column-archive-under-top-btn {
    width: 29.2%;
    margin: 52px auto 0 auto;
  }
}