@charset "UTF-8";

h2{
	margin-top:38px;
	font-size: 130%;
	font-weight: bold;
}

h2.point::before {
  content: "■";
  color: #005AAB;
}


h2.underline{
	border-bottom: solid 2px #005AAB;
	margin-bottom: 0.5em;
	padding-bottom: 0.2em;
}

h3{
	margin-top:8px;
}


span.imp{
	color:red;
}

label.infotype{
	width:100px;
}

p{
	font-size:90%;
	margin-bottom:1em;
}

div.info{
	font-size : 80%;
}

span.point{
  color: #005AAB;
}

div.telephone{
  font-size:150%;
  font-weight:bold;
  color: #005AAB;
}
li#tel{
  background-image : url("../img/inquiry/img_otoiawase_4_2020.png");
  background-position : right bottom;
  background-repeat:no-repeat; 
}

#image-btn {
    border: 0px;
    width: 180px;
    height: 40px;
    background: url("../img/inquiry/img_otoiawase_2.jpg") left top no-repeat;
}

input, textarea{
	background-color:#eeeff2;
	border:0;
	padding: 0.2em;
}

.topMargin{
	margin-top: 0.2em;
}

@media screen and (min-width:0px) and (max-width: 960px) {
	h2 img{
		width:100%;
	}

	.full_body{
		padding-left: 6.25vw;
		padding-right: 6.25vw;
		margin-bottom: 55px;
	}
	table.inquiry {
		display: block;
		margin-top:2em;
		font-size: 85%;
		border-collapse: collapse;
		text-align: left;
		width:100%;
	}

	table.inquiry th{
		display:block;
		font-weight: bold;
		background-color: #ccced0;
		border : 1px solid #222222;
		padding: 1em 15px;
		white-space: nowrap;
	}

	table.inquiry td{
		display:block;
		font-weight: normal;
		border : 1px solid #222222;
		padding: 1em 2em;
	}
	input[type=text], textarea{
		width:100%;
	}

	ul.contentTable{
		list-style:none;
		width:100%;
		padding: 0;
	}

	ul.contentTable>li{
		display: block;
		vertical-align:top;
		margin-bottom:0.5em;
	}
	.center{
		text-align:center;
	}
	.right{
		text-align:center;
	}
}

@media screen and (min-width:960px){
	.full_body{
		padding-left: 144px;
		padding-right: 144px;
		margin-bottom: 55px;
	}
	
	table.inquiry {
		margin-top:2em;
		font-size: 85%;
		border-collapse: collapse;
		text-align: left;
		table-layout: fixed;
		width:100%;
	}
	
	table.inquiry th{
		font-weight: bold;
		background-color: #ccced0;
		border : 1px solid #222222;
		padding: 1em 15px;
		white-space: nowrap;
		width: 105px;
	}

	table.inquiry td{
		font-weight: normal;
		border : 1px solid #222222;
		padding: 1em 2em;
		white-space: nowrap;
	}

	input.inputName{
		width:8em;
	}
	input.inputCompany{
		width:20em;
	}
	input.inputZip{
		width:18em;
	}
	input.inputAddr{
		width:30em;
	}
	input.inputTel{
		width:20em;
	}
	input.inputEmail{
		width:24em;
	}
	textarea.inputInquiry{
		width:30em;
	}

	span.labelName{
		display: inline-block;
		margin-left:1em;
		width:3em;
	}
	span.labelZip{
		display: inline-block;
		width:2em;
	}
	
	ul.contentTable{
		display:table;
		table-layout: fixed;
		list-style:none;
		width:100%;
		padding: 0;
	}
	
	ul.contentTable>li{
		display: table-cell;
		vertical-align:top;
	}
	.center{
		text-align:center;
	}
	.right{
		text-align:right;
	}

	li#message{
		width:52%;
		border-right : 1px solid #CCCCCC;
	}	
	li#tel{
		padding-left: 1em;
		padding-bottom: 1em;
	}
		  
}