html,body{
    width:100%;
    height:100%;
    font-size:16px;
}

@media screen and (max-width:4000px){
    .outdiv {
        display:flex;
        flex-direction:column;
        width:40%;
        height:100%;
        margin:0 auto;
        border:1px solid #bbb;
    }
    html,body{
        font-size:10px !important;
    }
}

@media screen and (max-width:1024px){
    .outdiv {
        display:flex;
        flex-direction:column;
        width:100%;
        height:100%;
        margin:0 auto;
    }
    html,body{
        font-size:16px !important;
    }
}


.close {
    flex:0.25;
    font-size:5em;
    padding-left:5%;
    padding-top:5%;
}
.icon {
    flex:1;
    background:url("./img/icon.jpg") no-repeat;
    background-position:center center;
    background-size:35% 55%;
    margin:0 auto;
    width:100%;
}

.form {
    flex:1;
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
}

.other {
    flex:1;
    margin:0 auto;
}

.phone {
    flex:1;
    width:70%;
}

.phone>input {
    font-size:2.5em;
    border:0.01em solid #ECB8AD;
    width:100%;
    height:70%;
    text-indent:5%;
}

.check {
    flex:1;
    width:70%;
    display:flex;
    flex-direction:row;
}
.check>.left {
    flex:2;
    height:70%;
    border:0.1em solid #ECB8AD;
}

input {
    background:transparent;
    outline:none;
}

.check>.right {
    flex:1;
    height:70%;
    border:0.1em solid #ECB8AD;
}

.left>input {
    width:100%;
    height:100%;
    border:0;
    font-size:2.5em;
    text-indent:7.5%;
}

.right>button {
    width:100%;
    height:100%;
    border:0;
    background:#FAEAEA;
    font-size:2.2em;
    color:#D74D29;
    padding:0;
    margin:0;
}

.button {
    flex:1;
    width:70%;
}

.button>button {
    width:100%;
    height:70%;
    margin:0 auto;
    font-size:2.2em;
    color:#fff;
    background:#D5492E;
    border:0em;
}