@charset "utf-8";
/* CSS Document */
#recBox {
  padding: 2em 1em;
}
#recBox .example {
  position: relative;
  padding: 1em;
  border: 3px solid #add8e6;
  border-radius: 4px;
  width: fit-content;
  margin: auto;
}
#recBox .example ul {
  list-style: none;
  padding: 1em 0.5em 0.5em;
  width: fit-content;
}
#recBox .example li {
  position: relative;
  margin-bottom: 15px;
  line-height: 1.6;
  color: #333;
  font-weight: bold;
  text-align: left;
  padding: 0 0 0 35px;
}
#recBox .example li::before {
  font-family: 'Material Symbols Outlined';
  content: '\e5df';
  position: absolute;
  left: 0;
  top: -5px;
  color: #757e9f;
  font-size: 24px;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
}
.textBox {}
.textBox h3 {
  text-align: left;
  padding: 0;
}
.textBox p {
  text-align: left;
  font-size: calc(var(--text-body) * 1.1);
}

#S02 dl dt {
    background: #79b0c1;
    color: #fff;
}
#S02 h4 {
    margin: 1em 0 0.5em;
}

#S02 dd p {
    padding: 1em;
}