<div class="cp_iptxt">
<input type="text" placeholder="お名前">
<i class="fa fa-user fa-lg fa-fw" aria-hidden="true"></i>
</div>
.cp_iptxt {
position: relative;
width: 80%;
margin: 40px 3%;
}
.cp_iptxt input[type=text] {
font: 15px/24px sans-serif;
box-sizing: border-box;
width: 100%;
margin: 8px 0;
padding: 0.3em;
transition: 0.3s;
border: 1px solid #1b2538;
border-radius: 4px;
outline: none;
}
.cp_iptxt input[type=text]:focus {
border-color: #da3c41;
}
.cp_iptxt input[type=text] {
padding-left: 40px;
}
.cp_iptxt i {
position: absolute;
top: 8px;
left: 0;
padding: 9px 8px;
transition: 0.3s;
color: #aaaaaa;
}
.cp_iptxt input[type=text]:focus + i {
color: #da3c41;
}