@charset "utf-8";

.rule{
    padding: 4% 0 8% 0;
    text-align: left;
}
.rule_box{
    width: 80%;
    margin: 0 auto 6% auto;
}

.rule_box h2{margin-bottom: 2%;}
.rule_box h3{margin-bottom: 2%;}
.rule_box h4{
}
.rule_box p{margin-bottom: 4%;padding-left: .5em;}

.rule_box dl{
}
.rule_box dl dt{margin-bottom: 1%;}
.rule_box dl dd{margin-bottom: 4%;padding-left: .5em;}
.rule_box ol{margin-left: 3em;margin-bottom: 4%;}
.rule_box ol li{list-style-type: decimal-leading-zero;}


@media screen and (max-width:480px){

.rule_box{
    width: 90%;
    margin: 0 auto 8% auto;
}

.rule_box ol{margin-left: 1.5em;margin-bottom: 6%;}
}