.grid,.grid figure{text-align:center;position:relative}.grid,.grid figure,.grid figure img{position:relative}.input__label,figure.effect-zoe p.icon-links a span::before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.grid figure,.input--hideo,.input--hoshi,.input--juro,.input--kaede,.input__label--isao{overflow:hidden}@font-face{font-weight:400;font-style:normal;font-family:feathericons;src:url(../fonts/feathericons/feathericons.eot?-8is7zf);src:url(../fonts/feathericons/feathericons.eot?#iefix-8is7zf) format('embedded-opentype'),url(../fonts/feathericons/feathericons.woff?-8is7zf) format('woff'),url(../fonts/feathericons/feathericons.ttf?-8is7zf) format('truetype'),url(../fonts/feathericons/feathericons.svg?-8is7zf#feathericons) format('svg')}.grid{margin:0 auto;padding:1em 0 4em;max-width:1000px;list-style:none}.grid figure{float:left;margin:10px 1%;min-width:320px;max-width:480px;max-height:360px;width:48%;background:#3085a3;cursor:pointer}.grid figure img{display:block;min-height:100%;max-width:100%;opacity:.8}.grid figure figcaption{padding:2em;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}figure.effect-milo img,figure.effect-sarah img{max-width:none;-webkit-backface-visibility:hidden}.grid figure figcaption::after,.grid figure figcaption::before{pointer-events:none}.grid figure figcaption,.grid figure figcaption>a{position:absolute;top:0;left:0;width:100%;height:100%}.grid figure figcaption>a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}.grid figure h2{word-spacing:-.15em;font-weight:300}.grid figure h2 span{font-weight:800}.grid figure h2,.grid figure p{margin:0}.grid figure p{letter-spacing:1px;font-size:68.5%}figure.effect-lily img{max-width:none;width:-webkit-calc(100% + 50px);width:calc(100% + 50px);opacity:.7;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0)}figure.effect-lily figcaption{text-align:left}figure.effect-lily figcaption>div{position:absolute;bottom:0;left:0;padding:2em;width:100%;height:50%}figure.effect-lily h2,figure.effect-lily p{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}figure.effect-lily h2{-webkit-transition:-webkit-transform .35s;transition:transform .35s}figure.effect-lily p{color:rgba(255,255,255,.8);opacity:0;-webkit-transition:opacity .2s,-webkit-transform .35s;transition:opacity .2s,transform .35s}figure.effect-lily:hover img,figure.effect-lily:hover p{opacity:1}figure.effect-lily:hover h2,figure.effect-lily:hover img,figure.effect-lily:hover p{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-lily:hover p{-webkit-transition-delay:50ms;transition-delay:50ms;-webkit-transition-duration:.35s;transition-duration:.35s}figure.effect-sadie figcaption::before{position:absolute;left:0;width:200px;height:200px;background:-webkit-linear-gradient(top,rgba(72,76,97,0) 0,rgba(72,76,97,.8) 75%);background:linear-gradient(to bottom,rgba(72,76,97,0) 0,rgba(72,76,97,.8) 75%);content:'';opacity:0;border-radius:100px;margin:auto;right:0;top:0;bottom:0}figure.effect-sadie h2{position:absolute;top:50%;left:0;width:100%;color:#484c61;-webkit-transition:-webkit-transform .35s,color .35s;transition:transform .35s,color .35s;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}figure.effect-sadie figcaption::before,figure.effect-sadie p{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}figure.effect-sadie p{position:absolute;bottom:0;left:0;padding:2em;width:100%;opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}figure.effect-sadie:hover h2{color:#fff;-webkit-transform:translate3d(0,-50%,0) translate3d(0,-40px,0);transform:translate3d(0,-50%,0) translate3d(0,-40px,0)}figure.effect-sadie:hover figcaption::before,figure.effect-sadie:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-roxy{background:-webkit-linear-gradient(45deg,#ff89e9 0,#05abe0 100%);background:linear-gradient(45deg,#ff89e9 0,#05abe0 100%)}figure.effect-roxy img{max-width:none;width:-webkit-calc(100% + 60px);width:calc(100% + 60px);-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}figure.effect-roxy figcaption::before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:1px solid #fff;content:'';opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}figure.effect-roxy figcaption{padding:3em;text-align:left}figure.effect-roxy h2{padding:30% 0 10px}figure.effect-roxy p{opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}figure.effect-roxy:hover img{opacity:.7;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-roxy:hover figcaption::before,figure.effect-roxy:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-bubba{background:#9e5406}figure.effect-bubba img{opacity:.7;-webkit-transition:opacity .35s;transition:opacity .35s}figure.effect-bubba:hover img{opacity:.4}figure.effect-bubba figcaption::after,figure.effect-bubba figcaption::before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;content:'';opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}figure.effect-bubba figcaption::before{border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1)}figure.effect-bubba figcaption::after{border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0)}figure.effect-bubba h2{padding-top:30%;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}figure.effect-bubba p,figure.effect-romeo img{-webkit-transition:opacity .35s,-webkit-transform .35s}figure.effect-bubba p{padding:20px 2.5em;opacity:0;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}figure.effect-bubba:hover figcaption::after,figure.effect-bubba:hover figcaption::before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}figure.effect-bubba:hover h2,figure.effect-bubba:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-romeo{-webkit-perspective:1000px;perspective:1000px}figure.effect-romeo img{transition:opacity .35s,transform .35s;-webkit-transform:translate3d(0,0,300px);transform:translate3d(0,0,300px)}figure.effect-romeo:hover img{opacity:.6;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-romeo figcaption::after,figure.effect-romeo figcaption::before{position:absolute;top:50%;left:50%;width:80%;height:1px;background:#fff;content:'';-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}figure.effect-romeo:hover figcaption::before{opacity:.5;-webkit-transform:translate3d(-50%,-50%,0) rotate(45deg);transform:translate3d(-50%,-50%,0) rotate(45deg)}figure.effect-romeo:hover figcaption::after{opacity:.5;-webkit-transform:translate3d(-50%,-50%,0) rotate(-45deg);transform:translate3d(-50%,-50%,0) rotate(-45deg)}figure.effect-romeo h2,figure.effect-romeo p{position:absolute;top:50%;left:0;width:100%;-webkit-transition:-webkit-transform .35s;transition:transform .35s}figure.effect-romeo h2{-webkit-transform:translate3d(0,-50%,0) translate3d(0,-150%,0);transform:translate3d(0,-50%,0) translate3d(0,-150%,0)}figure.effect-romeo p{padding:.25em 2em;-webkit-transform:translate3d(0,-50%,0) translate3d(0,150%,0);transform:translate3d(0,-50%,0) translate3d(0,150%,0)}figure.effect-romeo:hover h2{-webkit-transform:translate3d(0,-50%,0) translate3d(0,-100%,0);transform:translate3d(0,-50%,0) translate3d(0,-100%,0)}figure.effect-romeo:hover p{-webkit-transform:translate3d(0,-50%,0) translate3d(0,100%,0);transform:translate3d(0,-50%,0) translate3d(0,100%,0)}figure.effect-layla{background:#18a367}figure.effect-layla img{height:390px}figure.effect-layla figcaption{padding:3em}figure.effect-layla figcaption::after,figure.effect-layla figcaption::before{position:absolute;content:'';opacity:0}figure.effect-layla figcaption::before{top:50px;right:30px;bottom:50px;left:30px;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}figure.effect-layla figcaption::after{top:30px;right:50px;bottom:30px;left:50px;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;transform-origin:100% 0}figure.effect-layla h2{padding-top:26%;-webkit-transition:-webkit-transform .35s;transition:transform .35s}figure.effect-layla p{padding:.5em 2em;text-transform:none;opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}figure.effect-layla h2,figure.effect-layla img{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}figure.effect-layla figcaption::after,figure.effect-layla figcaption::before,figure.effect-layla img,figure.effect-layla p{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}figure.effect-layla:hover img{opacity:.7;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-layla:hover figcaption::after,figure.effect-layla:hover figcaption::before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}figure.effect-layla:hover h2,figure.effect-layla:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-layla:hover figcaption::after,figure.effect-layla:hover h2,figure.effect-layla:hover img,figure.effect-layla:hover p{-webkit-transition-delay:.15s;transition-delay:.15s}figure.effect-honey{background:#4a3753}figure.effect-honey img{opacity:.9;-webkit-transition:opacity .35s;transition:opacity .35s}figure.effect-honey:hover img{opacity:.5}figure.effect-honey figcaption::before{position:absolute;bottom:0;left:0;width:100%;height:10px;background:#fff;content:'';-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}figure.effect-honey h2{position:absolute;bottom:0;left:0;padding:1em 1.5em;width:100%;text-align:left;-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}figure.effect-honey h2 i{font-style:normal;opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}figure.effect-honey figcaption::before,figure.effect-honey h2{-webkit-transition:-webkit-transform .35s;transition:transform .35s}figure.effect-honey:hover figcaption::before,figure.effect-honey:hover h2,figure.effect-honey:hover h2 i{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-oscar{background:-webkit-linear-gradient(45deg,#22682a 0,#9b4a1b 40%,#3a342a 100%);background:linear-gradient(45deg,#22682a 0,#9b4a1b 40%,#3a342a 100%)}figure.effect-oscar img{opacity:.9;-webkit-transition:opacity .35s;transition:opacity .35s}figure.effect-oscar figcaption{padding:3em;background-color:rgba(58,52,42,.7);-webkit-transition:background-color .35s;transition:background-color .35s}figure.effect-oscar figcaption::before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:1px solid #fff;content:''}figure.effect-oscar h2{margin:20% 0 10px;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}figure.effect-oscar figcaption::before,figure.effect-oscar p{opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(0);transform:scale(0)}figure.effect-oscar:hover h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-oscar:hover figcaption::before,figure.effect-oscar:hover p{opacity:1;-webkit-transform:scale(1);transform:scale(1)}figure.effect-oscar:hover figcaption{background-color:rgba(58,52,42,0)}figure.effect-oscar:hover img{opacity:.4}figure.effect-marley figcaption{text-align:right}figure.effect-marley h2,figure.effect-marley p{position:absolute;right:30px;left:30px;padding:10px 0}figure.effect-marley p{bottom:30px;line-height:1.5;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}figure.effect-marley h2{top:30px;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}figure.effect-marley:hover h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-marley h2::after{position:absolute;top:100%;left:0;width:100%;height:4px;background:#fff;content:'';-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}figure.effect-marley h2::after,figure.effect-marley p{opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}figure.effect-marley:hover h2::after,figure.effect-marley:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-ruby{background-color:#17819c}figure.effect-ruby img{opacity:.7;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(1.15);transform:scale(1.15)}figure.effect-ruby:hover img{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}figure.effect-ruby h2{margin-top:20%;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}figure.effect-milo img,figure.effect-ruby p{-webkit-transition:opacity .35s,-webkit-transform .35s}figure.effect-ruby p{margin:1em 0 0;padding:3em;border:1px solid #fff;opacity:0;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(0,20px,0) scale(1.1);transform:translate3d(0,20px,0) scale(1.1)}figure.effect-ruby:hover h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-ruby:hover p{opacity:1;-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}figure.effect-milo{background:#2e5d5a}figure.effect-milo img{width:-webkit-calc(100% + 60px);width:calc(100% + 60px);opacity:1;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(-30px,0,0) scale(1.12);transform:translate3d(-30px,0,0) scale(1.12);backface-visibility:hidden}figure.effect-dexter p,figure.effect-milo p{-webkit-transition:opacity .35s,-webkit-transform .35s}figure.effect-milo:hover img{opacity:.5;-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}figure.effect-milo h2{position:absolute;right:0;bottom:0;padding:1em 1.2em}figure.effect-milo p{padding:0 10px 0 0;width:50%;border-right:1px solid #fff;text-align:right;opacity:0;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0)}figure.effect-milo:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-dexter{background:-webkit-linear-gradient(top,rgba(37,141,200,1) 0,rgba(104,60,19,1) 100%);background:linear-gradient(to bottom,rgba(37,141,200,1) 0,rgba(104,60,19,1) 100%)}figure.effect-dexter img{-webkit-transition:opacity .35s;transition:opacity .35s}figure.effect-dexter:hover img{opacity:.4}figure.effect-dexter figcaption::after{position:absolute;right:30px;bottom:30px;left:30px;height:-webkit-calc(50% - 30px);height:calc(50% - 30px);border:7px solid #fff;content:'';-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}figure.effect-dexter:hover figcaption::after{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-dexter figcaption{padding:3em;text-align:left}figure.effect-dexter p{position:absolute;right:60px;bottom:60px;left:60px;opacity:0;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}figure.effect-dexter:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-sarah{background:#42b078}figure.effect-sarah img{width:-webkit-calc(100% + 20px);width:calc(100% + 20px);-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);backface-visibility:hidden}figure.effect-sarah:hover img{opacity:.4;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-sarah figcaption{text-align:left}figure.effect-sarah h2{position:relative;overflow:hidden;padding:.5em 0}figure.effect-sarah h2::after{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#fff;content:'';-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}figure.effect-chico img,figure.effect-sarah p{-webkit-transition:opacity .35s,-webkit-transform .35s}figure.effect-sarah:hover h2::after{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-sarah p{padding:1em 0;opacity:0;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}figure.effect-sarah:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-zoe figcaption{top:auto;bottom:0;padding:1em;height:3.75em;background:#fff;color:#3c4a50;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}figure.effect-zoe h2{float:left;display:inline-block}figure.effect-zoe p.icon-links a{float:right;color:#3c4a50;font-size:1.4em}figure.effect-zoe:hover p.icon-links a:focus,figure.effect-zoe:hover p.icon-links a:hover{color:#252d31}figure.effect-zoe p.description{position:absolute;bottom:8em;padding:2em;color:#fff;text-transform:none;font-size:90%;opacity:0;-webkit-transition:opacity .35s;transition:opacity .35s;-webkit-backface-visibility:hidden}figure.effect-zoe h2,figure.effect-zoe p.icon-links a{-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,200%,0);transform:translate3d(0,200%,0)}figure.effect-zoe p.icon-links a span::before{display:inline-block;padding:8px 10px;font-family:feathericons;speak:none}.icon-eye::before{content:'\e000'}.icon-paper-clip::before{content:'\e001'}.icon-heart::before{content:'\e024'}figure.effect-zoe:hover p.description{opacity:1}figure.effect-zoe:hover figcaption,figure.effect-zoe:hover h2,figure.effect-zoe:hover p.icon-links a{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-zoe:hover h2{-webkit-transition-delay:50ms;transition-delay:50ms}figure.effect-zoe:hover p.icon-links a:nth-child(3){-webkit-transition-delay:.1s;transition-delay:.1s}figure.effect-zoe:hover p.icon-links a:nth-child(2){-webkit-transition-delay:.15s;transition-delay:.15s}figure.effect-zoe:hover p.icon-links a:first-child{-webkit-transition-delay:.2s;transition-delay:.2s}figure.effect-chico img{transition:opacity .35s,transform .35s;-webkit-transform:scale(1.12);transform:scale(1.12)}figure.effect-chico:hover img{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}figure.effect-chico figcaption{padding:3em}figure.effect-chico figcaption::before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:1px solid #fff;content:'';-webkit-transform:scale(1.1);transform:scale(1.1)}figure.effect-chico figcaption::before,figure.effect-chico p{opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}figure.effect-chico h2{padding:20% 0 20px}figure.effect-chico p{margin:0 auto;max-width:200px;-webkit-transform:scale(1.5);transform:scale(1.5)}figure.effect-chico:hover figcaption::before,figure.effect-chico:hover p{opacity:1;-webkit-transform:scale(1);transform:scale(1)}@media screen and (max-width:50em){.content{padding:0 10px;text-align:center}.grid figure{display:inline-block;float:none;margin:10px auto;width:100%}}.input__field,.input__label{float:right;font-weight:700}.input{position:relative;z-index:1;display:inline-block;margin:1em;max-width:350px;width:calc(100% - 2em);vertical-align:top}.input__field{position:relative;display:block;padding:.8em;width:60%;border:none;border-radius:0;background:#f0f0f0;color:#aaa;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-appearance:none}.input__field:focus{outline:0}.input__label{display:inline-block;padding:0 1em;width:40%;color:#6a7989;font-size:70.25%;-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--haruki{margin:4em 1em 1em}.input__field--haruki{padding:.4em .25em;width:100%;background:0 0;color:#AFB5BB;font-size:1.55em}.input__label--haruki{position:absolute;width:100%;text-align:left;pointer-events:none}.input__label-content--haruki{-webkit-transition:-webkit-transform .3s;transition:transform .3s}.input__label--haruki::after,.input__label--haruki::before{content:'';position:absolute;left:0;z-index:-1;width:100%;height:4px;background:#6a7989;-webkit-transition:-webkit-transform .3s;transition:transform .3s}.input__label--haruki::before{top:0}.input__label--haruki::after{bottom:0}.input--filled .input__label-content--haruki,.input__field--haruki:focus+.input__label--haruki .input__label-content--haruki{-webkit-transform:translate3d(0,-90%,0);transform:translate3d(0,-90%,0)}.input--filled .input__label--haruki::before,.input__field--haruki:focus+.input__label--haruki::before{-webkit-transform:translate3d(0,-.5em,0);transform:translate3d(0,-.5em,0)}.input--filled .input__label--haruki::after,.input__field--haruki:focus+.input__label--haruki::after{-webkit-transform:translate3d(0,.5em,0);transform:translate3d(0,.5em,0)}.input__field--hoshi{margin-top:1em;padding:.85em .15em;width:100%;background:0 0;color:#595F6E}.input__label--hoshi{position:absolute;bottom:0;left:0;padding:0 .25em;width:100%;height:calc(100% - 1em);text-align:left;pointer-events:none}.input__label-content--hoshi{position:absolute}.input__label--hoshi::after,.input__label--hoshi::before{content:'';position:absolute;top:0;left:0;width:100%;height:calc(100% - 10px);border-bottom:1px solid #B9C1CA}.input__label--hoshi::after{margin-top:2px;border-bottom:4px solid red;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-transition:-webkit-transform .3s;transition:transform .3s}.input--akira,.input--ichiro,.input--jiro{margin-top:2em}.input__label--hoshi-color-1::after{border-color:#00a9ff}.input__label--hoshi-color-2::after{border-color:#0fa}.input__label--hoshi-color-3::after{border-color:#f50}.input--filled .input__label--hoshi::after,.input__field--hoshi:focus+.input__label--hoshi::after{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.input--filled .input__label-content--hoshi,.input__field--hoshi:focus+.input__label--hoshi .input__label-content--hoshi{-webkit-animation:anim-1 .3s forwards;animation:anim-1 .3s forwards}@-webkit-keyframes anim-1{50%{opacity:0;-webkit-transform:translate3d(1em,0,0);transform:translate3d(1em,0,0)}51%{opacity:0;-webkit-transform:translate3d(-1em,-40%,0);transform:translate3d(-1em,-40%,0)}100%{opacity:1;-webkit-transform:translate3d(0,-40%,0);transform:translate3d(0,-40%,0)}}@keyframes anim-1{50%{opacity:0;-webkit-transform:translate3d(1em,0,0);transform:translate3d(1em,0,0)}51%{opacity:0;-webkit-transform:translate3d(-1em,-40%,0);transform:translate3d(-1em,-40%,0)}100%{opacity:1;-webkit-transform:translate3d(0,-40%,0);transform:translate3d(0,-40%,0)}}.input--kuro{max-width:320px;margin-bottom:3em}.input__field--kuro{width:100%;background:0 0;color:#9196A1;opacity:0;text-align:center;-webkit-transition:opacity .3s;transition:opacity .3s}.input__label--kuro{position:absolute;left:0;width:100%;color:#df6589;pointer-events:none}.input__label--kuro::after,.input__label--kuro::before{content:'';position:absolute;top:0;left:0;width:50%;height:100%;border:4px solid #747981;-webkit-transition:-webkit-transform .3s;transition:transform .3s}.input__label--kuro::before{border-right:none}.input__label--kuro::after{left:50%;border-left:none}.input--filled .input__field--kuro,.input__field--kuro:focus{opacity:1;-webkit-transition-delay:.3s;transition-delay:.3s}.input--filled .input__label--kuro::before,.input__field--kuro:focus+.input__label--kuro::before{-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}.input--filled .input__label--kuro::after,.input__field--kuro:focus+.input__label--kuro::after{-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}.input--filled .input__label-content--kuro,.input__field--kuro:focus+.input__label--kuro .input__label-content--kuro{-webkit-animation:anim-2 .3s forwards;animation:anim-2 .3s forwards}@-webkit-keyframes anim-2{50%{opacity:0;-webkit-transform:scale3d(.3,.3,1);transform:scale3d(.3,.3,1)}51%{opacity:0;-webkit-transform:translate3d(0,3.7em,0) scale3d(.3,.3,1);transform:translate3d(0,3.7em,0) scale3d(.3,.3,1)}100%{opacity:1;-webkit-transform:translate3d(0,3.7em,0);transform:translate3d(0,3.7em,0)}}@keyframes anim-2{50%{opacity:0;-webkit-transform:scale3d(.3,.3,1);transform:scale3d(.3,.3,1)}51%{opacity:0;-webkit-transform:translate3d(0,3.7em,0) scale3d(.3,.3,1);transform:translate3d(0,3.7em,0) scale3d(.3,.3,1)}100%{opacity:1;-webkit-transform:translate3d(0,3.7em,0);transform:translate3d(0,3.7em,0)}}.input__field--jiro{padding:.85em .5em;width:100%;background:0 0;color:#DDE2E2;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.input__label--jiro{position:absolute;left:0;padding:0 .85em;width:100%;height:100%;text-align:left;pointer-events:none}.input__label-content--jiro{-webkit-transition:-webkit-transform .3s .3s;transition:transform .3s .3s}.input__label--jiro::after,.input__label--jiro::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:-webkit-transform .3s;transition:transform .3s}.input__label--minoru::after,.input__label--yoko::before{content:'';width:100%;height:4em}.input__label--jiro::before{border-top:2px solid #6a7989;-webkit-transform:translate3d(0,100%,0) translate3d(0,-2px,0);transform:translate3d(0,100%,0) translate3d(0,-2px,0);-webkit-transition-delay:.3s;transition-delay:.3s}.input__label--jiro::after{z-index:-1;background:#6a7989;-webkit-transform:scale3d(1,0,1);transform:scale3d(1,0,1);-webkit-transform-origin:50% 0;transform-origin:50% 0}.input--filled .input__field--jiro,.input__field--jiro:focus{opacity:1;-webkit-transition-delay:.3s;transition-delay:.3s}.input--filled .input__label-content--jiro,.input__field--jiro:focus+.input__label--jiro .input__label-content--jiro{-webkit-transform:translate3d(0,-80%,0);transform:translate3d(0,-80%,0);-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1)}.input--filled .input__label--jiro::before,.input__field--jiro:focus+.input__label--jiro::before{-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.input--filled .input__label--jiro::after,.input__field--jiro:focus+.input__label--jiro::after{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1)}.input__field--minoru{width:100%;background:#fff;box-shadow:0 0 0 2px transparent;color:#eca29b;-webkit-transition:box-shadow .3s;transition:box-shadow .3s}.input__label--minoru{padding:0;width:100%;text-align:left}.input__label--minoru::after{position:absolute;top:0;z-index:-1;box-shadow:0 0;color:rgba(199,152,157,.6)}.input__field--minoru:focus{box-shadow:0 0 0 2px #eca29b}.input__field--minoru:focus+.input__label--minoru{pointer-events:none}.input__field--minoru:focus+.input__label--minoru::after{-webkit-animation:anim-shadow .3s forwards;animation:anim-shadow .3s forwards}@-webkit-keyframes anim-shadow{to{box-shadow:0 0 100px 50px;opacity:0}}@keyframes anim-shadow{to{box-shadow:0 0 100px 50px;opacity:0}}.input__label-content--minoru{padding:.75em .15em}.input__field--yoko{z-index:10;width:100%;background:0 0;color:#f5f5f5;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.input__label--yoko{position:relative;width:100%;color:#b04b40;text-align:left}.input__label--yoko::before{position:absolute;bottom:100%;left:0;background:#c5564a;-webkit-transform:perspective(1000px) rotate3d(1,0,0,90deg);transform:perspective(1000px) rotate3d(1,0,0,90deg);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition:-webkit-transform .3s;transition:transform .3s}.input__label--akira::before,.input__label--yoko::after{content:'';top:0;left:0;width:100%;-webkit-transition:-webkit-transform .3s}.input__label--yoko::after{position:absolute;height:.25em;background:#ad473c;-webkit-transform-origin:50% 0;transform-origin:50% 0;transition:transform .3s}.input__label-content--yoko{padding:.75em 0}.input--filled .input__field--yoko,.input__field--yoko:focus{opacity:1;-webkit-transition-delay:.3s;transition-delay:.3s}.input--filled .input__label--yoko::before,.input__field--yoko:focus+.input__label--yoko::before{-webkit-transform:perspective(1000px) rotate3d(1,0,0,0deg);transform:perspective(1000px) rotate3d(1,0,0,0deg)}.input--filled .input__label--yoko,.input__field--yoko:focus+.input__label--yoko{pointer-events:none}.input--filled .input__label--yoko::after,.input__field--yoko:focus+.input__label--yoko::after{-webkit-transform:perspective(1000px) rotate3d(1,0,0,-90deg);transform:perspective(1000px) rotate3d(1,0,0,-90deg)}.input--kyo{z-index:auto}.input__field--kyo{padding:.85em 1.5em;width:100%;border-radius:2em;background:#fff;color:#535d92}.input__label--kyo{z-index:0;padding:0 0 0 2em;width:100%;text-align:left}.input__label--kyo::after{content:'';position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background:rgba(11,43,205,.6);opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;pointer-events:none}.input__label-content--kyo{padding:.5em 0}.input__field--kyo:focus,.input__field--kyo:focus+.input__label--kyo .input__label-content--kyo{z-index:10000}.input__field--kyo:focus+.input__label--kyo{color:#fff}.input__field--kyo:focus+.input__label--kyo::after{opacity:1}.input__field--akira{position:absolute;top:0;left:0;z-index:10;display:block;padding:0 1em;width:100%;height:100%;background:0 0;text-align:center}.input__label--akira{padding:0;width:100%;background:#696a6e;color:#cc6055;cursor:text}.input__label--akira::before{position:absolute;height:100%;background:#2f3238;-webkit-transform:scale3d(.97,.85,1);transform:scale3d(.97,.85,1);transition:transform .3s}.input__label-content--akira{-webkit-transition:-webkit-transform .3s;transition:transform .3s}.input__field--ichiro,.input__label--isao::after{-webkit-transition:opacity .3s,-webkit-transform .3s}.input--filled .input__label--akira::before,.input__field--akira:focus+.input__label--akira::before{-webkit-transform:scale3d(.99,.95,1);transform:scale3d(.99,.95,1)}.input--filled .input__label--akira,.input__field--akira:focus+.input__label--akira{cursor:default;pointer-events:none}.input--filled .input__label-content--akira,.input__field--akira:focus+.input__label--akira .input__label-content--akira{-webkit-transform:translate3d(0,-3.5em,0);transform:translate3d(0,-3.5em,0)}.input__field--ichiro{position:absolute;top:4px;left:4px;z-index:100;display:block;padding:0 .55em;width:calc(100% - 8px);height:calc(100% - 8px);background:#f0f0f0;color:#7F8994;opacity:0;-webkit-transform:scale3d(1,0,1);transform:scale3d(1,0,1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;transition:opacity .3s,transform .3s}.input__label--hideo::before,.input__label--ichiro::before,.input__label--juro::before{top:0;position:absolute;content:''}.input__label--ichiro{width:100%;text-align:left;cursor:text}.input__label--ichiro::before{left:0;width:100%;height:100%;background:#fff;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition:-webkit-transform .3s;transition:transform .3s}.input__label-content--ichiro{-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition:-webkit-transform .3s;transition:transform .3s}.input--filled .input__field--ichiro,.input__field--ichiro:focus{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}.input--filled .input__label--ichiro,.input__field--ichiro:focus+.input__label--ichiro{cursor:default;pointer-events:none}.input--filled .input__label--ichiro::before,.input__field--ichiro:focus+.input__label--ichiro::before{-webkit-transform:scale3d(1,1.5,1);transform:scale3d(1,1.5,1)}.input--filled .input__label-content--ichiro,.input__field--ichiro:focus+.input__label--ichiro .input__label-content--ichiro{-webkit-transform:translate3d(0,-3.15em,0) scale3d(.8,.8,1);transform:translate3d(0,-3.15em,0) scale3d(.8,.8,1) translateZ(1px)}.input__field--juro{position:absolute;z-index:100;padding:2.15em .75em 0;width:100%;background:0 0;color:#1784cd;font-size:.85em}.input__label--juro{padding:0;width:100%;height:100%;background:#fff;text-align:left}.input__label-content--juro{padding:2em 1em;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition:-webkit-transform .3s,color .3s;transition:transform .3s,color .3s;text-rendering:geometricPrecision}.input__label--juro::before{left:0;width:100%;height:100%;border:0 solid transparent;-webkit-transition:border-width .3s,border-color .3s;transition:border-width .3s,border-color .3s}.input--filled .input__label--juro::before,.input__field--juro:focus+.input__label--juro::before{border-width:2em 8px 8px;border-color:#1784cd}.input--filled .input__label--juro .input__label-content--juro,.input__field--juro:focus+.input__label--juro .input__label-content--juro{color:#fff;-webkit-transform:translate3d(0,-1.5em,0) scale3d(.75,.75,1);transform:translate3d(0,-1.5em,0) scale3d(.75,.75,1) translateZ(1px)}.input--hideo{background:#fff}.input__field--hideo{padding:.85em .85em .85em 3em;width:100%;background:0 0;-webkit-transform:translate3d(1em,0,0);transform:translate3d(1em,0,0);-webkit-transition:-webkit-transform .3s;transition:transform .3s}.input__label--hideo{position:absolute;padding:1.25em 0 0;width:4em;height:100%}.input__label--hideo::before{left:0;z-index:-1;width:4em;height:100%;background:#899dda;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition:-webkit-transform .3s;transition:transform .3s}.icon--hideo{color:#fff;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition:-webkit-transform .3s;transition:transform .3s}.input__label-content--hideo{position:absolute;top:100%}.input__field--hideo:focus{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.input__field--hideo:focus+.input__label--hideo::before{-webkit-transform:scale3d(.8,1,1);transform:scale3d(.8,1,1)}.input__field--hideo:focus+.input__label--hideo .icon--hideo{-webkit-transform:scale3d(.6,.6,1);transform:scale3d(.6,.6,1)}.input--madoka{margin:1.1em}.input__field--madoka{width:100%;background:0 0;color:#7A7593}.input__label--madoka{position:absolute;width:100%;height:100%;color:#7A7593;text-align:left;cursor:text}.input__label-content--madoka{-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition:-webkit-transform .3s;transition:transform .3s}.graphic--madoka{-webkit-transform:scale3d(1,-1,1);transform:scale3d(1,-1,1);-webkit-transition:stroke-dashoffset .3s;transition:stroke-dashoffset .3s;pointer-events:none;stroke:#7A7593;stroke-width:4px;stroke-dasharray:962;stroke-dashoffset:558}.input--filled .input__label--madoka,.input__field--madoka:focus+.input__label--madoka{cursor:default;pointer-events:none}.input--filled .graphic--madoka,.input__field--madoka:focus+.input__label--madoka .graphic--madoka{stroke-dashoffset:0}.input--filled .input__label-content--madoka,.input__field--madoka:focus+.input__label--madoka .input__label-content--madoka{-webkit-transform:scale3d(.81,.81,1) translate3d(0,4em,0);transform:scale3d(.81,.81,1) translate3d(0,4em,0)}.input--kaede{display:block;margin:1em auto 2em;background:#EFEEEE}.input__field--kaede{position:absolute;top:0;right:100%;width:60%;height:100%;background:#fff;color:#9DABBA;-webkit-transition:-webkit-transform .5s;transition:transform .5s;-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1)}.input__label--kaede{z-index:10;display:block;width:100%;height:100%;text-align:left;cursor:text;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition:-webkit-transform .5s;transition:transform .5s;-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1)}.input__label-content--kaede{padding:1.5em 0}.input--filled .input__field--kaede,.input__field--kaede:focus{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition-delay:60ms;transition-delay:60ms}.input--filled .input__label--kaede,.input__field--kaede:focus+.input__label--kaede{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);pointer-events:none}@media screen and (max-width:34em){.input--filled .input__label--kaede,.input__field--kaede:focus+.input__label--kaede{-webkit-transform:translate3d(65%,0,0) scale3d(.65,.65,1);transform:translate3d(65%,0,0) scale3d(.65,.65,1);pointer-events:none}}.input__field--isao{z-index:10;padding:.75em .1em .25em;width:100%;background:0 0;color:#afb3b8}.input__label--isao{position:relative;padding:0;width:100%;color:#dadada;text-align:left}.input__label--isao::before{content:'';position:absolute;top:0;width:100%;height:7px;background:#dadada;-webkit-transform:scale3d(1,.4,1);transform:scale3d(1,.4,1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition:-webkit-transform .3s,background-color .3s;transition:transform .3s,background-color .3s;-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1)}.input__label--isao::after{content:attr(data-content);position:absolute;top:0;left:0;padding:.75em .15em;color:#da7071;opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0);transition:opacity .3s,transform .3s;-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1);pointer-events:none}.input__field--isao:focus+.input__label--isao::before{background-color:#da7071;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}.input__field--isao:focus+.input__label--isao{pointer-events:none}.input__field--isao:focus+.input__label--isao::after{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.input__label-content--isao{padding:.75em .15em;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1)}.input__field--isao:focus+.input__label--isao .input__label-content--isao{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}