main.login-wrap{display:flex;justify-content:center;align-items:center;padding:64px 24px;position:relative;width:100%;height:100%;min-height:100vh;overflow:hidden;box-sizing:border-box}main.login-wrap .backimg{opacity:.5}main.login-wrap .backimg img{position:absolute;z-index:-1;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;object-fit:cover}main.login-wrap section{position:relative;z-index:2;width:100%;max-width:520px;margin:auto;background-color:#fff;padding:64px 40px;box-shadow:0 15px 30px -15px rgba(191,188,186,0.5);border-radius:2px}@media screen and (max-width: 767px){main.login-wrap section{padding:48px 24px}}main.login-wrap img.logo,main.login-wrap section:first-child img:first-child{width:100%;max-width:180px;margin:0 auto;object-fit:cover}main.login-wrap .msg{margin:24px auto -8px}main.login-wrap .msg p{text-align:center}main.login-wrap .msg p.err{font-weight:500;color:#e15554}.msg-main{margin:32px auto 0}.msg-main+.btn-wrap{margin-top:32px}dl.form-login{margin:32px auto 0}dl.form-login p{font-size:1.4rem;font-weight:700}dl.form-login dd{margin-top:6px}dl.form-login dd+dt{margin-top:16px}dl.form-login dd p{font-size:1.4rem;color:rgba(53,52,52,0.5);margin:4px 0}dl.form-login dd p.err{color:#e15554;font-weight:500}dl.form-login dd p.lostpass{text-align:right}dl.form-login dd p.lostpass a{font-size:1.4rem;color:#bfbcba}dl.form-login dd p.lostpass a:hover{color:#353434}dl.form-login+.btn-wrap{margin-top:32px}main.signup-wrap{width:100%;max-width:740px;margin:0 auto;background-color:#fff;padding:64px 0}main.signup-wrap article{margin:0 auto;padding:0 40px}@media screen and (max-width: 920px){main.signup-wrap article{padding:0}}main.signup-wrap article+article{margin-top:40px}@media screen and (max-width: 767px){main.signup-wrap article+article{margin-top:32px}}main.signup-wrap section.head img.logo{width:100%;max-width:180px;margin:0 auto}main.signup-wrap section.head .msg{margin:24px auto 0}main.signup-wrap section.head .msg p{text-align:center;font-weight:500}main.signup-wrap section.head .msg p+p{font-weight:400;margin-top:8px}main.signup-wrap section.step-main{margin-top:64px}@media screen and (max-width: 767px){main.signup-wrap section.step-main{margin-top:48px}}main.signup-wrap ul.btn-wrap{margin:64px auto 0}@media screen and (max-width: 767px){main.signup-wrap ul.btn-wrap{margin:48px auto 0}}main.signup-wrap .mds{color:#bfbcba;font-size:1.4rem}.kiyaku-wrap{height:350px;overflow-y:scroll;padding:16px 24px 16px 16px;margin:8px auto 0;border:1px #bfbcba solid}@media screen and (max-width: 480px){.kiyaku-wrap{padding:16px 8px}}.kiyaku-wrap::-webkit-scrollbar{width:12px}.kiyaku-wrap::-webkit-scrollbar-track{background:#f5f2f0;border:none;box-shadow:none}.kiyaku-wrap::-webkit-scrollbar-thumb{background:#bfbcba;box-shadow:none}.kiyaku-wrap pre{white-space:pre-wrap;font-size:1.4rem;line-height:1.6}@media screen and (max-width: 480px){.kiyaku-wrap pre{font-size:1.3rem}}ul.step-bar{margin:16px auto 32px;display:flex;align-items:center;justify-content:center;gap:32px}@media screen and (max-width: 480px){ul.step-bar{gap:28px}}ul.step-bar li{position:relative}ul.step-bar li span{display:inline-block;position:relative;z-index:2;width:20px;height:20px;background-color:#f5f2f0;border-radius:50%}ul.step-bar li span:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:10px;height:10px;background-color:transparent;border-radius:50%}ul.step-bar li:nth-child(n+2):before{content:"";position:absolute;top:8px;left:-35px;width:40px;height:6px;background-color:#f5f2f0;z-index:1}@media screen and (max-width: 480px){ul.step-bar li:nth-child(n+2):before{left:-30px;width:35px}}.last-wrap{background-color:rgba(245,242,240,0.5);padding:16px 24px}.last-wrap .h2{font-size:1.8rem;font-weight:500}