@charset "UTF-8";

@media screen and (max-width: 768px) {
	html,
	body{
		height:auto;
		overflow: scroll;
	}

	#loginBlock h1 {
		width: auto;
		margin: 0 auto 20px;
	}

	#loginBlock dl {
		display: block;
	}

	#loginBlock .password,
	#loginBlock dd {
		width: auto;
	}

	#loginBlock div {
		display: block;
	}

	#loginBlock {
		width: auto;
		margin-top: 0;
		border-radius: 0;
		margin-bottom: 20px;
	}

	#loginCaution, #loginBlock{
		width: auto;
	}

	#loginTopix {
		width: 80%;
		height: auto;
		margin: 0 auto;
		padding-bottom: 30px;
	}



	#loginBlock dt {
		width:  auto;
		text-align: left;
		line-height: 45px;
	}

	.submit {
		width: auto;
		text-align: center;
		padding-top: 40px;
	}

	#loginTopix dt {
		width: 40%;
		display: block;
	}

	#loginTopix dd {
		width: auto;
		display: block;
	}

	#loginTopix h2 {
		padding: 5px 10px;
	}

	#loginCaution {
		font-size: 12px;
		margin: 5px;
	}

	#loginBlock .plainTxt{
		text-align: left;
	}

}