.transaction-list dt {
    font-weight: 800;
    /* dt要素のテキストを太字にする */
}

/* お問い合わせリンクのスタイル */
.contact-link {
    color: var(--accent-color);
    /* 通常時のリンクの色（例: 青色） */
    text-decoration: none;
    /* 下線をなくす */
    font-weight: 500;
    transition: color 0.3s ease;
    /* 色の変化をスムーズにする */
}

/* お問い合わせリンクのホバーエフェクト */
.contact-link:hover {
    color: var(--main-color);
    /* セミコロンを追加 */
    text-decoration: underline;
    /* イコールをコロンに修正 */
    /* ホバー時に下線を表示する */
}

/* ホームページURLリンクのスタイル */
dl dd a {
    color: var(--accent-color);
    /* メインカラーをリンク色に指定 */
    text-decoration: none;
    /* 下線をなくす */
    transition: color 0.3s ease;
    /* ホバー時の色変化をスムーズに */
    font-weight: 500;
}

/* ホームページURLリンクのホバーエフェクト */
dl dd a:hover {
    color: var(--main-color);
    /* ホバー時にアクセントカラーに変化 */
    text-decoration: underline;
    /* ホバー時に下線を表示 */
}