.container{width:100vw;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}.container .content{background-color:var(--background-color-base);padding:1.25rem 0 1.25rem 1.25rem}.container .content .input-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.5625rem 0;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.container .content .input-top .next-step{position:absolute;right:2.1875rem;height:.625rem;width:.625rem;border:.125rem solid #ccc;border-right:none;border-bottom:none;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.container .content .input-top .box{display:-webkit-box;display:-ms-flexbox;display:flex;width:50%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container .content .input-top .svg{padding:.6875rem 1.4375rem;border-radius:1.25rem;background-color:#f9fafb;color:#888;margin-left:.9375rem}.container .content .input-top .gender{background-color:#32c5ff;color:#fff}.container .content .input-top .gender2{background-color:#fc44bf;color:#fff}.container .content input{background-color:#f9fafb;border-radius:.5rem;border:none;-webkit-box-flex:0.95;-ms-flex:0.95;flex:0.95;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 .3125rem;padding:.75rem .75rem;width:60%}.container .content .btn-warp{margin-right:.625rem}.container .content .btn{border-radius:.5rem}.agreement{font-size:.75rem;display:-webkit-box;display:-ms-flexbox;display:flex;color:#a2a2a2}.agreement a{text-decoration:underline;color:#1494e4}.btn-ara{-webkit-box-sizing:border-box;box-sizing:border-box;padding:1.25rem;width:100%;position:fixed;bottom:0}