@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{font-family:Noto Sans JP,sans-serif;margin:0;background-color:#F0F5F9;color:#333333;line-height:1.6}.card__info.hidden,.hidden{display:none!important}.main{flex-direction:column;padding:80px 0}.header,.main{display:flex;align-items:center}.header{width:100%;height:80px;position:fixed;top:0;left:0;right:0;z-index:1000;justify-content:center;border-bottom:1px solid #d9d9d9;background-color:#FFFFFF}.header__logo img{width:112px;height:38px}@media screen and (max-width:768px){.main{padding:64px 0}.header{height:64px}.header__logo img{width:88px;height:29px}}.main__title{width:100%;padding:56px 0 32px;text-align:center;font-weight:700;font-size:24px}.container{background-color:#FFFFFF;border-radius:8px;box-shadow:0 0 10px 0 rgba(0,0,0,.08);padding:56px 64px;display:flex;flex-direction:column;align-items:center}.login_box{width:560px;gap:40px}.change_box{width:800px;gap:56px}@media screen and (max-width:768px){.main__title{padding:32px 0 22px;font-size:20px}.container{padding:40px 16px}.change_box,.login_box{width:343px;gap:40px}}.card{display:flex;flex-direction:column;align-items:center;width:100%;gap:16px}.card__title{font-weight:700;font-size:20px;text-align:center;width:100%;margin:0}.card__title .sp{display:none}.button{width:260px;height:auto;padding:15px 0;background-color:#E98300;color:#FFFFFF;border-radius:80px;border:none;font-weight:700;font-size:18px;cursor:pointer;text-align:center;display:flex;justify-content:center;align-items:center;margin-top:16px}.button[disabled]{background-color:#cccccc;cursor:not-allowed}.button:not([disabled]){background-color:#E98300}.links{display:flex;flex-direction:column;gap:8px;width:100%}.link{color:#0C6AC9;font-weight:500;font-size:14px;text-decoration:none}.card--new-registration{padding-top:40px;border-top:1px solid #d9d9d9}.card__note{font-weight:400;font-size:14px;text-align:left;margin:0;width:100%;line-height:1.6}.card__info{background-color:#FFF6DF;border:1px solid #e98300;border-radius:8px}.card__error,.card__info{font-weight:400;font-size:16px;text-align:left;margin:0;padding:12px 16px;width:100%;display:flex;align-items:center;gap:8px}.card__error{background-color:#FFEDF0;border:1px solid #e2242c;border-radius:8px}.card__error ul{list-style-type:none;margin:0;padding:0}.card__error.hidden{display:none!important}.card__text{width:100%;font-size:16px;text-align:left}.back-to-top{padding-top:56px}.back-to-top__link{color:#0C6AC9;font-weight:500;font-size:16px;text-decoration:none}.form{margin-top:40px;flex-direction:column;gap:24px}.form,.form-group{width:100%;display:flex;align-items:center}.form-group{flex-direction:row}.form-label{width:140px;padding-bottom:5px;font-weight:700;font-size:14px;color:#333333}.input-and-error-container{display:flex;flex-direction:column;gap:5px;flex-grow:1;margin-left:20px;position:relative}.input-and-error-container .form-input{width:100%;padding-right:40px}.error-message{display:block;width:100%;flex-basis:100%;margin-top:5px;margin-left:0;margin-right:auto;color:#E2242C}.error-icon{position:absolute;right:14px;top:14px;width:20px;height:20px;pointer-events:none}.form-input{width:508px;padding:12px;border:2px solid #d9d9d9;border-radius:4px;font-size:16px;color:#333333}.form-input.form-input--error,.form-input.form-input--error:focus{border-color:#E2242C}.form-label .pc{display:block}.form-input::placeholder{color:#A0A0A0}.form-input:focus{outline:none;border-color:#0C6AC9}.agreement-title{font-weight:700;text-align:left;margin:0;width:100%;align-self:flex-start}.card .form{margin-top:16px}@media screen and (max-width:768px){.card{gap:0}.card__title{font-size:18px;margin-bottom:8px}.card__title .sp{display:block}.links{margin-top:32px}.card__error,.card__note{margin-top:16px}.back-to-top{padding-top:40px}.form-group{flex-direction:column;align-items:stretch}.form-label{width:100%}.form-label .pc{display:none}.input-and-error-container{margin-left:0}}.content{width:100%}.content ul{padding:0;margin:0}.content li{list-style:none;padding:0}.form-check{width:100%;display:flex;flex-direction:row;justify-content:left;align-items:left;gap:8px}.form input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid #d9d9d9;border-radius:4px;outline:none;cursor:pointer;vertical-align:middle;position:relative;background-color:#FFFFFF;flex-shrink:0}.form input[type=checkbox]:checked{background-color:#00A5D9;border-color:#00A5D9}.form input[type=checkbox]:checked:after{content:"\2713";font-size:22px;color:#FFFFFF;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:1}.form-pass{gap:40px}.form-label span{margin-left:5px;font-weight:600;font-size:12px;color:#E2242C}.name-kana-inputs-wrapper{display:flex;gap:0;flex-grow:1}@media screen and (max-width:768px){.name-kana-inputs-wrapper{gap:8px}}.name-kana-inputs-wrapper .input-and-error-container{flex:1 1}.birth-date-selects-wrapper{display:flex;align-items:center;gap:8px;width:100%;flex-wrap:wrap}.birth-date-selects-wrapper .birth-field-group{flex:1 1}.birth-select{width:auto;flex-grow:1;padding:10px 16px;border:2px solid #d9d9d9;border-radius:4px;font-size:16px;color:#333333;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;charset=UTF-8,%3Csvg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6 8L0 0H12L6 8Z" fill="%23808080"/%3E%3C/svg%3E');background-repeat:no-repeat;background-position:right 10px center;background-size:12px 8px;cursor:pointer}.birth-label{font-weight:700;font-size:14px;color:#333333;white-space:nowrap}.birth-field-group{display:flex;align-items:center;gap:8px}@media (max-width:768px){.birth-field-group.year{width:100%;flex-basis:100%;flex-shrink:0;margin-bottom:8px}.birth-field-group.day,.birth-field-group.month{width:calc(50% - 4px);flex-basis:calc(50% - 4px);flex-shrink:0}.birth-date-selects-wrapper{flex-wrap:wrap;justify-content:space-between}.birth-label{flex-grow:0}.birth-select{flex-grow:1}}#current_mail_input{background-color:#eeeeee}#current_mail_input::placeholder{color:#666666}