/*------------------------------
 validate error
------------------------------*/
.validate.error {
    color: red;
    font-size: var(--system-font-size);
    max-width: 100%; /* メッセージの最大幅を入力フィールドに合わせる */
    font-weight: normal;
    display: block; /* ブロック要素にして折り返し可能にする */
    word-wrap: break-word; /* 長い単語があれば折り返す */
    /* margin-top: 0.5rem; */
    /* メッセージと入力フィールドの間に余白を追加 */
}