.login-layout{height:100vh;overflow-y:auto;letter-spacing:0;font-family:ヒラギノ角ゴシック, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS P Gothic, Helvetica, Verdana, Arial, sans-serif}.login-layout .login-page-wrapper{display:flex;min-height:100%}.login-layout .login-page-block-content{width:40%;box-shadow:2px 0 18px rgba(0,0,0,0.25);position:relative;padding:64px 0 0 0;display:flex;flex-direction:column;align-items:center;min-width:476px}.login-layout .login-page-content{display:flex;flex-direction:column;flex-grow:1;align-items:center;width:100%;max-width:420px}@media screen and (max-width: 1024px){.login-layout .login-page-block-content{width:100%;box-shadow:none}.login-layout .login-block-image{display:none}}.login-layout .logo-wrapper{margin-bottom:32px}.login-layout .error-message{color:#ff134c;font-size:0.75rem;align-self:flex-start;margin-bottom:8px}.login-layout .error-message .password-link{color:#0054ff;text-decoration:none}.login-layout .error-message .password-link:hover{text-decoration:underline}.login-layout .error-field{border:1px solid #ff134c;background-color:#ffefed}.login-layout .login-form-container{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-layout .cannot-login{margin:20px 0 68px;font-size:0.875rem}.login-layout .cannot-login-en{margin:20px 0 122px;font-size:0.875rem}.login-layout .notice-password-reset{box-sizing:border-box;width:100%;display:flex;justify-content:center;gap:8px;align-items:center;background-color:#ffefed;color:#ff134c;padding:12px;border-radius:4px}.login-layout .notice-password-reset-link{color:#ff134c;font-size:12px;font-weight:bold;text-decoration:underline}.login-layout .request-link{color:#0054ff;font-weight:bold;text-decoration:none}.login-layout .request-link:hover{text-decoration:underline}.login-layout .sign-up-text{font-weight:bold;font-size:0.875rem;margin-bottom:16px}.login-layout .sign-up-link{color:#0054ff;text-decoration:none}.login-layout .sign-up-link:hover{text-decoration:underline}.login-layout .login-page-footer{width:100%;max-width:472px;display:flex;flex-direction:column;border-top:1px solid #d7d7d7;margin:0 auto;padding-bottom:28px}.login-layout .footer-copyright{font-size:12px;color:#a6a6a6}.login-layout .nav-item-list{width:100%;display:flex;align-items:center;font-size:0.75rem;flex-wrap:wrap;padding:0;margin:12px 0 4px 0}.login-layout .padding-for-line-break{padding-right:80px}.login-layout .others-link-container{display:inline-flex;position:relative}.login-layout .others-link-container .icon-arrow-down{margin-top:8px}.login-layout .others-link-container:hover .dropdown-container{visibility:initial}.login-layout .others-link{margin-right:5px}.login-layout .dropdown-container{visibility:hidden;position:absolute;right:0;bottom:16px;padding-bottom:8px}.login-layout .dropdown{background-color:#ffffff;display:flex;border:1px solid #d7d7d7;border-radius:4px;flex-direction:column;list-style:none;padding:0}.login-layout .dropdown-item:hover{background:#f2f7ff}.login-layout .dropdown-item+.dropdown-item{display:flex;border-top:1px solid #d7d7d7}.login-layout .dropdown-item-link{color:#0e202e;display:flex;white-space:nowrap;width:100%;text-decoration:none;padding:10px}.login-layout .nav-item{margin-right:16px;white-space:nowrap;list-style:none}.login-layout .nav-item-link{color:#a6a6a6}.login-layout .nav-item-link:hover{color:#0e202e}.login-layout .login-block-image{width:60%}.login-layout .login-background-image{background:url(https://assets.8card.net/assets/before_login/login/html/background-4075f4d7c77fd9306b2b857e84a9473cb733d367c90e9af85c1ff1f3b601fdeb.png) no-repeat;background-size:cover;background-position:center;height:100%}.login-layout .login-main-visual-container{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%}.login-layout .login-upper-main-visual{background:url(https://assets.8card.net/assets/before_login/login/html/main_visual_1-aa367ecf70de88667ef1ae7d3fb39f271175b2f3873b4ff3f099b9b5aa09a92c.png) no-repeat;width:416px;height:128px;background-size:cover}.login-layout .promotion-login-main-visual-container{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;width:100%}.login-layout .promotion-login-upper-main-visual{width:480px}.login-layout .promotion-login-button{width:480px;height:80px}.login-layout .promotion-btn-image{margin-top:40px;margin-right:124px;margin-left:124px;width:232px;height:40px}.login-layout .lp-link-btn{position:relative;height:40px;min-width:232px;background:transparent;border-radius:20px;border:1px solid #0037a3;color:#0037a3;font-size:0.875rem}.login-layout .lp-link-btn .btn-text{font-weight:600;text-align:center;padding:8px 0;display:inline-block;width:100%}.login-layout .lp-link-btn .btn-text::after{position:absolute;top:0;bottom:2px;right:0;margin:auto 16px;content:"";vertical-align:middle;width:8px;height:8px;border-top:1px solid #0037a3;border-right:1px solid #0037a3;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.login-layout .lp-link-btn:hover{background:#0037a3;border:1px solid #0037a3;color:#ffffff}.login-layout .lp-link-btn:hover .btn-text::after{border-top:1px solid #ffffff;border-right:1px solid #ffffff}.login-layout .login-lower-main-visual{background:url(https://assets.8card.net/assets/before_login/login/html/main_visual_2-e9fd62b4d48c9e96272e1ed76e0df8260a1560446ba5d9beea84ca8a07aa969b.png) no-repeat;width:416px;height:332px;background-size:cover}.login-layout .login-image-en{background:url(https://assets.8card.net/assets/before_login/login/html/background_en@2x-d7936548cc47f6b8f40968832b5fbddb682842272f219764277f381816fc5ea8.png) no-repeat;background-size:cover;background-position:center;height:100%}@media only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx){.login-layout .login-image-en{background:url(https://assets.8card.net/assets/before_login/login/html/background_en@2x-d7936548cc47f6b8f40968832b5fbddb682842272f219764277f381816fc5ea8.png) no-repeat;background-size:cover;background-position:center}}@media only screen and (min-resolution: 288dpi),only screen and (min-resolution: 3dppx){.login-layout .login-image-en{background:url(https://assets.8card.net/assets/before_login/login/html/background_en@3x-385c8aadef4fdbf3a996d0aecdc1ffc9e799962fe8379f5fed854890f877bdb8.png) no-repeat;background-size:cover;background-position:center}}