@charset "UTF-8";
/********************************************************************************

page-contact.css　無料相談予約フォームcss

********************************************************************************/

/*============================================================
 メインビジュアル
*============================================================*/

/*============================================================
 セクション共通
*============================================================*/
/* 
---------------------------------------- */
#page-sample .section {

}

/*============================================================
 セクション 送信前メッセージ
*============================================================*/
#page-contact .message {
    margin-bottom: 64px;
    padding: 32px  16px;
    background-color: #F8F3E1;
    border-radius: 20px;
}
#page-contact .message p.lead {
    font-size: 18px;
    font-weight: 500;
    color: #866A40;
}    
#page-contact .message p {
    margin-bottom: 16px;
}
#page-contact .message p:last-child {
    margin-bottom: 0;
}


/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 Tablet
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 1024px) {
    /*============================================================
     メインビジュアル
    *============================================================*/
    /* 
    ---------------------------------------- */
    #page-sample #mainvisual  {
    }

    /*============================================================
     セクション
    *============================================================*/
    /* 
    ---------------------------------------- */
    #page-sample #sec-セクション名 {
    }

}



/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 SP
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 767px) {
    /*============================================================
     メインビジュアル
    *============================================================*/
    /* 
    ---------------------------------------- */
    #page-sample #mainvisual  {
    }

    /*============================================================
     セクション
    *============================================================*/
    /* 
    ---------------------------------------- */
    #page-sampletop #sec-セクション名 {
    }

}