table.inquiry{
	width:100%;
	border-collapse:collapse;
}
table.inquiry tr.error_tr{
	background-color:#FFDAE7;
}
table.inquiry th{
    text-align: left;
    padding: 15px;
    font-weight: normal;
    border: 1px solid #000000;
    width: 250px;
    vertical-align: top;
}
table.inquiry th > span {
    color: red;
    float: right;
    clear: right;
}
table.inquiry th > span.detail_point{
    color: #555555;
    font-size: 0.7em;
    display:block;
}
table.inquiry td {
    border: 1px solid #000000;
}
table.inquiry td.button_box{
	padding:10px 20px;
	line-height:1.3em;
}
input.user_input{
	width:98%;
	margin:0px auto;
	display:block;
	font-size:1.4em;
}
textarea{
	width:98%;
	margin:5px auto;
	display:block;
	height:200px;
	font-size:1.2em;
}
div.contact_action{
	width:100%;
	margin:0px auto;
	margin-top:35px;
	text-align:center;
}
div.contact_action > div{
	width:100%;
	margin:0px auto;
}
div.contact_action > label > a{
	border-bottom:1px solid #000000;
}
p.error_text{
	color:red;
	margin:20px 0px;
}

/*　デフォルト表示を消す　*/
input[type="radio"],input[type="checkbox"] {
    display:none;
}
/*　ラジオボタン 未選択時の背景指定　*/
input[type="radio"] + label {
    padding:10px 0 10px 50px;
    background:url(../../images/shiryou/radio_off.png) no-repeat left center;
    background-size:28px 28px;
    cursor:pointer;
    display:block;
}
 
/*　ラジオボタン 選択時の背景指定　*/
input[type="radio"]:checked + label {
    background:url(../../images/shiryou/radio_on.png) no-repeat left center;
    background-size:28px 28px;
    cursor:pointer;
    display:block;
}
 
 
/*　チェックボックス 未選択時の背景指定　*/
input[type="checkbox"] + label {
    padding:3px 0 3px 50px;
    background:url(../../images/shiryou/check_off.png) no-repeat left center;
    background-size:28px 28px;
    cursor:pointer;
    display:block;
}
 
/*　チェックボックス 選択時の背景指定　*/
input[type="checkbox"]:checked + label {
    background:url(../../images/shiryou/check_on.png) no-repeat left center;
    background-size:28px 28px;
    cursor:pointer;
    display:block;
}

/*　チェックボックス 未選択時の背景指定　*/
input[type="checkbox"] + label.send_check {
    padding:3px 0 3px 50px;
    background:url(../../images/shiryou/check_off.png) no-repeat 210px center;
    background-size:28px 28px;
    cursor:pointer;
    display:block;
}
 
/*　チェックボックス 選択時の背景指定　*/
input[type="checkbox"]:checked + label.send_check {
    background:url(../../images/shiryou/check_on.png) no-repeat 210px center;
    background-size:28px 28px;
    cursor:pointer;
    display:block;
}

input[type="submit"]:disabled{
	cursor:not-allowed;
	margin-top:20px;
	border:0px;
	width:235px;
	height:74px;
	background:url(../../images/shiryou/button_off.png?20250918) left top no-repeat;
}
input[type="submit"]{
	cursor:pointer;
	margin-top:20px;
	border:0px;
	width:235px;
	height:74px;
	background:url(../../images/shiryou/button_on.png?20250918) left top no-repeat;
}
label > span {
    font-size: 0.75em;
    display: block;
}
@media screen and (max-width: 768px){
	table.inquiry th{
		width:auto;
		padding:5px;
	}
	table.inquiry th > span{
		display:block;
		float:none;
		clear:none;
	}
	input.user_input{width:87%;}
	textarea{width:87%;}
	input[type="checkbox"] + label.send_check {
	    padding: 3px 15px 3px 53px;
	    background: url(../../images/shiryou/check_off.png) no-repeat 5px center;
	}
	input[type="checkbox"]:checked + label.send_check {
	    background: url(../../images/shiryou/check_on.png) no-repeat 5px center;
	}

	input[type="submit"]:disabled {
	    cursor: not-allowed;
	    margin-top: 20px;
	    border: 0px;
	    width: 100%;
	    max-width: 600px;
	    height: 50px;
	    background: url(../../sp/images/shiryou/button_off.png?20250918) center top no-repeat;
	        background-size: auto;
	    background-size: contain;
	    text-align: center;
	}
	input[type="submit"]{
		cursor:pointer;
		margin-top:20px;
		border:0px;
		width:100%;
		max-width:600px;
		height:50px;
		background:url(../../sp/images/shiryou/button_on.png?20251918) center top no-repeat;
		background-size:contain;
		text-align:center;
	}
}