@charset "UTF-8";

#about {
  background-color: #f3fff3;
}

.lower-page #about .section-title span::after {
  background: #7bc67b;
  opacity: 0.3;
}

.lower-page #about .recommendationWrap .img img {
  box-shadow: 20px 20px 0px 0px #cfeed0;
}

.lower-page #course .flex-container .flex-item {
  border-color: var(--color-classroom);
}

.lower-page #course .flex-container .flex-item .label {
  color: var(--color-classroom);
}

@media screen and (max-width: 768px) {
  .lower-page .lower-header .icon {
    height: 60px;
    margin: 1.7rem auto 2rem;
  }
}

@media screen and (max-width: 570px) {
  .lower-page .lower-header .icon {
    height: 30px;
    margin: 1.5rem auto 0.8rem;
  }

  .lower-page #about .recommendationWrap .img img {
    box-shadow: 10px 10px 0px 0px #cfeed0;
  }
}