@charset "Shift_JIS";

body{
	/*テキスト中央寄せ*/
	text-align: center;
}
.loginBox{
	background-color: rgb(255, 255, 255);
	border: 1px solid #000000;
	width: 300px;
	padding: 20px 50px;
	margin: 0 auto;
	margin-top: 50px;
}
.h4Font{
	color: rgb(73, 73, 73);
}
.loginId{
	width: 288px; /*親要素いっぱい広げる*/
	padding: 10px 5px; /*ボックスを大きくする*/
	margin-top: 20px;
	font-size: 15px;
	border-radius: 3px; /*ボックス角の丸み*/
	border: 2px solid #ddd; /*枠線*/
}
.loginPass{
	width: 288px; /*親要素いっぱい広げる*/
	padding: 10px 5px; /*ボックスを大きくする*/
	font-size: 15px;
	border-radius: 3px; /*ボックス角の丸み*/
	border: 2px solid #ddd; /*枠線*/
}
.loginBtn{
	background-color: rgb(8, 74, 189);
	border: solid rgb(8, 74, 189);
	color: rgb(255, 255, 255);
	padding: 5px 40px;
	font-weight: bold;
}
.loginBtn:hover{
	background-color: rgba(8, 74, 189, 0.438);
	border: solid rgb(8, 74, 189, 0.438);
}
.company{
	margin-top: 10px;
}
a{
	text-decoration: none;
	font-size: smaller;
	color: rgb(73, 73, 73);
}
a:hover{
	text-decoration: underline;
}
.tel{
	text-decoration: none;
	font-size: smaller;
	color: rgb(73, 73, 73);
}
.copyRight{
	font-size: smaller;
}

/* スマートフォン用レイアウト */
@media(max-width:600px){
	body{
		/*テキスト中央寄せ*/
		text-align: center;
	}
	.loginBox{
		background-color: rgb(255, 255, 255);
		border: 1px solid #000000;
		width: 300px;
		padding: 20px 50px;
		margin: 0 auto;
		margin-top: 50px;
	}
	.h4Font{
		color: rgb(73, 73, 73);
	}
	.loginId{
		width: 200px; /*親要素いっぱい広げる*/
		padding: 10px 5px; /*ボックスを大きくする*/
		margin-top: 20px;
		font-size: 15px;
		border-radius: 3px; /*ボックス角の丸み*/
		border: 2px solid #ddd; /*枠線*/
	}
	.loginPass{
		width: 200px; /*親要素いっぱい広げる*/
		padding: 10px 5px; /*ボックスを大きくする*/
		font-size: 15px;
		border-radius: 3px; /*ボックス角の丸み*/
		border: 2px solid #ddd; /*枠線*/
	}
	.loginBtn{
		background-color: rgb(8, 74, 189);
		border: solid rgb(8, 74, 189);
		color: rgb(255, 255, 255);
		padding: 5px 40px;
		font-weight: bold;
	}
	.loginBtn:hover{
		background-color: rgba(8, 74, 189, 0.438);
		border: solid rgb(8, 74, 189, 0.438);
	}
	.company{
		margin-top: 10px;
	}
	a{
		text-decoration: none;
		font-size: smaller;
		color: rgb(73, 73, 73);
	}
	a:hover{
		text-decoration: underline;
	}
	.copyRight{
		font-size: smaller;
	}
}