/********************
*
*   login
*
********************/

/*
*   SP
*/
/* ----------------------------------------------
*   basic layout
---------------------------------------------- */
#wrapper {
}

#container {
}
#container .cont-head {
    position: relative;
    margin-bottom: 34px;
}
#container .cont-head h1.title {
    padding-top: 6px;
    text-align: center;
}
#container .cont-head h1.title img {
    width: 81px;
}
#container .cont-body {
    padding-bottom: 82px;
}
#container .cont-body .block .blk-foot .box .box-txt {
    font-size: 86.6%;
}

/* ----------------------------------------------
*   request
---------------------------------------------- */
#blk_request {
}
#blk_request .blk-head {
    margin-bottom: 22px;
}
#blk_request .blk-body {
    padding-bottom: 92px;
}
#blk_request .blk-foot {
    /* margin-bottom: 72px; */
}
#request_form {
    margin-top: 3em;
}


/* ----------------------------------------------
*   confirm
---------------------------------------------- */
#blk_confirm {
}
#blk_confirm .blk-head {
    margin-bottom: 22px;
}
#blk_confirm .blk-body {
    padding-bottom: 92px;
}
#blk_confirm .blk-foot {
    margin-bottom: 72px;
}
#confirm_form {
    margin-top: 3em;
}


/* ----------------------------------------------
*   complete
---------------------------------------------- */
#blk_complete {
}
#blk_complete .blk-head {
    margin-bottom: 28px;
}
#blk_complete .blk-body {
    text-align: center;
    padding-bottom: 75px;
}
#blk_complete .blk-body .box {
    margin-bottom: 2em;
    text-align: left;
}
#blk_complete .blk-body .box .box-txt {
}
#blk_complete .blk-body .box .box-txt > p {
}
#blk_complete .blk-body .btn {
    margin: 0 auto;
}
#blk_complete .blk-foot {
    margin-bottom: 36px;
}

/* ----------------------------------------------
*   reset page
---------------------------------------------- */
#blk_reset {}
#blk_reset .blk-head {
    margin-bottom: 40px;
}
#blk_reset .blk-body {
    /* padding-bottom: 90px; */
}
#blk_reset .blk-body .box {
    margin-bottom: 60px;
}
#blk_reset .blk-body .box.error,
#blk_reset .blk-body .box.complete {
    text-align: center;
}
#blk_reset .blk-body .box.error .btn,
#blk_reset .blk-body .box.complete .btn {
    margin-top: 60px;
}
#blk_reset .blk-body form {}
#blk_reset .blk-body form .input-unit {
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; */
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
}
#blk_reset .blk-body form .input-unit:not(:first-child) {
    margin-top: 1em;
}
#blk_reset .blk-body form .input-unit > span {
    display: block;
    /* font-size: 66.6%; */
    font-size: 80%;
    /* margin-left: 40%; */
    /* margin-top: 0.4em; */
}
#blk_reset .blk-body form .input-unit > span.label {
    /* width: 40%; */
    /* font-size: 80%; */
    font-size: 106.6%;
    margin: 0;
}
#blk_reset .blk-body form .input-unit > input {
    display: initial;
    width: 100%;
    padding: 0.3em;
    margin-top: 0.4em;
    background-color: #ededed;
    font-size: 106.6%;
}
#blk_reset .blk-body form .input-unit > span {}
#blk_reset .blk-body form .submit-unit {}
#blk_reset .blk-body form .submit-unit > input {}
#blk_reset .blk-body .btn {
    margin: 0 auto;
}
#blk_reset .blk-foot {
    margin-bottom: 36px;
}


/*
*   PC
*/
@media screen and (min-width: 1024px) {
    /* ----------------------------------------------
    *   basic layout
    ---------------------------------------------- */
    #wrapper {
    }

    #container {
        min-height: calc(100vh - 100px);
    }
    #container .cont-head {
    }
    #container .cont-head h1.title {
        padding-top: 71px;
        margin-bottom: 84px;
    }
    #container .cont-head h1.title img {
        width: 148px;
    }
    #container .cont-body {
        padding-bottom: 0;
    }
    #container .cont-body .block .blk-foot .box .box-txt {
        font-size: 100%;
    }

    /* ----------------------------------------------
    *   request
    ---------------------------------------------- */
    #blk_request {
    }
    #blk_request .blk-head {
        margin-bottom: 22px;
    }
    #blk_request .blk-body {
        padding-bottom: 120px;
    }
    #blk_request .blk-foot {
        margin-bottom: 102px;
    }

    /* ----------------------------------------------
    *   confirm
    ---------------------------------------------- */
    #blk_confirm {
    }
    #blk_confirm .blk-head {
        margin-bottom: 22px;
    }
    #blk_confirm .blk-body {
        padding-bottom: 120px;
    }
    #blk_confirm .blk-foot {
        margin-bottom: 102px;
    }
    #request_form {
        margin-top: 74px;
    }
    #request_form .submit-unit {
        width: 130px;
        height: 38px;
        margin-top: 80px;
        margin-left: 10px;
        margin-right: 10px;
    }
    #request_form .submit-unit > input {
        font-size: 120%;
    }

    /* ----------------------------------------------
    *   complete
    ---------------------------------------------- */
    #blk_complete {
    }
    #blk_complete .blk-head {
        margin-bottom: 52px;
    }
    #blk_complete .blk-body {
        padding-bottom: 150px;
    }
    #blk_complete .blk-body .box {
        text-align: center;
    }
    #blk_complete .blk-body .box .box-txt {
    }
    #blk_complete .blk-body .box .box-txt > p {
    }
    #blk_complete .blk-body .btn {
    }
    #blk_complete .blk-foot {
    }

    /* ----------------------------------------------
    *   reset page
    ---------------------------------------------- */
    #blk_reset {}
    #blk_reset .blk-head {
        margin-bottom: 52px;
    }
    #blk_reset .blk-body {}
    #blk_reset .blk-body .box {
        margin-bottom: 49px;
    }
    #blk_reset .blk-body form {}
    #blk_reset .blk-body form .input-unit {
        display: block;
        max-width: none;
    }
    #blk_reset .blk-body form .input-unit:not(:first-child) {
        margin-top: 30px;
    }
    #blk_reset .blk-body form .input-unit > span {
        /* font-size: 80%; */
        /* margin-left: 1em; */
    }
    #blk_reset .blk-body form .input-unit > span.label {
        /* display: inline-block; */
        width: auto;
        min-width: 150px;
        /* font-size: 87.5%; */
    }
    #blk_reset .blk-body form .input-unit > input {
        width: 320px;
        float: none;
        margin-top: 0;
        margin-left: 0;
    }
    #blk_reset .blk-body form .input-unit > span {}
    #blk_reset .blk-body form .submit-unit {
        width: 130px;
        height: 38px;
        margin-top: 80px;
        margin-left: 10px;
        margin-right: 10px;
    }
    #blk_reset .blk-body form .submit-unit > input {
        font-size: 120%;
    }
    #blk_reset .blk-foot {}
}