.left-align dd {
    text-align: left;
}
.left-align {
    text-align: left !important;
    display: block; /* 確実にブロック要素として認識 */
}

.center-align dd {
    text-align: center;
}

.right-align dd {
    text-align: right;
}
dl {
    text-align: inherit; /* 親要素の影響を受けないように */
}
dd.right-align {
    text-align: right !important;
    width: 100%; /* 幅を確保して右寄せを適用しやすく */
}