@charset "utf-8";
/*--京login.css--*/
.contents {
	padding:0;
}

.login_box{
	width:500px;
	margin:150px auto 0 auto;
	box-sizing:border-box;
	background:#fafafa;
	border:1px solid #aaa;
	padding:20px 10px;
	border-radius:4px;
}

	.login_box > .box_header{
		margin-bottom:20px;
	}
	
		.login_box > .box_header h1{
		}
		
		.login_box > .box_header h1 span{
			display:block;
		}
		
		.login_box > .box_header h1 img{
			max-width:100%;
			height:auto;
		}
		
		.login_box > .box_header h1 .sys_title1{
			width:240px;
			margin:0 auto 10px auto;
		}
		
		.login_box > .box_header h1 .sys_title2{
			color: #555;
			font-size: 1.3em;
			font-weight: bold;
			text-align:center;
		}
	
	.login_box > .box_inner{
		margin-bottom:20px;
	}
	
		.login_box > .box_inner dl{
			display:flex;
			align-items:center;
			width:80%;
			margin:0 auto 15px auto;
		}
		
			.login_box > .box_inner dl dt{
				font-weight:bold;
				width:7em;
			}
			
			.login_box > .box_inner dl dd{
				width:calc(100% - 7em);
			}
			
			.login_box > .box_inner dl dd input[type="text"],
			.login_box > .box_inner dl dd input[type="password"]{
				box-sizing:border-box;
				border:1px solid #aaa;
				font-size:1.1em;
				padding:0.2em;
				width:100%;
			}
	
	.login_box > .box_footer{
		text-align:center;
	}
	
		.login_box > .box_footer input[type="submit"]{
			border:1px solid #32a0a0;
			background:#32a0a0;
			padding:0.3em 0.8em 0.3em 1em;
			color:#fff;
			font-size:1.1em;
			font-weight:bold;
			letter-spacing:0.2em;
			box-shadow:2px 2px 0 rgba(0,0,0,0.2);
			transition:.3s all ease;
		}
		
		.login_box > .box_footer input[type="submit"]:hover{
			transform:translateX(2px) translateY(2px);
			box-shadow:none;
		}
		
	
.msg{
	text-align:center;
	margin-top:1em;
	font-weight:bold;
	color:#c40026;
}


/* スマホだけに適用するCSS */
@media screen and (max-width:479px){
	.login_box{
		width:calc(100% - 6vw);
		margin:10vh auto 0 auto;
		padding:6vw 4vw;
	}
	
		.login_box > .box_header{
			margin-bottom:5vw;
		}
		
			.login_box > .box_header h1 .sys_title1{
				width:70%;
				margin:0 auto 3vw auto;
			}
			
			.login_box > .box_header h1 .sys_title2{
				font-size: 4.4vw;
			}
		
		.login_box > .box_inner{
			margin-bottom:5vw;
		}
		
			.login_box > .box_inner dl{
				width:100%;
				margin:0 auto 3vw auto;
			}
			
		
	.msg{
		line-height:1.4;
		margin-top:2em;
		font-size:1.1em;
		text-align:left;
		padding:0 3vw;
	}
	

}