/*! Writen  by SCSS */
.pre-inc .evaluation_group {
  padding-bottom: clamp(40px, 5vw, 60px);
}
.pre-inc .evaluation_group .item_read {
  margin-bottom: 20px;
}
@media screen and (max-width: 820px) {
  .pre-inc .evaluation_group .item_read {
    margin-bottom: 15px;
  }
}
.pre-inc .evaluation_group .evaluation_item {
  margin-bottom: clamp(60px, 8.334vw, 100px);
  gap: clamp(80px, 12.5vw, 150px) 5%;
}
@media screen and (max-width: 820px) {
  .pre-inc .evaluation_group .evaluation_item {
    gap: 60px 5%;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .evaluation_group .evaluation_item {
    gap: 50px 5%;
  }
}
.pre-inc .evaluation_group .evaluation_item .evaluation_ttl {
  font-size: clamp(18px, 2.334vw, 28px);
  margin-bottom: clamp(30px, 4.167vw, 50px);
}
@media screen and (max-width: 480px) {
  .pre-inc .evaluation_group .evaluation_item .evaluation_ttl {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .evaluation_group .evaluation_item .item {
    width: 100%;
  }
}

/*# sourceMappingURL=evaluation.css.map */