/**
 * お問い合わせフォームのカスタムCSS
 */

/* フォーム全体のスタイル調整 */
.form-container {
    max-width: 800px;
    margin: 0 auto;
}

/* 必須項目のマーク */
.required-mark {
    color: #f0506e;
    margin-left: 4px;
}

/* 文字数カウンターのスタイル */
.char-counter {
    text-align: right;
    font-size: 0.85rem;
    color: #666;
    margin-top: 4px;
}

/* 確認項目のスタイル */
.confirm-item {
    margin-bottom: 15px;
}

.confirm-label {
    font-weight: bold;
    margin-bottom: 5px;
}

.confirm-value {
    background-color: #f8f8f8;
    padding: 8px 12px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
}

/* お問い合わせ内容の複数行表示 */
.confirm-value.multiline {
    white-space: pre-wrap;
}

/* 完了メッセージのスタイル */
.complete-message {
    background-color: #edfbf6;
    border-left: 5px solid #32d296;
    padding: 15px;
    margin-bottom: 30px;
}

/* レスポンシブ調整 */
@media (max-width: 640px) {
    .uk-width-1-2\@s {
        width: 100%;
    }
}