.input {

	width: 100%;

    max-width: 100%;

    margin: 0;

    margin-bottom: 10px;

}



.input__field {

	color: #555;

	font-size: 14px;

	font-weight: inherit;

	padding: 15px 12px 10px 12px;

    padding-top: 10px;

}



.input__label {

	color: #999999;

	height: calc(100% + 5px);

	font-size: 14px;

	font-weight: 500;

	top: 0px;

}



.input__label--hoshi::before {

	border-bottom: 1px solid #ccc;

}



.input__label--hoshi::after {

    margin-top: 0px;

    border-bottom: 1px solid #06b085;

}



.input--filled .input__label {

	color: #06b085;

}



input:-webkit-autofill {

    -webkit-box-shadow: 0 0 0px 1000px white inset;

}



.form-error .input__label--hoshi::before, .form-error .input__label--hoshi::after {

    border-bottom: 1px solid #C80000;

}