html {
    font-size: 62.5%; /* 16px*62.5%=10px */
}

body {
    font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif;
    color: #626262;
    line-height: 1.5;
}

* {
    box-sizing: border-box;
}

.wrapper {
    width: 100vw;
    display: block;
    text-align: center;
    padding: 3vw 7vw;
    box-sizing: border-box;
    
}

input[type=text],
input[type=password],
input[type=tel],
input[type=email] {
    border: solid 2px #e0e0e0;
    border-radius: 1vw;
    text-align: left;
    padding: 0 2vw;
    width: 100%;
}

.button.gray {
    background-color: #d4d4d4;
}

button,
.button {
    width: 42vw;
    height: 8vw;
    font-weight: bold;
    background-color: #4e9b74;
    color: #fff;
    position: relative;
    font-size: 4vw;
}

button::after,
.button::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 2vw;
    height: 2vw;
    right: 4vw;
    top: 50%;
    border-top: solid 0.2vw #fff;
    border-right: solid 0.2vw #fff;
    transform: rotate(45deg) translateY(-50%);
}

/** Login form */
.login-form {
}

.form-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.form-row:not(:last-of-type) {
    margin-bottom: 2vw;
}

.form-row dt,
.form-row dd {
    display: inline-block;
}

.form-row dt {
    width: 25.8vw;
    font-size: 4vw;
}

.form-row dd {
    width: 45.7vw;
}


.form-row dd input {
    font-size: 6vw;
}

.logo-img img {
    width: 14.3vw;
    height: auto;
    margin-bottom: 3vw;
}

.form-footer {
    margin-top: 3vw;
}

p.error {
    text-align: left;
    font-size: 3vw;
    margin-bottom: 2vw;
    color: #e60027;
}