@media (min-width: 768px) {
  .sp-only {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .pc-only {
    display: none !important;
  }
}
.stories-sec {
  overflow: hidden;
}
.stories-sec .splide__track {
  overflow: visible;
}
.stories__lists {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  row-gap: 50px;
  -moz-column-gap: 40px;
       column-gap: 40px;
}
@media (max-width: 767px) {
  .stories__lists {
    display: block;
  }
}
.stories__list {
  cursor: pointer;
}
@media (min-width: 768px) {
  .stories__list {
    width: calc((100% - 40px) / 2);
  }
}
@media (min-width: 1080px) {
  .stories__list {
    width: calc((100% - 80px) / 3);
  }
}
@media (max-width: 767px) {
  .stories__list {
    width: 100%;
    margin-top: 30px;
  }
  .stories__list:first-child {
    margin-top: 0;
  }
}
.stories__list .school-stories__card {
  display: flex;
  flex-direction: column;
  height: 100%;
}
/*# sourceMappingURL=stories.css.map */