* {
            box-sizing: border-box;
        }

        html, body {
            margin: 0;
            padding: 0;
            width: 100%;
            min-height: 100%;
            background: #fff;
            font-family: "Noto Sans JP", sans-serif;
        }

        button, input {
            font: inherit;
        }

        .MuiGrid-root,
        .MuiGrid-container,
        .MuiGrid-item,
        .MuiToolbar-root,
        .MuiTypography-root,
        .MuiFormControl-root,
        .MuiTextField-root,
        .MuiInputBase-root,
        .MuiFilledInput-root,
        .MuiInputAdornment-root,
        .MuiButton-root,
        .MuiButtonBase-root,
        .MuiLoadingButton-root,
        .MuiContainer-root,
        .MuiSvgIcon-root {
            box-sizing: border-box;
        }

        .css-u5rc76 {
            box-sizing: border-box;
            display: flex;
            flex-flow: column wrap;
            width: 100%;
            min-height: 100vh;
        }

        .css-1wxaqej {
            box-sizing: border-box;
            margin: 0px;
            flex-direction: row;
        }

        .css-i6s8oy {
            position: relative;
            display: flex;
            align-items: center;
            padding-left: 16px;
            padding-right: 16px;
            min-height: 56px;
        }

        .css-1w8j0ek {
            box-sizing: border-box;
            display: flex;
            flex-flow: wrap;
            width: calc(100% + 32px);
            margin-left: -32px;
            justify-content: space-between;
            align-items: center;
        }

        .css-1w8j0ek > .MuiGrid-item {
            padding-left: 32px;
        }

        .css-cgxzmc {
            box-sizing: border-box;
            display: flex;
            flex-flow: wrap;
            width: calc(100% + 8px);
            margin-left: -8px;
            align-items: center;
        }

        .css-cgxzmc > .MuiGrid-item {
            padding-left: 8px;
        }

        .css-twxawj {
            box-sizing: border-box;
            margin: 0px;
            flex-direction: row;
        }

        .css-vubbuv {
            user-select: none;
            width: 1em;
            height: 1em;
            display: inline-block;
            fill: currentColor;
            flex-shrink: 0;
            transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
            font-size: 1.5rem;
        }

        .css-6n3z07 {
            margin: 0px;
            font-family: "Noto Sans JP";
            font-size: 20px;
            line-height: 24px;
            font-weight: 500;
            color: rgb(51, 51, 51);
        }

        .css-1hlld7t {
            box-sizing: border-box;
            display: flex;
            flex-flow: wrap;
            width: calc(100% + 32px);
            margin-left: -32px;
            align-items: center;
        }

        .css-1hlld7t > .MuiGrid-item {
            padding-left: 32px;
        }

        .css-3nargb {
            box-sizing: border-box;
            display: flex;
            flex-flow: wrap;
            margin-top: -16px;
            width: calc(100% + 16px);
            margin-left: -16px;
            align-items: center;
        }

        .css-3nargb > .MuiGrid-item {
            padding-top: 16px;
            padding-left: 16px;
        }

        .css-epbt76 {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            position: relative;
            box-sizing: border-box;
            -webkit-tap-highlight-color: transparent;
            background-color: transparent;
            outline: 0px;
            margin: 0px;
            cursor: pointer;
            user-select: none;
            vertical-align: middle;
            appearance: none;
            text-decoration: none;
            text-transform: none;
            font-family: "Noto Sans JP";
            font-weight: 500;
            font-size: 0.8125rem;
            line-height: 1.75;
            min-width: 64px;
            padding: 3px 9px;
            transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
            box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),
            border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
            color 250ms cubic-bezier(0.4, 0, 0.2, 1);
            border: 1px solid currentColor;
            color: inherit;
            border-radius: 7px;
        }

        .css-epbt76:hover {
            text-decoration: none;
            background-color: rgba(0, 0, 0, 0.04);
        }

        .css-16rzsu1 {
            display: inherit;
            margin-right: 8px;
            margin-left: -2px;
        }

        .css-16rzsu1 > :nth-of-type(1) {
            font-size: 18px;
        }

        .css-g7ht58 {
            box-sizing: border-box;
            margin: 0px;
            flex-direction: row;
            flex-grow: 1;
        }

        .css-14js8dp {
            width: 100%;
            margin-left: auto;
            box-sizing: border-box;
            margin-right: auto;
            display: block;
            padding-left: 16px;
            padding-right: 16px;
            margin-top: 128px;
            max-width: 476px;
        }

        .css-1k2ef8b {
            margin: 0px 0px 16px;
            display: block;
            font-weight: 500;
            font-size: 22px;
            line-height: 150%;
            letter-spacing: -0.022em;
            color: rgb(51, 51, 51);
            text-align: center;
        }

        .css-188z9ke {
            margin: 0px 0px 32px;
            display: block;
            font-weight: 500;
            font-size: 22px;
            line-height: 150%;
            letter-spacing: -0.022em;
            color: rgb(51, 51, 51);
            text-align: center;
        }

        .css-tzsjye,
        .css-feqhe6 {
            display: inline-flex;
            flex-direction: column;
            position: relative;
            min-width: 0px;
            padding: 0px;
            margin: 0px;
            border: 0px;
            vertical-align: top;
            width: 100%;
        }

        .css-1dl2zsn {
            font-family: "Noto Sans JP";
            padding: 0px;
            position: relative;
            font-weight: 700;
            font-size: 16px;
            line-height: 26px;
            text-align: center;
            margin-bottom: 12px;
            color: rgb(91, 93, 96);
            transition: color 200ms ease;
        }

        .css-1dl2zsn.Mui-focused {
            color: rgb(46, 136, 205);
        }

        .css-1dl2zsn.Mui-error {
            color: rgb(242, 78, 78);
        }

        .css-i1nvhe {
            font-family: "Noto Sans JP";
            font-weight: 400;
            font-size: 1rem;
            line-height: 1.4375em;
            color: rgba(0, 0, 0, 0.87);
            box-sizing: border-box;
            cursor: text;
            display: inline-flex;
            align-items: center;
            width: 100%;
            position: relative;
            transition: background-color 200ms cubic-bezier(0, 0, 0.2, 1),
            box-shadow 200ms ease,
            border 200ms ease;
            padding-left: 12px;
            border-radius: 5px;
            min-height: 71px;
            background-color: rgb(246, 246, 246);
            padding-right: 48px;
            border: 1px solid transparent;
        }

        .css-i1nvhe:hover {
            background-color: rgba(0, 0, 0, 0.09);
        }

        .css-i1nvhe.Mui-focused {
            background-color: rgba(0, 0, 0, 0.06);
            border-color: rgb(46, 136, 205);
        }

        .css-i1nvhe.Mui-error {
            border-color: rgb(242, 78, 78);
        }

        .css-25a08b {
            display: flex;
            height: 0.01em;
            max-height: 2em;
            align-items: center;
            white-space: nowrap;
            color: rgba(0, 0, 0, 0.54);
            margin-right: 8px;
            padding-left: 16px;
            padding-bottom: 16px;
            margin-top: 16px;
        }

        .css-fjgo8n {
            font-family: inherit;
            letter-spacing: inherit;
            border: 0px;
            box-sizing: content-box;
            background: none;
            height: 1.4375em;
            margin: 0px 0px 16px;
            -webkit-tap-highlight-color: transparent;
            display: block;
            min-width: 0px;
            width: 100%;
            padding: 25px 12px 8px 0px;
            text-align: center;
            font-weight: 700;
            font-size: 16px;
            line-height: 26px;
            color: rgb(91, 93, 96);
        }

        .css-fjgo8n:focus {
            outline: 0px;
        }

        .css-fjgo8n::placeholder {
            text-align: center;
            font-weight: 700;
            font-size: 16px;
            line-height: 26px;
            color: currentColor;
            opacity: 0.42;
        }

        .css-mlrbcq {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            position: relative;
            box-sizing: border-box;
            -webkit-tap-highlight-color: transparent;
            outline: 0px;
            border: 0px;
            margin: 32px 0px 0px;
            cursor: pointer;
            user-select: none;
            vertical-align: middle;
            appearance: none;
            text-decoration: none;
            text-transform: none;
            font-family: "Noto Sans JP";
            min-width: 64px;
            padding: 8px 22px;
            color: rgb(250, 250, 250);
            background-color: rgb(46, 136, 205);
            box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px,
            rgba(0, 0, 0, 0.14) 0px 2px 2px 0px,
            rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
            width: 100%;
            border-radius: 7px;
            font-weight: 700;
            font-size: 16px;
            line-height: 26px;
            height: 59px;
            transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
            box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),
            border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
            opacity 200ms ease;
        }

        .css-mlrbcq:hover {
            text-decoration: none;
            background-color: rgb(32, 95, 143);
            box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px,
            rgba(0, 0, 0, 0.14) 0px 4px 5px 0px,
            rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
        }

        .css-mlrbcq.is-loading {
            pointer-events: none;
            opacity: 0.9;
        }

        .css-12yhew {
            box-sizing: border-box;
            display: flex;
            flex-flow: wrap;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 79px;
            background-color: rgb(250, 250, 250);
            margin-top: auto;
        }

        .css-9cztn3 {
            margin: 0px;
            font-family: "Noto Sans JP";
            line-height: 1.5;
            font-size: 14px;
            font-weight: 500;
            color: rgba(0, 0, 0, 0.44);
        }

        .css-w0pj6f {
            overflow: hidden;
            pointer-events: none;
            position: absolute;
            z-index: 0;
            inset: 0px;
            border-radius: inherit;
        }

        .MuiGrid-container {
            display: flex;
        }

        .MuiGrid-item {
            min-width: 0;
        }

        .MuiButton-startIcon {
            display: inherit;
            align-items: inherit;
            justify-content: inherit;
        }

        .notranslate {
            display: inline-block;
            width: 0;
        }

        .error-text {
            margin-top: 10px;
            text-align: center;
            color: rgb(242, 78, 78);
            font-size: 14px;
            font-weight: 500;
            min-height: 21px;
        }

        .success-text {
            color: rgb(46, 136, 205);
        }

        @media (max-width: 600px) {
            .css-14js8dp {
                margin-top: 100px;
            }
        }

        .css-y28f86 {
            position: fixed;
            inset: 0px;
            z-index: 1200;
        }

        .css-919eu4 {
            position: fixed;
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: center;
            justify-content: center;
            inset: 0px;
            background-color: rgba(0, 0, 0, 0.5);
            -webkit-tap-highlight-color: transparent;
            z-index: -1;
        }

        .css-14ikvsl {
            background-color: rgb(250, 250, 250);
            color: rgba(0, 0, 0, 0.87);
            transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
            box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 10px -5px,
            rgba(0, 0, 0, 0.14) 0px 16px 24px 2px,
            rgba(0, 0, 0, 0.12) 0px 6px 30px 5px;
            background-image: none;
            overflow-y: auto;
            display: flex;
            flex-direction: column;
            flex: 1 0 auto;
            z-index: 1200;
            position: fixed;
            inset: auto 0px 0px;
            outline: 0px;
            max-height: 100%;
            border-radius: 48px 48px 0px 0px;
            height: calc(-100px + 100vh);
        }

        .css-5lxxok {
            width: 100%;
            margin-left: auto;
            box-sizing: border-box;
            margin-right: auto;
            display: block;
            padding-left: 39px;
            padding-right: 39px;
            margin-top: 64px;
            max-width: 600px;
        }

        .css-1cn3yto {
            box-sizing: border-box;
            display: flex;
            flex-flow: wrap;
            width: 100%;
            -webkit-box-pack: center;
            justify-content: center;
        }

        .css-1uy638j {
            user-select: none;
            width: 1em;
            height: 1em;
            display: inline-block;
            fill: currentcolor;
            flex-shrink: 0;
            transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
            color: rgb(237, 90, 179);
            font-size: 6em;
        }

        .css-y7k3xo {
            margin: 16px 0px 24px;
            display: block;
            font-weight: 700;
            font-size: 22px;
            line-height: 27px;
            letter-spacing: 0%;
            color: rgb(50, 52, 56);
            text-align: center;
            font-family: "Noto Sans JP", sans-serif;
        }

        .css-1inmjg2 {
            margin: 0px 0px 7px;
            display: block;
            font-weight: 500;
            font-size: 16px;
            line-height: 150%;
            letter-spacing: -2.2%;
            color: rgb(132, 133, 136);
            font-family: "Noto Sans JP", sans-serif;
        }

        .css-1xqrufa {
            box-sizing: border-box;
            display: flex;
            flex-flow: wrap;
            width: 100%;
            margin-top: 80px;
            justify-content: left;
        }

        .css-pawt6u {
            display: inline-flex;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: center;
            justify-content: center;
            position: relative;
            box-sizing: border-box;
            -webkit-tap-highlight-color: transparent;
            outline: 0px;
            border: 0px;
            margin: 0px;
            cursor: pointer;
            user-select: none;
            vertical-align: middle;
            appearance: none;
            text-decoration: none;
            text-transform: none;
            font-family: "Noto Sans JP", sans-serif;
            line-height: 1.75;
            padding: 6px 16px;
            transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
            box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),
            border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
            color 250ms cubic-bezier(0.4, 0, 0.2, 1);
            color: rgb(255, 255, 255);
            background-color: rgb(44, 44, 46);
            box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px,
            rgba(0, 0, 0, 0.14) 0px 2px 2px 0px,
            rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
            border-radius: 7px;
            height: 59px;
            min-width: 130px;
            font-size: 16px;
            font-weight: 700;
        }

        .css-pawt6u:hover {
            text-decoration: none;
            box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px,
            rgba(0, 0, 0, 0.14) 0px 4px 5px 0px,
            rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
        }

        .css-pawt6u:active {
            box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px,
            rgba(0, 0, 0, 0.14) 0px 8px 10px 1px,
            rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
        }

        .css-w0pj6f {
            overflow: hidden;
            pointer-events: none;
            position: absolute;
            z-index: 0;
            inset: 0px;
            border-radius: inherit;
        }