.law-wrap{
    background : #fff;
}
.law{
    border-collapse : collapse;
    font-size : 14px;
    margin : 0 auto;
    max-width : 900px;
    box-sizing : border-box;
}


.law dt{
    background : #333;
    color : #fff;
    border-radius : 50px;
    padding : 3px;
    width : 20em;
    text-align : center;
    margin-top : 2em;
}
.law dt.noMargin{
    margin-top : 0;
}
.law dd{
    margin-top : 1em;
}

.law th,.law td{
    border : 1px solid #000;
    padding : 2em 1em;
    box-sizing : border-box;
}
.law th{
    background : #00A0E9;
    color : #fff;
    min-width : 10em;
    vertical-align : middle;
    font-weight : bold;
}

.lawTitleBox{
    text-align : center;
    background : #fff;
    padding : 100px 0 0 0;
}
.lawTitleBox .lawTitle{
    max-width : 90%;
    margin : 0 auto;
}
.lawTitleBox .lawTitle h1{
    color : #000;
    font-size : 24px;
    font-weight : bold;
    display : inline-block;
    position : relative;
}
.lawTitleBox .lawTitle h1:after{
    height : 3px;
    border-radius : 15px;
    content : "";
    background : #00A0E9;
    position : absolute;
    bottom : -0.6em;
    left : 0;
    right : 0;
}

.panList{
    background : #f5f5f5;
    padding : 1em;
    font-size : 12px;
}
.panList ul{
    display : flex;
    flex-wrap : nowrap;
    justify-content: left;
}
.panList ul li{
    margin-right : .5em;
}
.panList ul li::after{
    content : '>';
    margin-left : .5em;
}
.panList ul li:last-child::after{
    content : none;
}


@media (max-width:640px){
    .law{
        max-width : 90%;
    }
    .law tr{
        display : flex;
        flex-direction: column;
        margin-top : 1em;
    }
    .law th,.law td{
        padding : 1em;
    }
    .law th{
        border-bottom : 0;
    }
    .law dt{
        margin-left : auto;
        margin-right : auto;
    }
    .law dt.noMargin{
        margin-top : 1em;
    }
}