.lecture {
  margin-top: 3.2rem;
  padding-top: 3.2rem;
  border-top: 1px solid #F6F6F6;
}
@media screen and (min-width: 900px) {
  .lecture {
    margin-top: 6.4rem;
    padding-top: 6.4rem;
  }
}
.lecture__block {
  margin-bottom: 12.8rem;
}
@media screen and (min-width: 900px) {
  .lecture__block {
    margin-bottom: 16rem;
  }
}
.lecture__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4rem;
}
@media screen and (min-width: 900px) {
  .lecture__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 6.4rem 4rem;
  }
}
.lecture__title {
  width: 100%;
  margin-bottom: 2rem;
  font-weight: 600;
  font-size: 1.8rem;
}
@media screen and (min-width: 900px) {
  .lecture__title {
    margin-bottom: 2.8rem;
    font-size: 2.4rem;
  }
}
.lecture-item {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .lecture-item {
    width: calc(50% - 2rem);
  }
}
.lecture-item__term {
  margin-top: 0.8rem;
  font-size: 1.2rem;
  text-align: center;
}
@media screen and (min-width: 900px) {
  .lecture-item__term {
    font-size: 1.4rem;
  }
}
.lecture-item__movie {
  display: block;
  aspect-ratio: 1.7777777778;
  overflow: hidden;
}
.lecture-item__movie-video {
  width: 100%;
  height: 100%;
  -o-object-fit: "cover";
  margin: auto;
     object-fit: "cover";
}
@media screen and (min-width: 900px) {
  .lecture__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}