@charset "UTF-8";.form{width:100%}.form-table{display:flex;flex-direction:column;flex:1;gap:35px;max-width:700px}.form-table-center{margin-right:auto;margin-left:auto}.form-row{display:flex;flex-direction:column;gap:9px 0}.form-row-flex-row{flex-direction:column}@media (min-width: 768px){.form-row-flex-row{flex-direction:row;justify-content:space-between}}.form-row-border+.form-row-border{margin-top:-17px;padding-top:14px;border-top:1px solid #dcdddd}.form-row-sm{max-width:450px;margin:0 auto}.form-label{display:flex;align-items:flex-start;font-size:16px;font-weight:600}.form-row-flex-row .form-label{width:200px}.form-label-required:after{content:"必須";background-color:#d90916;color:#fff;font-size:10px;font-weight:600;padding:0 11px;letter-spacing:.2em;border-radius:3px;margin-left:9px;margin-top:5px}.form-label-mail:before,.form-label-password:before{background-size:100% auto;content:"";display:inline-block;background-repeat:no-repeat;background-position:center center}.form-label-mail:before{background-image:url(../images/common/mail.svg);width:16px;height:12px;margin-right:13px;margin-top:7px}.form-label-password:before{background-image:url(../images/common/password.svg);width:12px;height:16px;margin-right:17px;margin-top:4px}.form-data{flex:1}.form-data-flex{display:flex;gap:0 15px}@media (min-width: 768px){.form-data-flex{gap:0 20px}}.form-data-lg{max-width:400px}.form-data-md{max-width:300px}.form-data-sm{max-width:200px}.form-data-text{font-size:14px;font-weight:300}.form-data-text-gray{color:#b5b5b6}.form-data-caution{display:none;font-size:14px;color:#d90916;margin-top:5px}.form-data-error .form-data-caution{display:block}.form-data input[type=text],.form-data input[type=email],.form-data input[type=tel],.form-data input[type=number],.form-data input[type=date],.form-data input[type=time],.form-data input[type=password],.form-data input[type=url]{width:100%;height:50px;padding:0 19px;border:1px solid #dcdddd;background-color:#f9f9f9;border-radius:3px;font-size:16px;font-weight:300}@media (min-width: 768px){.form-data input[type=text],.form-data input[type=email],.form-data input[type=tel],.form-data input[type=number],.form-data input[type=date],.form-data input[type=time],.form-data input[type=password],.form-data input[type=url]{font-size:14px}}.form-data input[type=text]::placeholder,.form-data input[type=email]::placeholder,.form-data input[type=tel]::placeholder,.form-data input[type=number]::placeholder,.form-data input[type=date]::placeholder,.form-data input[type=time]::placeholder,.form-data input[type=password]::placeholder,.form-data input[type=url]::placeholder{color:#b5b5b6}.form-data input[type=text].otp-input,.form-data input[type=email].otp-input,.form-data input[type=tel].otp-input,.form-data input[type=number].otp-input,.form-data input[type=date].otp-input,.form-data input[type=time].otp-input,.form-data input[type=password].otp-input,.form-data input[type=url].otp-input{padding:0;width:35px;aspect-ratio:1/1;height:auto;text-align:center;font-size:16px;font-weight:600}@media (min-width: 768px){.form-data input[type=text].otp-input,.form-data input[type=email].otp-input,.form-data input[type=tel].otp-input,.form-data input[type=number].otp-input,.form-data input[type=date].otp-input,.form-data input[type=time].otp-input,.form-data input[type=password].otp-input,.form-data input[type=url].otp-input{width:50px}}.form-data-error input[type=text],.form-data-error input[type=email],.form-data-error input[type=tel],.form-data-error input[type=number],.form-data-error input[type=date],.form-data-error input[type=time],.form-data-error input[type=password],.form-data-error input[type=url]{border-color:#d90916}.form-data textarea{width:100%;height:100px;padding:19px;border:1px solid #dcdddd;background-color:#f9f9f9;border-radius:3px;font-size:16px;font-weight:300}@media (min-width: 768px){.form-data textarea{font-size:14px}}.form-data textarea::placeholder{color:#b5b5b6}.form-data-error textarea{border-color:#d90916}.form-checkbox{display:flex;align-items:flex-start;gap:0 15px}.form-checkbox input[type=checkbox]{width:12px;aspect-ratio:1/1;border:1px solid #dcdddd;background-color:#f9f9f9;background:url(../images/common/check-white.svg) no-repeat center center;background-size:8px auto;min-height:0;margin-top:7px;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background-color .3s cubic-bezier(.25,.1,.25,1),border-color .3s cubic-bezier(.25,.1,.25,1);cursor:pointer}.form-checkbox input[type=checkbox]:checked{border-color:#d90916;background-color:#f91026;color:#fff}.form-checkbox span{font-size:16px;font-weight:300;transition:color .3s cubic-bezier(.25,.1,.25,1);cursor:pointer}input[type=checkbox]:checked+span{color:#d90916}.form-select{position:relative;display:block}.form-select:before{position:absolute;content:"";background-image:url(../images/common/select-arrow-gray.svg);background-repeat:no-repeat;background-position:center center;background-size:100% auto;width:15px;height:10px;right:20px;top:50%;transform:translateY(-50%);z-index:10;pointer-events:none}.form-select.selected:before{background-image:url(../images/common/select-arrow-black.svg)}.form-select select{width:100%;height:50px;padding:0 30px 0 19px;border:1px solid #dcdddd;background-color:#f9f9f9;border-radius:3px;font-size:16px;font-weight:300;color:#b5b5b6;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (min-width: 768px){.form-select select{font-size:14px}}.form-select select.selected{color:#000}.form-data-error select{border-color:#d90916}
