img{max-width:100%}body,html{height:100%}body{margin:0}.x-user-wrapper{max-width:790px;margin:0 auto;color:#fff;font-size:18px}.x-user-wrapper__inner{width:81.0126582278%;margin:0 auto}.x-user-title{width:91.09375%;margin:0 auto;padding:1rem 0}.x-username-form{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:20em;border-radius:1.2em;background:#ff9935}.x-username-form .form-title{margin:0;color:#fff;font-weight:700;font-size:1.8em;line-height:1.6;font-family:Noto Sans JP,sans-serif;text-align:center}.x-username-form .form-note{display:block;visibility:hidden;height:2em;padding-top:.7em;color:#c70000;font-size:1.1em;text-align:center}.x-username-form .form-input-wrapper{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;padding:0 1.5rem 0 2rem;gap:0}.x-username-form .form-input-wrapper .at-symbol{flex-shrink:0;margin-right:8px;font-weight:700;font-size:1.6em}.x-username-form .form-input-wrapper .username-input{flex-grow:1;min-width:0;margin-right:.3em;padding:.4em .6em;border:none;outline:none;background:transparent;background:#fff;color:#000;font-size:18px;font-size:1.8em;line-height:0}.x-username-form .form-input-wrapper .username-input::-moz-placeholder{color:#ccc;font-size:.7em;font-family:sans-serif}.x-username-form .form-input-wrapper .username-input::placeholder{color:#ccc;font-size:.7em;font-family:sans-serif}.x-username-form .form-input-wrapper .check-button{flex-shrink:0;aspect-ratio:1/1;width:7em;padding:1em;border:none;border-radius:50%;background:#fff;background:url(../images/btn-check.png) no-repeat center;background-size:contain;color:#ff6b35;font-weight:700;font-size:.7em;cursor:pointer}.x-result-wrapper{color:#fff;font-family:Noto Sans JP,sans-serif}.x-result-wrapper p{margin:1rem 0}.x-result-card{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:20em;border-radius:1.2em;background:#d51126;text-align:center}.x-result-card .result-username{margin-bottom:.5em;font-weight:700;font-size:1.5em;font-family:Noto Sans JP,sans-serif}.x-result-card .result-label{width:79.53125%;margin:0 auto;color:#fff;font-weight:700;font-size:1.2em}.x-result-card .result-label .kintori-text{background:linear-gradient(0deg,#fdf395,#d4be4a 53%,#f9eb75 58%,#e8d152);font-weight:700;font-size:1.8em;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-feature-settings:"palt"}.x-result-card .result-points{color:#fff;font-weight:700;font-size:8em;line-height:.85;font-family:Roboto,sans-serif;font-feature-settings:"palt"}.x-result-card .result-points img{display:block;margin:0 auto}.x-result-card .result-points-label{color:#fff;font-weight:700;font-size:1em}@media (min-width: 790px){.x-username-form .form-input-wrapper .check-button:hover{background-image:url(../images/btn-check-ov.png)}}@media (max-width: 790px){.x-user-wrapper{font-size:2.3vw}}