h3, h4, h5, h6, h7 {
    padding: 3px;
    
}
h2 {
    margin: 20px 20px 10px;
}
h3 {
    color: white;
    background-color: var(--main-color2);
    padding: 10px;
    margin: 20px;
}
h4 {
    margin: 5px 20px;
}
h5 {
    font-size: 1.2rem;
    margin-left: 50px;
}
h6 {
    font-size: 1.1rem;
    margin-left: 70px;
}
h7 {
    margin-left: 90px;
}
h2 ~ p {
    margin-left: 40px;
}
h3 ~ p {
    margin-left: 60px;
}
h4 ~ p {
    margin-left: 50px;
}
h5 ~ p {
    margin-left: 80px;
}
h6 ~ p {
    margin-left: 90px;
}
h4::before {
    font-size: 0.6rem;
    content: "・ ";
}
h1 + p::before {
    content: "";
}