@charset "UTF-8";

/* =========================================================
   CONVEX お問い合わせ 調整スタイル
   ---------------------------------------------------------
   - 入力/確認ステップの表示切替（hidden 属性）
   - 確認画面の値で改行を保持
   - 確認画面のボタン配置
========================================================= */

/* hidden 属性のステップは非表示（属性で制御） */
.contact_form_step[hidden] {
    display: none !important;
}

/* 確認画面の値: 改行保持 + 未入力時の色 */
.contact_confirm_value {
    white-space: pre-line;
    word-break: break-word;
}
.contact_confirm_value.is_empty {
    color: #999;
}

/* 確認画面のアクション（修正する / 送信）を横並び中央 */
.contact_confirm_actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    margin-top: 4rem;
    flex-wrap: wrap;
}

/* 「修正する」ボタンは送信ボタンと同サイズ・白基調 */
.contact_confirm_back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18.8rem;
    height: 4rem;
    border: 0.1rem solid #1a1a1a;
    background-color: #fff;
    color: #1a1a1a;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 1.4rem;
    cursor: pointer;
    transition: opacity 0.3s ease;
}
.contact_confirm_back:hover {
    opacity: 0.6;
}

/* CF7 の各種メッセージ（バリデーション・送信結果）の体裁を最低限整える */
.contact_form .wpcf7-not-valid-tip {
    color: #c00;
    font-size: 1.2rem;
    margin-top: 0.4rem;
    display: block;
}
.contact_form .wpcf7-response-output {
    margin: 2rem 0 0;
    padding: 1rem 1.4rem;
    font-size: 1.3rem;
}