@charset "UTF-8";

/*
  Josh's Custom CSS Reset
  https://www.joshwcomeau.com/css/custom-css-reset/
*/
*,*::before,*::after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}

/* その他初期設定 */
body {
	font-family: "Noto Sans JP", sans-serif;
	color: #333;
	height: auto;
}
ul,li {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

.wrapper {
	width: 80%;
	margin: 0 auto;
	text-align: center;
}
.logo-bunjo {
	width: 70%;
	margin: 20px auto;
}
.title {
	margin:20px;
	font-size: 24px;
	letter-spacing: 0.1em;
}
.login {
	width: 100%;
	margin: auto;
}
.login table {
	width: 100%;
	margin-bottom: 10px;
}
.login th,
.login td {
	display: block;
	margin-bottom: 5px;
	width: 100%;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
}
.login td {
	padding-bottom: 20px;
}
.login input[type="text"],
.login input[type="password"] {
	width: 100%;
	padding: 5px;
	background: #EEE;
	border:1px solid #999;
}
.login input[type="submit"] {
	width: 200px;
	padding: 5px 20px;
	border-radius: 10px;
	border:1px solid #999;
	background: #EEE;
	font-size: 20px;
	color: #000;
}
.copy {
	margin-top: 50px;
	font-size: 12px;
}

/* PC表示 */
/*
@media (min-width:600px) {
*/
	.logo-bunjo {
		width: auto;
		margin: 40px auto;
	}
	.login {
		width:400px;
	}
	.login table {
		margin-bottom: 30px;
	}
	.login th,
	.login td {
		display: table-cell;
		margin-bottom: 0;
		width: auto;
		padding-right: 10px;
		padding-bottom: 20px;
		text-align: left;
		white-space: nowrap;
		line-height: 1;
		vertical-align:baseline
	}
	.login button[type="button"] {
		padding: 5px 20px;
		border-radius: 10px;
		border:1px solid #999;
		background: #EEE;
		font-size: 18px;
	}
/*
}
*/