@charset "utf-8";

#contact .inner-sct { padding: 80px 0 120px;} 
#contact .read { width: 88%; max-width: 1080px; margin: 0 auto 80px;}
#contact .read .tit { margin-bottom: 40px; text-align: center;}
#contact .read .tit p { margin-bottom: 20px; font-size: 18px; font-weight: 700;}
#contact .read .tit p span { display: inline-block; padding-bottom: 5px; border-bottom: solid 1px #000;}
#contact .read .tit h2 { font-size: 30px; font-weight: 700; }
#contact .read .flex { display: flex; justify-content: space-between;}
#contact .read figure { width: 46%;}
#contact .read figure img { width: 100%;}
#contact .read .txt { width: 50%;}
#contact .read .txt h3 { margin-bottom: 20px; font-size: 28px; font-weight: 700;}
#contact .read .txt p { font-size: 16px; letter-spacing: 0.1rem; line-height: 1.8;}
@media (max-width: 801px) {
	#contact .read .flex { display: block;}
	#contact .read figure { width: 100%; max-width: 500px; margin: 0 auto 30px;}
	#contact .read .txt { width: 100%;}
	#contact .read .txt h3 { font-size: 24px;}
}
@media (max-width: 481px) {
	#contact .read .tit p { margin-bottom: 12px; font-size: 14px;}
	#contact .read .tit h2 { font-size: 21px;}
	#contact .read .txt h3 { margin-bottom: 12px; font-size: 18px;}
	#contact .read .txt p { font-size: 13px; letter-spacing: 0.05rem; line-height: 1.65;}
}

#contact .wp-block-contact-form-7-contact-form-selector { width: 100%; max-width: 1080px; margin: 0 auto; background:var(--dark-gray1);}
#contact .formArea_bk { width: 88%; max-width: 900px; margin: 0 auto; padding: 80px 0 0; background:var(--dark-gray1);}
#contact .formArea_bk h2{ color:#fff; font-size:1.8em; font-weight:700; margin-bottom:0.5em;}
#contact .formArea_bk p.top { color: #fff; font-size: 18px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 3px solid #fff;}
#contact .formArea_bk ul li dl dt { color: #fff;}
#contact .formArea_bk ul li dl dt { width: 270px; padding-right: 30px; font-weight: 700;}
#contact .formArea_bk ul li dl dd { width: auto; color: #fff;}
#contact .formArea_bk ul li dl dt span.note { display: block; font-size: 14px;}
#contact .formArea_bk ul li dl dd label { color: #fff;}
#contact .formArea_bk ul li dl dd input[type="text"],
#contact .formArea_bk ul li dl dd input[type="tel"],
#contact .formArea_bk ul li dl dd input[type="email"] { background: #fff; border:none;}
#contact .formArea_bk ul li dl dd textarea { height: 160px; background: #fff; border: none; color: #000;}
#contact .formArea_bk ul li dl dd span.note { color: #fff; font-size: 14px;}
#contact .formArea_bk ul li dl dd select { background: #fff; color:#000; border:none; -webkit-appearance: listbox; appearance: revert; width: 150px; padding: 5px; margin-top: 5px;}
#contact .formArea_bk ul li.confirm { color: #fff; font-size: 18px; font-weight: 700;}
#contact .formArea_bk .btn-submt { width: 100%; margin: 0 auto;}
#contact .formArea_bk .btn-submt input[type="submit"] { display: block; width: 100%; padding: 8px; background: #fff; border: none; color: #000; font-size: 18px; font-weight: 700;}
#contact .formArea_bk .attBox { margin-bottom: 30px; padding: 30px; background: #000; }
#contact .formArea_bk .attBox p { color: #fff; font-size: 12px;}
#contact .formArea_bk .attBox p.att { font-size: 15px; font-weight: 700;}
#contact .formArea_bk .message { display: none;}
#contact .formArea_bk .message p { color: #fff; font-size: 14px; }
@media (max-width: 481px) {
	#contact .formArea_bk { padding: 40px 0;}
	#contact .formArea_bk p.top { margin-bottom: 12px; font-size: 14px;}
	#contact .formArea_bk ul li dl dt { width: 100%; padding: 0;}
	#contact .formArea_bk ul li dl dd span.note { font-size: 11px;}
	#contact .formArea_bk ul li.confirm { font-size: 13px;}
	#contact .formArea_bk .attBox { margin-bottom: 20px; padding: 15px;}
	#contact .formArea_bk .attBox p { font-size: 11px;}
	#contact .formArea_bk .attBox p.att { font-size: 13px;}
}

#contact .wpcf7-response-output{background:#fff;}
#contact .notive-require {color:#ffffff; padding-bottom:1em;}
#contact .required {color:#ffb6b6; font-weight:700;}