@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------
 *
 *					style_contact.css
 *
 *-------------------------------------------------------------*/

#contactArea                                    { max-width: 803px; margin: 180px auto 100px; }
#contactArea h4                                 { font-size: 160%; line-height: 1; font-weight: 600; letter-spacing: 0.02em; margin-bottom: 25px; }
#contactArea > div                              { background: #fff; margin-bottom: 10px; position: relative; max-width: 300px; margin: 0 auto 15px; }
#contactArea > div:hover                        { background: linear-gradient(135deg, rgba(176, 86, 189, 1) 14%, rgba(17, 156, 241, 1) 60%, rgba(61, 210, 214, 1) 95%); }
#contactArea > div:hover::after                 { content: ""; width: calc(100% - 6px); height: calc(100% - 6px); background: #fff; display: inline-block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto }
#contactArea > div a                            { display: block; padding: 35px 16px 40px 25px; position: relative; z-index: 1; }
#contactArea > div img                          { margin: 0 auto; position: relative; z-index: 2; }


@media screen and ( max-width:767px ) {

    #contactArea                                { margin: 140px auto 50px }

}