@charset "UTF-8";

/* =============================================================================
   お問い合わせ / 入力内容確認ページ専用CSS
   ページID: 471（お問い合わせ）/ 202（入力内容確認画面）

   ※ Contact Form 7 の基本スタイル（.wpcf7-*、.required 等）は
     css/global.css で管理しています。
   ============================================================================= */

/* フォームコンテナ */
.form {
    background-color: #EBF6FC;
    border-radius: 24px;
    padding: 48px;
}

.form label {
    font-weight: normal;
}

.wpcf7-form p:last-of-type {
    text-align: center;
}

.wpcf7-checkbox .wpcf7-list-item {
    display: block;
    margin-bottom: 8px;
}

@media screen and (max-width: 768px) {
    .form {
        margin: 5% !important;
    }
}

@media screen and (max-width: 959px) {
    .form {
        margin: 0;
        padding: 24px 12px 0;
    }

    .wpcf7-form p:last-of-type {
        margin-bottom: 0;
    }

    .wpcf7-form p:last-of-type span {
        display: block;
    }
}