@charset "UTF-8";

/* お問い合わせ ============================================== */
/* ==========================================================

    body id="contact"

    読み込み
    フォーム

============================================================ */
/* 読み込み ================================================= */

@import url("./common.css");

/* 読み込み ================================================= */
/* ========================================================= */
/* フォーム ================================================= */

#contact{

    .boxArea{
        width: var(--width-form-Tab);   /* PC時に右サイドにならないので、MAX時はTab（800px）にする */

        .formArea{
            margin-top: 70px;

            /* 基本設定は、common.cssの「.formArea」で設定している */

        }

        @container ctnHtml (width <= 600px){
            width: 100%;   /* var(--width-form-Sp)にしない */

            .formArea{
                margin-top: 5vh;
            }

        }

    }

}

/* フォーム ================================================= */
/* ========================================================= */