@charset "UTF-8";

#about {
  background-color: #f3fbff;
}

.lower-page #about .section-title span::after {
  background: #6ec8f065;
}

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

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

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


@media screen and (max-width: 570px) {
  .lower-page #about .recommendationWrap .img img {
    box-shadow: 10px 10px 0px 0px #cdf0ffff;
  }
}