@charset "UTF-8";

body{
    background: #f5f7fa;
}

#main-container{
    padding: 105px 0;
    background: #f5f7fa;
}

.card{
    width: 624px;
    margin: 0 auto;
    padding: 48px 64px;
    box-sizing: border-box;
    background: #fff;
}

#login .logo{
    overflow: hidden;
    display: block;
    width: 160px;
    height: 0;
    margin: 0 auto 32px;
    padding: 32px 0 0;
    background: url(../img/logo@3x.png) no-repeat left top;
    background-size: 160px 32px;
}

.hx-ttl-ctr{
    margin: 0 0 32px;
    line-height: 1.3;
    text-align: center;
    font-size: 20px; font-size: 2.0rem;
}

#login .btn-box{
    margin: 32px auto 0;
}

.pw-reminder{
    margin: 16px auto 32px;
    text-align: center;
}

.bg-gray-box{
    padding: 16px;
    border-radius: 8px;
    background: rgba(204,204,204,0.2);
}

.bg-gray-box p{
    font-size: 11px; font-size: 1.1rem;
}

.setup-flex-box{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin: 0 -12px;
}

.setup-flex-box .dl-form{
    flex: 1;
    padding: 0 12px;
}