.login-box,.signup-box{margin:12px 0;padding:3em 1.5em 2.5em;border-radius:var(--radius-s)}.login-box .ttl,.signup-box .ttl{margin-bottom:1.5em;text-align:center;font-size:1.7rem;font-weight:700;line-height:1.5}.login-box{background:var(--color-main-bg)}.login-box .ttl{color:var(--color-main)}.login-alert{margin-bottom:1.5em;padding:.5em 1.5em;color:var(--color-red);text-align:center;font-size:1.2rem;line-height:1.4;font-weight:700;border-radius:1.5em;border:1px solid var(--color-red);background:#fff}.login-box-input dt{margin-bottom:.3em;font-size:1.3rem;font-weight:700}.login-box-input dd{margin-bottom:1em}input[type=text],input[type=password]{padding-top:.35em;padding-bottom:.35em;border:none;border-radius:8px;box-shadow:var(--shadow2)}input::placeholder{position:relative;top:-.05em;font-size:1.4rem}.login-btn{margin:1.5em 0 1em;text-align:center}.login-forgot{text-align:center}.login-forgot a{color:var(--color-main);text-decoration:underline;font-size:1.2rem}.login-forgot a:hover{text-decoration:none}.signup-box{padding:5em 1.5em 4.5em;text-align:center;color:#fff;background:var(--color-main)}.signup-btn{margin-top:2em}@media screen and (min-width: 768px){.login-wrap{display:flex;justify-content:space-between}.login-box,.signup-box{width:48%;padding-left:2.5em;padding-right:2.5em}.login-box .ttl,.signup-box .ttl{font-size:2rem}.signup-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:7em}.signup-btn a{font-size:var(--fz-base)}}