.main {
	height: 100%;
	width: 80%;
	margin: 0 auto;
	display: grid;
	align-items: center;
	font-size: 2vw;
}

.title {
	height: 8vw;
	text-align: center;
}

.login_data {
	width: 50%;
	display: grid;
	margin: 0 auto;
	grid-template: "userid userform" 1fr
				   "password passform" 1fr
				   "kai_code kai_form" 1fr
				   "login login" 1fr/
					40% 60%;
	grid-gap: 10px 0;
}

.userid {
	grid-area: userid;
}

.userform {
	grid-area: userform;
}

.password {
	grid-area: password;
}

.passform {
	grid-area: passform;
}

.kai_code {
	grid-area: kai_code;
}

.kai_form {
	grid-area: kai_form;
}

input {
	font-size: 2vw;
}

.login {
	width: 50%;
	display: flex;
	justify-content: center;
	grid-area: login;
	margin: 0 auto;
}

.login_btn {
	font-size: 2vw;
	height: 6vw;
	width: 50%;
}