/* --- 修正版：不要な高さ指定を削除し、余白を最適化 --- */
.form-box {
    background-color: #ffffff !important;
    border-radius: 16px !important;
    padding: 40px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
    
    /* min-height: 80vh !important; を削除しました */
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* フォームの親要素 */
.registration-form, .fieldsets {
    min-height: auto !important; /* 100%からautoに変更 */
}

/* 背景色 */
body {
    background-color: #f0fdf9 !important;
}

/* その他のスタイル */
.control-label { font-weight: bold !important; color: #333 !important; }
.form-control { border-radius: 8px !important; border: 1px solid #d1d5db !important; }
#submit-button { border-radius: 8px !important; font-weight: bold !important; background-color: #00b09b !important; color: #ffffff !important; border: none !important; display: block !important; margin: 0 auto !important; }
.form-top { text-align: center !important; background-color: #ffffff !important; }
.form-top h3 { display: inline-block !important; position: relative !important; padding-bottom: 20px !important; margin-top: 10px !important; }
.form-top h3::after { content: '' !important; position: absolute !important; bottom: 5px !important; left: 20% !important; width: 60% !important; height: 3px !important; background-color: #00b09b !important; border-radius: 2px !important; }

/* --- 送信ボタンの下のテキストをフォーム内に配置 --- */
/* ::afterではなく、擬似的なpタグ感覚で表示 */
.form-box::after {
    content: "いただいたメッセージはすべて大切に拝見し、数日以内に担当者からお返事いたします。" !important;
    display: block !important;
    margin-top: 30px !important;
    font-size: 13px !important;
    color: #4a5568 !important;
    line-height: 1.6 !important;
    text-align: center !important;
    width: 100% !important;
}