@charset "utf-8";

.fullGray {
	background: #f2f2f2;
}

.inputWrap {
	margin: 6em 0 7em;
}
.mainImg {
	margin: 1em 0 2em;
}

#footer {
	background: #4d4d4d;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 300;
	padding: 5em 0 1em;
	margin-top: 5em;
	line-height: 1.5;
}
#footer .flexWrap {
	align-items: flex-end;
}

.errMsg {
	opacity: 0;
	margin: 1.8em 0 1.8em;
	font-size: 1.4rem;
	display:none;
}
.err .errMsg {
	opacity: 1;
	color: #f00;
	display:block;
}

input[type="password"] {
	font-size: 2.2rem;
	border: 1px solid #000;
}
input[type="submit"] {
	background: #808080;
	color: #fff;
	border: 1px solid #808080;
	padding: .5em 4em;
	cursor: pointer;
}
input[type="submit"]:hover {
	opacity: .8;
}



/* */

a.hov {
	transition:all 0.3s ease-out;
}
a.hov:hover {
	opacity: .75;
}
.certification {
	font-size: 1.2rem;
	line-height: 1.6;
	margin: 5em 0 2.5em
}
.passMsg {
	margin: 2em 0;
	line-height: 1.4;
}




@media screen and (max-width: 767px) {
	.flexImg ,
	.imgFlex{
		max-width: 100%;
		height: auto;
	}
	.certification {
		font-size: 1.1rem;
	}

	#header img {
		width: 25vw;
		height: auto;
	}
	#footer {
		margin: 0;
		font-size: 1.0rem;
		text-align: center;
		padding: 3em 0;

	}
	#footer .flexWrap {
		flex-direction: column;
		align-items: center;
	}
	#footer .flexWrap p:last-child {
		margin-top: 1em;
	}
}