@charset "utf-8";

.md_panelArea { background: url("../../imageFile/contact/panel_contact.jpg") no-repeat center; background-size: cover; }

/*============================
#contactArea
============================*/
#contactArea { margin-top: 60px; }
#contactArea .point { margin: 60px auto 0; padding: 20px; background: #fff; line-height: 1.5; width: 800px; text-align: center; }
#contactArea .point em { font-size: 1.375em; color: #666a7d; }
#contactArea .subCopy { margin: 30px auto 0; width: 800px; border: dashed 1px #7d7366; padding: 30px; text-align: center; }
#contactArea .subCopy a { text-decoration: underline; margin: 0 5px; }
#contactArea .content { width: 800px; margin: 30px auto 0; }
#contactArea .content table { width: 100%; }
#contactArea .content table {}
#contactArea .content table tr {}
#contactArea .content table tr th { padding: 15px 0; width: 24%; font-weight: bold; text-align: left; vertical-align: middle; position: relative; }
#contactArea .content table tr th span { color: #d87e7d; font-size: 0.75em; position: absolute; right: 0;}
#contactArea .content table tr th span.nini { color: #777; }
#contactArea .content table tr td { padding: 20px; vertical-align: middle;}
#contactArea .content table tr td.short input { width: 200px; }
#contactArea .content table tr td.veryShort input { width: 130px; }
#contactArea .content table tr td br.sp { display: none; }
#contactArea .content table tr td input[type="radio"] { margin-left: 0; margin-right: 5px; }
#contactArea .content table tr td .sub { font-size: 0.875em; color: #777; margin-bottom: 10px }
#contactArea .content .button { text-align: center; margin-top: 40px; }
#contactArea .content .button span input { position: relative; display: inline-block; text-align: center; background: #443d3a; background: linear-gradient(90deg, #544d4a, #342d2a); color: #fff; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); letter-spacing: 0.05em; transition: all 250ms ease-out; cursor: pointer; padding: 16px; min-width: 300px; font-size: 1em; font-family: century-gothic, sans-serif; font-weight: 700; font-style: normal; }
#contactArea .content .button .ajax-loader { position: absolute; margin-left: 20px; margin-top: 10px; }
#contactArea .content .button span input:hover { box-shadow: 0 20px 10px -10px rgba(0, 0, 0, 0.2); }

#sidebar { display: none!important; }

/*============================
conact-form7
============================*/
#contactArea .wpcf7 form .wpcf7-response-output {
	width: 800px;
	background-color: rgba(255,255,255,0.5);
	margin: 3em auto 1em;
	padding: 1em 1.5em;
	border-style: dashed;
	border-width: 1px;
	border-radius: 10px; 
	font-size: 0.875em;
	text-align: center;
}

#contactArea .wpcf7-not-valid-tip { margin-top: 5px; font-size: 0.875em; }

#contactArea .codedropz-upload-inner { white-space: inherit; font-size: 0.875em; }