@charset "utf-8";
/* CSS Document */

[data-module-type="heading"]:has(h2[class*="h2-H001"]) {
  position: relative;
}

h2[class*="h2-H001"] {
  margin: 0;
  padding: 13px 15px 9px 20px;
  border-radius: 3px;
  border: 1px solid #e2e2e2;
  color: #333;
  font-size: 24px;
  font-weight: normal;
}
.arrow_h2-H001 {
  position: absolute;
  top: calc(50% - 6px);
  left: 10px;
  border-left: 6px solid #ccc;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
@media (max-width: 767px) {
  h2[class*="h2-H001"] {
  padding: 12px 15px 10px 20px;
  }
}


[data-module-type="heading"]:has(h3[class*="h3-H001"]) {
  position: relative;
}
h3[class*="h3-H001"] {
  padding: 7px 10px 4px;
  color: #fff;
}
.arrow_h3-H001 {
  position: absolute;
  top: calc(50% - 4px);
  left: 0;
  border-left: 4px solid #ccc;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
@media (max-width: 767px) {
  h3[class*="h3-H001"] {
    padding: 7px 10px 5px;
  }
}


[data-module-type="heading"]:has(h4[class*="h4-H001"]) {
  position: relative;
}
h4[class*="h4-H001"] {
  margin: 0;
  padding: 10px 10px 9px 26px;
  color: #333;
  font-size: 16px;
  font-weight: normal;
}
.arrow_h4-H001 {
  position: absolute;
  top: calc(50% - 4px);
  left: 8px;
  border-left: 4px solid #ccc;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
