@charset "UTF-8";

/*--------------------------------------------------------------------
 *	共通の記述
 *--------------------------------------------------------------------*/
 
/* フレーム（header, main, footer）*/

main {
	width: 355px;
	margin: 100px auto;
	padding: 50px 40px;
	background-color: #ffffff;
}
main h1 {
	font-size: 150%;
	color: #929292;
	text-align: center;
	margin: 0;
	font-weight: bold;
	font-family: "Noto Sans", "Meiryo", sans-serif, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro";
	margin-bottom: 2em;
}


/* コンテンツ */

form {
	margin: 0;
}
form input.pw {
    margin-bottom: 10px;
}   
form input[type="text"],
form input[type="password"] {
	width: 100%;
	padding: 5px;
}
dl {
	margin: 0;
}
dl dt {
	margin: 0 0 5px;
	padding: 0;
}
dl dd {
	margin: 0 0 1em;
	padding: 0;
}
main #btn_login {
	width: 100%;
	padding: 0.5em 0;
	border-radius: 5px;
}
button:hover {
	opacity: 0.8;
}
p#pswdreminder {
    margin: 2em 0 0 0;
    text-align: center;
}


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

main {
	width: 60%;
	margin: 32px auto 43px;
	padding: 36px 10% 42px;
}
main h1 {
	width: 22%;
	margin: 0 auto 55px;
}
main h1 img {
	width: 100%;
}

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


/*--------------------------------------------------------------------
 *	737px以上用（PC用）の記述
 *--------------------------------------------------------------------*/
@media screen and (min-width: 737px), print {
/* 737px以上用（PC用）の記述 */

main {
	font-size: 15px;
}
main h1 {
	margin-bottom: 78px;
}
main h1 img {
	width: 70px;
}
main #btn_login {
	margin: 40px auto 1em;
}

/* 737px以上用（PC用）の記述 end */
}


/*--------------------------------------------------------------------
 *	印刷用（PC表示）の記述
 *--------------------------------------------------------------------*/
@media print {

/* 印刷用（PC表示）の記述 end */
}