/*==============================

        inquiry.css

==============================*/
@charset "utf-8";

.inquiryForm span.require::after {
  content: "必須";
  background-color: #f0ad4e;
  color: #fff;
  font-size: 12px;
  padding: 3px 4px;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  border-radius: 4px;
  display: inline-block;
  text-indent: 0px;
}
.inquiryForm p span.require::after {
  margin: 0px 0px 0px 0px;
}
.inquiryForm table.inquiry tr th span.require::after {
  margin: -2px 0px 0px 10px;
}

#test input[type="text"]::placeholder, #test textarea::placeholder {opacity:0.6;}
.inquiryForm table.inquiry tr:nth-child(10) td {display:flex;flex-direction:column;}
.inquiryForm table.inquiry tr:nth-child(10) td ul li {display:block;position:relative;padding-left:0em;}
.inquiryForm table.inquiry tr:nth-child(10) td ul li label {display:block;position:relative;padding-left:1.5em;line-height:1.5em;}
.inquiryForm table.inquiry tr:nth-child(10) td ul li label input[type="radio"] {position:absolute;top:0;bottom:0;left:0;margin:auto;width:auto;}
.inquiryForm table.inquiry tr:nth-child(11) td {display:flex;flex-direction:column;}
.inquiryForm table.inquiry tr:nth-child(11) td ul li {display:block;position:relative;padding-left:0em;}
.inquiryForm table.inquiry tr:nth-child(11) td ul li label {display:block;position:relative;padding-left:1.5em;}
.inquiryForm table.inquiry tr:nth-child(11) td ul li label input[type="checkbox"] {position:absolute;top:0;bottom:0;left:0;margin:auto;width:auto;}

@media screen and (min-width: 641px) {
	#main {margin-bottom:0px;}
	div#main {margin-bottom:0px;}
	#main div.section {width:780px;}
	#message-container-input {padding-bottom:20px;}
	.inquiryForm {font-size:14px !important;width:700px;padding-top:15px;}
	.inquiryForm table.inquiry th {width:200px !important;padding-top:4px;padding-bottom:4px;}
	.inquiryForm table.inquiry td {padding-top:2px;}
	.inquiryForm table.inquiry td input[type="text"] {width:470px;padding:2px 2px;font-size:14px !important;}
	.inquiryForm table.inquiry td textarea {width:470px;padding:2px 2px;font-size:14px !important;}
	.inquiryForm table.inquiry tr:nth-child(11) td ul li label {line-height:3.5em;}
	.inquiryForm .inputBox:after {margin-left:392px;}
	.inquiryForm .btn a.btn {margin-top:149px}
}
@media screen and (max-width: 640px) {
	.inquiryForm table.inquiry tr:nth-child(11) td ul li label {line-height:1.5em;}
}

/* 確認画面、送信完了画面 */
@media screen and (min-width: 641px) {
	#message-container-confirm {padding-bottom:20px;}
	#message-container-finish {padding-bottom:20px;}
	table.formTable{
		width:100%;
		margin:0 auto;
		font-size:14px;
		margin-bottom: 30px;
		//line-height: 200%;
	}
	table.formTable td{
		text-align:left;
		word-break: break-all;
		width:445px;
		padding:4px 2px;
		font-size:14px !important;
		line-height: 110%;
	}
	table.formTable th{
		//width: 200px;
		width: 195px;
		font-weight:normal;
		text-align:left;
		vertical-align:top;
		width:195px;
		padding:4px 2px;
		font-size:14px !important;
		line-height: 110%;
	}
	p.error_messe{
		margin:5px 0;
		color:red;
		font-size:14px;
	}
	.inquiryForm .inputBox3:after {
		margin-left:600px;
	}
}
@media screen and (max-width: 640px) {
	table.formTable{
		border-spacing: 0px 34px;
		margin-bottom: 30px;
		width: 100%;
	}
	table.formTable td{
		width: 100%;
		display: block;
		word-break: break-all
	}
	table.formTable th{
		width: 100%;
		font-weight: normal;
		background-color: #eaf1f6;
		text-indent: 6px;
		display: block;
		margin-bottom: 14px;
		height: 22px;
		padding-top: 6px;
	}
	p.error_messe{
		margin:5px 0;
		color:red;
		font-size:14px;
	}
	.inquiryForm .inputBox3:after {
		margin-left:220px;
	}
}