@charset "UTF-8";

/*--------------------------------------------------------------------
 *	フレーム（header, main, footer）
 *--------------------------------------------------------------------*/

main {
	width: 250px;
	margin: 50px auto;
	padding: 50px;
	border-radius: 15px;
	background-color: #ffffff;
}


/*--------------------------------------------------------------------
 *	コンテンツ
 *--------------------------------------------------------------------*/
form {
	margin: 0;
}
form input[type="text"],
form input[type="password"] {
	width: 250px;
	padding: 5px;
}
dl {
	margin: 0;
}
dl dt {
	margin: 0;
	padding: 0;
}
dl dd {
	margin: 0 0 20px 0;
	padding: 0;
}

#btn_login {
	width: 200px;
	margin: 30px auto 0 auto;
}


.pc_none {
	display: none;
}




@media screen and (max-width: 736px) {
/* 736px以下用（SP用）の記述 */


main {
	width: 70%;
	margin: 15% auto;
	padding: 0 5%;
}
dl {
	width: 100%;
	max-width: 250px;
	margin: 0 auto;
}
dl dd {
	width: 100%;
	max-width: 250px;
}
#btn_login {
	max-width: 200px;
	width: 100%;
}

form input[type="text"],
form input[type="password"] {
	width: 100%;
	max-width: 250px;
}
#login_text_area {
	max-width: 250px;
	margin: 1.5em auto;

}



















.pc_none {
	display: block;
}

/* 736px以下用（SP用）の記述 end */
}