.input__label--chisato,.input__label--yoshiko{text-align:left;overflow:hidden;pointer-events:none}.input{position:relative;z-index:1;display:inline-block;margin:0 0 10px;width:100%;vertical-align:top}.input__field{position:relative;display:block;float:right;padding:10px;width:60%;border:1px solid #c2c2c2;border-radius:0;background:#fff;color:#575757;font-weight:400;font-size:17px;-webkit-appearance:none}.input__field:focus{outline:0}.input__label{display:inline-block;float:right;padding:0 1em;width:40%;color:#696969;font-weight:700;font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input__label-content{position:relative;display:block;padding:1.6em 0;width:100%}.graphic{position:absolute;top:0;left:0;fill:none}.icon{color:#ddd;font-size:150%}.input__field--yoshiko{width:100%;border:2px solid;-webkit-transition:background-color .25s,border-color .25s;transition:background-color .25s,border-color .25s}.input__label--yoshiko{width:100%;position:absolute;bottom:100%;padding:0 1.25em;font-size:14px;font-weight:400;-webkit-transform:translate3d(0,2.8em,0);transform:translate3d(0,2.8em,0);-webkit-transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;left:0}.input__label-content--yoshiko{color:#777;font-family:DinPro-Regular;padding:.25em 0;-webkit-transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out}.input__label-content--yoshiko::after{content:attr(data-content);position:absolute;font-weight:800;bottom:100%;left:0;height:100%;width:100%;color:#000;padding:.25em 0;text-transform:uppercase;letter-spacing:1px;font-size:.85em}.input--filled .input__label--yoshiko,.input__field--yoshiko:focus+.input__label--yoshiko{-webkit-transform:translate3d(-15px,5px,0);transform:translate3d(-15px,5px,0);color:#fff}.input--filled .input__label-content--yoshiko,.input__field--yoshiko:focus+.input__label--yoshiko .input__label-content--yoshiko{-webkit-transform:translateY(0,100%,0);transform:translateY(0,100%,0);margin:5px 0 0;color:#777}.input--chisato{padding-top:0}.input__field--chisato{width:100%;padding:.8em .5em;background:0 0;border:2px solid;color:#b5b5b5;-webkit-transition:border-color .25s;transition:border-color .25s}.input__label--chisato{width:100%;position:absolute;top:0;padding:0;-webkit-transform:translate3d(0,.9em,0);transform:translate3d(0,.9em,0)}.input__label-content--chisato{padding:0 1em;font-weight:400;color:#b5b5b5}.input__label-content--chisato::after{content:attr(data-content);position:absolute;top:-200%;left:0;color:#da6484;padding:0 12px;font-weight:800}.input--filled .input__field--chisato,.input__field--chisato:focus{border-color:#da6484}.input--filled .input__label--chisato,.input__field--chisato:focus+.input__label--chisato{-webkit-animation:.25s forwards anim-chisato-1;animation:.25s forwards anim-chisato-1}.input--filled .input__label-content--chisato,.input__field--chisato:focus+.input__label--chisato .input__label-content--chisato{-webkit-animation:.25s ease-in forwards anim-chisato-2;animation:.25s ease-in forwards anim-chisato-2}@-webkit-keyframes anim-chisato-1{0%,70%{-webkit-transform:translate3d(0,3em,0);transform:translate3d(0,3em,0)}100%,71%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes anim-chisato-2{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}70%,71%{-webkit-transform:translate3d(0,125%,0);transform:translate3d(0,125%,0);opacity:0;-webkit-animation-timing-function:ease-out}100%{color:transparent;-webkit-transform:translate3d(0,250%,0);transform:translate3d(0,200%,0)}}@keyframes anim-chisato-1{0%,70%{-webkit-transform:translate3d(0,3em,0);transform:translate3d(0,3em,0)}100%,71%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes anim-chisato-2{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}70%,71%{-webkit-transform:translate3d(0,125%,0);transform:translate3d(0,125%,0);opacity:0;-webkit-animation-timing-function:ease-out}100%{color:transparent;-webkit-transform:translate3d(0,200%,0);transform:translate3d(0,200%,0)}}