@charset "UTF-8";
/* login */
section.login-form .attop {
    text-align: center;
    margin: 2em 0;
}
section.login-form .forget p{
    text-align: center;
    margin: 0 auto;    
}

/* signup */
#signup h3{
    font-size: 115%;
    color: #4d4d4d;
    border-left: 6px solid #3ca062;
    font-weight: 700;
    padding-left: 0.5em;
    margin-bottom: 1em;
    line-height: 2.95em;
}
#signup div.notice p{
    margin: 2em auto 0;
}
section.rule{
    margin: 50px auto 0;
}
section.rule .rule_box {
    height: auto;
    padding: 10px;
    margin: 0 0 40px;
    font-size:14px;
}
section.rule .rule_box dd {
    margin-inline-start: 2em;
    margin-bottom: 0.8em;
}
section.rule .rule_box ol{
    padding-inline-start: 2em;
}
.agree{
    text-align: center;
}
section.login-form .agree button{
    margin: 2em auto;
    color: #3ca062;
    border: 2px #3ca062 solid;
}
section.login-form .agree button::before{
    content: url(../img/arrow_g.svg);
}
section.login-form .agree button.regist-on {
    background:tranceparent;
}
section.login-form .agree button.regist-on:hover{
    color: #fff;
    background: #3ca062;
}
section.login-form .agree button.regist-on:hover::before{
    content: url(../img/arrow_w.svg);
}
section.login-form .agree button.regist-off, section.login-form .agree button.regist-off:hover,
section.ask-form button.regist-off, section.ask-form button.regist-off:hover{
    color: #999;
    border: 2px #999 solid;
    background: none;
    cursor: auto;
}
section.login-form .agree button.regist-off::before, section.login-form .agree button.regist-off:hover::before, 
section.ask-form button.regist-off::before, section.ask-form button.regist-off:hover::before{
    content:none;
}
section.ask-form button{
    margin: 4em 0.5em 3em;
}
.box-btn{
    position: relative;
}
.box-btn span.message, .box-btn span.message-sp, .box-btn span.message-md{
    position: absolute;
    top: -2.0em;
    left: 50%;
    transform: translateX(-50%);
    -webkit- translateX(-50%);
    margin: auto;
    color: #3ca062;
    font-weight: 600;
    padding: 2em 0.2em;
    font-size: 1em;
}

@media screen and (max-width: 768px){
    section.rule, section.rule .rule_box{
        padding: 0;
    }
    .box-btn span.message-sp, .box-btn span.message-md{
        width: 100%;
        top: -4em;
        text-align: center;
        padding: 2em 0.2em;
    }
    
}