:root{--primary-color:#1687ff;--back-ground-color:#f5f5f5;--back-ground-color2:#edebeb;--content-back-ground-color:#fff;--bottom-sheet-back-ground-color:#000000a3;--pdf-viewer-back-ground-color:#606060;--hover-color:#1687ff30;--transparent-color:#0000;--red-font-color:#eb6161;--green-font-color:#58b158;--blue-font-color:#007bff;--white-font-color:#fff;--selected-font-color:#555;--default-font-color:#333;--disable-font-color:#999;--sub-font-color:#878787;--bottom-sheet-font-color:#ffffffbf;--line-color:#ccc;--correct-color:#f7fff9;--incorrect-color:#fff4f5;--card-back-ground-color:#f8f9fa;--card-border-color:#e9ecef;--card-sub-font-color:#6c757d;--primary-font:"Helvetica Neue",Helvetica,Arial,sans-serif;--secondary-font:"Georgia",serif;--z-index-header:1000;--z-index-modal-overlay:2000;--z-index-modal-container:2001;--z-index-modal-pdf:2002;--z-index-bottom-sheet:3000;--z-index-loading:4000}blockquote,body,dd,dl,figcaption,figure,h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0;padding:0}.bottom-sheet{background-color:var(--bottom-sheet-back-ground-color);bottom:-50px;color:var(--bottom-sheet-font-color);left:0;padding:10px;pointer-events:none;position:fixed;right:0;text-align:center;transform:translateY(100%);transition:transform .6s ease-in-out,bottom .6s ease-in-out;z-index:var(--z-index-bottom-sheet)}.bottom-sheet.visible{bottom:0;pointer-events:auto;transform:translateY(0)}.bottom-sheet-content{align-items:center;display:flex;justify-content:space-between}.bottom-sheet button{background:none;border:none;color:var(--white-font-color);cursor:pointer;font-size:12px}@media screen and (max-width:768px){.bottom-sheet{bottom:-100px;padding:10px 30px}}.menu{display:flex;flex-direction:column;gap:10px;padding:20px}.menu-item{border-radius:4px;color:var(--default-font-color);cursor:pointer;padding:15px 5px}.active{color:var(--selected-font-color);font-weight:700}@media (max-width:768px){.menu{gap:30px;padding:0}.menu-item{font-size:12px;padding:5px;text-align:left}@media (max-height:700px){.menu{gap:25px}}@media (max-height:620px){.menu{gap:15px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}.spinner-overlay{align-items:center;background-color:#fffc;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:var(--z-index-loading)}.spinner{animation:spin 1.5s linear infinite,gradient 3s ease-in-out infinite;border:5px solid #0000;border-radius:50%;border-top:5px solid var(--primary-color);bottom:20px;height:50px;position:fixed;right:20px;width:50px}@keyframes gradient{0%{border-top-color:var(--back-ground-color)}50%{border-top-color:var(--primary-color)}to{border-top-color:var(--back-ground-color)}}.header{box-shadow:0 4px 4px #00000005;box-sizing:border-box;color:#fff;font-size:24px;height:65px;left:0;padding:10px 20px;position:fixed;text-align:center;top:0;width:100vw;z-index:var(--z-index-header)}.header .header-contents{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:space-between}.header .header-contents .system-logo{cursor:pointer;padding:20px 0;width:200px}.header .header-contents .button-group{align-items:center;display:flex;flex-direction:row;gap:20px;height:100%;justify-content:space-between}.header .header-contents .notification{align-items:center;display:flex;position:relative}.header .header-contents .notification button{align-items:center;display:flex;padding:0}.header .header-contents .notification img{padding:0;width:20px}.header .header-contents .notification .notification-badge{align-items:center;background-color:#f00c;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:2px;position:absolute;right:-10px;top:-10px}.header .header-contents .display-group#dt-mode{align-items:center;display:flex}.header .header-contents .display-group#sp-mode{display:none}.header .header-contents .display-group .username{font-size:14px;font-weight:700}.header .header-contents .user-button-menu{animation:slideIn .3s ease-in-out;background-color:var(--content-back-ground-color);border-radius:5px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;gap:20px;padding:20px;position:absolute;right:0;top:100%;z-index:- 1;z-index:var(--z-index-header - 1)}.header .header-contents .user-button-menu .user-button-menu-content{cursor:pointer;display:flex;flex-direction:row;gap:10px}.header .header-contents .user-button-menu .user-button-menu-content .user-button-menu-item{display:block;padding:0;white-space:nowrap}.header .header-contents .user-button-menu .user-button-menu-content img{width:20px}.header .header-contents .user-button-menu .user-button-menu-content .user-button-menu-item#logout-button{color:var(--red-font-color)}.header .header-contents .hamburger-menu{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:30px;justify-content:center;margin:0;padding:0;position:relative;width:30px}.header .header-contents .hamburger-menu .hamburger-icon{background-color:#00097f;border-radius:10px;display:block;height:2px;position:relative;width:25px}.header .header-contents .hamburger-menu .hamburger-icon:after,.header .header-contents .hamburger-menu .hamburger-icon:before{background-color:#00097f;border-radius:10px;content:"";display:block;height:2px;left:0;position:absolute;width:25px}.header .header-contents .hamburger-menu .hamburger-icon:before{top:-5px}.header .header-contents .hamburger-menu .hamburger-icon:after{top:5px}.header .header-contents .hamburger-menu .notification-dot{background-color:#f00c;border-radius:50%;height:10px;position:absolute;right:-2px;top:3px;width:10px}.header .header-contents .user-button-menu-content{position:relative}.header .header-contents .user-button-menu-content .notification-badge{align-items:center;background-color:#f00c;border-radius:50%;color:#fff;display:flex;font-size:10px;height:18px;justify-content:center;min-width:18px;padding:2px;position:absolute;right:-3px;top:44%;transform:translateY(-50%)}.header .header-contents .user-button-menu-content .notification-dot{background-color:#f00c;border-radius:50%;height:10px;position:absolute;right:0;top:46%;transform:translateY(-50%);width:10px}@media (max-width:768px){.header{height:50px;padding:20px}.header .header-contents .system-logo{padding:10px 0;width:150px}.header .header-contents .notification{display:none}.header .header-contents .display-group#sp-mode{display:flex}.header .header-contents .display-group#dt-mode{display:none}.header .header-contents .display-group#sp-mode .user-icon{height:30px;width:30px}.header .header-contents .display-group#sp-mode p.user-name{font-size:14px;font-weight:700;padding-bottom:10px;text-align:left}.header .header-contents .user-button-menu{border-radius:0 0 5px 5px;gap:30px;padding:30px}}@media (max-height:700px){.header .header-contents .user-button-menu{gap:20px;padding:25px}}@media (max-height:620px){.header .header-contents .user-button-menu{gap:10px;padding:20px 25px}}@keyframes slideIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{align-items:center;background-color:#0000004d;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:var(--z-index-modal-overlay)}.modal-overlay.visible{opacity:1;visibility:visible}.modal-overlay.closing{opacity:0}.modal-container{align-items:center;background:#fff;border:1px solid #cccccc5e;border-radius:10px;box-shadow:2px 7px 5px #0000001a,4px 14px 6px #00000014;display:flex;flex-direction:column;justify-content:space-between;opacity:0;padding:20px 50px;position:relative;transform:scale(.9);transition:opacity .3s ease,transform .3s ease;z-index:var(--z-index-modal-container)}.modal-container.visible{opacity:1;transform:scale(1)}.modal-container.closing{opacity:0;transform:scale(.9)}.modal-top-contents{padding:10px 0;width:100%}.modal-top-contents h2{overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.modal-center-contents{box-shadow:inset 0 2px 4px #0000001a;height:100%;overflow-x:hidden;overflow-y:auto;width:100%}.modal-bottom-contents{padding:10px 0 0;width:100%}.modal-bottom-contents .button-group{display:flex;flex-direction:row;gap:30px;justify-content:flex-end;padding-top:10px;text-align:right}@media (max-width:768px){.modal-overlay .modal-container{padding:10px}.modal-overlay .modal-top-contents{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;width:100%}.modal-overlay .modal-center-contents{min-height:30vh}.modal-overlay .modal-bottom-contents{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;width:100%}}.mail-change-form{padding:20px}.mail-change-form .visible-button-container{padding:20px 0}.password-form{padding:20px}.password-form .visible-button-container{padding:20px 0}#account-setting{background-color:var(--back-ground-color);display:flex;flex:1 1;flex-direction:row;gap:10px;padding:10px;width:100%}#account-setting .middle-contents{align-items:flex-start;display:flex;flex-direction:column}#account-setting .account-info-container,#account-setting .billing-info-container,#account-setting .plan-info-container,#account-setting .reset-result-container{display:flex;flex-direction:column;gap:20px;width:100%}#account-setting .plan-info-title{align-items:flex-start;background-color:var(--card-back-ground-color);border-bottom:1px solid var(--card-border-color);border-radius:10px;display:flex;flex-direction:column;gap:10px;justify-content:flex-start;padding:15px;width:200px}#account-setting .plan-info-list{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:space-between;width:200px}#account-setting .plan-info-item{display:flex;flex-direction:row;gap:10px;justify-content:space-between;width:100%}#account-setting .sub-text{color:var(--card-sub-font-color);font-size:14px}#account-setting .reset-password-button{align-items:flex-start;display:flex;flex-direction:column;gap:20px;padding-top:20px}#account-setting .reset-result-button{align-items:center;display:flex;flex-direction:row;gap:20px}#account-setting .billing-bottom-button{margin-top:20px}#account-setting .spacer{height:10px}#account-setting #if-address,#account-setting #if-name,#account-setting #if-note{width:30%}#account-setting #if-postalcode{width:15%}#account-setting #if-postalcode .postalcode-row{align-items:flex-start;display:flex;flex-direction:column;gap:10px}#account-setting #if-postalcode .input-group{flex:1 1}#account-setting #if-postalcode button{align-items:center;display:flex;flex-direction:row;gap:5px;white-space:nowrap}#account-setting #if-note textarea{height:100px}@media (max-width:1600px){#account-setting .middle-contents{align-items:flex-start;flex-direction:column;gap:0}#account-setting #if-address,#account-setting #if-name,#account-setting #if-note{width:40%}#account-setting #if-postalcode{width:30%}}@media (max-width:1200px){#account-setting #if-address,#account-setting #if-name,#account-setting #if-note{width:50%}}@media (max-width:768px){#account-setting .main-contents{padding:30px}#account-setting #if-address,#account-setting #if-name,#account-setting #if-note{width:100%}#account-setting #if-postalcode{width:50%}}.modal-overlay#select-company-modal{background:#0000}.select-company-modal .card-list{margin:0;overflow-x:hidden}@media (max-width:1200px){.modal-overlay#select-company-modal .modal-container{box-shadow:0 -4px 8px #00000017,4px 10px 8px #00000017,0 -8px 12px #00000017,8px 20px 12px #00000017}.select-company-modal .card-list{padding:15px 30px}}@media (max-width:480px){.select-company-modal .card-list{padding:10px}}.contract-start-message{background-color:#e3ffea;color:var(--green-font-color);line-height:1.4}.contract-end-message,.contract-start-message{align-items:center;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:row;font-weight:600;gap:10px;margin-bottom:10px;padding:20px;width:100%}.contract-end-message{background-color:#ffe3e3;color:var(--red-font-color)}.toast-overlay{align-items:center;animation:fadeIn .3s ease-out;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.toast-overlay.fadeOut{animation:fadeOut .3s ease-out forwards}.toast-container{align-items:center;animation:scaleIn .3s ease-out;background-color:var(--bottom-sheet-back-ground-color);border-radius:10px;display:flex;flex-direction:column;height:200px;justify-content:center;padding:20px;width:200px}.toast-overlay.fadeOut .toast-container{animation:scaleOut .3s ease-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.paper-plane{margin-bottom:15px}.toast-container p{color:#fff;margin:0;text-align:center}.modal-form#admin-master-form{display:flex;flex-direction:column;gap:20px;padding:0}.modal-form#admin-master-form .company-select{padding:10px 0}.modal-form#admin-master-form #item-resend-mail{margin-top:15px}.filter-button{align-items:center;display:flex;min-width:100px;position:relative}.filter-button input[type=radio]{accent-color:var(--blue-font-color);margin:0 3px 0 5px}.filter-button .filter-button-label-wrapper{align-items:center;display:flex;flex-direction:row}.filter-button .filter-button-label{display:block}.filter-button label.filter-button{align-items:center;display:flex;flex-direction:row;gap:5px}.filter-button label.disabled p{color:var(--disable-font-color)}.filter-button .button-container{align-items:center;display:flex;gap:5px}.filter-button-popup{background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;left:0;padding:10px;position:absolute;top:85%;width:100%;z-index:1000}.filter-button input[type=radio]{margin-right:5px}.filter-button.disabled{color:#ccc}@media (max-width:768px){.filter-button .filter-button-label{display:none}}@media (max-width:480px){.filter-button{gap:15px}}.pagination-container{align-items:center;display:flex;flex-direction:row;justify-content:center}.page-button{align-items:center;color:var(--blue-font-color);display:flex;padding:0 10px}.page-button:disabled{color:var(--disable-font-color)}.page-button#first{padding-left:0}.total-items{padding-left:10px}@media (max-width:768px){.page-button{padding:0 8px}}.sorting-button{align-items:center;display:flex;min-width:150px;position:relative}.sorting-button input[type=radio]{accent-color:var(--blue-font-color);margin:0 3px 0 5px}.sorting-button .sorting-button-label-wrapper{align-items:center;display:flex;flex-direction:row}.sorting-button .sorting-button-label{display:block}.sorting-button label.sorting-button{align-items:center;display:flex;flex-direction:row;gap:5px}.sorting-button label.disabled p{color:var(--disable-font-color)}.sorting-button .button-container{align-items:center;display:flex;gap:5px}.sorting-button-popup{background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;left:0;padding:10px;position:absolute;top:85%;width:100%;z-index:1000}.sorting-button input[type=radio]{margin-right:5px}.sorting-button.disabled{color:#ccc}@media (max-width:768px){.sorting-button .sorting-button-label{display:none}}@media (max-width:480px){.sorting-button{gap:15px}}#admin-master{background-color:var(--back-ground-color);display:flex;flex:1 1;flex-direction:row;gap:10px;padding:10px;width:100%}#admin-master-card-contents{cursor:pointer}@media (max-width:1699px){#admin-master .hide-option{display:none}}.create-account-container{align-items:center;background-image:url(/static/media/login-background.c70969d575e9636534ed.png);background-position:100%;background-size:cover;display:flex;flex-direction:column;height:100%;justify-content:center}.create-account-form{background-color:var(--content-back-ground-color);border-radius:10px;box-shadow:0 4px 8px #0000001a;margin-top:40px;padding:20px;width:300px}.create-account-container .password-criteria-container{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.create-account-container .visible-button-container{margin:0}.create-account-container .submit-button:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.password-criteria{margin-top:10px}.password-criteria p{align-items:center;display:flex;margin:5px 0}.password-criteria .check-icon-container{align-items:center;display:flex;height:18px;justify-content:center;margin-right:5px;min-width:18px}.password-criteria .check-icon{stroke:#32b948;stroke-width:1.6;stroke-linecap:square;stroke-linejoin:miter;fill:none;color:#32b948;height:18px;opacity:0;transition:opacity .3s ease-in-out;width:18px}.password-criteria .check-icon.visible{opacity:1}@media (max-width:1200px){.create-account-form{width:30%}}@media (max-width:1024px){.create-account-form{width:40%}}@media (max-width:768px){.create-account-form{width:50%}}@media (max-width:480px){.create-account-form{width:70%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-form#customer-form{display:flex;flex-direction:column;gap:20px;padding:0}.modal-form#customer-form .item-group,.modal-form#customer-form .sp-item-group{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.modal-form#customer-form .row-set-group{display:flex;flex-direction:row;gap:10px}.modal-form#customer-form .sp-row-set-group{border-radius:5px;box-shadow:0 0 5px 0 var(--line-color);box-sizing:border-box;display:flex;flex-direction:row;gap:10px;padding:20px;width:100%}.modal-form#customer-form .row-set-group .row-set #item-mail,.modal-form#customer-form .row-set-group .row-set #item-name,.modal-form#customer-form .row-set-group .row-set#item-mail-header,.modal-form#customer-form .row-set-group .row-set#item-name-header{width:40%}.modal-form#customer-form .row-set-group .row-set #item-resend-mail,.modal-form#customer-form .row-set-group .row-set#item-resend-mail-header{align-items:center;display:flex;justify-content:flex-end;padding:0;width:3%}.modal-form#customer-form .row-set-group .row-set #item-delete-button,.modal-form#customer-form .row-set-group .row-set#item-delete-button-header{align-items:center;display:flex;justify-content:flex-start;width:5%}.modal-form#customer-form .sp-row-set-group .row-set #item-kana,.modal-form#customer-form .sp-row-set-group .row-set #item-mail,.modal-form#customer-form .sp-row-set-group .row-set #item-name{width:85%}.modal-form#customer-form .sp-row-set-group .row-set #item-resend-mail{width:10%}.modal-form#customer-form .sp-row-set-group .row-set #item-delete-button{width:5%}.modal-form#customer-form .sp-row-set-group .row-set#item-resend-mail{align-items:center;display:flex;justify-content:center;margin-top:13px;padding:0}.modal-form#customer-form .sp-row-set-group .row-set#item-delete-button{align-items:center;display:flex;flex-direction:column;justify-content:center;width:5%}.modal-form#customer-form .sp-row-set-group .row-set#item-resend-mail img{width:30px}.sp-item-group .add-button-wrapper{display:flex;flex-direction:row;justify-content:center;padding-top:10px;width:100%}@media (max-width:480px){.modal-form#customer-form .sp-row-set-group{gap:5px;padding:10px}}button.delete-button{color:var(--red-font-color);font-size:25px;padding:0;vertical-align:middle}.modal-form#customer-payment-form{display:flex;flex-direction:column;gap:20px;padding:0}.modal-form#customer-payment-form .button-container{display:flex;flex-direction:row;gap:20px}.modal-form#customer-payment-form .add-new-item-button{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:5px;justify-content:space-between}.modal-form#customer-payment-form .add-new-item-button p{color:var(--blue-font-color)}.modal-form#customer-payment-form .add-button-wrapper{display:flex;flex-direction:row;justify-content:center;padding-top:10px;width:100%}.modal-form#customer-payment-form .item-group,.modal-form#customer-payment-form .sp-item-group{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.modal-form#customer-payment-form .row-set-group{display:flex;flex-direction:row;gap:10px}.modal-form#customer-payment-form .row-set-group .row-set #item-name,.modal-form#customer-payment-form .row-set-group .row-set#item-name-header{width:30%}.modal-form#customer-payment-form .row-set-group .row-set #item-quantity,.modal-form#customer-payment-form .row-set-group .row-set#item-quantity-header{width:10%}.modal-form#customer-payment-form .row-set-group .row-set #item-amount,.modal-form#customer-payment-form .row-set-group .row-set #item-price,.modal-form#customer-payment-form .row-set-group .row-set#item-amount-header,.modal-form#customer-payment-form .row-set-group .row-set#item-price-header{width:25%}.modal-form#customer-payment-form .row-set-group .row-set #item-delete-button,.modal-form#customer-payment-form .row-set-group .row-set#item-delete-button-header{align-items:center;display:flex;justify-content:flex-start;width:10%}.modal-form#customer-payment-form .sp-row-set-group{border-radius:5px;box-shadow:0 0 5px 0 var(--line-color);box-sizing:border-box;display:flex;flex-direction:row;gap:10px;padding:20px;width:100%}.modal-form#customer-payment-form .sp-row-set-group .row-set #item-name{width:100%}.modal-form#customer-payment-form .sp-row-set-group .row-set #item-quantity{width:20%}.modal-form#customer-payment-form .sp-row-set-group .row-set #item-amount,.modal-form#customer-payment-form .sp-row-set-group .row-set #item-price{width:40%}.modal-form#customer-payment-form .sp-row-set-group .row-set #item-delete-button{width:5%}.modal-form#customer-payment-form .sp-row-set-group .row-set#item-delete-button{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:13px;padding:0;width:5%}.modal-form#customer-payment-form .sp-row-set-group .row-set#item-delete-button img{width:30px}@media (max-width:480px){.modal-form#customer-payment-form .sp-row-set-group{gap:5px;padding:10px}}.invoice-preview{background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:20mm;width:210mm}.invoice-preview,.invoice-preview p,.invoice-preview span{font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:lighter}.invoice-super-header{align-items:baseline;display:flex;flex-direction:row;justify-content:space-between}.invoice-super-header h1{padding-bottom:80px}.invoice-super-header .date,.invoice-super-header .invoiceNumber{font-size:12px;text-align:right}.invoice-header{display:flex;gap:50px;justify-content:space-between;padding-bottom:30px}.invoice-header-left,.invoice-header-right{flex:1 1}p.invoice-header-companyName{font-size:18px;font-weight:400;padding-bottom:10px}.invoice-header-businessNumber{padding-top:10px}.invoice-header-cutomerName-wrapper{border-bottom:2px solid #000}p.invoice-header-cutomerName{font-size:18px;font-weight:600}.invoice-header-message{font-size:12px;font-weight:lighter;padding-top:5px}.invoice-header-totalAmountWithTax-wrapper{align-items:baseline;border-bottom:2px solid #000;display:flex;flex-direction:row;justify-content:space-between;padding-top:30px;width:100%}.invoice-header-totalAmountWithTax-wrapper span{font-size:12px;font-weight:lighter;margin:0;padding:0}.invoice-header-totalAmountWithTax{align-items:baseline;display:flex;flex-direction:row;gap:10px;justify-content:flex-end;margin-right:0;padding-right:0}.invoice-header-totalAmountWithTax-wrapper p{font-size:20px}.invoice-account-info{margin-bottom:10px;padding:5px 0}.invoice-account-info-bankAccount,.invoice-account-info-paymentDue{font-size:12px;font-weight:300}.invoice-summary,.invoice-total{background-color:#fff;margin-bottom:10px;padding:10px}.invoice-table{border-collapse:collapse;margin-top:20px;width:100%}.invoice-table td,.invoice-table th{border:1px solid #ccc;padding:8px;text-align:center}.invoice-table th{background-color:#f4f4f4}td.invoice-table-item-name{text-align:left}td.invoice-table-item-amount,td.invoice-table-item-quantity,td.invoice-table-item-unitPrice{text-align:right}.invoice-footer{justify-content:space-between;padding-top:10px}.invoice-footer,.invoice-summary,.invoice-total{align-items:flex-end;display:flex;flex-direction:column}.invoice-summary,.invoice-total{justify-content:flex-end}.invoice-summary-taxAmount,.invoice-summary-totalAmount,.invoice-total-totalAmountWithTax{align-items:baseline;display:flex;flex-direction:row;gap:30px;justify-content:space-between;width:100%}.invoice-note{border:1px solid #ccc;margin-top:50px;min-height:100px;width:100%}#customer-master{background-color:var(--back-ground-color);display:flex;flex:1 1;flex-direction:row;gap:10px;padding:10px;width:100%}#customer-master-card-contents{cursor:pointer}@media (max-width:1699px){#customer-master .hide-option{display:none}}.document-viewer{display:block;height:auto;margin:0 auto;max-width:none}.document-modal-center-contents{overflow-x:auto}.document-modal-overlay{align-items:center;background-color:initial;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-index-modal-overlay)}.document-modal-container{align-items:center;background:#fff;border:1px solid #cccccc5e;border-radius:10px;box-shadow:2px 7px 5px #0000001a,4px 14px 6px #00000014;display:flex;flex-direction:column;justify-content:space-between;padding:20px;position:relative;z-index:var(--z-index-modal-container)}.document-modal-top-contents{padding:10px 0;width:100%}.document-modal-top-contents h2{overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.document-modal-center-contents{border:1px solid var(--line-color);height:100%;overflow:hidden;position:relative;width:100%}.document-modal-scrollable-contents{background-color:#868686;box-sizing:border-box;height:100%;left:0;overflow-x:auto;overflow-y:auto;padding:5px;position:absolute;top:0;width:100%}.scale-indicator{background-color:rgba(0,0,0,.289);border-radius:5px;color:#fff;font-size:12px;padding:3px 7px;position:absolute;right:20px;top:33px}.document-modal-bottom-contents{align-items:center;display:flex;flex-direction:column;gap:10px;padding:10px 0 0;width:100%}.document-modal-bottom-contents .action-button-group,.document-modal-bottom-contents .page-button-group{align-items:center;display:flex;flex-direction:row;gap:30px;justify-content:center;width:100%}.document-modal-bottom-contents .page-button-group button{font-size:18px}.document-modal-bottom-contents .page-button-group p{font-size:14px}.document-modal-bottom-contents .action-button-group img{height:20px;width:20px}.document-modal-bottom-contents .action-button-group{box-sizing:border-box;justify-content:space-between;padding:0 10px}.document-modal-bottom-contents .action-button-group .zoom-buttons{display:flex;flex-direction:row;gap:30px}.document-modal-bottom-contents .action-button-group .zoom-buttons button:first-child{padding-left:0}.document-modal-bottom-contents .submit-buttons{justify-content:flex-end}.document-modal-bottom-contents .submit-buttons .complete-button{color:var(--blue-font-color);font-size:14px}@media (max-width:768px){.document-modal-bottom-contents .action-button-group{justify-content:space-between}.document-modal-bottom-contents .action-button-group .zoom-buttons,.document-modal-bottom-contents .page-button-group{gap:20px}}@media (max-width:480px){.document-modal-bottom-contents .action-button-group .zoom-buttons button{padding-left:10px}.document-modal-bottom-contents .action-button-group .zoom-buttons,.document-modal-bottom-contents .page-button-group{gap:15px}}#e-signature-list .document-info{align-items:center;border-radius:10px;box-shadow:0 0 10px 0 #0000001a;box-sizing:border-box;display:flex;justify-content:space-between;padding:10px;width:90%}#e-signature-list .document-buttons{display:flex;gap:10px}#e-signature-list .document-buttons button{background:none;border:none;cursor:pointer;padding:5px}#e-signature-list-card-contents{cursor:pointer}@media (max-width:1599px){#e-signature-list .hide-option{display:none}}.mini-selected-view{background-color:var(--card-back-ground-color);border-radius:10px;display:flex;flex-direction:column;gap:10px;max-height:230px;overflow-y:scroll;padding:10px;width:95%}.mini-selected-view::-webkit-scrollbar{display:none}.mini-selected-view p{background-color:var(--content-back-ground-color);border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:15px 10px}.modal-overlay#select-companys-modal{background:#0000}.select-companys-modal .card-list{margin:0;overflow-x:hidden}.select-companys-modal .card .card-contents{align-items:center;display:flex;gap:20px;justify-content:flex-start}@media (max-width:1200px){.modal-overlay#select-companys-modal .modal-container{box-shadow:0 -4px 8px #00000017,4px 10px 8px #00000017,0 -8px 12px #00000017,8px 20px 12px #00000017}.select-companys-modal .card-list{padding:15px 30px}}@media (max-width:480px){.select-companys-modal .card-list{padding:10px}}.modal-form#e-signature-form{padding:0}.modal-form#e-signature-form .document-list{display:flex;flex-direction:column;gap:10px;margin-bottom:10px;width:90%}.modal-form#e-signature-form .document-list-container{flex-direction:column;margin:0 auto 10px;padding:20px 10px}.modal-form#e-signature-form .document-list-card,.modal-form#e-signature-form .document-list-container{background-color:var(--card-back-ground-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:flex;overflow:hidden;width:100%}.modal-form#e-signature-form .document-list-card{align-items:center;flex-direction:row;gap:10px;justify-content:space-between;margin:0 auto;padding:10px}.modal-form#e-signature-form .pdf-file-name{align-items:center;display:flex;flex-direction:row;gap:20px;height:30px;justify-content:space-between}.modal-form#e-signature-form .document-list-card .input-group{flex:1 1}.modal-form#e-signature-form .document-list-card .delete-button-wrapper{display:flex;justify-content:center;width:30px}.modal-form#e-signature-form .document-list-container .document-list-card:last-child{border-bottom:none}.modal-form#e-signature-form .document-list-container .document-list-card:not(:last-child){border-bottom:1px solid var(--card-border-color)}.modal-form#e-signature-form .button-container{margin-top:20px}.modal-form#e-signature-form .add-new-item-button{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:flex-start}.modal-form#e-signature-form .row-label{align-items:center;display:flex;flex-direction:row;gap:5px}.modal-form#e-signature-form .select-company-button{display:flex;padding:20px 0 20px 10px}#e-signature-list{background-color:var(--back-ground-color);display:flex;flex:1 1;flex-direction:row;gap:10px;padding:10px;width:100%}#e-signature-list .sorting-button{align-items:center;display:flex;min-width:185px;position:relative}#e-signature-master-card-contents{cursor:pointer}@media (max-width:1699px){#e-signature-list .hide-option{display:none}}.modal-overlay#select-admin-modal{background:#0000}.select-admin-modal .card-list{margin:0;overflow-x:hidden;padding:10px}@media (max-width:1200px){.modal-overlay#select-admin-modal .modal-container{box-shadow:0 -4px 8px #00000017,4px 10px 8px #00000017,0 -8px 12px #00000017,8px 20px 12px #00000017}.select-admin-modal .card-list{padding:15px 30px}}@media (max-width:480px){.select-admin-modal .card-list{padding:10px}}.action-modal .card{cursor:pointer}.card.disabled{cursor:default}.card.disabled h3.card-title{color:var(--card-sub-font-color)}.card.disabled .card-contents{background-color:#eee}.lc-modal-overlay{--select-background-color:#d9ebff;align-items:center;background-color:initial;bottom:0;display:flex;justify-content:center;left:0;line-height:1.4;position:fixed;right:0;top:0;z-index:var(--z-index-modal-overlay)}.lc-modal-overlay .lc-modal-container{align-items:center;background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;display:flex;flex-direction:column;justify-content:space-between;padding:20px 50px;position:relative;z-index:var(--z-index-modal-container)}.lc-modal-overlay .lc-modal-top-contents{height:5vh;width:100%}.lc-modal-overlay .lc-modal-top-contents h2{text-align:left}.lc-modal-overlay .lc-modal-center-contents{box-shadow:inset 0 2px 4px #0000001a;height:70vh;overflow-y:auto;width:80vw}.lc-modal-overlay .lc-question-item{padding:20px 40px}.lc-question-item h4{padding-bottom:10px}.lc-modal-overlay .lc-answer-list{display:flex;flex-direction:column;gap:10px;padding:20px 0}.lc-modal-overlay .lc-answer-item-container{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:space-between}.lc-modal-overlay .lc-answer-item{align-items:center;background-color:var(--card-back-ground-color);border-radius:5px;box-shadow:0 2px 4px #0000001a;display:flex;min-height:30px;padding:10px;width:100%}.lc-modal-overlay .lc-answer-item.selecting{background-color:var(--select-background-color)}.lc-modal-overlay .lc-answer-item.answer{background-color:var(--incorrect-color)}.lc-modal-overlay .lc-answer-mark-area{text-align:left;width:5%}.lc-modal-overlay .correct-mark,.lc-modal-overlay .incorrect-mark,.lc-modal-overlay .select-mark{color:var(--blue-font-color);text-align:left}.lc-modal-overlay .answer-mark,.lc-modal-overlay .correct-mark,.lc-modal-overlay .incorrect-mark,.lc-modal-overlay .select-mark img,.lc-modal-overlay .spacer{width:20px}.lc-modal-overlay .correct-mark,.lc-modal-overlay .incorrect-mark{font-size:30px}.lc-modal-overlay .answer-mark{color:var(--red-font-color);font-size:20px;text-align:center}.lc-modal-overlay .lc-modal-bottom-contents{display:flex;flex-direction:column;height:5vh;justify-content:flex-end;width:100%}.lc-modal-overlay .lc-modal-bottom-contents .button-group{display:flex;flex-direction:row;gap:30px;justify-content:flex-end;text-align:right}@media (max-width:768px){.lc-modal-overlay .lc-modal-container{height:85vh;padding:10px;width:90vw}.lc-modal-overlay .lc-modal-top-contents{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;margin:0;padding:10px 0 0;width:95%}.lc-modal-overlay .lc-modal-center-contents{height:85vh;width:95%}.lc-modal-overlay .lc-modal-bottom-contents{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;margin:0;padding:0;width:95%}.lc-modal-overlay .lc-question-item{padding:20px}.lc-modal-overlay .lc-answer-list{padding:20px 0}.lc-modal-overlay .lc-answer-item{width:83%}.lc-modal-overlay .select-mark img{width:15px}}.vimeo-player-group{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.vimeo-player{flex-direction:row;height:100%}.vimeo-player,.vimeo-seekbar{align-items:center;display:flex;justify-content:center;width:100%}.vimeo-seekbar{gap:10px;margin-top:-10px}.vimeo-seekbar.isAdmin{margin-top:-40px;width:85%}.vimeo-seekbar progress{width:95%}.vimeo-seekbar span{color:var(--white-font-color)}.vimeo-seekbar input[type=range],.vimeo-seekbar progress{width:95%}.vimeo-control-buttons{align-items:center;background-color:#fffc;border-radius:40px;display:flex;gap:10px;justify-content:center;width:60%}.vimeo-control-button{color:var(--blue-font-color)}.vimeo-player-container{background-color:#000;height:100%;overflow:hidden;position:relative;width:100%}.vimeo-player-iframe{height:100%;left:50%;max-height:56.25vw;max-width:177.78vh;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.vimeo-player-wrapper{align-items:center;display:flex;height:100px;justify-content:center;padding-bottom:20px;width:100%}#job-list{background-color:var(--back-ground-color);display:flex;flex:1 1;flex-direction:row;gap:10px;padding:10px;width:100%}#job-list-card-contents{cursor:pointer}@media (max-width:1699px){#job-list .hide-option{display:none}}@media (max-width:768px){#job-list .search-bar{width:100%}}label.toggle-switch-container{align-items:center;display:inline-flex;flex-direction:row;gap:10px;padding:10px 0;width:auto}.toggle-switch-container.disabled p{color:var(--disable-font-color)}.toggle-switch-container p{width:auto}.toggle-switch{display:inline-block;height:20px;position:relative;width:40px}.toggle-switch input{cursor:pointer;height:20px;opacity:0;position:absolute;width:40px}.toggle-switch .slider{background-color:#ccc;border-radius:20px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-switch .slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:.4s;width:16px}.toggle-switch input:checked+.slider{background-color:var(--primary-color)}.toggle-switch input:checked:disabled+.slider{background-color:#93c7ff}.toggle-switch input:checked+.slider:before{transform:translateX(20px)}@media (max-width:480px){.toggle-switch-container{width:100%}}.modal-form#job-form{display:flex;flex-direction:column;gap:20px;padding:0}.modal-form#job-form .row-label{align-items:center;display:flex;flex-direction:row;gap:5px}.modal-form#job-form .select-company-button{display:flex;padding:20px 0 20px 10px}.modal-form#job-form .pdf-file-name{align-items:center;display:flex;flex-direction:row;gap:20px;height:30px}#job-form .vimeo-player-wrapper{align-items:center;display:flex;height:170px;justify-content:center;padding-bottom:20px;width:50%}@media (max-width:1200px){#job-form .vimeo-player-wrapper{padding-bottom:20px;width:75%}}@media (max-width:768px){#job-form .vimeo-player-wrapper{height:260px;width:100%}}.modal-form#lc-setting-form{display:flex;flex-direction:column;gap:20px;padding:0}.modal-form#lc-setting-form .question-card-wrapper{display:flex;flex-direction:row;gap:20px;margin-right:10px}.modal-form#lc-setting-form .row-label{align-items:center;display:flex;flex-direction:row;gap:5px}.modal-form#lc-setting-form .question-card{background-color:var(--card-back-ground-color);border-bottom:1px solid var(--card-border-color);border-radius:5px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px;width:100%}.modal-form#lc-setting-form .question-card h4{padding-bottom:10px}.modal-form#lc-setting-form .choice-list{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.modal-form#lc-setting-form .choice-row{align-items:center;display:flex;flex-direction:row;gap:20px}.modal-form#lc-setting-form .choice-row input[type=text]{width:100%}.modal-form#lc-setting-form .button-container{display:flex;flex-direction:row;gap:20px}.modal-form#lc-setting-form .add-new-item-button{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:5px;justify-content:space-between}.modal-form#lc-setting-form .add-new-item-button p{color:var(--blue-font-color)}.modal-form#lc-setting-form .add-button-wrapper{display:flex;flex-direction:row;justify-content:flex-start;width:100%}@media (max-width:1200px){.modal-form#lc-setting-form .question-card-wrapper{margin-right:0}}@media (max-width:768px){.modal-form#lc-setting-form .add-button-wrapper{display:flex;flex-direction:row;justify-content:center;width:100%}}#job-master-card-contents{cursor:pointer}.modal-overlay#select-esignature-modal{background:#0000}.select-esignature-modal .card-list{margin:0;overflow-x:hidden}@media (max-width:1200px){.modal-overlay#select-esignature-modal .modal-container{box-shadow:0 -4px 8px #00000017,4px 10px 8px #00000017,0 -8px 12px #00000017,8px 20px 12px #00000017}.select-esignature-modal .card-list{padding:15px 30px}}@media (max-width:480px){.select-esignature-modal .card-list{padding:10px}}.modal-overlay#select-group-modal{background:#0000}.select-group-modal .card-list{margin:0;overflow-x:hidden;padding:10px}@media (max-width:1200px){.modal-overlay#select-group-modal .modal-container{box-shadow:0 -4px 8px #00000017,4px 10px 8px #00000017,0 -8px 12px #00000017,8px 20px 12px #00000017}.select-group-modal .card-list{padding:15px 30px}}@media (max-width:480px){.select-group-modal .card-list{padding:10px}}.modal-overlay#select-job-modal{background:#0000}.select-job-modal .card-list{margin:0;overflow-x:hidden}@media (max-width:1200px){.modal-overlay#select-job-modal .modal-container{box-shadow:0 -4px 8px #00000017,4px 10px 8px #00000017,0 -8px 12px #00000017,8px 20px 12px #00000017}.select-job-modal .card-list{padding:15px 30px}}@media (max-width:480px){.select-job-modal .card-list{padding:10px}}.status-filters{align-items:center;display:flex;flex-grow:0.5;gap:20px}.status-filters input[type=radio]{accent-color:var(--blue-font-color);margin:0 3px 0 5px}.status-filters label.status-filter{align-items:center;display:flex;flex-direction:row;gap:5px}.status-filters label.disabled p{color:var(--disable-font-color)}@media (max-width:480px){.status-filters{gap:15px}}.modal-form#job-setting-form{display:flex;flex-direction:column;gap:20px;padding:0}#job-setting-form .select-job-button{align-items:center;display:flex;flex-direction:row;gap:5px;padding:0 0 20px}#job-setting-form .job-setting-container{display:flex;flex-direction:column;gap:20px}#job-setting-form .button-wrapper-group{display:flex;flex-direction:row;gap:10px}#job-setting-form button.border-blue{margin-top:50px}#job-setting-form .pdf-view-button-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}#job-setting-form .staff-group-select{padding:10px 0}#job-setting-form .card#e-signature-card{margin:0;width:95%}#job-setting-form .document-info{align-items:center;border-radius:10px;box-shadow:0 0 10px 0 #0000001a;box-sizing:border-box;display:flex;justify-content:space-between;padding:10px;width:100%}#job-setting-form .document-buttons{display:flex;gap:10px}#job-setting-form .document-buttons button{background:none;border:none;cursor:pointer;padding:5px}#job-setting-form .vimeo-player-wrapper{align-items:center;display:flex;height:170px;justify-content:center;padding-bottom:20px;width:50%}@media (max-width:1200px){#job-setting-form .vimeo-player-wrapper{padding-bottom:20px;width:75%}}@media (max-width:768px){#job-setting-form .vimeo-player-wrapper{height:260px;width:100%}}#job-master{background-color:var(--back-ground-color);display:flex;flex:1 1;flex-direction:row;gap:10px;padding:10px;width:100%}#job-setting-card-contents{cursor:pointer}@media (max-width:1699px){#job-master .hide-option{display:none}}.login-container{align-items:center;background-image:url(/static/media/login-background.c70969d575e9636534ed.png);background-position:100%;background-size:cover;display:flex;flex-direction:column;height:100%;justify-content:center}.login-form{background-color:var(--content-back-ground-color);box-shadow:0 4px 8px #0000001a;padding:20px;width:20%}.visible-button-container{align-items:center;display:flex;flex-direction:row;margin-bottom:20px}.submit-button{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px;transition:background-color .3s ease;width:100%}.column-group{display:flex;flex-direction:column;gap:20px;justify-content:flex-start}@media (max-width:1200px){.login-form{width:30%}}@media (max-width:1024px){.login-form{width:40%}}@media (max-width:768px){.login-form{width:50%}}@media (max-width:480px){.login-form{width:70%}}.maintenance-mode{gap:50px;height:100vh;width:100vw}.maintenance-image,.maintenance-mode{align-items:center;display:flex;flex-direction:column;justify-content:center}.maintenance-image img{height:auto;width:30%}.maintenance-text{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:flex-start}.maintenance-text h1{font-family:Times New Roman,Times,serif;font-size:20px;font-weight:700;text-align:center}.maintenance-sub-text{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:50px 0}.maintenance-sub-text p{font-family:Times New Roman,Times,serif;font-size:16px;font-weight:400;text-align:center}.maintenance-sub-text p.maintenance-time{align-items:center;display:flex;flex-direction:column;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-top:20px}.maintenance-sub-text p.maintenance-small-sub-text{font-size:12px;margin-top:30px}@media screen and (max-width:1000px){.maintenance-image img{height:auto;width:50%}.maintenance-text h1{font-size:16px}.maintenance-sub-text p{font-size:14px}.maintenance-sub-text p.maintenance-time{font-size:16px;gap:5px}}@media screen and (max-width:768px){.maintenance-image img{width:20%}.maintenance-mode{box-sizing:border-box;padding:30px}.maintenance-image img{height:auto;width:70%}.maintenance-text h1{font-size:14px}.maintenance-sub-text p{font-size:12px;line-height:1.5}.maintenance-sub-text p.maintenance-time{font-size:12px;gap:5px}}#my-page{background-color:var(--back-ground-color);box-sizing:border-box;display:flex;flex:1 1;flex-direction:row;gap:10px;height:100%;padding:10px;width:100%}#my-page-card-contents{cursor:pointer}#my-page .sub-text-container{display:flex;flex-direction:row;gap:10px}@media (max-width:1699px){#my-page .hide-option{display:none}#my-page .middle-contents{align-items:flex-start;flex-direction:column;gap:5px}}@media (max-width:1200px){#my-page .middle-contents{align-items:center;flex-direction:row;gap:10px}#my-page .scroll-form{margin-top:0}}@media (max-width:950px){#my-page .middle-contents{align-items:flex-start;flex-direction:column;gap:5px}}@media (max-width:768px){#my-page .search-bar{width:100%}}@media (max-width:480px){#my-page .sub-text-container{flex-direction:column}}#notification{background-color:var(--back-ground-color);display:flex;flex:1 1;flex-direction:row;gap:10px;margin-bottom:10px;padding:10px;width:100%}#notification h2{min-height:21px}#notification .card-contents{position:relative}#notification .unread-badge{background-color:var(--blue-font-color);border-radius:50%;height:10px;position:absolute;right:15px;top:30px;width:10px}#notification input#notification-date{background-color:initial;border:none;cursor:auto;font-weight:500}@media (max-width:1699px){#notification .header-contents .hide-option{display:none}}.modal-overlay#select-groups-modal{background:#0000}.select-groups-modal .card .card-contents{align-items:center;display:flex;gap:20px;justify-content:flex-start}@media (max-width:1200px){.modal-overlay#select-groups-modal .modal-container{box-shadow:0 -4px 8px #00000017,4px 10px 8px #00000017,0 -8px 12px #00000017,8px 20px 12px #00000017}}.modal-overlay#select-staffs-modal{background:#0000}.select-staffs-modal .card-list{margin:0;overflow-x:hidden}.select-staffs-modal .card .card-contents{align-items:center;display:flex;gap:20px;justify-content:flex-start}@media (max-width:1200px){.modal-overlay#select-staffs-modal .modal-container{box-shadow:0 -4px 8px #00000017,4px 10px 8px #00000017,0 -8px 12px #00000017,8px 20px 12px #00000017}.select-staffs-modal .card-list{padding:15px 30px}}@media (max-width:480px){.select-staffs-modal .card-list{padding:10px}}.modal-form#notification-setting-form{display:flex;flex-direction:column;gap:20px;padding:0}.modal-form#notification-setting-form .group-select,.modal-form#notification-setting-form .staff-select{padding:10px 0}.modal-form#notification-setting-form .group-select-view,.modal-form#notification-setting-form .staff-select-view{background-color:var(--card-back-ground-color);border-radius:5px;padding:10px}.modal-form#notification-setting-form .group-select-count,.modal-form#notification-setting-form .staff-select-count{background-color:var(--card-back-ground-color);border-radius:15px;color:var(--default-font-color);font-size:12px;margin-left:5px;padding:2px 8px;vertical-align:middle}#notification-setting{background-color:var(--back-ground-color);display:flex;flex:1 1;flex-direction:row;gap:10px;margin-bottom:10px;padding:10px;width:100%}#notification-setting-card-contents{cursor:pointer}@media (max-width:1599px){#notification-setting .header-contents .hide-option{display:none}}#paper-list{background-color:var(--back-ground-color);display:flex;flex:1 1;flex-direction:row;gap:10px;margin-bottom:10px;padding:10px;width:100%}#paper-list h2{min-height:21px}#paper-list input#paper-list-date{background-color:initial;border:none;cursor:auto;font-weight:500}@media (max-width:1699px){#paper-list .header-contents .hide-option{display:none}}#paper-list .paper-list-contents{display:flex;flex:1 1;flex-direction:column;margin-top:20px;overflow-y:auto}#paper-list .paper-list{grid-gap:30px;box-sizing:border-box;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:10px;width:100%}#paper-list .paper-item{cursor:pointer;margin-bottom:20px}#paper-list .paper-info-container{align-items:center;display:flex;flex-direction:row;gap:15px;justify-content:space-between}#paper-list .paper-info{display:flex;flex-direction:column;width:100%}#paper-list .paper-date{color:#666;font-size:.9em}#paper-list .message-title{display:block;line-height:1.5;margin:0;max-width:200px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}#paper-list .unread-badge-info{align-items:center;display:flex}#paper-list .unread-badge{background-color:#007bff;border-radius:50%;height:10px;width:10px}#paper-list .detail-content{justify-content:flex-start;overflow-y:auto;padding:20px}#paper-list .detail-body,#paper-list .detail-content{display:flex;flex-direction:column;height:100%}#paper-list .detail-text{border:2px solid var(--line-color);border-radius:5px;height:50%;line-height:1.6;padding:10px;white-space:pre-wrap}#paper-list .detail-header{margin-bottom:20px}#paper-list .detail-meta{display:flex;flex-direction:column;gap:10px}#paper-list .detail-date,#paper-list .detail-sender{color:#666}#paper-list .detail-papers{display:flex;flex-direction:row;gap:20px;margin-top:20px}.paper-preview{align-items:center;border:1px solid var(--line-color);border-radius:5px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;padding:10px}.paper-title{align-self:flex-start;display:block;font-size:14px;height:auto;margin-bottom:5px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-thumbnail-container{background-color:#f5f5f5;border:1px solid var(--line-color);border-radius:8px;overflow:hidden;position:relative}.pdf-thumbnail{height:100%;object-fit:cover;width:100%}.confirmed-overlay{align-items:center;background-color:#4c7aafb3;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.confirmed-overlay svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:40px;width:40px}.confirmed-overlay-icon{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.confirmed-overlay-text{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:16px;font-weight:700}.pdf-thumbnail-loading{align-items:center;background-color:#f5f5f5;border-radius:8px;display:flex;height:100%;justify-content:center;width:100%}.spinner-small{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#4c7aaf;height:24px;width:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pdf-viewer-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-index-modal-pdf)}.pdf-viewer-modal-container{background-color:#fff;border-radius:8px;display:flex;flex-direction:column;height:85vh;max-width:1200px;position:relative;width:80vw}.pdf-viewer-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 20px}.pdf-viewer-modal-header h2{font-size:1.2rem;margin:0}.pdf-viewer-modal-content{flex:1 1;overflow:hidden;padding:20px}.pdf-viewer-iframe{border:none;height:100%;width:100%}.pdf-viewer-modal-footer{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;padding:15px 20px}.confirm-checkbox{align-items:center;cursor:pointer;display:flex;gap:8px}.confirm-checkbox input[type=checkbox]{height:18px;width:18px}.confirm-button{color:var(--blue-font-color)}@media (max-width:768px){.pdf-viewer-modal-container{height:80vh;margin:10px;width:95vw}.pdf-viewer-modal-content{padding:10px}}.detail-modal{padding:20px}.detail-modal .paper-info{display:flex;flex-direction:column;gap:15px}.detail-modal.paper-list{border-collapse:collapse;margin-top:10px;width:100%}.detail-modal .paper-list th{background-color:var(--back-ground-color2);color:var(--table-header-font-color);font-weight:400;padding:12px;text-align:left}.detail-modal .paper-list td{padding:12px}.detail-modal .paper-title{color:var(--main-font-color)}.detail-modal.confirm-date{color:var(--sub-font-color)}#message-setting{background-color:var(--back-ground-color);display:flex;flex:1 1;flex-direction:row;gap:10px;margin-bottom:10px;padding:10px;width:100%}#paper-setting-card-contents{cursor:pointer}#paper-setting-card-contents .card-contents-left{align-items:flex-start;display:flex;flex-direction:row;gap:10%}#paper-setting-card-contents .card-titles{align-items:flex-start;display:flex;flex-direction:column;gap:10px}#paper-setting-card-contents .card-titles h3{text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;width:250px}.detail-card-footer{align-items:flex-end;display:flex;flex-direction:column;gap:10px}.detail-card-footer-item{text-wrap:nowrap;color:var(--sub-font-color);font-size:12px;text-align:left;width:100%}#paper-setting-form{padding:0}#paper-setting-card-contents .sender-name-container{align-items:center;display:flex;flex-direction:row;gap:10px}#paper-setting-card-contents .sender-name-container span{color:var(--card-sub-font-color)}#paper-setting-card-contents .paper-icon-list{display:flex;flex-direction:row;gap:5px}@media (max-width:1599px){#message-setting .header-contents .hide-option{display:none}}@media (max-width:540px){#message-setting .sender-name-container{display:none}}#message-setting .detail-papers,#message-setting .existing-papers{display:flex;flex-wrap:wrap;gap:20px}#message-setting .detail-paper{position:relative}#message-setting .file-upload-area{align-items:center;border:2px dashed var(--line-color);border-radius:5px;cursor:pointer;display:flex;justify-content:center;min-height:280px;transition:all .3s ease;width:200px}#message-setting .file-upload-area.drag-active{background-color:#007bff0d;border-color:var(--blue-font-color)}#message-setting .upload-label{align-items:center;cursor:pointer;display:flex;flex-direction:column;text-align:center}#message-setting .upload-icon{color:var(--blue-font-color);font-size:40px;margin-bottom:10px}#message-setting .upload-text{color:var(--blue-font-color);font-weight:700}#message-setting .upload-subtext{color:var(--default-font-color);font-size:12px;font-weight:400;margin-top:10px}#message-setting .file-limit{color:var(--sub-font-color);font-size:12px;font-weight:400;margin-top:10px}#message-setting .delete-button{background:#fff;border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:0;height:30px;padding:0;position:absolute;right:-10px;top:-10px;width:30px}#message-setting .delete-button:hover{transform:scale(1.1)}.modal-form#staff-group-form{display:flex;flex-direction:column;gap:20px;padding:0}#staff-group-setting{background-color:var(--back-ground-color);display:flex;flex:1 1;flex-direction:row;gap:10px;padding:10px;width:100%}#staff-group-setting-card-contents{cursor:pointer}@media (max-width:1599px){#staff-group-setting .hide-option{display:none}}.output-button{display:inline-block;position:relative}.output-button-popup{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;gap:20px;left:-23px;min-width:75px;padding:20px 10px;position:absolute;top:100%;width:100%;z-index:1000}.output-button .output-select-button{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:5px;justify-content:space-between}.output-button .output-select-button p{color:var(--blue-font-color)}.staff-list-preview{background-color:#fff;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;height:210mm;padding:15mm;width:297mm}.staff-list-header{display:flex;flex-direction:column;gap:5px;margin-bottom:5px}.staff-list-header .title{align-items:center;display:flex;justify-content:center}.staff-list-header h1{font-size:22px;margin:0;padding-bottom:5px;text-align:center}.staff-list-header .date{align-items:center;display:flex;gap:10px;justify-content:flex-end}.staff-list-header .date p{font-size:12px}.staff-list-table-header{font-size:14px;gap:5px}.staff-list-table p{font-size:14px;text-align:left}.staff-list-table-header{background-color:#d6e6ff;box-sizing:border-box;margin-bottom:5px;padding:5px 0}.staff-list-table-body,.staff-list-table-header,.staff-list-table-row{display:flex;flex-direction:column;gap:0;width:100%}.staff-list-table-row{box-sizing:border-box;padding:5px 0}.staff-list-table .first-row,.staff-list-table .second-row,.staff-list-table .third-row{align-items:center;display:flex;justify-content:flex-start;min-height:5mm}.staff-list-table-body>div:nth-child(2n){background-color:#ebf2fb}.staff-list-table-body>div:nth-child(odd){background-color:#fff}.staff-list-table .address,.staff-list-table .birthday,.staff-list-table .employment-date,.staff-list-table .group-name,.staff-list-table .mail,.staff-list-table .sex,.staff-list-table .staff-name,.staff-list-table .staff-name-kana,.staff-list-table .telphone{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.staff-list-table .staff-name{padding:1mm;width:20%}.staff-list-table .mail,.staff-list-table .staff-name-kana{padding:1mm;width:30%}.staff-list-table .sex{padding:1mm;width:6%}.staff-list-table .birthday{padding:1mm;width:14%}.staff-list-table .employment-date{padding:1mm;width:30%}.staff-list-table .telphone{padding:1mm;width:20%}.staff-list-table .address{padding:1mm;width:50%}.staff-list-table .group-name{padding:1mm;width:20%}.staff-list-table .remarks{padding:1mm;width:80%}.modal-form#staff-setting-form{display:flex;flex-direction:column;gap:20px;padding:0}#staff-setting-form .staff-group-select{padding:10px 0}#staff-setting-form #item-resend-mail{margin-top:15px}#staff-setting{background-color:var(--back-ground-color);display:flex;flex:1 1;flex-direction:row;gap:10px;padding:10px;width:100%}#staff-setting-card-contents{cursor:pointer}@media (max-width:1599px){#staff-setting .hide-option{display:none}}#terms-of-service-container{background-color:var(--back-ground-color);display:flex;flex:1 1;flex-direction:row;gap:10px;padding:10px;width:100%}#terms-of-service-container .terms-of-service-form{color:#333;font-size:14px;line-height:1.6;width:60%}#terms-of-service-container .terms-of-service-form h2{font-size:24px;margin-bottom:20px}#terms-of-service-container .terms-of-service-form p{margin-bottom:10px}#terms-of-service-container .terms-of-service-form .section-title{font-weight:700;margin-bottom:10px;margin-top:20px}@media (max-width:1200px){#terms-of-service-container .terms-of-service-form{width:80%}}@media (max-width:768px){#terms-of-service-container .main-contents{padding:30px}#terms-of-service-container .terms-of-service-form{width:100%}#terms-of-service-container .terms-of-service-form p{font-size:13px}#terms-of-service-container .terms-of-service-form li{font-size:12px;list-style-type:disc;margin-left:20px}}.view-contents{box-sizing:border-box;height:100%;padding:20px 30px;width:100%}.view-contents .main-contents{background-color:var(--content-back-ground-color);border-radius:10px;display:flex;flex:1 1;flex-direction:column;height:auto;padding:30px}.view-contents h2{margin-bottom:10px}.view-contents .header-contents{min-height:55px}.middle-contents,.view-contents .header-contents{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:space-between}.middle-contents .left-contents{align-items:center;display:flex;flex-direction:row;gap:20px;height:37px}.search-bar{display:block;margin:0;width:70%}.search-bar input[type=text]::placeholder{font-size:16px}.search-bar input[type=text]{width:100%}.header-contents .button-container{align-items:center;display:flex;flex-direction:row;gap:20px;margin-left:20px;margin-right:10px}.middle-contents .button-container{display:flex;flex-direction:row;gap:10px}.add-new-item-button,.output-pdf-button{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:5px;justify-content:space-between}.add-new-item-button p,.output-pdf-button p{color:var(--blue-font-color)}.sub-contents{background-color:var(--content-back-ground-color);border-radius:10px;display:flex;flex:1 1;flex-direction:column;height:auto;max-width:50%;padding:30px 30px 15px}.scroll-form{height:100%;margin-top:50px;overflow-y:auto}.bottom-button{justify-content:flex-end;margin-top:20px}.bottom-button,.row-group{display:flex;flex-direction:row;gap:20px}.row-group{justify-content:flex-start}.width50{width:45%}.width100{width:95%}.spacer30{padding-top:30px}.separate-title{font-weight:600;line-height:1.4;padding-bottom:10px}.separate-line{border-top:1px solid var(--line-color);margin-bottom:10px;margin-top:20px}.toggle-group{display:flex;flex-direction:column;gap:10px}#item-resend-mail{padding:0}#item-resend-mail,#item-resend-mail button{align-items:center;display:flex;justify-content:flex-start}#item-resend-mail button{flex-direction:row;gap:5px}.column-set{flex-direction:column;gap:30px}.column-set,.row-set{display:flex;width:100%}.row-set{flex-direction:row;gap:10px}.input-group{display:flex;flex-direction:column;gap:2px;width:100%}.input-group input{width:100%}.error-message-container{position:relative}.error-message-container.has-error{margin-bottom:20px}.error-message{color:red;font-size:12px;left:0;margin-top:5px;position:absolute;top:100%}.item-error-messages{color:red;display:flex;flex-direction:column;font-size:14px;gap:5px;padding:10px 0}.item-error-messages .item-error-message{color:red;font-size:12px;margin-top:5px}.card-list{flex-grow:1;margin-top:20px;overflow-y:auto;padding:0 5px 0 0}.card-list#modal-card-list{margin:0;padding:10px}.card{background-color:var(--content-back-ground-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;margin:0 auto 10px;overflow:hidden;width:100%}.card-contents{align-items:center;background-color:var(--card-back-ground-color);border-bottom:1px solid var(--card-border-color);display:flex;flex-direction:row;justify-content:space-between;padding:15px}.card-contents-left{align-items:flex-start;display:flex;flex-direction:column;gap:10px;width:100%}.card-contents h3{margin:0}.card-title{align-items:center;display:flex;flex-direction:row;gap:10px}.card-contents .send-to,.card-contents .sub-text{color:var(--card-sub-font-color);font-size:14px}.card-contents .send-to{align-self:flex-start}.card-footer{display:flex;justify-content:flex-end}.card-footer button{margin-left:10px}.no-data{background-color:var(--card-back-ground-color);border-radius:8px;grid-column:1/-1;padding:20px;text-align:center}.modal-form{display:flex;flex-direction:column;gap:20px;padding:40px}.modal-form label{display:flex;gap:5px}.modal-form #if-dates,.modal-form #if-mail,.modal-form #if-name,.modal-form #if-price,.modal-form #password{width:50%}.modal-form #if-postalcode{width:30%}.modal-form #if-plan,.modal-form #if-sex{width:25%}.modal-form #if-tax{width:20%}.modal-form #if-address,.modal-form #if-note{width:75%}.modal-form input,.modal-form textarea{border:1px solid var(--line-color);border-radius:4px;padding:8px}.modal-form textarea{height:100px}.modal-accordion-form{display:flex;flex-direction:column;gap:20px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.form-actions button{border:none;border-radius:4px;cursor:pointer;padding:10px 15px}.form-actions button[type=button]{background-color:#f5f5f5;color:#333}.form-actions button[type=submit]{background-color:#007bff;color:#fff}.postalcode-row{align-items:flex-start;display:flex;flex-direction:column;gap:10px}.postalcode-row .input-group{flex:1 1}.postalcode-row button{align-items:center;display:flex;flex-direction:row;gap:5px;white-space:nowrap}@media (max-width:1599px){.middle-contents{align-items:flex-start;flex-direction:column}.sub-contents{max-width:100%}}@media (max-width:1200px){.search-container{align-items:flex-start;flex-direction:column;gap:0;justify-content:center;margin-bottom:0}.search-bar{width:100%}.sub-contents{background-color:initial}.scroll-form{margin-top:0}.bottom-button{display:none}.view-list-container tbody td,.view-list-container thead th{padding:5px}.modal-form #if-dates,.modal-form #if-mail,.modal-form #if-name,.modal-form #if-price,.modal-form #password{width:75%}.modal-container .sub-contents{box-sizing:border-box;display:flex;flex-direction:column;height:100%}.modal-container .sub-contents .header-contents,.modal-container .sub-contents .middle-contents{flex-shrink:0}.modal-container .sub-contents .card-list{flex-grow:1;overflow-y:auto}}@media (max-width:1000px){.search-bar input[type=text]::placeholder{font-size:15px}}@media (max-width:768px){.view-contents{padding:20px}.view-contents .header-contents{gap:0;padding:0}.view-contents .main-contents{padding:10px}.view-contents .middle-contents{gap:5px}.search-bar input{width:100%}.view-list{padding-top:10px}.view-list-container{margin-top:15px}.view-list-container tbody{max-height:60vh}.view-list-container tbody td,.view-list-container thead th{padding:5px}.movie-icon img{height:15px;width:15px}.modal-form{padding:20px}.modal-form #if-dates,.modal-form #if-mail,.modal-form #if-name,.modal-form #if-price,.modal-form #password{width:100%}.modal-form #if-postalcode{width:60%}.modal-form #if-plan,.modal-form #if-sex{width:40%}.modal-form #if-tax{width:30%}.modal-form #if-address,.modal-form #if-note{width:100%}.separate-line{margin-bottom:5px;margin-top:10px}.add-new-item-button{justify-content:flex-end}}@media (max-width:480px){.filter-and-add-button{gap:0}.sub-contents{padding:10px}}*{user-select:none;-webkit-user-select:none}body,html{height:100vh}body,html{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--back-ground-color);color:var(--default-font-color);font-family:var(--primary-font);font-size:14px;line-height:1;max-height:100vh;max-width:100vw;overflow-x:hidden;overflow-y:hidden;position:fixed}blockquote,dd,dl,figcaption,figure,h1,h2,h3,h4,h5,h6,li,ol,p,ul{color:var(--default-font-color);font-family:var(--primary-font);font-weight:400}ul{list-style-type:none}footer,header,main{padding:0}footer{margin-top:auto}header{height:65px}.app-container{background-color:var(--back-ground-color);height:calc(100dvh - 65px);margin-top:65px;overflow:hidden;position:relative;width:100vw}.full-container{display:flex;flex-direction:row;height:100%;justify-content:space-evenly;overflow:hidden;width:100%}.menu-container{background-color:#e7e7e7;min-width:180px}.content-container{background-color:var(--content-back-ground-color);height:100%;max-height:100%;min-height:100%;overflow:hidden;width:100%}a{-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--blue-font-color);cursor:pointer}a,a:hover{text-decoration:none}button.transparent{color:var(--transparent-color)}button.blue,button.border-blue{color:var(--blue-font-color);cursor:pointer}button.border-blue{border:1px solid var(--blue-font-color);padding:10px}button.red{color:var(--red-font-color)}button.no-right-space{padding-right:0}button.no-left-space{padding-left:0}button{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:var(--secondary-color);border:none;border-radius:4px;box-sizing:border-box;color:var(--default-font-color);cursor:pointer;font-family:var(--primary-font);font-size:14px;padding:0}button:focus{outline:none}button:disabled{color:var(--disable-font-color);cursor:auto}select{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:var(--content-back-ground-color);border:1px solid var(--line-color);border-radius:4px;box-sizing:border-box;color:var(--default-font-color);cursor:pointer;font-family:var(--primary-font);font-size:14px;height:45px;padding:8px;transition:all .3s ease}select:focus{background-color:var(--white-color);border-color:var(--primary-color);outline:none}select:disabled{background-color:light-dark(#efefef4d,#3b3b3b4d);cursor:auto}input{border:1px solid var(--line-color);border-radius:4px;box-sizing:border-box;color:var(--default-font-color);font-family:var(--primary-font);height:45px;padding:8px}input,input:focus{background-color:var(--content-back-ground-color)}input:focus{border-color:var(--primary-color);outline:none}input:disabled{background-color:light-dark(#efefef4d,#3b3b3b4d);cursor:auto}input::placeholder{color:#878787}input[type=date]{-webkit-appearance:none;appearance:none}textarea{border:1px solid var(--line-color);border-radius:4px;box-sizing:border-box;color:var(--default-font-color);font-family:var(--primary-font);font-size:14px;padding:8px;resize:vertical}textarea,textarea:focus{background-color:var(--content-back-ground-color)}textarea:focus{border-color:var(--primary-color);outline:none}textarea:disabled{background-color:light-dark(#efefef4d,#3b3b3b4d);cursor:auto}input[type=checkbox]{height:18px;margin-right:10px;width:18px}input[type=radio]{cursor:pointer;transform:scale(1.5)}input[type=radio]:hover{accent-color:inherit}table{border-collapse:collapse;text-align:left;width:100%}table thead{border-bottom:1px solid var(--line-color)}table tr{border-bottom:.5px solid var(--line-color)}table td,table th{border:none;padding:auto;width:auto}table th{background-color:initial}::-webkit-scrollbar{background-color:initial;width:4px}::-webkit-scrollbar-thumb{background-color:#77777780;border-radius:4px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}button,div,input,label,td,textarea,th,tr{-webkit-tap-highlight-color:transparent}@media (max-width:1200px){::-webkit-scrollbar{display:none}}@media (max-width:1024px){body,button{font-size:13px}input[type=radio]{transform:scale(1.3)}}@media (max-width:768px){header{height:50px}.app-container{height:calc(100dvh - 50px);margin-top:50px}.content-container{width:100%}.menu-container{display:none}input[type=radio]{transform:scale(1.1)}table tr{border-bottom:.8px solid var(--line-color)}}
/*# sourceMappingURL=main.767f9dca.css.map*/