.page-sign-up{align-items:center;display:flex;justify-content:center}.page-sign-up .box-sign-up{box-sizing:border-box;max-width:580px;padding:40px 16px;width:100%}.page-sign-up .box-sign-up .area-bottom{margin-top:40px}.page-sign-up .box-sign-up .area-bottom .area-progress{margin-bottom:14px}.page-sign-up .box-sign-up .area-bottom .area-progress .number{color:var(--old-color-gray-500);font-weight:var(--font-weight-medium);text-align:right}.page-sign-up .box-sign-up .area-bottom .area-progress .bar{background:var(--old-color-container-secondary-hover);border-radius:2px;height:6px;margin-top:8px;overflow:hidden;position:relative;width:100%}.page-sign-up .box-sign-up .area-bottom .area-progress .bar:before{background:var(--old-color-blue-500);bottom:0;content:"";display:block;left:0;position:absolute;top:0}.page-sign-up .box-sign-up .area-bottom .area-progress .bar[data-step="1"]:before{width:33%}.page-sign-up .box-sign-up .area-bottom .area-progress .bar[data-step="2"]:before{width:66%}.page-sign-up .box-sign-up .area-bottom .area-progress .bar[data-step="3"]:before,.page-sign-up .box-sign-up .area-bottom .btn{width:100%}.page-sign-up .area-step01{display:flex;flex-direction:column;row-gap:40px}.page-sign-up .area-step01 .notice{background:var(--old-color-container-primary-selected1);border-radius:var(--old-radius-level3);line-height:var(--old-line-height-relaxed);padding:10px}.page-sign-up .area-step01 .notice .caption{color:var(--old-color-status-active);font-size:var(--old-font-size-caption);margin-top:20px}.page-sign-up .area-step01 .list-input{display:flex;flex-direction:column;row-gap:10px}.page-sign-up .area-step01 .list-input .row{align-items:center;display:flex;justify-content:space-between}.page-sign-up .area-step01 .list-input .row.--single{justify-content:flex-start}.page-sign-up .area-step01 .list-input .checkbox{align-items:center;color:var(--old-color-gray-580);display:flex;font-weight:var(--font-weight-medium)}.page-sign-up .area-step01 .list-input .checkbox .checkbox-component{height:32px;width:32px}.page-sign-up .area-step01 .list-input .checkbox .blue{color:var(--old-color-blue-500)}.page-sign-up .area-step01 .list-input .link{color:var(--old-color-gray-500);font-size:var(--old-font-size-overline);font-weight:var(--font-weight-medium);text-decoration:underline}.page-sign-up .area-step02,.page-sign-up .area-step02 .area-input{display:flex;flex-direction:column;row-gap:40px}.page-sign-up .area-step02 .area-input .row{display:flex;flex-direction:column;position:relative;row-gap:8px}.page-sign-up .area-step02 .area-input .row .message-row{color:var(--old-color-green-700);font-size:var(--old-font-size-caption);font-weight:var(--font-weight-medium);left:0;margin-top:8px;position:absolute;top:100%}.page-sign-up .area-step02 .area-input .row .message-row.--error{color:var(--old-color-status-error)}.page-sign-up .area-step02 .area-input .title-row{align-items:center;display:flex}.page-sign-up .area-step02 .area-input .title-row .text{flex:1;font-size:var(--old-font-size-caption);font-weight:var(--font-weight-medium)}.page-sign-up .area-step02 .area-input .title-row .caption{font-size:var(--old-font-size-overline);font-weight:var(--font-weight-light)}.page-sign-up .area-step02 .area-input .wrap-input{align-items:center;-moz-column-gap:8px;column-gap:8px;display:flex}.page-sign-up .area-step02 .area-input .wrap-input .selector-component,.page-sign-up .area-step02 .area-input .wrap-input .text-field-component{flex:1}.page-sign-up .area-step02 .area-input .wrap-input .btn{height:42px;min-width:123px;width:123px}.page-sign-up .area-step03{align-items:center;display:flex;flex-direction:column;row-gap:40px;text-align:center}.page-sign-up .area-step03 .img{height:64px;width:64px}.page-sign-up .area-step03 .description{color:var(--old-color-container-primary);font-family:var(--font-family-rending);font-size:var(--old-font-size-subtitle-s);font-weight:var(--font-weight-semibold);line-height:var(--old-line-height-loose)}.page-sign-up .area-step03 .notice{align-items:center;background:var(--old-color-blue-50);border-radius:var(--old-radius-level4);box-sizing:border-box;display:flex;flex-direction:column;padding:20px 6px;row-gap:14px;width:100%}.page-sign-up .area-step03 .notice .text{font-size:var(--old-font-size-body-m);line-height:var(--old-line-height-loose)}.page-sign-up .area-step03 .notice .link{color:var(--old-color-container-primary);font-family:var(--font-family-rending);font-size:var(--old-font-size-overline);text-decoration:underline}.page-sign-up .title-area{font-family:var(--font-family-rending);font-size:var(--old-font-size-subtitle-m);font-weight:var(--font-weight-semibold)}@media (max-width:1200px){.page-sign-up{align-items:flex-start;padding:50px 0}.page-sign-up .box-sign-up{padding:0}.page-sign-up .box-sign-up .area-bottom{bottom:84px;left:16px;margin-top:0;position:fixed;right:16px}.page-sign-up .area-step01 .notice{font-size:var(--old-font-size-caption)}.page-sign-up .area-step02 .area-input{row-gap:30px}.page-sign-up .area-step02 .area-input .wrap-input{-moz-column-gap:4px;column-gap:4px}.page-sign-up .area-step02 .area-input .wrap-input .selector-component,.page-sign-up .area-step02 .area-input .wrap-input .text-field-component{flex:1}.page-sign-up .area-step02 .area-input .wrap-input .btn{min-width:72px;width:72px}.page-sign-up .area-step03 .description{font-size:var(--old-font-size-body-m)}.page-sign-up .area-step03 .notice .text{font-size:var(--old-font-size-body-s)}.page-sign-up .title-area{font-size:var(--old-font-size-subtitle-s)}}