.mb2 {
  margin-bottom: 2rem;
}

.mb3 {
  margin-bottom: 3rem;
}

.mb4 {
  margin-bottom: 4rem;
}

.mb5 {
  margin-bottom: 5rem;
}
@media (max-width: 768px) {
  .mb5 {
    margin-bottom: 3rem;
  }
}

@media (min-width: 769px) {
  .pc_none {
    display: none;
  }
}

@media (max-width: 768px) {
  .sp_none {
    display: none;
  }
}

.pattern__nav ul li {
  -ms-flex-preferred-size: 33.33%;
  flex-basis: 33.33%;
}
@media (max-width: 768px) {
  .pattern__nav ul li {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}