@charset "utf-8";

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

/*============================
#contactFormArea
============================*/
#contactFormArea { margin: 30px 20px 0; }
#contactFormArea .mainArea { margin-top: 20px; } 
#contactFormArea .mainArea .leftArea { float: inherit; width: inherit; } 
#contactFormArea .mainArea .leftArea  .topKokuchi { padding: 10px; }
#contactFormArea .mainArea .leftArea  .topKokuchi .text { text-align: center; font-size: 0.875em; line-height: 1.5; }
#contactFormArea .mainArea .leftArea  .topKokuchi .text a { display: block; margin-top: -10px; padding: 8px 10px; margin-left: 0; }
#contactFormArea .mainArea .rightArea { float: inherit; width: inherit; margin-top: -1px; border-left: solid 1px #ddd; } 
#contactFormArea .mainArea .rightArea  .topKokuchi { padding: 10px; }
#contactFormArea .mainArea .rightArea  .topKokuchi .text { text-align: center; font-size: 0.875em; line-height: 1.5; }
#contactFormArea .mainArea .rightArea  .topKokuchi .text a { display: block; margin-top: -10px; padding: 8px 10px; margin-left: 0; }
#contactFormArea .topKokuchi .link { margin-top: 10px; }
#contactFormArea .example {}
#contactFormArea .example span {}
#contactFormArea .data { margin-top: 10px; }
#contactFormArea .data table { width: 100% }
#contactFormArea .data table tr {}
#contactFormArea .data table tr th { display: block; padding: 10px; margin-top: -1px; width: 100%; font-size: 0.875em; }
#contactFormArea .data table tr th em {}
#contactFormArea .data table tr th span {}
#contactFormArea .data table tr td { display: block; padding: 15px; margin-top: -1px; font-size: 0.875em; }
#contactFormArea .data table tr td .wpcf7-list-item { display: block; margin-top: 10px; }
#contactFormArea .data table tr td .wpcf7-list-item.first { margin-top: 0; }
#contactFormArea .data table tr td .info  {}
#contactFormArea .data .attention {}
#contactFormArea .data .button { margin-top: 20px; }
#contactFormArea .data .button input { width: 100%; }

}