article.login dl {
	font-size: 120%;
}

article.login dl:after {
	content: "";
	display: block;
	clear: both;
}

article.login dt {
	float: left;
	clear: both;
}

article.login dd {
	margin-bottom: 0.4em;
}

article.login input[type=text],
article.login input[type=password],
article.login input[type=submit] {
	max-width: 100%;
	font-size: 100%;
}

article.login input[type=text],
article.login input[type=password] {
	border: 1px solid #333;
}

@media all and (min-width:768px){
/* PC */
article.login dt {
	width: 8em;
}
article.login dd {
	margin-left: 8em;
}
/* PC end */
}

@media all and (max-width:767px){
/* SP */
article.login dd {
	width: calc(100% - 2em);
	margin-left: 2em;
}
/* SP end */
}