@charset "utf-8";

.login {
    position:relative;
    width:100%;
    max-width:500px;
    margin:0 auto;
}
.login .frm-input {width:100%;}
.login .btn {width:100%;}
.login .login__util {   
    display: flex;
    flex-wrap: wrap;
    font-size:0.8rem;
    margin-top:0.5rem;
}
.login .login__link {
    position: relative; 
    flex: auto;
    height:2rem;
    text-align: center;
    font-size:0.8rem;
    line-height:2rem;
    color: #444;
    text-align: center;
    text-decoration: none;
}
.login .login__link::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    margin: -6px 0 0;
    width: 1px;
    height: 12px;
    background: #ddd;
}
.login .login__link:last-child::after {display:none;}

.join .frmbox .frmbox__body {width:calc(100% - 7rem);}
.join .btn--zip {padding:0 1rem}
@media screen and (max-width:700px){ 
    .join .frmbox .frmbox__body {width:100%;}
}

.mb-agree {margin-top:2rem}
.mb-agree__items {
    position:relative;
    margin-top:0.5rem;
}
.mb-agree__item {
    position:relative;
    width:100%;
    font-size:0.9rem;
}
.mb-agree__item a {
    color:#000;
    text-decoration:underline;
}
.mb-agree__item + .mb-agree__item {margin-top:0.5rem}
.mb-btn-box {
    margin-top:2rem;
    text-align:center;
}

.mb-search {
    position:relative;
    width:100%;
    max-width:500px;
    margin:0 auto;
}
.mb-search .frmbox {flex-direction:column;}
.mb-search .frmbox .frmbox__head {width:100%;}
.mb-search .frmbox .frmbox__body {width:100%;}
.mb-search .frm-input,
.mb-search .btn {width:100%}

.join-result {
    position:relative;
    width:100%;
    max-width:500px;
    margin:0 auto;
}
.join-result__title {
    font-size:1.1rem;
    color:#131313;
    font-weight:500;
    text-align:center;
}
.join-result__text {
    margin-top:0.5rem;
    font-size:0.85rem;
    color:#131313;
    text-align:center;
}
.join-result__btn-box {
    margin-top:1rem;
    text-align:center;
}