/* 会員登録・ログイン画面共通 */
.signup{
    /* height: 70vh; */
}
.mail_btn{
    background-color: #1F0084;
    color: white;
}
.form-blue{
    border-color: #3399FF;
}
/* PC用区切り線 */
.signup_email{
    position: relative;
}
.pc_line{
    position: absolute;
    width: 2px;
    height: 60px;
    background-color: #B7B7B7;
}
.line_top{
    top: 0;
    left: 0;
}
.line_under{
    bottom: 0;
    left: 0;
}
.line_center{
    position: absolute;
    color: #727272;
    font-size: 20px;
    top: 50%;
    transform: translateY(-50%);
    left: -11px;
}
/* SP用区切り線 */
.signup_email_contents{
    position: relative;
}
.sp_line{
    position: absolute;
    width: 40%;
    height: 2px;
    background-color: #B7B7B7;
    top: -50px;
}
.sp_line_left{  
    left: 0;
}
.sp_line_right{
    right: 0;
}
.sp_line_center{
    position: absolute;
    color: #727272;
    font-size: 20px;
    top: -64px;
    left: 50%;
    transform: translateX(-50%);
}

/* PC用区切り線SPサイズで非表示 */
@media screen and (max-width:767px) {
    .sp_none{
        display: none;
    }
}
/* SP用区切り線PCサイズで非表示 */
@media screen and (min-width:768px) {
    .pc_none{
        display: none;
    }
}

/* ログイン画面のみ */
.forget_pw{
    font-size: 0.9rem;
    color: #6A7EF3;
}