html, body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif, "Hiragino Kaku Gothic ProN", Meiryo; width: 100%; -webkit-font-smoothing: subpixel-antialiased; }

html { height: 100%; }

.logo, .signup-form__logo, .signup-form__logo_en { display: inline-block; width: 181px; height: 96px; background-repeat: no-repeat; background-size: contain; margin: 40px auto 0px; }

.radius-flat-rectangle { border: none; border-radius: 4px; }

.btn, .btn-sns, .btn-gplus, .btn-facebook, .btn-twitter, .btn-weibo, .btn-apple, .signup-form__submit, .signup-form__submit--login { cursor: pointer; display: inline-block; text-decoration: none; }

.btn-sns, .btn-gplus, .btn-facebook, .btn-twitter, .btn-weibo, .btn-apple { width: 40px; height: 40px; background-repeat: no-repeat; background-position: center; background-size: 24px 24px; background-color: rgba(0, 0, 0, 0.04); border-radius: 20px; border-style: none; margin-left: 8px; font-size: 0; color: transparent; vertical-align: top; transition: 0.2s background-color; }
.btn-sns:hover, .btn-gplus:hover, .btn-facebook:hover, .btn-twitter:hover, .btn-weibo:hover, .btn-apple:hover { background-color: rgba(0, 0, 0, 0.07843); }
.btn-sns:first-child, .btn-gplus:first-child, .btn-facebook:first-child, .btn-twitter:first-child, .btn-weibo:first-child, .btn-apple:first-child, .sns-login-form:first-child .btn-sns, .sns-login-form:first-child .btn-gplus, .sns-login-form:first-child .btn-facebook, .sns-login-form:first-child .btn-twitter, .sns-login-form:first-child .btn-weibo, .sns-login-form:first-child .btn-apple { margin-left: 0; }

.sns-login-form { display: inline-block; }

.btn-gplus { background-image: url(../images/accounts_index/icon-google.svg?nR1kTLxK2dJqLO0A); }

.btn-facebook { background-image: url(../images/accounts_index/icon-facebook.svg?nR1kTLxK2dJqLO0A); }

.btn-twitter { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M13.5186 10.7714L19.3439 4H17.9635L12.9054 9.87954L8.86547 4H4.20593L10.315 12.8909L4.20593 19.9918H5.58642L10.9279 13.7828L15.1943 19.9918H19.8539L13.5182 10.7714H13.5186ZM11.6278 12.9692L11.0088 12.0839L6.08383 5.03921H8.20417L12.1787 10.7245L12.7977 11.6098L17.9641 18.9998H15.8438L11.6278 12.9696V12.9692Z' fill='black'/%3E%3C/svg%3E"); }

.btn-weibo { background-image: url(../images/accounts_index/icon-weibo.svg?nR1kTLxK2dJqLO0A); }

.btn-apple { background-image: url(../images/accounts_index/icon-apple-black.svg?nR1kTLxK2dJqLO0A); }

body { background-color: #eee; }

#search-bar, .signup-form, ._gdpr-notify-header { position: relative; z-index: 1; }

.signup-form { position: relative; margin: 0px auto; padding-top: 20vh; padding-bottom: 136px; width: 392px; }

.signup-form__root { padding: 0px 40px 36px; border-radius: 24px; background-color: white; /** Surface/1 */ display: flex; flex-direction: column; margin: 0px auto; text-align: center; box-sizing: border-box; }

.signup-form__logo-box { display: grid; margin-bottom: 36px; }

.signup-form__logo { background-image: url(/www/images/accounts_index/new-logo-2025-0122-ja.svg); }

.signup-form__logo_en { background-image: url(/www/images/accounts_index/new-logo-2025-0122-en.svg); }

.signup-form__catchphrase { margin-top: 4px; color: #474747; /** Text/2 */ font-size: 16px; line-height: 20px; font-weight: bold; display: flow-root; }

.signup-form__submit, .signup-form__submit--login { display: block; width: 100%; height: 40px; line-height: 40px; border-radius: 22px; border-style: none; color: #FFF; background: #0096FA; outline: none; font-weight: bold; font-size: 14px; text-align: center; transition: 0.2s background-color; }
.signup-form__submit:hover, .signup-form__submit--login:hover { background-color: #007DD1; }
.signup-form__submit:visited, .signup-form__submit--login:visited, .signup-form__submit:hover, .signup-form__submit--login:hover { color: #FFF; }

.signup-form__submit--login { background: rgba(0, 0, 0, 0.04); color: #5C5C5C; transition: 0.2s background-color; }
.signup-form__submit--login:hover { background-color: rgba(0, 0, 0, 0.08); }
.signup-form__submit + .signup-form__submit--login, .signup-form__submit--login + .signup-form__submit--login { margin-top: 8px; }
.signup-form__submit--login:visited, .signup-form__submit--login:hover { color: #5C5C5C; }

.signup-form__sns-btn-area.index { color: #474747; /** Text/2 */ font-size: 14px; line-height: 22px; margin-top: 32px; }
.signup-form__sns-btn-area.index .sns-button-list { margin-top: 12px; }

.recaptcha-terms { font-style: normal; font-weight: normal; font-size: 12px; line-height: 20px; text-align: center; color: #858585; /** Text/3 */ margin-top: 36px; padding-top: 12px; border-top: 1px solid rgba(0, 0, 0, 0.08); }
.recaptcha-terms a { text-decoration: none; color: #3D7699; }

.grecaptcha-badge { visibility: hidden; }

._gdpr-notify-header { display: flex; flex-direction: column; justify-self: center; height: 64px; padding: 0 24px; background-color: #333333; color: #fff; width: 100%; box-sizing: border-box; }
._gdpr-notify-header .content { display: flex; align-items: center; height: 100%; gap: 16px; }
._gdpr-notify-header .content .notify-button { height: 40px; border: none; border-radius: 20px; font-size: 14px; line-height: 22px; text-align: center; cursor: pointer; text-decoration: none; padding: 0 24px; font-weight: bold; display: flex; align-items: center; }
._gdpr-notify-header .content .notify-button.detail { background-color: #f5f5f5; color: #666666; }
._gdpr-notify-header .content .notify-button.agree { background-color: #0096fa; color: #fff; }
._gdpr-notify-header .content p { margin-right: auto; font-size: 14px; line-height: 22px; gap: 4px; }
._gdpr-notify-header .content p a { color: #669FC2; }
._gdpr-notify-header .content p .history { margin-left: 4px; }