#login main{margin:0 auto 200px}#login main .inner{margin:0 auto;text-align:center}#login main .inner h1{text-align:center;margin:70px auto 30px;border-bottom:1px solid #ccc;width:90%}@media only screen and (min-width: 768px){#login main .inner h1{width:80%}}#login main .inner a{color:#e94f18}#login main.password .inner{margin:0 auto;text-align:center}#login main.password .inner h1{text-align:center;margin:70px auto 30px;border-bottom:1px solid #ccc;width:90%}@media only screen and (min-width: 768px){#login main.password .inner h1{width:80%}}#login main.password .inner a{color:#e94f18}.text-red-600{padding:1.5rem 0;color:red;font-weight:bold}.forget_password{padding-top:1.5rem}.forget_password a{color:#333}#login.login .inner .box{background:#f0f0f0;width:90%;margin:0 auto;padding:30px 0 30px}@media only screen and (min-width: 768px){#login.login .inner .box{width:70%}}#login.login .inner .first{margin:0 auto 20px}#login.login .inner .first a{text-decoration:underline}#login.login .inner input{display:block;margin:20px auto 0;height:50px;line-height:50px;border:1px solid #b7b7b7;width:90%}@media only screen and (min-width: 768px){#login.login .inner input{width:50%}}#login.login .inner .use{margin:0 auto 20px;padding:0 1rem}@media only screen and (min-width: 768px){#login.login .inner .use{padding:0}}@media only screen and (min-width: 768px){#login.login .inner .use .sp{display:none}}#login.login .inner button{padding:1rem 4rem;margin:30px auto 0}#login.login .inner .unknown{margin:20px auto 0;font-size:1.2rem}@media only screen and (min-width: 768px){#login.login .inner .unknown{font-size:1.4rem}}#login.new .inner .box>div .use{text-align:left;width:90%;margin:0 auto}#login.new .inner .box>div .use .small{font-size:1.2rem}#login.new .modal p{font-weight:bold;text-align:left;margin-bottom:30px;font-size:1.6rem;text-align:left}@media only screen and (min-width: 768px){#login.new .modal p{text-align:center}}@media only screen and (min-width: 768px){#login.new .modal dl{display:flex;-webkit-align-items:center;align-items:center;justify-content:center}}#login.new .modal dl dt{font-weight:normal;margin-bottom:5px;font-size:1.4rem}@media only screen and (min-width: 768px){#login.new .modal dl dt{margin:-4px 0 0}}#login.new .modal dl dd{width:auto}#login.new .modal dl .password{border:1px solid #b7b7b7;padding-left:1rem;height:50px;line-height:50px;text-align:left}@media only screen and (min-width: 768px){#login.new .modal dl .password{width:38rem}}#login.new .modal a.js-modal-close{position:absolute;top:-12px;right:-12px;width:36px;height:36px;border-radius:50%;background:#cdd6dd;display:block}#login.new .modal a.js-modal-close:before,#login.new .modal a.js-modal-close:after{content:"";position:absolute;background:#fff;top:50%;width:2px;height:20px}#login.new .modal a.js-modal-close:before{transform:translate(-50%, -50%) rotateZ(45deg)}#login.new .modal a.js-modal-close:after{transform:translate(-50%, -50%) rotateZ(-45deg)}#login.new .modal li a{padding:.5rem 0;margin:20px auto 0;display:block;width:25%}#login.login .inner .confirm{margin:10px 1rem 0;text-align:left}@media only screen and (min-width: 768px){#login.login .inner .confirm{text-align:center}}.modal{display:none;height:100vh;position:fixed;top:0;width:100%}.modal__bg{background:rgba(0,0,0,.8);height:100vh;position:absolute;width:100%}.modal__content{background:#fff;left:50%;padding:20px 2rem;position:absolute;top:50%;transform:translate(-50%, -50%);width:90%;position:relative}@media only screen and (min-width: 768px){.modal__content{padding:100px 2rem;width:60%}}