/* ===================================================================
top
=================================================================== */
.mod-footer__s-bnr {
  display: block;
}

.top-jack {
  margin: 30px auto;
}

@media screen and (max-width: 560px) {
  .top-jack {
    margin: 0 auto 20px;
  }
}

.top-pickup {
  margin: 50px auto;
}

@media screen and (max-width: 560px) {
  .top-pickup {
    margin: 10px auto 20px;
  }
}

.top-thismonth {
  padding: 70px 0;
}

@media screen and (max-width: 560px) {
  .top-thismonth {
    padding: 40px 0;
  }
}

.top-thismonth__btn {
  margin-top: 50px;
}

@media screen and (max-width: 560px) {
  .top-thismonth__btn {
    margin-top: 25px;
  }
}

.top-nextmonth {
  background-color: #fcf7e0;
  padding: 70px 0;
}

@media screen and (max-width: 560px) {
  .top-nextmonth {
    padding: 40px 0;
  }
}

.top-nextmonth__btn {
  margin-top: 50px;
}

@media screen and (max-width: 560px) {
  .top-nextmonth__btn {
    margin-top: 25px;
  }
}

.top-info {
  padding: 50px 0;
}

@media screen and (max-width: 560px) {
  .top-info {
    padding: 30px 0;
  }
}

@media screen and (max-width: 560px) {
  .top-info .mod-block-wrapper {
    padding: 0;
  }
}

@media screen and (max-width: 560px) {
  .top-info__title {
    padding: 0 20px;
  }
}

.top-info__btn {
  margin-top: 30px;
}

@media screen and (max-width: 560px) {
  .top-info__btn {
    margin-top: 20px;
  }
}

.top-m-bnr {
  border-top: 3px solid #e6e6e6;
  padding: 50px 0;
}

@media screen and (max-width: 560px) {
  .top-m-bnr {
    padding: 30px 0;
  }
}

.top-official {
  background-color: #f5f5f5;
  padding: 50px 0;
}

@media screen and (max-width: 560px) {
  .top-official {
    padding: 30px 0;
  }
}