/* CSS Document */

/************************** form ***************************/

/*------------------------------------------------------------
form
------------------------------------------------------------*/
.form {
  max-width: 800px;
  margin: 100px auto 200px;
}
@media screen and (max-width: 767px) {
  .form {
      max-width: 100%;
      padding: 0 5%;
      margin: 30px 0;
	}
}

form dl {
	margin: 15px 0;
	padding: 0 10px 10px;
	border: 10px #eee solid;
}
@media screen and (max-width: 767px) {
	form dl {
		margin: 0;
		padding: 0;
		border: none;
	}
}
form dl dt {
	float: left;
	width: 15em;
	padding: 10px 0;
	text-indent: 0;
	line-height: 150%;
	font-size:1.6rem;
}
@media screen and (max-width: 767px) {
	form dl dt {
		float: inherit;
		width: auto;
		padding: 10px 0 0;
		font-size:1.4rem;
	}
}
form dl dd {
	padding: 10px 0 10px 15em;
	line-height: 150%;
	border-bottom: 1px dotted #555;
	font-size:1.6rem;
}
@media screen and (max-width: 767px) {
	form dl dd {
		padding: 10px 0;
		font-size:1.4rem;
	}
}
.emphasis,
abbr{
	color:red;
	font-size:1.1rem;
}
form abbr.attention,
form abbr.ayl{
	float:right;
	margin-right:15px;
	background:#ff0000;
	color:#fff;
	padding:0 5px;
	font-weight:bold;
}
@media screen and (max-width: 767px) {
	form abbr.attention,
	form abbr.ayl{
		float:inherit;
		margin-right:0;
	}
}
form abbr.ayl{
	background:#ccc;
	color:#000;
}
form dl input{
	ime-mode:active;
	width:300px;
	padding:5px;
	font-size:1.6rem;
}
form dl select{
	width:312px;
	padding:5px;
	font-size:1.6rem;
}
form dl textarea{
	ime-mode:active;
	padding:5px;
	max-width:500px;
	width: 98%;
	height:150px;
}
form dl label input{
	width:22px;
}
form .submit{
	font-size:3.6rem;
	width:80%;
	padding:20px 0;
	margin-top:30px;
	background:#094;
	color:#fff;	
	border:none;
	cursor:pointer;
	-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
	form .submit{
		font-size:2.8rem;
		width:90%;
		padding:10px 0px;
	}
}
form .submit:hover{
	background:#06F;
}