@charset "utf-8";

.secComplete{
    margin-top: 10rem;
}
.secComplete .wrapperComplete{
    background: var(--color-white);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);
    padding: 9rem 12.5rem;
    border-radius: 1rem;
}
.secComplete .titComplete{
    font-size: var(--pcFontSize40);
    font-weight: bold;
    letter-spacing: var(--pcLetterSpacing20); 
    margin-bottom: 6rem;
    text-align: center;
}
.secComplete .txtComplete{
    font-size: var(--pcFontSize14);
    line-height: calc(25 / 14);
    letter-spacing: var(--pcLetterSpacing40);
    text-align: center;
}
.secComplete .txtComplete + .txtComplete {
    margin-top: 2rem;
}
@media only screen and (max-width:1215px){
    .secComplete {
        margin-top: 4rem;
    }
    .secComplete .wrapperComplete{
        padding: 4rem 2.5rem;
    }
    .secComplete .titComplete{
        font-size: var(--spFontSize20);
        letter-spacing: var(--spLetterSpacing0);
        margin-bottom: 3rem;
    }
    .secComplete .txtComplete{
        font-size: var(--spFontSize12);
        letter-spacing: var(--spLetterSpacing0);
        line-height: calc(20 / 12);
    }
    .secComplete .txtComplete + .txtComplete {
        margin-top: 2rem;
    }
}

/* パスワード再発行 */
.secPasswordChangeMail .txtComplete{
    margin-bottom: 4rem;
}
.secPasswordChangeMail .confirmButton {
    margin: 4.4rem auto;
}
.secPasswordChangeMail .noMember {
    max-width: 50rem;
    margin: 4rem auto;
}
.secPasswordChangeMail .formTable {
    width: 100%;
    border-collapse: separate;
    max-width: 50rem;
    margin: 0 auto;
}
.backLinkText {
    border: none;
    padding: 0;
    background: transparent;
    line-height: calc(25 / 14);
    letter-spacing: var(--pcLetterSpacing40);
    color: var(--color-form-add);
    margin: 0 auto;
    text-align: center;
}
.backLinkText a {
    background: none;
    border: none;
    font-size: var(--pcFontSize14);
    color: var(--color-form-add);
    text-decoration: underline;
    text-underline-offset: 0.5rem;
    cursor: pointer;
}
.backLinkBtn {
    margin: 4.4rem auto 0;
}
.backLinkBtn a{
    width: 40rem;
    height: 6rem;
    background: var(--color-form-add);
    color: var(--color-white);
    font-size: var(--pcFontSize15);
    line-height: calc(25 / 15);
    letter-spacing: var(--pcLetterSpacing40);
    font-weight: bold;
    border-radius: 0.6rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media only screen and (max-width:1215px){
    .secPasswordChangeMail .txtComplete {
        margin-bottom: 2rem;
    }
    .secPasswordChangeMail .confirmButton {
        margin: 3rem auto 0;
    }
    .secPasswordChangeMail .noMember {
        max-width: unset;
        margin: 2rem auto;
    }
    .secPasswordChangeMail .formTable {
        max-width: unset;
    }
    .secPasswordChangeMail .txtPassword {
        font-size: var(--spFontSize10);
    }
    .backLinkText a{
        font-size: var(--spFontSize12);
        text-underline-offset: 0.5rem;
    }
    .backLinkBtn {
        margin: 3rem auto 0;
    }
    .backLinkBtn a{
        width: 100%;
        height: 5rem;
        font-size: var(--spFontSize14);
        line-height: 1;
        letter-spacing: var(--spLetterSpacing0);
    }
}