@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");:root{--w-main: clamp(0px, 1100px, 80vw);--m-main: clamp(0px, 1000px, 80vw);--s-main: clamp(5vw, calc(50vw - 600px), 100vw);--s-min: min(5vw, 3rem);--h-main: calc(100vh - 70px);--font-size-biggest: 3rem;--font-size-hero: 1.8rem;--font-size-h1: 1.6rem;--font-size-base: 1rem;--font-size-smaller: 1rem;--btn-padding: 25px 50px}@media (max-width: 768px){:root{--font-size-biggest: 1.8rem;--font-size-hero: 1.6rem;--font-size-h1: 1.4rem;--font-size-base: 1.2rem;--font-size-smaller: 1rem;--btn-padding: 15px 30px}}:root{--w-main: clamp(0px, 1100px, 80vw);--m-main: clamp(0px, 1000px, 80vw);--s-main: clamp(5vw, calc(50vw - 600px), 100vw);--s-min: min(5vw, 3rem);--h-main: calc(100vh - 70px);--font-size-biggest: 3rem;--font-size-hero: 1.8rem;--font-size-h1: 1.6rem;--font-size-base: 1rem;--font-size-smaller: 1rem;--btn-padding: 25px 50px}@media (max-width: 768px){:root{--font-size-biggest: 1.8rem;--font-size-hero: 1.6rem;--font-size-h1: 1.4rem;--font-size-base: 1.2rem;--font-size-smaller: 1rem;--btn-padding: 15px 30px}}body{font-family:dnp-shuei-mgothic-std,sans-serif;font-size:1rem;font-weight:400;color:#000}h1,.h1{font-size:1.6rem;font-weight:700}h2,.h2{font-size:1.4rem;font-weight:700}h3,.h3{font-size:1.2rem}h4,.h4{font-size:1.1rem}a{border-bottom:none;cursor:pointer}img{max-width:100%}li{list-style-type:none}textarea{max-width:100%}:focus-visible{outline:none}input[type='checkbox']{display:inline-block;appearance:auto}[contenteditable]:focus{outline:none}.none{display:none !important}.hidden{visibility:hidden !important}.opacity-0{opacity:0 !important}.hr{border:none}td,th{vertical-align:middle}.main{background-color:#f5f1ef;min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;padding:40px 20px}.box-wrapper{display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.box-wrapper{width:95%}}.box-wrapper .signin-box{border-radius:20px;padding:60px 50px;width:650px;text-align:center;transform:none;position:static;top:auto}@media (max-width: 768px){.box-wrapper .signin-box{width:100%;max-width:380px}}.box-wrapper .signin-box .heading-wrapper{margin-bottom:40px}.box-wrapper .signin-box .heading-wrapper .heading{font-size:1.8rem;font-weight:700;color:#000;font-family:"ryo-gothic-plusn",sans-serif;letter-spacing:0.05em}.box-wrapper .signin-box .hr{display:none}.box-wrapper .signin-box .form{padding:0}.box-wrapper .signin-box .form .form-group{margin-bottom:25px;display:block;text-align:left;width:100%;padding-bottom:0}.box-wrapper .signin-box .form .form-group .form-label{display:none}.box-wrapper .signin-box .form .form-group input[type="email"],.box-wrapper .signin-box .form .form-group input[type="password"]{width:100%;padding:20px 30px;border-radius:50px;font-size:var(--font-size-base);background:#fff;transition:all 0.3s;outline:none;height:auto;box-shadow:none;font-family:dnp-shuei-mgothic-std,sans-serif;border-color:#fc713b}@media (max-width: 768px){.box-wrapper .signin-box .form .form-group input[type="email"],.box-wrapper .signin-box .form .form-group input[type="password"]{padding:10px 15px}}.box-wrapper .signin-box .form .form-group input[type="email"]::placeholder,.box-wrapper .signin-box .form .form-group input[type="password"]::placeholder{color:#1f2937;font-weight:700}.box-wrapper .signin-box .form .form-group input[type="email"]:focus,.box-wrapper .signin-box .form .form-group input[type="password"]:focus{border-color:#fda886;background:#fff;box-shadow:0 0 0 2px rgba(255,226,0,0.2)}.box-wrapper .signin-box .form .button-wrapper{margin-top:20px}.box-wrapper .signin-box .form .button-wrapper .button{width:60%;padding:20px 50px;background:#fc713b;color:#fff;border:none;border-radius:50px;font-size:1.1rem;font-weight:700;font-family:"ryo-gothic-plusn",sans-serif;cursor:pointer;transition:all 0.3s;box-shadow:0 4px 10px rgba(255,226,0,0.3)}@media (max-width: 768px){.box-wrapper .signin-box .form .button-wrapper .button{width:100%}}.box-wrapper .signin-box .form .button-wrapper .button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,226,0,0.4);background:#fc8354}.box-wrapper .signin-box .form .button-wrapper .button:active{transform:translateY(0)}.box-wrapper .signin-box .form-bottom,.box-wrapper .signin-box div:last-child{margin-top:25px;text-align:center;width:100%}@media (max-width: 768px){.box-wrapper .signin-box .form-bottom,.box-wrapper .signin-box div:last-child{width:80%;margin:25px auto}}.box-wrapper .signin-box .form-bottom .sub-text,.box-wrapper .signin-box div:last-child .sub-text{font-size:var(--font-size-smaller);color:#4d4d4d;margin-bottom:8px;font-family:dnp-shuei-mgothic-std,sans-serif}.box-wrapper .signin-box .form-bottom .sub-text.mb-10,.box-wrapper .signin-box div:last-child .sub-text.mb-10{margin-bottom:8px}.box-wrapper .signin-box .form-bottom .sub-text .link,.box-wrapper .signin-box div:last-child .sub-text .link{color:#000;text-decoration:underline;font-weight:500;padding-left:5px}.box-wrapper .signin-box .form-bottom .sub-text .link:hover,.box-wrapper .signin-box div:last-child .sub-text .link:hover{color:#fc713b}.box-wrapper .small-box{border-radius:20px;padding:40px 30px;width:500px;text-align:center;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,0.1)}@media (max-width: 768px){.box-wrapper .small-box{width:100%;max-width:380px;padding:30px 20px}}.box-wrapper .small-box .heading-wrapper{margin-bottom:20px}.box-wrapper .small-box .heading-wrapper .heading{font-size:1.4rem;font-weight:700;color:#000;font-family:"ryo-gothic-plusn",sans-serif;letter-spacing:0.05em}.box-wrapper .small-box .hr{margin:20px 0;border:0;height:1px;background:#b3b3b3}.box-wrapper .small-box .desc{color:#4d4d4d;line-height:1.6;margin-bottom:20px}.box-wrapper .small-box .desc.sub-text{font-size:.9rem}.box-wrapper .small-box .desc .link{color:#fc713b;text-decoration:underline;font-weight:500}.box-wrapper .small-box .desc .link:hover{color:#fb4d09}.box-wrapper .password-reset{text-align:center}.box-wrapper .password-reset .heading-wrapper h4{font-size:1.8rem;font-weight:700;color:#000;font-family:"ryo-gothic-plusn",sans-serif;margin-bottom:40px}.box-wrapper .password-reset .form .form-group{text-align:left}.box-wrapper .password-reset .form .form-group label{padding-left:30px;padding-bottom:2px;font-weight:700}.box-wrapper .password-reset .form .form-group input[type="password"]{width:100%;padding:20px 30px;border-radius:50px;font-size:var(--font-size-base);background:#fff;transition:all 0.3s;outline:none;height:auto;box-shadow:none;font-family:dnp-shuei-mgothic-std,sans-serif;border-color:#fc713b;margin-bottom:20px}@media (max-width: 768px){.box-wrapper .password-reset .form .form-group input[type="password"]{padding:10px 30px}}.box-wrapper .password-reset .form .form-group input[type="password"]:focus{border-color:#fda886;background:#fff;box-shadow:0 0 0 2px rgba(255,226,0,0.2)}.box-wrapper .password-reset .form .button-wrapper{margin-top:20px}.box-wrapper .password-reset .form .button-wrapper .button{width:60%;padding:20px 50px;background:#fc713b;color:#fff;border:none;border-radius:50px;font-size:1.1rem;font-weight:700;font-family:"ryo-gothic-plusn",sans-serif;cursor:pointer;transition:all 0.3s;box-shadow:0 4px 10px rgba(255,226,0,0.3)}@media (max-width: 768px){.box-wrapper .password-reset .form .button-wrapper .button{width:60%}}.box-wrapper .password-reset .form .button-wrapper .button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,226,0,0.4);background:#fc8354}.box-wrapper .password-reset .form .button-wrapper .button:active{transform:translateY(0)}.forgot-password-link{display:block;text-align:center;color:#4d4d4d;text-decoration:none;font-size:1rem;font-size:var(--font-size-base);margin:40px 0 10px 0;transition:all 0.3s;font-family:dnp-shuei-mgothic-std,sans-serif}.forgot-password-link:hover{color:#000;text-decoration:underline}.error-message{color:#c1142d;font-size:.8rem;margin-top:5px;text-align:left;font-family:dnp-shuei-mgothic-std,sans-serif}.form-group .error-message{margin-top:8px;padding-left:5px}.loading-button-js{position:relative}.loading-button-js.loading{pointer-events:none;opacity:0.7}.loading-button-js.loading::after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top-color:#000;border-radius:50%;animation:spin 1s linear infinite}.signup-apply-wrapper .signup-box{width:700px;padding-top:60px}.signup-apply-wrapper .signup-box .heading-wrapper{text-align:center;margin-bottom:100px}.signup-apply-wrapper .signup-box .heading-wrapper h2{font-size:2.4rem;font-weight:700;font-family:"ryo-gothic-plusn",sans-serif}.signup-apply-wrapper .signup-box .form .form-section .form-group{display:grid;margin:2rem 0;white-space:pre-warp}.signup-apply-wrapper .signup-box .form .form-section .form-group.student-id-section{gap:0.5rem;flex-wrap:wrap}.signup-apply-wrapper .signup-box .form .form-section .form-group.student-id-section .form-label{padding-bottom:0}.signup-apply-wrapper .signup-box .form .form-section .form-group.student-id-section .form-text{width:100%}.signup-apply-wrapper .signup-box .form .form-section .form-group .required{color:#c1142d}.signup-apply-wrapper .signup-box .form .form-section .form-group .validation-message{padding-top:10px;font-size:.9rem}.signup-apply-wrapper .signup-box .form .form-section .form-group .form-label,.signup-apply-wrapper .signup-box .form .form-section .form-group .radio-label{font-size:1.2rem;font-family:"ryo-gothic-plusn",sans-serif;font-weight:900;padding-bottom:0.8rem}.signup-apply-wrapper .signup-box .form .form-section .form-group input[type="text"],.signup-apply-wrapper .signup-box .form .form-section .form-group input[type="email"],.signup-apply-wrapper .signup-box .form .form-section .form-group input[type="tel"],.signup-apply-wrapper .signup-box .form .form-section .form-group input[type="password"],.signup-apply-wrapper .signup-box .form .form-section .form-group input[type="date"],.signup-apply-wrapper .signup-box .form .form-section .form-group select,.signup-apply-wrapper .signup-box .form .form-section .form-group textarea{border:1px solid #fc713b;background-color:#fff;padding:0.7rem 1rem;height:42px;width:calc(100% - 1.2rem);font-size:1rem;border-radius:0px}@media (max-width: 768px){.signup-apply-wrapper .signup-box .form .form-section .form-group input[type="text"],.signup-apply-wrapper .signup-box .form .form-section .form-group input[type="email"],.signup-apply-wrapper .signup-box .form .form-section .form-group input[type="tel"],.signup-apply-wrapper .signup-box .form .form-section .form-group input[type="password"],.signup-apply-wrapper .signup-box .form .form-section .form-group input[type="date"],.signup-apply-wrapper .signup-box .form .form-section .form-group select,.signup-apply-wrapper .signup-box .form .form-section .form-group textarea{width:100%}}.signup-apply-wrapper .signup-box .form .form-section .form-group input[type="text"]::placeholder,.signup-apply-wrapper .signup-box .form .form-section .form-group input[type="email"]::placeholder,.signup-apply-wrapper .signup-box .form .form-section .form-group input[type="tel"]::placeholder,.signup-apply-wrapper .signup-box .form .form-section .form-group input[type="password"]::placeholder,.signup-apply-wrapper .signup-box .form .form-section .form-group input[type="date"]::placeholder,.signup-apply-wrapper .signup-box .form .form-section .form-group select::placeholder,.signup-apply-wrapper .signup-box .form .form-section .form-group textarea::placeholder{color:#9ca3af}.signup-apply-wrapper .signup-box .form .form-section .form-group .readonly-prefecture{background-color:#f3f4f6 !important;color:#4b5563 !important;cursor:not-allowed;border:1px solid #d1d5db !important}.signup-apply-wrapper .signup-box .form .form-section .form-group .strong-radio-flex{justify-content:space-between;margin:20px auto 35px;width:100%;padding:0 40px}@media (max-width: 768px){.signup-apply-wrapper .signup-box .form .form-section .form-group .strong-radio-flex{margin:0}}.signup-apply-wrapper .signup-box .form .form-section .form-group .radio-flex{display:flex;flex-wrap:wrap;gap:15px;margin-left:0.6rem}.signup-apply-wrapper .signup-box .form .form-section .form-group .radio-flex .radio-item{display:flex;align-items:center;cursor:pointer}.signup-apply-wrapper .signup-box .form .form-section .form-group .radio-flex .radio-item input[type="radio"]{margin:0;margin-right:8px;width:23px;height:23px;border:2px solid #fc713b;border-radius:50%;background-color:white;appearance:none;cursor:pointer;position:relative}.signup-apply-wrapper .signup-box .form .form-section .form-group .radio-flex .radio-item input[type="radio"]:checked:checked::after{content:'✓';position:absolute;top:32%;left:53%;transform:translate(-50%, -50%);color:#fc713b;font-size:36px;font-weight:bold}.signup-apply-wrapper .signup-box .form .form-section .form-group .radio-flex .radio-item label{cursor:pointer;padding-bottom:0;font-size:1rem;font-weight:500;font-family:dnp-shuei-mgothic-std,sans-serif}.signup-apply-wrapper .signup-box .form .form-section .form-group .checkbox-flex{display:flex;flex-wrap:wrap;gap:15px;margin-left:0.6rem}.signup-apply-wrapper .signup-box .form .form-section .form-group .checkbox-flex .checkbox-item{display:flex;align-items:flex-start;cursor:pointer;min-width:200px}.signup-apply-wrapper .signup-box .form .form-section .form-group .checkbox-flex .checkbox-item.other-checkbox{flex-direction:column;align-items:flex-start}.signup-apply-wrapper .signup-box .form .form-section .form-group .checkbox-flex .checkbox-item input[type="checkbox"]{margin:0;margin-right:8px;width:22px;height:22px;border:2px solid #fc713b;background-color:white;appearance:none;cursor:pointer;position:relative;flex-shrink:0}.signup-apply-wrapper .signup-box .form .form-section .form-group .checkbox-flex .checkbox-item input[type="checkbox"]:checked{background-color:#fc713b}.signup-apply-wrapper .signup-box .form .form-section .form-group .checkbox-flex .checkbox-item input[type="checkbox"]:checked::after{content:"";position:absolute;top:2px;left:6px;width:6px;height:12px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.signup-apply-wrapper .signup-box .form .form-section .form-group .checkbox-flex .checkbox-item label{cursor:pointer;padding-bottom:0;font-size:1rem;font-weight:500;font-family:dnp-shuei-mgothic-std,sans-serif}.signup-apply-wrapper .signup-box .form .form-section .form-group .select-form{position:relative;width:calc(100% - 1.2rem)}@media (max-width: 768px){.signup-apply-wrapper .signup-box .form .form-section .form-group .select-form{width:calc(100% - 0.6rem)}}.signup-apply-wrapper .signup-box .form .form-section .form-group .select-form select{margin:0;width:100%;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 0.5rem center;background-repeat:no-repeat;background-size:1em 1em;padding-right:2.5rem;cursor:pointer}@media (max-width: 768px){.signup-apply-wrapper .signup-box .form .form-section .form-group .select-form select{padding-right:1.5rem}}.signup-apply-wrapper .signup-box .form .form-section .form-group .select-form:after{content:"";position:absolute;right:15.5px;top:46%;width:10px;height:10px;border-radius:2px;border:solid #fff;border-width:0 3px 3px 0;transform:translateY(-50%) rotate(45deg);z-index:10}@media (max-width: 768px){.signup-apply-wrapper .signup-box .form .form-section .form-group .select-form:after{border-width:0 2px 2px 0;border-radius:1px;right:13px}}.signup-apply-wrapper .signup-box .form .form-section .form-group .select-form:before{content:"";position:absolute;right:8px;top:50%;width:25px;height:25px;background-color:#fc713b;transform:translateY(-50%);border-radius:50px;z-index:5;pointer-events:none}@media (max-width: 768px){.signup-apply-wrapper .signup-box .form .form-section .form-group .select-form:before{width:20px;height:20px}}.signup-apply-wrapper .signup-box .form .form-section .form-group .password-msg{font-size:1rem;padding-left:0.5rem;font-weight:500;color:#6b7280}.signup-apply-wrapper .signup-box .form .form-section .form-group .postcode-wrapper{position:relative}.signup-apply-wrapper .signup-box .form .form-section .form-group .postcode-wrapper #id_postcode{width:150px;padding-left:30px}.signup-apply-wrapper .signup-box .form .form-section .form-group .postcode-wrapper::before{content:"〒";position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#fc713b}.signup-apply-wrapper .signup-box .form .form-section .form-group.address-group input{margin-left:0;width:100%;margin-bottom:10px}.signup-apply-wrapper .signup-box .form .form-section .form-group.address-group .readonly-prefecture{margin-left:0;max-width:100%;width:150px}.signup-apply-wrapper .signup-box .form .form-section .form-group.address-group .address-row{display:flex;gap:10px;margin-bottom:10px}.signup-apply-wrapper .signup-box .form .form-section .form-group.address-group .address-row input{margin:0}.signup-apply-wrapper .signup-box .form .form-section .form-group.address-group .address-row input:first-child{width:150px}.signup-apply-wrapper .signup-box .form .form-section .form-group.address-group .select-form{margin-left:0;width:100%;margin-bottom:10px}.signup-apply-wrapper .signup-box .form .form-section .form-group .other-field{padding-left:10px;margin-top:10px;width:100%}.signup-apply-wrapper .signup-box .form .form-section .form-group .other-field textarea{margin:0;width:100%;height:50px}.signup-apply-wrapper .signup-box .form .form-section .form-group .other-field.hidden{display:none}.signup-apply-wrapper .signup-box .form .form-section .form-group .checkbox-list .checkbox-item{margin-bottom:5px}.signup-apply-wrapper .signup-box .form .form-section .form-group .checkbox-list .checkbox-item input{border-radius:50px;padding:0;width:22px;height:22px;position:relative;margin-bottom:5px}.signup-apply-wrapper .signup-box .form .form-section .form-group .checkbox-list .checkbox-item input:after{content:"";position:absolute;display:none;right:1px;top:-3px;width:13px;height:20px;border:solid #fc713b;border-width:0 5px 5px 0;transform:rotate(45deg);border-radius:3px}.signup-apply-wrapper .signup-box .form .form-section .form-group .checkbox-list .checkbox-item input:checked:after{display:block}.signup-apply-wrapper .signup-box .form .form-section .form-group .select-payment-method{width:30%}.signup-apply-wrapper .signup-box .form .form-section .form-group-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.signup-apply-wrapper .signup-box .form .form-section .form-group-wrapper .form-group{margin:0}.signup-apply-wrapper .signup-box .form .form-section.terms-notice-wrapper{padding-top:10px}.signup-apply-wrapper .signup-box .form .form-section.terms-notice-wrapper .terms-notice{margin-top:1rem}.signup-apply-wrapper .signup-box .form .form-section.terms-notice-wrapper .terms-notice p{margin:0;font-size:.9rem}.signup-apply-wrapper .signup-box .form .form-section.terms-notice-wrapper .form-group{margin:15px 0}.signup-apply-wrapper .signup-box .form .form-section.terms-notice-wrapper .checkbox-flex .checkbox-item input[type="checkbox"]:disabled{border:2px solid #b3b3b3 !important;cursor:not-allowed}.signup-apply-wrapper .signup-box .form .form-section.terms-notice-wrapper .checkbox-flex .checkbox-item label .link{color:#fc713b;text-decoration:underline}.signup-apply-wrapper .signup-box .form .form-section.terms-notice-wrapper .checkbox-flex .checkbox-item label .link:hover{color:#fb4d09}.signup-apply-wrapper .signup-box .form .button-wrapper{text-align:center;width:300px;padding:0.3rem 0;margin:5rem auto;font-weight:600;font-size:1.2rem}.signup-apply-wrapper .signup-box .form .button-wrapper .button{color:#000;margin:0;width:100%;height:100%;font-weight:700;padding:1rem 2rem;background-color:#fc713b;border-radius:50px}.signup-apply-wrapper .signup-box .form .button-wrapper .button:disabled{background-color:#d1d5db;color:#4b5563;cursor:not-allowed}.signup-apply-wrapper .signup-box .account-login-wrapper{text-align:center}.errorlist{list-style:none;padding:0;margin:5px 0 0 0.6rem}.errorlist li{color:#ef4444;font-size:.9rem;font-weight:500;margin-bottom:5px}.hidden{display:none}.big-font{font-size:1.1rem;font-weight:700;font-family:"ryo-gothic-plusn",sans-serif}.setting-part .box .form .form-group .form-label{font-size:1rem;font-weight:500}.setting-part.simple-box-wrapper .box .form .form-group{margin-bottom:1.5rem}.profile-wrapper .heading-wrapper{text-align:center;margin-bottom:40px}.profile-wrapper .heading-wrapper .heading{font-size:1.8rem;font-weight:700;color:#000;font-family:"ryo-gothic-plusn",sans-serif;letter-spacing:0.05em}.profile-wrapper form .form-group div{display:flex;flex-wrap:wrap;flex-direction:column;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width: 768px){.main{padding:30px 15px}.box-wrapper .signin-box{padding:40px 0px;max-width:100%}.box-wrapper .signin-box .heading-wrapper .heading{font-size:var(--font-size-hero);margin-bottom:30px}.box-wrapper .signin-box .form .button-wrapper .button{padding:var(--btn-padding)}.signup-apply-wrapper .signup-box{padding-top:0;padding-bottom:2rem}.signup-apply-wrapper .signup-box .heading-wrapper{margin-bottom:0}.signup-apply-wrapper .signup-box .heading-wrapper h2{font-size:1.6rem}.signup-apply-wrapper .signup-box .form .form-section .form-group input,.signup-apply-wrapper .signup-box .form .form-section .form-group select,.signup-apply-wrapper .signup-box .form .form-section .form-group textarea{font-size:1rem}.signup-apply-wrapper .signup-box .form .form-section .form-group .select-payment-method{width:50%}.signup-apply-wrapper .signup-box .form .form-section .form-group .strong-radio-flex{padding:0;margin:20px auto 35px}.signup-apply-wrapper .signup-box .form .form-section .form-group .form-label,.signup-apply-wrapper .signup-box .form .form-section .form-group .radio-label{font-size:1rem;padding-bottom:0.5rem}.signup-apply-wrapper .signup-box .form .form-section .form-group .password-msg{font-size:.9rem}.signup-apply-wrapper .signup-box .form .form-section .form-group-wrapper{gap:1rem}.signup-apply-wrapper .signup-box .form .button-wrapper{margin:2rem auto}}.payment-box{max-width:90%;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);padding:2rem;width:680px;max-width:90%}.payment-box .heading-wrapper{text-align:center;margin-bottom:2rem}.payment-box .heading-wrapper .heading{font-family:"ryo-gothic-plusn",sans-serif;font-weight:700;font-size:1.8rem;color:#000;margin:0 0 0.3rem 0}.payment-box .heading-wrapper .sub-heading{font-family:dnp-shuei-mgothic-std,sans-serif;font-size:.9rem;color:#4b5563;margin:0}.payment-box .hr{border:none;border-top:1px solid #e5e7eb;margin:0 0 2rem 0}.payment-box .all-paid-message{text-align:center;padding:3rem 2rem}.payment-box .all-paid-message .success-text{color:#10b981;font-size:1.2rem;font-weight:700;margin-bottom:1.5rem;font-family:"ryo-gothic-plusn",sans-serif}.payment-box .plan-selector-wrapper{margin-bottom:1.5rem}.payment-box .plan-selector-wrapper .plan-tabs{display:flex;margin-bottom:1.5rem;border-bottom:2px solid #e5e7eb;background-color:#f9fafb;border-radius:8px 8px 0 0;text-align:center}.payment-box .plan-selector-wrapper .plan-tabs .plan-tab{flex:1;padding:1rem 0.8rem;border:none;background:none;cursor:pointer;font-size:1rem;font-weight:700;font-family:dnp-shuei-mgothic-std,sans-serif;color:#4b5563;border-bottom:3px solid transparent;transition:all 0.3s ease;position:relative}.payment-box .plan-selector-wrapper .plan-tabs .plan-tab:first-child{border-radius:8px 0 0 0}.payment-box .plan-selector-wrapper .plan-tabs .plan-tab:last-child{border-radius:0 8px 0 0}.payment-box .plan-selector-wrapper .plan-tabs .plan-tab:hover:not(:disabled){color:#fc713b;background-color:#fff}.payment-box .plan-selector-wrapper .plan-tabs .plan-tab.active{color:#fc713b;border-bottom-color:#fc713b;background-color:#fff}.payment-box .plan-selector-wrapper .plan-tabs .plan-tab.paid{color:#4b5563;cursor:default}.payment-box .plan-selector-wrapper .plan-tabs .plan-tab.paid .tab-paid-badge{margin-left:0.5rem;font-size:1.1rem}.payment-box .plan-selector-wrapper .plan-tabs .plan-tab:disabled{cursor:default;opacity:0.6}.payment-box .plan-selector-wrapper .plan-content{position:relative}.payment-box .plan-selector-wrapper .plan-content .plan-details{display:none;padding:2rem;border:2px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05)}.payment-box .plan-selector-wrapper .plan-content .plan-details.active{display:block}.payment-box .plan-selector-wrapper .plan-content .plan-details .plan-header{display:flex;flex-direction:column;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.payment-box .plan-selector-wrapper .plan-content .plan-details .plan-header .plan-title{font-size:1.4rem;font-weight:700;font-family:"ryo-gothic-plusn",sans-serif;margin:0;color:#000}.payment-box .plan-selector-wrapper .plan-content .plan-details .plan-header .plan-price{font-size:1.8rem;font-weight:700;color:#fc713b;font-family:"ryo-gothic-plusn",sans-serif}.payment-box .plan-selector-wrapper .plan-content .plan-details .plan-header .plan-price .small-text{font-size:1.2rem}.payment-box .plan-selector-wrapper .plan-content .plan-details .plan-header .plan-price .tax-inclusive{font-size:.8rem;font-weight:400;color:#6b7280}.payment-box .plan-selector-wrapper .plan-content .plan-details .plan-features{margin-bottom:2rem}.payment-box .plan-selector-wrapper .plan-content .plan-details .plan-features ul{list-style:none;padding:0;margin:0}.payment-box .plan-selector-wrapper .plan-content .plan-details .plan-features li{padding:0.6rem 0;padding-left:1.8rem;position:relative;font-size:1rem;font-family:dnp-shuei-mgothic-std,sans-serif;color:#374151;border-bottom:1px solid #f3f4f6}.payment-box .plan-selector-wrapper .plan-content .plan-details .plan-features li:last-child{border-bottom:none}.payment-box .plan-selector-wrapper .plan-content .plan-details .plan-features li::before{content:'✓';position:absolute;left:0;top:0.6rem;color:#10b981;font-weight:700;font-size:1.1rem}.payment-box .plan-selector-wrapper .plan-content .plan-details .plan-action{text-align:center}.payment-box .plan-selector-wrapper .plan-content .plan-details .plan-action .button-wrapper{text-align:center}.payment-box .plan-selector-wrapper .plan-content .plan-details .plan-action .button-wrapper .payment-link,.payment-box .plan-selector-wrapper .plan-content .plan-details .plan-action .button-wrapper .paid-button{display:inline-block;background-color:#fc713b;color:#fff;border:none;border-radius:10px;padding:1rem 2.5rem;font-family:"ryo-gothic-plusn",sans-serif;font-weight:700;font-size:1rem;text-decoration:none;cursor:pointer;transition:all 0.3s;min-width:220px}.payment-box .plan-selector-wrapper .plan-content .plan-details .plan-action .button-wrapper .payment-link:hover,.payment-box .plan-selector-wrapper .plan-content .plan-details .plan-action .button-wrapper .paid-button:hover{background-color:#fb4d09;transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}.payment-box .plan-selector-wrapper .plan-content .plan-details .plan-action .button-wrapper .payment-link:active,.payment-box .plan-selector-wrapper .plan-content .plan-details .plan-action .button-wrapper .paid-button:active{transform:translateY(0);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.payment-box .plan-selector-wrapper .plan-content .plan-details .plan-action .button-wrapper .paid-button{background-color:#6b7280}.payment-box .plan-selector-wrapper .plan-content .plan-details .plan-action .button-wrapper .paid-button:hover{background-color:#6b7280}@media (max-width: 768px){.payment-box{padding:2rem 1.5rem;max-width:100%}.payment-box .heading-wrapper{margin-bottom:2rem}.payment-box .heading-wrapper .heading{font-size:1.8rem}.payment-box .heading-wrapper .sub-heading{font-size:.9rem}.payment-box .plan-selector-wrapper{margin-bottom:0}.payment-box .plan-selector-wrapper .plan-tabs .plan-tab{padding:1rem 0.5rem;font-size:.9rem}.payment-box .plan-selector-wrapper .plan-tabs .plan-tab.paid .tab-paid-badge{font-size:0.9rem}.payment-box .plan-selector-wrapper .plan-content .plan-details{padding:1.5rem}.payment-box .plan-selector-wrapper .plan-content .plan-details .plan-header{flex-direction:column;align-items:flex-start;gap:0.5rem}.payment-box .plan-selector-wrapper .plan-content .plan-details .plan-header .plan-title{font-size:1.4rem}.payment-box .plan-selector-wrapper .plan-content .plan-details .plan-header .plan-price{font-size:1.8rem}.payment-box .plan-selector-wrapper .plan-content .plan-details .plan-features li{font-size:.9rem;padding:0.6rem 0;padding-left:1.5rem}.payment-box .plan-selector-wrapper .plan-content .plan-details .plan-action .button-wrapper .payment-link{padding:1rem 2rem;font-size:1rem;min-width:200px}}.footer{display:none}.date-input-wrapper{position:relative;display:inline-block;width:100%}.date-input-wrapper input[type="date"]{width:100%}.date-input-wrapper.blink::after{content:"";position:absolute;left:12px;bottom:10px;height:2px;width:20px;background:currentColor;animation:blink-line 1s steps(2, start) infinite;pointer-events:none;opacity:0.9}@keyframes blink-line{50%{opacity:0}}input[type="date"].hide-hint::-webkit-datetime-edit{color:transparent}input[type="date"].hide-hint::-webkit-clear-button,input[type="date"].hide-hint::-webkit-calendar-picker-indicator{opacity:1}