.signin-wrap[data-v-f7221eee]{align-items:center;background:#101010 url(../images/signup/bg_agree.webp) no-repeat bottom/cover;display:flex;height:100%;justify-content:center;min-height:min(144vw,1080px);overflow:auto;padding:min(21.467vw,100px) 0 min(7.867vw,59px);position:relative;width:100%}.signin-wrap[data-v-f7221eee]:has(.maintenance){background:#101010 url(../images/maintenance/bg_new.webp) no-repeat top/cover;min-height:100dvh;overflow-y:auto}@media screen and (max-width:768px){.signin-wrap[data-v-f7221eee]:has(.maintenance){padding:min(21.467vw,161px) 0 min(7.867vw,59px)}}@media screen and (max-width:768px){.signin-wrap[data-v-f7221eee]{display:block;padding:0}.signin-wrap[data-v-f7221eee]:has(.signup_complete){height:auto;min-height:auto;overflow:visible}.signin-wrap[data-v-f7221eee]:has(.change_email_page){min-height:100dvh}}.signin-wrap>div[data-v-f7221eee]{border:2px solid #c3c3c3;border-radius:.3rem;min-height:671px;padding:3rem;position:relative;width:657px}.signin-wrap>div[data-v-f7221eee]:has(.maintenance){background:url(../images/maintenance/frame.webp) no-repeat 50%/100% 100%;border:none;border-radius:0;min-height:622px;width:952px}@media screen and (max-width:768px){.signin-wrap>div[data-v-f7221eee]:has(.maintenance){margin:2rem auto;min-height:356px;width:calc(100% - 1rem)}}.signin-wrap>div:has(.maintenance) .h-signin[data-v-f7221eee]{display:none}.signin-wrap>div[data-v-f7221eee]:has(.signup_complete){background:#101010 url(../images/signup/bg_complete_box.webp) no-repeat top/100% 100%;border:0;margin:0;overflow:auto;padding:min(4vw,30px);width:min(73.733vw,553px)}@media screen and (max-width:768px){.signin-wrap>div[data-v-f7221eee]:has(.signup_complete){padding-bottom:0}}.signin-wrap>div:has(.signup_complete) .h-signin[data-v-f7221eee]{border-bottom:1px solid #373737;font-size:26px;font-weight:700;letter-spacing:0;line-height:100%;padding-bottom:min(2.933vw,22px);text-align:center;width:100%}@media screen and (max-width:768px){.signin-wrap>div[data-v-f7221eee]:has(.signup_complete){display:block;font-size:20px;height:auto;min-height:auto;overflow:visible;width:auto}}@media screen and (max-width:768px){.signin-wrap>div[data-v-f7221eee]{border:none;height:100%;margin:0;min-height:57dvh;padding:0;position:static;width:100%}}.signin-wrap>div .h-signin[data-v-f7221eee]{color:#f4f4f5;font-size:30px;margin:0 auto;padding-bottom:1rem;position:relative;text-align:center}@media screen and (max-width:768px){.signin-wrap>div .h-signin[data-v-f7221eee]{align-items:center;border-bottom:1px solid #e4e4e4;display:flex;font-size:min(5.2vw,28px);height:min(13vw,100px);justify-content:center;padding:0}}.signin-wrap>div .h-signin button[data-v-f7221eee]{background-color:transparent;left:0;padding:0;position:absolute;top:.5rem;width:10px}@media screen and (max-width:768px){.signin-wrap>div .h-signin button[data-v-f7221eee]{left:1rem;top:50%;transform:translateY(-50%)}}.signin-wrap>div .contents[data-v-f7221eee]{height:100%;padding-top:1rem}@media screen and (max-width:768px){.signin-wrap>div .contents[data-v-f7221eee]{height:auto;padding:1.5rem 1rem}.signin-wrap>div .contents[data-v-f7221eee]:has(.step_1),.signin-wrap>div .contents[data-v-f7221eee]:has(.step_3){padding-top:10px}}@media screen and (max-width:768px){.signin-wrap>div .contents[data-v-f7221eee]:has(.signup_complete){display:block;flex:initial;min-height:auto;padding:5.067vw 0 10vw}}@media screen and (max-width:768px){.signin-wrap>div .contents[data-v-f7221eee]:has(.maintenance){height:100%;min-height:356px;position:relative}}