@charset "UTF-8";
.titleBox2{
	padding-bottom: 5%;
}
.mainArea{
	padding-bottom: 10%;
}
.Login{
	padding: 5% 30px 10%;
}
.Login:before{
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: -1;
	position: absolute;
	top: 10px;
	left: 10px;
}

.titleBox3:before{
	content: '';
	width: 30%;
	display: block;
	height: 5px;
	margin-bottom:10px;
	transform: translateX(-60px);
	background: linear-gradient(-145deg,#c3a08d,#f3cc7f);
}
.titleBox3{
	color: #666;
}
.titleBox3 p{
	font-size: 9px;
}
.titleBox3 p span{
	display: block;
}
form{
	padding:3rem 2rem 0;
}
.CaseName{
	padding-bottom: 2rem;
}

.form-control{
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #444;
	border-radius: 0;
}

@media(max-width: 480px){
	.mainArea {
    padding-bottom: 20%;
}
	.Login {
    	padding: 15% 30px 20%;
	}
	form {
	    padding: 3rem 10px 0;
	}
}