@charset "UTF-8";

.mainvisual {
  background: url("../img/mv_times.png")no-repeat center;
  background-size: cover;
}
/* ==========================

============================= */
.backnum_list--art {
  max-width: 1024px;
  margin: 70px auto;
}
.backnum_list--art .midashi-dot {margin-left: 0;text-align: left;}


.backnum_list--main {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 28px 72px;
  margin-top: 40px;

  .a-bt-grd {
    background: #71ae2b;
    color: #fff!important;
    margin-top: 24px;
    &:hover {
      background: transparent linear-gradient(90deg, #7DB628 0%, #f3ae31 100%) 0% 0% no-repeat padding-box;
      background-position: 99% 50%;
      transition: all 0.3s ease-out;
      opacity: 1;
    }
  }

  @media screen and (max-width: 767px) {
    flex-direction: column;
    align-items: center;
  }
}
.backnum_list--mainLink {
  width: 100%;
  max-width: 400px;
}
.num_indent--list li {
  padding-left: 1.7em;
  text-indent: -1.7em;
}


.backnum_list {
  margin-top: 40px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 28px calc(64px / 3);
  li {
    width: 100%;
    max-width: 240px;
  }
  li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    text-align: center;
  }
  figure {margin: 0;}

  @media screen and (max-width: 767px) {
    gap: 20px 10px;
    li {
      width: calc(50% - 5px);
    }
  }
}