@charset "utf-8";

/*============================
input
============================*/
input { border-radius: 3px; }
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="url"]
 { padding: 7px; width: 100%; border: 1px solid #ccc; color: #555; outline: 0; -webkit-appearance: none; appearance: none; border-radius: 0; box-sizing: border-box; overflow: hidden; }
input[type="radio"],
input[type="checkbox"] { margin-right: 3px; }
input[type="button"],input[type="submit"],input[type="number"],input[type="tel"],button { -webkit-appearance: none; -moz-appearance: button; appearance: button; line-height: 1; border-radius: 0; }
textarea { padding: 10px; color: #555; border: 1px solid #ccc; outline: 0; width: 100%; height: 200px; -webkit-appearance: none; appearance: none; border-radius: 0; box-sizing: border-box; }
input[type="file"] { width: inherit; }

/*============================
#contactFormArea
============================*/
#contactFormArea { margin-top: 60px; }
#contactFormArea .mainArea { margin-top: 40px; } 
#contactFormArea .mainArea .leftArea { float: left; width: 480px; } 
#contactFormArea .mainArea .leftArea  .topKokuchi { border: solid 1px #ddd; padding: 25px 15px; text-align: center; }
#contactFormArea .mainArea .leftArea  .topKokuchi .text { text-align: center; font-size: 0.875em; }
#contactFormArea .mainArea .leftArea  .topKokuchi .text a { display: inline-block; background: #ede8e7; text-align: center; padding: 12px 20px 9px; font-size:  1em; color: #555; border-radius: 3px; margin-left: 10px; }
#contactFormArea .mainArea .rightArea { float: right; width: 480px; } 
#contactFormArea .mainArea .rightArea  .topKokuchi { border: solid 1px #ddd; border-left: none; padding: 25px 15px; text-align: center; }
#contactFormArea .mainArea .rightArea  .topKokuchi .text { text-align: center; font-size: 0.875em; }
#contactFormArea .mainArea .rightArea  .topKokuchi .text a { display: inline-block; background: #ede8e7; text-align: center; padding: 12px 20px 9px; font-size:  1em; color: #555; border-radius: 3px; margin-left: 10px; }

#contactFormArea .topKokuchi .link { margin-top: 10px; }
#contactFormArea .example { margin-top: 20px; text-align: right; font-size: 0.875em; }
#contactFormArea .example span { color: #c00; font-size: 0.75em; margin-right: 5px; }
#contactFormArea .data { margin-top: 20px; }
#contactFormArea .data table { width: 100% }
#contactFormArea .data table tr {}
#contactFormArea .data table tr th { padding: 20px; background: #f5f5f5; border: solid 1px #ddd; vertical-align: middle; width: 40%; font-weight: bold; box-sizing: border-box; }
#contactFormArea .data table tr th em { font-size: 0.875em; color: #777; line-height: 1.5; display: block; font-weight: normal; margin-top: 10px; }
#contactFormArea .data table tr th span { color: #c00; font-size: 0.75em; margin-left: 5px; }
#contactFormArea .data table tr td { padding: 20px; border: solid 1px #ddd; }
#contactFormArea .data table tr td .info  { margin-top: 5px; line-height: 1.5; font-size: 0.875em; }
#contactFormArea .data .attention { margin-top: 20px; line-height: 1.5; font-size: 0.875em; padding: 20px; }
#contactFormArea .data .button { text-align: center; margin-top: 30px; }
#contactFormArea .data .button input { border: none; display: inline-block; background: #a04e4a; color: #fff; padding: 16px 0 14px; width: 360px; border-radius: 3px; font-size: 1em; text-align: center; }

/*============================
#recaptcha
============================*/
.grecaptcha-badge { visibility: inherit!important; z-index: 99; }