.login {overflow:hidden; padding-top:18.3rem}
.login__inner {display:flex; flex-direction:row-reverse; align-items:stretch}
.login__img {width:50.7%; min-height:75.6rem; flex-shrink:0; position:relative}
.login__img img {position:absolute; top:0; right:0; width:51.2vw; height:100%; object-fit:cover; object-position:center}
.login__content {width:49.3%; padding-left:14.2rem; padding-top:10rem; padding-bottom:10rem; padding-right:14rem; position:relative}
.login__content--login {display:block}
.login__content--reestablish {display:none}
.login__content.show {display:block}
.login__content.hide {display:none}
.login__suptitle {font-size:1.6rem; color:#7E838C; margin-bottom:1rem}
.login__title {font-size:4.5rem; color:#2B2E34; font-weight:500; line-height:1.22; margin-bottom:5.5rem}
.login__to-back {font-size:1.6rem; font-weight:500; letter-spacing:0.02em; color:#2B2E34; display:flex; align-items:center; margin-top:10rem}
.login__to-back::before {content:"<"; font-size:1.6rem; font-weight:500; color:#2B2E34; margin-right:1rem}
.login__message {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; font-size:3rem; font-weight:500; letter-spacing:0.02em; background-color:#fbfbfb; padding-left:14.1rem; display:none}
.login__message.i-success {display:flex}
.login__message.i-success::before {content:""; display:inline-block; width:10.3rem; height:10.3rem; margin-right:5.6rem; flex-shrink:0; background-image:url(../icon/success.svg); background-repeat:no-repeat; background-size:contain}
@media (max-width:48em) {.login {padding-top:24.8rem }
 .login__inner {display:block }
 .login__img {min-height:auto; width:100vw; height:92vw; left:-4rem }
 .login__img img {position:static; width:100%; height:100% }
 .login__content {width:100%; padding:7rem 0 0; margin-bottom:17.7rem }
 .login__suptitle {font-size:3rem; margin-bottom:2rem }
 .login__title {font-size:5.6rem; margin-bottom:8rem }
 .login__to-back {font-size:3.2rem; margin-top:16rem }
 .login__to-back::before {font-size:3.2rem; margin-right:1.5rem }
 .login__message {flex-direction:column; align-items:center; justify-content:center; font-size:4rem; padding:4rem; text-align:center }
 .login__message.i-success::before {width:16rem; height:16rem; margin-right:0; margin-bottom:6.4rem }
}