/** HEADER
==============================================*/





/** MAIN CONTAINERS
==============================================*/

.section-law .section-content .content .notation {
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    font-family: 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
    border-top: 3px solid #dbe5e8;
}
.section-law .section-content .content .notation > dt {
    width: 33%;
    font-size: 18px;
    padding: 20px 30px;
    border-bottom: 3px solid #dbe5e8;
}
.section-law .section-content .content .notation > dd {
    width: 67%;
    font-size: 16px;
    line-height: 2;
    padding: 20px 15px 20px 0;
    border-bottom: 3px solid #dbe5e8;
}
.section-law .section-content .content .notation > dd .notes {
    display: block;
}
.section-law .section-content .content .notation > dd .notes li {
    font-size: 14px;
    line-height: 2;
}
.section-law .section-content .content .notation > dd .pattern_list .notes li {
    padding-left: 1.5em;
}
.section-law .section-content .content .notation > dd .notes li:before {
    content: "※";
}
.section-law .section-content .content .notation > dd .btn {
    float: right;
    padding-top: 10px;
}
.section-law .section-content .content .notation > dd .btn .next-ico {
    background-color: #e3ecf0;
}
.section-law .section-content .content .notation > dd .btn .next-ico:after {
    top: calc(50% + 5px);
}
.section-law .section-content .content .notation > dd .btn .next-ico:before {
    top: calc(50% + 3px);
}

.section-law .section-content .content .notation > dd .pattern_list {
    counter-reset: number;
}
.section-law .section-content .content .notation > dd .pattern_list > li {
    padding-top: 40px;
    font-weight: bold;
    line-height: 2;
}
.section-law .section-content .content .notation > dd .pattern_list > li:before {
    counter-increment: number;
    content: counter(number) ". ";
}
@media only screen and (max-width: 768px) {
    .section-law .section-content .content .notation {
        flex-direction: column;
        border-top: 1.5px solid #dbe5e8;
        padding: 0 10px;
    }
    .section-law .section-content .content .notation > dt {
        width: 100%;
        border-bottom: none;
        padding: 20px 0 10px;
        font-size: 18px;
    }
    .section-law .section-content .content .notation > dd {
        width: 100%;
        border-bottom: 1.5px solid #dbe5e8;
        font-size: 15px;
        padding: 0 0 20px;
    }
    .section-law .section-content .content .notation > dd .btn .next-ico:before {
        top: calc(50% + 2px);
    }
    .section-law .section-content .content .notation > dd .btn .next-ico:after {
        top: calc(50% + 4px);
        width: 24px;
    }
    .section-law .section-content .content .notation > dd .pattern_list > li {
        padding-top: 30px;
    }
}

.section-law .section-content .content .notation > dd .pattern_list p {
    font-weight: normal;
}

.section-law .section-content .content .notation > dd .pattern_list .b_line {
    font-weight: normal;
}
.section-law .section-content .content .notation > dd .pattern_list .b_line > li {
    line-height: 2;
}
.section-law .section-content .content .notation > dd .pattern_list .b_line > li:before {
    content: "ー ";
}

.section-law .section-content .content .notation > dd .pattern_list .terms .b_circle {
    padding-top: 40px;
}
.section-law .section-content .content .notation > dd .pattern_list .terms .b_circle:before {
    content: "○ ";
}
@media only screen and (max-width: 768px) {
    .section-law .section-content .content .notation > dd .pattern_list .terms .b_circle {
        padding-top: 30px;
    }
}

.section-law .section-content .content .notation > dd .dd_in-block > dt {
    padding-top: 40px;
    font-size: 20px;
}
@media only screen and (max-width: 768px) {
    .section-law .section-content .content .notation > dd .dd_in-block > dt {
        padding-top: 30px;
    }
}



/** FOOTER
==============================================*/