#freeplan {
  max-width: 300px;
}
@media screen and (max-width: 768px) {
  #freeplan {
    max-width: 200px;
  }
}

.detail_freeplan {
  width: min(1100px, 100%);
  padding: 0 20px;
  margin: 20px auto 30px auto;
}

#interview {
  width: min(464px, 100%);
  padding: 0 20px;
  margin: 0 0 60px 0;
  margin-inline: auto;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  #interview {
    width: 80%;
  }
}
#interview:hover {
  opacity: 0.7;
}

#houseplan {
  max-width: 350px;
}
@media screen and (max-width: 768px) {
  #houseplan {
    max-width: 230px;
  }
}

#detail_houseplan {
  width: min(1100px, 100%);
  padding: 0 20px;
  margin: 0 auto 60px auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  #detail_houseplan {
    gap: 10px;
  }
}

.quality {
  max-width: 240px;
}
@media screen and (max-width: 768px) {
  .quality {
    max-width: 170px;
  }
}

#detail_quality_1 {
  width: min(1100px, 100%);
  padding: 0 20px;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  #detail_quality_1 div:nth-child(1) {
    display: none;
  }
}
#detail_quality_1 div:nth-child(2) {
  display: none;
}
@media screen and (max-width: 768px) {
  #detail_quality_1 div:nth-child(2) {
    display: block;
  }
}/*# sourceMappingURL=section_2.css.map */