@charset "utf-8";
/* リノベーション事業 */
#S01 {}
#S01 h3 {
  color: #17bed2;
}
#S01 ul {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 780px;
  padding: 20px;
  background: #f4f9f9;
  margin: 0 auto 30px;
}
#S01 ul li {
  list-style-type: disc;
  padding: 2%;
  text-align: left;
}
#S02 .leftBox {
  width: 45%;
  padding: 2%;
}
#S02 .rightBox {
  width: 45%;
  padding: 2%;
}
#S02 .leftBox h4 {
  background: #666;
  color: #fff;
}
#S02 .leftBox h5 {
  border: 1px solid #666;
}
#S02 .rightBox h4 {
  background: #17bed2;
  color: #fff;
}
#S02 .rightBox h5 {
  border: 1px solid #2e686f;
}
#S02 .flexBox2 ul {
  justify-content: center;
}
#S02 .flexBox2 ul li {
  width: auto;
  padding: 0 2% 0;
}

/*----------------------------------------------------------- 480px */
@media screen and (max-width: 480px) {
#S02 .leftBox,
#S02 .rightBox{
    width: 100%;
}
}