@charset "utf-8";
/* CSS Document */

h2[class*="h2-H004"] {
  padding: 10px;
  border-radius: 5px;
  color: #fff;
}


[data-module-type="heading"]:has(h3[class*="h3-H004"]) {
  position: relative;
}
h3[class*="h3-H004"] {
  margin: 0;
  padding: 9px 10px 7px 26px;
  border-bottom: 3px solid #ccc;
  color: #000;
  font-size: 18px;
  font-weight: normal;
}
.point_h3-H004 {
  position: absolute;
  top: calc(50% - 7px);
  left: 8px;
  width: 10px;
  height: 10px;
  border-radius: 999px;
}
@media screen and (max-width: 767px) {
  .point_h3-H004 {
  top: calc(50% - 6px);
  }
}


[data-module-type="heading"]:has(h4[class*="h4-H004"]) {
  position: relative;
}
h4[class*="h4-H004"] {
  padding: 7px 15px;
  font-size: 16px;
  font-weight: normal;
  color: #333;
}
.point_h4-H004 {
  position: absolute;
  top: calc(50% - 5px);
  left: 4px;
  width: 6px;
  height: 6px;
  border-radius: 999px;
}
@media screen and (max-width: 767px) {
  .point_h4-H004 {
  top: calc(50% - 4px);
  }
}