/*===========================================
	お問い合わせ
===========================================*/
.form_heading{
	font-size: 2.2rem;
	text-align: center;
	margin: 40px 0 0 0;
	line-height: 150%;
}

.text_center{
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
}

/* フォーム本体 */
#formWrap {
	width: 80%;
	margin:0rem auto 0.2rem auto;
	color:#333;
	line-height:120%;
	font-size: 1.5rem;
}

#formWrap table.formTable {
	width:100%;
	margin: 1rem auto 2rem auto;
	border-collapse:collapse;
}

#formWrap table.formTable td, table.formTable th {
	border:1px solid #ccc;
	padding:10px;
}

#formWrap table.formTable th {
	font-weight: bold;
	width:30%;
	background:#efefef;
	text-align:left;
}

.require{
	color:#F00;	
}


.th-text{
	line-height: 180%;
}

.must {
  font-size: 1.2rem;
  display: inline-block;
  background-color: #C00;
  border: solid 2px #C00;
  text-shadow: 0px 1px 2px #933;
  margin: 2px 0 0 0;
  padding: 2px 5px;
  color: #FFF;
  border-radius: 4px;
  box-shadow: 0px 0px 5px #CCC;
  background-size: 100% 100%;
  float: right;
}

.input-box{
    border: solid 1px #CCC;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #CCC inset;
    padding: 5px 8px;
    margin: 2px;
    vertical-align: middle;
}

.radio_btn{
	padding: 5px 0 5px 10px;
	display: block; 
}

.submit-btn{
	padding: 8px 20px;
    cursor: pointer;
    outline: none;
}

.error_messe{
	margin: 2rem 0 0 0;
	color: #E31F23;
}

@media screen and (max-width: 767px) {
	
input{
}
		
textarea{
		width: 100%;
}

#formWrap {
	width:100%;
	margin:0 auto 3rem auto;
}
#formWrap table.formTable th {
	width:auto;
	display:block;
}
	
#formWrap table.formTable td {
	width:auto;
	display:block;
}
	
#formWrap table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
	
form input[type="text"], form textarea {
	width:96%;
	padding:5px;
	font-size:110%;
	display:block;
}
	
form input[type="submit"], form input[type="reset"], form input[type="button"] {
	font-size: 1.5rem;
	display:block;
	width:100%;
	height:40px;
}
}