.become-distributor {
    width: 66.667vw;
    margin: 0.833vw auto 0;
}

.distributor-title {
    margin-bottom: 1.875vw;
    font-size: 3.125vw;
    font-weight: 700;
    color: #393939;
}

.distributor-title h1 {
    display: inline-block;
    font-size: 3.125vw;
    font-weight: 700;
    color: #393939;
    vertical-align: middle;
}

.distributor-title .icon {
    display: inline-block;
    width: 1.354vw;
    height: 1.354vw;
    margin: 0.521vw 0 0 0.521vw;
    background: url(../img/icon-arrow-right-green.png) no-repeat center center/100%;
    vertical-align: middle;
}

.become-form {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 100%;
}

.form-box {
    width: 32.500vw;
    margin-bottom: 3.125vw;
}

.form-box.long {
    width: 100%;
}

.form-box.long input {
    width: 65.667vw;
}

.form-box.long textarea {
    width: 64.667vw;
    height: 10.917vw;
    padding: 1vw;
    margin-top: 0.938vw;
    font-size: 1.354vw;
    border: 1px solid #CBCBCB;
    border-radius: 0.521vw;
    resize: none;
}

.form-box em {
    font-weight: 700;
    color: #E60000;
}

.form-box label {
    display: inline-block;
    font-size: 1.354vw;
    color: #393939;
}

.form-box input {
    display: block;
    width: 31.5vw;
    height: 4.167vw;
    padding-left: 1vw;
    margin-top: 0.938vw;
    font-size: 1.354vw;
    border: 1px solid #CBCBCB;
    border-radius: 0.521vw;
}

.cerify-code-panel {
    margin-bottom: 1.510vw;
}

.varify-input-code {
    vertical-align: middle;
    width: 16.542vw;
    height: 3vw;
    text-align: center;
    font-size: 1vw;
    border: none;
    outline: none;
    border-radius: 1.250vw;
    background-color: #F6F6F6;
}

.verify-input-area,
.verify-code,
.verify-change-area {
    vertical-align: middle;
    display: inline-block;
}

.verify-code {
    margin: 0 0.521vw;
}

.refresh-img {
    vertical-align: middle;
    width: 1vw;
    height: 1vw;
    cursor: pointer;
}

.form-button {
    display: block;
    margin: 0 auto 3.646vw;
    width: 8.333vw;
    height: 2.604vw;
    font-size: 0.833vw;
    color: #fff;
    border: none;
    border-radius: 1.302vw;
    background-color: #189C3E;
}