@charset "utf-8";
/* CSS Document */
#contact .sec1{margin:100px 0 140px;position: relative;}
#contact .sec1 .contents{max-width:800px;margin:0 auto;}
#contact .sec1 .contents p.desc{margin:60px 0 20px;}
#contact .table {border: 1px solid #ccc;border-collapse: collapse;width: 100%;margin: 15px 0 60px;background: #fff;}
#contact .table tr{border: 1px solid #ccc;}
#contact .table th {border-right: 1px solid #ccc;width: 25%;padding: 20px 15px;text-align: center;vertical-align: middle;background: #e3e3e3;font-weight: bold;}
#contact p.desc span,#contact .table th > span {color: #ff0000;}
#contact .table td {width: 75%;padding: 10px 15px; vertical-align: middle;}
#contact .table input,
#contact .table textarea{font-size: 1.3rem;background-clip: padding-box;background-color: #fff;border: 1px solid #ced4da;border-radius: 0.25rem;box-shadow: inset 1px 1px 1px #828282;color: #495057;display: inline-block;font-size: 1rem;line-height: 1.5;padding: 1rem 0.75rem;margin: 5px;width: 100%;}
#contact .table input.half {width: 20%;}
#contact .table select{display: inline-block;height: calc(3.5rem + 2px);padding: 1rem 0.75rem;line-height: 1.5;color: #495057;border: 1px solid #ced4da;border-radius: 0.25rem;width: 20%;box-shadow: inset 1px 1px 1px #828282;margin: 5px;vertical-align: top;}
#contact .table .state{width: 40%;}
#contact .table .align-item {display: flex;align-items: center;}
#contact .table .align-item label {display: inline;}
#contact .table .align-item input,
#contact .table .align-item select {width: 60%;}
#contact .table .inline {display: flex;align-items: center;}
#contact .sec1 .btn-area > button {margin: 0 10px;}
#contact .thanks-ttl {font-size: 3rem; font-weight: bold; line-height: 1.3; color: #000; font-style: normal;}
#contact .thanks-ttl br{display: none;}
#contact .thanks-txt{margin:50px 0 0; text-align: center;}
#contact .thanks-txt br.sp{display: none;}
#contact [class^=is-error] span { color: #ff0000;}
.submit-btn,.reset-btn{display: block;font-size: 1.4rem;border: 2px solid #000;width:330px;background-color: #fff;padding: 18px 0;color: #000;margin: 0 auto;text-align: center;position: relative;font-weight: bold; border-radius: 0px;}
.submit-btn:hover,.reset-btn:hover{background:#2562b1;color: #fff; opacity: 1;}

@media print,screen and (max-width: 960px) {
	#contact .sec1{margin-top: 10%;}
	#contact .sec1 .form_area {padding: 0 10px;}
	#contact .sec1 table{width:100%;margin: 2% 0 10%;}
	#contact .sec1 .contents p.desc{width:auto;margin: 10% 5% 0}
	#contact .table tr{border: none;}
	#contact .table th {display: block;width: 100%;border: none;background: #e3e3e3;}
	#contact .table td {display: block;width: 100%;}
	#contact .table select{width: 100%;}
	#contact .table .state{width: auto;}
	#contact .table .inline{display: block;}
	#contact .sec1 .btn-area {width: 80%;margin: 20px auto 0;flex-direction: column-reverse;}
	#contact .sec1 .btn-area > button {margin: 5px;}
	.submit-btn,.reset-btn{margin-bottom: 5%;}
	#contact .thanks-ttl {font-size: 2.5rem;}
	#contact .thanks-ttl br{display: block;}
	#contact .thanks-txt{margin:30px 0 0; font-size: 1.4rem;}
	#contact .thanks-txt br.sp{display: block;}
}