@charset "UTF-8";

#about,
#moreover {
  background-color: #fcf5ff;
}

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

.lower-page #about .recommendationWrap .img img {
  box-shadow: 20px 20px 0px 0px rgba(243, 209, 236, 0.5);
}

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

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

#course .price {
  text-align: center;
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 1.5;
  margin: 6rem auto;
}

@media screen and (max-width: 570px) {
  .lower-page #about .recommendationWrap .img img {
    box-shadow: 10px 10px 0px 0px rgba(243, 209, 236, 0.5);
  }

  #course .price {
    font-size: 1.8rem;
    margin: 3rem auto;
  }
}