@charset "utf-8";

/*===============================================
フォーム関連
===============================================*/

#formTable {
	margin-bottom: 50px;
	border-bottom: #A8BEDA 1px dotted;
}
#formTable p {
	margin-bottom: auto;
}
#formTable > dt{
	background: url(../img/common/icon_form.png) 15px 27px no-repeat;
     float: left;
     width: 200px;
     padding: 22px 0 22px 30px;
	 font-size: 1.6rem;
	 line-height: 1.3;
	 color: #517EB6;
}
/*\*/
#formTable > dt{
     clear: both;
}
/**/
#formTable > dd{
     padding: 15px 0 5px 240px;
	 border-top: #A8BEDA 1px dotted;
}
#formTable > dd:after {
	content : '';

	height: 1px;
	display : block;
	clear : both;
}
/*\*/
*html #formTable > dd{
     float: none;
}
/**/
*:first-child+html #formTable > dd{
     float: none;
}

#formTable > dd ul {
	padding: 5px 0 0;
}
#formTable > dd ul li {
	margin-right: 40px;
	float: left;
}

#formTable > dd ul.strongList li {
	margin: 0 0 5px;
	float: none;
	color: #DC7003;
}

#btnArea {
	margin-bottom: 20px;
	text-align: center;
}

fieldset {
	border: none;
}
input[type="text"],textarea,select {
	margin: 0 3px 3px 0;
	padding: 10px;
	border:#D6D6D6 1px solid;
	border-radius: 5px;
	font-size: 16px;
}

.require {
	color: #D90000;
	font-size: 1.2rem;
}
.example {
	font-size: 1.4rem;
}

.inputS { width: 30%; }
.inputM { width: 50%; }
.inputL { width: 80%; }



/* SP */
@media screen and (max-width:670px){
	#formTable {
		margin-bottom: 30px;
	}
	#formTable > dt{
		background: url(../img/common/icon_form.png) 0 27px no-repeat;
	     float: none;
	     width: auto;
	     padding: 22px 0 0 15px;
		 border-top: #A8BEDA 1px dotted;
	}
	#formTable > dd{
	     padding: 5px 0 25px;
		 border-top: none;
	}
	

	#formTable > dd ul {
		padding: 10px 0;
	}
	#formTable > dd ul li {
		margin: 0 0 5px;
		float: none;
	}
	#formTable > dd ul li label {
		padding: 10px 20px;
		width: 100%;
		background: #EDF2F8;
		border:#A8BEDA 1px solid;
		display: inline-block;
		box-sizing: border-box;
	}
	#btnArea {
		margin-bottom: 20px;
		text-align: center;
	}
	#btnArea input {
		width: 100%;
	}

	fieldset {
		border: none;
	}
	input[type="text"],textarea {
		padding: 10px;
		border:#D6D6D6 1px solid;
		border-radius: 5px;
	}
	input[type="radio"] {
		display:inline-block;
		vertical-align:middle;
	}

	.require {
		color: #D90000;
		font-size: 1.2rem;
	}
	.example {
		font-size: 1.4rem;
	}

	.inputS,
	.inputM,
	.inputL { 
		margin-bottom: 5px;
		width: 100%;
		box-sizing: border-box;
	}

}