@charset "UTF-8";

/** SX3 Original */
html {
	height: 100%;
}
body {
	height: 100%;
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
}
#container {
	display: flex;
	height: 100%;
	padding: 0;
}
#container > h1 {
	width: 45%;
	margin: 0;
	overflow: hidden;
	background-color: #045ea7;
	background-image: url(../image/PCtop.svg);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: 100%;
	white-space: nowrap;
}
#container > form {
	flex-grow: 2;
	align-self: center;
	padding-left: 15%;
	color: #060606;
}
.title {
	font-size: 1.3rem;
	min-width: 540px;
}
td {
	padding: .5rem 1rem 2rem 0;
}
input[type='submit'].action {
	width: 100%;
	padding: .5rem 3rem;
	font-size: 1rem;
}
*[type='text']:focus, *[type='password']:focus, textarea:focus {
    background-color: rgb(204, 230, 238);
    border-color: #707070;
}

.errors-text {
	font-weight: normal;
	color: #060606;
}