@charset "utf-8";

/* -----------------------------
	law-area
-------------------------------- */

.law-area {
	margin: 100px auto 100px;
}

.law-area .law-bg {
    position: relative;
    padding: 60px;
    border-radius: 30px;
	border: var(--black) solid 1px;
}

.law-area .law-bg .law-table {
    width: 100%;
    border-collapse: collapse;
    line-height: 1.6;
	border-top: 1px solid var(--pink02);
}

.law-area .law-bg .law-table tr {
    border-bottom: 1px solid var(--pink02);
}

.law-area .law-bg .law-table th {
    width: 270px;
    text-align: left;
    vertical-align: top;
    padding: 20px 0 20px 20px;
    font-weight: 500;
}

.law-area .law-bg .law-table th::before {
    content: "-";
    color: var(--pink);
    padding: 0 10px 0 0;
}

.law-area .law-bg .law-table td {
    padding: 20px 0;
    line-height: 1.8;
}

@media screen and (max-width: 768px){
	
	.law-area {
		margin: 50px auto;
		padding: 0 20px;
	}
	
	.law-area .law-bg {
		padding: 0px 20px 20px;
		border-radius: 10px;
	}

	.law-area .law-bg .law-table {
        margin: 20px 0 0;
        width: 100%;
    }
	
    .law-area .law-bg .law-table th, .law-area .law-bg .law-table td {
        display: block;
        width: 100%;
    }

	.law-area .law-bg .law-table th {
		text-align: left;
		border-bottom: 0;
		padding: 20px 0 0;
	}

	.law-area .law-bg .law-table td {
    	font-size: 1.5rem;
        padding: 2.5px 0 20px;
    }

}