@charset "UTF-8";
:root {
    --CPT-THM-R: 30;
    --CPT-THM-G: 144;
    --CPT-THM-B: 255;
    --CPT-BDR: calc(var(--CPT-FS) * .5);
}

#content {
    flex: none;
    margin: auto 0
}

#content > .inner {
    padding: 0 2em
}

.rest_box {
    margin: 0 auto;
    max-width: 60em;
    font-family: var(--SiteFF);
    background: #fff;
    border-radius: 2em;
    box-shadow: rgb(0 0 0/3%) 0 0 1em, rgb(0 0 0/5%) 0 1em 2em, rgb(0 0 0/3%) 0 2em 4em;
    overflow: hidden;
    padding: 4em;
    box-sizing: border-box
}

.rest_box > .inner {
    margin: 0 auto
}

.rest_box h2 {
    font-size: 2em;
    text-transform: uppercase;
    margin-bottom: 1em
}

.rest_box p {
    opacity: .7
}

.rest_box .tips_wrp {
    margin: 0 1.666667em
}

.rest_box .tips_wrp > * {
    margin-top: 0
}

.rest_box .tips_wrp .tips {
    opacity: .5
}

.rest_box .tips_wrp .alert {
    font-weight: 700;
    color: red;
    height: 1.5em;
}

.rest_box .tips_wrp .success {
    font-weight: 700;
    color: green;
    display: none
}

.rest_box .tips_wrp .show {
    display: block !important
}

@media only screen and (max-width: 1000px) {
    .rest_box {
        max-width: 40em !important
    }
}

@media only screen and (max-width: 480px) {
    #content {
        flex: auto;
        margin: 0
    }

    .rest_box {
        background: unset;
        box-shadow: unset;
        border-radius: unset;
        padding: 2em 0;
        overflow: visible
    }
}

#reset_box_sp1 {
    max-width: 50em
}

#reset_box_sp1 > .inner {
    max-width: 35em
}

#reset_box_sp2 > .inner {
    max-width: 40em
}

#reset_box_sp1 .email_address_input, #reset_box_sp1 .verify_input {
    font-size: 1.166667em
}

#reset_box_sp1 .email_address_input:focus-within > span:before, #reset_box_sp1 .verify_input:focus-within > span:before {
    --IconFF: var(--IconFF2);
    color: var(--CPT-THM)
}

#reset_box_sp1 .email_address_sent {
    margin: 2em auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #fff;
    border: 1px rgba(0 0 0/10%) solid;
    border-radius: .5em;
    padding: calc(1em - 1px) 1.5em
}

#reset_box_sp1 .email_address_sent span {
    font-size: 1.333334em;
    font-family: var(--SiteFF);
    font-weight: 500
}

#reset_box_sp1 .email_address_sent span:before {
    content: attr(icon);
    display: inline-block;
    vertical-align: top;
    font-size: 1.5em;
    margin-right: 1em;
    --IconFF: var(--IconFF2);
    opacity: .25;
    flex: none
}

#reset_box_sp1 .btc {
    text-align: center;
    margin: 2em 0 0
}

#reset_box_sp1 .btc .btw {
    font-size: 1.166667em;
    font-weight: 700;
    display: block;
    --padding-block: .715em
}

#reset_box_sp2 .formD {
    margin: 2em 0
}

#reset_box_sp2 .tips_wrp {
    font-size: 1em
}

#reset_box_sp2 .btc {
    text-align: center;
    margin: 2em 0
}

#reset_box_sp2 .btc .btw {
    font-weight: 700;
    font-size: 1.166667em
}

@media only screen and (max-width: 1000px) {
    .formD > li {
        display: block
    }

    .formD .C {
        margin-top: 1em
    }
}

.btw, .cpt-text, .cpt-combine {
    border-radius: var(--CPT-BDR);
}

.btw[color=theme] {
    --r: var(--CPT-THM-R);
    --g: var(--CPT-THM-G);
    --b: var(--CPT-THM-B);
}