@charset "UTF-8";

@media screen and (max-width: 768px) {
	#loginBlock h1 {
		width: auto;
		height: 60px;
		background: url(../img/login/logo.png) no-repeat;
		background-size: contain;
		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, #loginTopix {
		width: auto;
	}

	#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;
	}


}