/*! destyle.css v3.0.2 | MIT License |   */*,::before,::after{box-sizing:border-box;border-style:solid;border-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:bold}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}[type=checkbox]{-webkit-appearance:checkbox;appearance:checkbox}[type=radio]{-webkit-appearance:radio;appearance:radio}button,[type=button],[type=reset],[type=submit]{cursor:pointer}button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:bold}body{background-color:#f4f1ef;position:relative;z-index:1}body .body-inner{display:flex;padding-top:20px}body.no-scroll-delete{overflow:hidden}body.no-scroll-edit{overflow:hidden}body.no-scroll-quote{overflow:hidden}body.no-scroll-logout{overflow:hidden}.main--login_page{display:flex;padding:0;min-width:800px;min-height:800px}.notifications{color:#fff;text-align:center;width:100%;position:absolute;z-index:10;top:0;left:0;pointer-events:none}.notifications .danger{min-width:1200px;background-color:coral;padding:5px 0;animation:fadeOut 4s;animation-fill-mode:both}.notifications .alert{background-color:coral;padding:5px 0;animation:fadeOut 4s;animation-fill-mode:both;min-width:800px}.notifications .notice{min-width:800px;background-color:skyblue;height:30px;padding-top:5px;animation:fadeOut 4s;animation-fill-mode:both}@keyframes fadeOut{0%{opacity:1}50%{opacity:1}100%{opacity:0}}.login-left{flex:1;width:50%;height:100vh;min-width:400px;min-height:800px;background-color:#fff;position:relative}.login-left .login-phrase{width:100%;height:100%;position:absolute;top:0;left:0;animation:imgfade 7s infinite;opacity:0;object-fit:contain}@keyframes imgfade{0%{opacity:0}25%{opacity:1}50%{opacity:1}75%{opacity:1}100%{opacity:0}}.login-right{width:50%;min-width:400px;padding:78px 30px;list-style:none;display:flex}.login-right .login-info{margin:0 auto;min-width:340px;max-width:370px;width:100%;align-self:center}.login-right .login-info .login-inner{background-color:#fff;margin-bottom:20px;min-width:340px;max-width:370px;width:100%;height:80px;border:none;border-radius:20px;font-size:20px}.login-right .login-info .quotee-logo--login_page{min-width:340px;max-width:370px;width:100%;height:110px}.login-right .login-info .login-mail{margin-top:145px;padding:0 20px;min-width:340px;max-width:370px;width:100%}.login-right .login-info .login-mail:focus{border-color:transparent;outline:none}.login-right .login-info .login-password{padding:0 20px;min-width:340px;max-width:370px;width:100%}.login-right .login-info .login-password:focus{border-color:transparent;outline:none}.login-right .login-info .login-button{min-width:340px;max-width:370px;width:100%;height:80px;background-color:#ebfa3a;font-size:20px;color:#000;text-align:center}.login-right .login-info .login-signup{text-align:center}.login-right .login-info .login-signup a{color:#004bb1}.main{align-items:start;max-width:1200px;min-width:800px;margin:0 auto;padding:30px 30px 120px;width:100%;height:100%}.main .quote-list-area{width:100%}.main .btn-area{position:fixed;bottom:40px;left:calc(max((100vw - 1200px)/2,0px) + 30px)}.main .btn-area .quote-icon{position:absolute;top:18px;left:25px}.main .btn-area .quote-btn{height:60px;border-radius:30px;font-weight:bold;background-color:#ebfa3a;padding:20px 25px 20px 55px;box-shadow:2px 4px 10px rgba(0,0,0,.25)}.header{display:flex;justify-content:space-between;align-items:center;position:relative;padding-bottom:10px}.header .header-left .quotee-logo{width:150px}.header .header-right{display:flex;align-items:center}.header .header-right .search-field{position:relative}.header .header-right .search-field .search-icon{position:absolute;top:10px;left:10px}.header .header-right .search-field .search-input{background-color:#fff;padding:15px 10px 15px 45px;width:220px;height:45px;border-radius:10px}.header .header-right .search-field .search-input:focus{border-color:transparent;outline:none}.header .header-right .user-icon--header{width:45px;height:45px;object-fit:cover;border-radius:50%;margin-left:20px;cursor:pointer}.text-message{padding-top:10px;font-size:20px;word-break:break-all}.modal-layer{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);transition:.2s;visibility:hidden;opacity:0;z-index:10}.modal-layer.show-modal{transition:.2s;visibility:visible;opacity:1}.modal-layer .modal-layer-inner{height:100%;display:flex;align-items:center;overflow:scroll;padding-right:30px;padding-left:30px}.modal-layer .modal-layer-inner .modal-container{min-width:440px;height:240px;background-color:#fafafa;border-radius:10px;padding-top:65px;box-shadow:3px 4px 4px rgba(0,0,0,.25);margin:0 auto}.modal-layer .modal-layer-inner .modal-container .modal-message{text-align:center;margin-bottom:35px;font-size:25px;font-weight:bold}.modal-layer .modal-layer-inner .modal-container .option-area{font-size:0}.modal-layer .modal-layer-inner .modal-container .option-area .option-btn{font-size:16px;display:inline-block;width:120px;padding:15px 0;background-color:#ebfa3a;border-radius:32px;margin-right:30px;text-align:center;margin-left:105px;cursor:pointer}.modal-layer .modal-layer-inner .modal-container .option-area .option-btn.delete{background-color:#ff4500;color:#fff}.modal-layer .modal-layer-inner .modal-container .option-area .option-text{font-size:16px;cursor:pointer}.quote-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);transition:.2s;visibility:hidden;opacity:0}.quote-modal::before{content:"";display:inline-block;vertical-align:middle;height:100%;margin-left:-0.2em}.quote-modal.is-active{transition:.2s;visibility:visible;opacity:1}.quote-modal .layer{background-color:rgba(0,0,0,.2);width:100%;height:100%;position:fixed;top:0;left:0;justify-content:center;align-items:center;overflow:scroll;padding-left:30px;padding-right:30px}.quote-modal .modal__inner{width:620px;border-radius:10px;background:#fafafa;box-shadow:3px 4px 4px rgba(0,0,0,.25);position:relative;margin:200px auto}.quote-modal .modal__inner .quote_validation_error{display:none;font-size:14px;color:red;width:100%;height:auto;padding-top:10px;padding-bottom:5px;list-style:none}.quote-modal .modal__inner .quote_validation_error--show{display:block}.quote-modal .modal__content{padding:25px 40px;position:relative}.quote-modal .modal__content .modal-content-header{font-size:24px;font-weight:bold}.quote-modal .modal__content .quote-modal-cancel{position:absolute;top:15px;right:15px;cursor:pointer}.quote-modal .modal__content .modal-content-input .content-input{font-size:16px}.quote-modal .modal__content .modal-content-input .content-input .phrase-input{width:540px;height:100px;padding:10px;border:1px solid #cdd6dd;margin-top:30px;resize:none}.quote-modal .modal__content .modal-content-input .content-input .phrase-input:focus{border-color:#cdd6dd;outline:none}.quote-modal .modal__content .modal-content-input .content-input .phrase-direction{padding-top:5px}.quote-modal .modal__content .modal-content-input .content-input .link-input{width:540px;height:36px;padding:10px;border:1px solid #cdd6dd;margin-top:30px}.quote-modal .modal__content .modal-content-input .content-input .link-input ::placeholder{font-size:16px}.quote-modal .modal__content .modal-content-input .content-input .link-input:focus{border-color:#cdd6dd;outline:none}.quote-modal .modal__content .modal-content-button{margin:25px 0 0 0;display:flex;justify-content:flex-end}.quote-modal .modal__content .modal-content-button .quote-modal-button{background-color:#ebfa3a;padding:14px 20px;border-radius:32px;margin-right:15px}.quote-modal .modal__content .modal-content-button .edit-quote-modal-button{background-color:#ebfa3a;padding:14px 20px;border-radius:32px;margin-right:15px}.quote-modal .modal__content .modal-content-button .quote-modal-cancel-button{cursor:pointer}.quote-list{width:100%}.quote-list .quote-card{padding:20px 50px 30px 20px;background-color:#fff;border-radius:10px;display:flex}.quote-list .quote-card+.quote-card{margin-top:20px}.quote-list .quote-card .quote-card-left{margin-right:15px}.quote-list .quote-card .quote-card-left .user-icon{width:50px;height:50px;object-fit:cover;border-radius:50%}.quote-list .quote-card .quote-card-right .quote-info{color:#999;font-weight:bold}.quote-list .quote-card .quote-card-right .quote-info .passed-time-text{font-weight:normal}.quote-list .quote-card .quote-card-right .quote-text{padding:20px 0;font-size:24px;line-height:36px;overflow-wrap:anywhere;white-space:pre-line}.quote-list .quote-card .quote-card-right .quote-option-list{display:flex;margin-left:-10px}.quote-list .quote-card .quote-card-right .quote-option-list .quote-option{display:flex;align-items:center;cursor:pointer}.quote-list .quote-card .quote-card-right .quote-option-list .quote-option+.quote-option{margin-left:20px}.quote-list .quote-card .quote-card-right .quote-option-list .quote-option .link-area{display:flex;align-items:center}.quote-list .quote-card .quote-card-right .quote-option-list .quote-option .option-icon{display:block;margin-right:8px}.quote-list .quote-card .quote-card-right .quote-option-list .quote-option .option-icon.link{margin-right:-2px}.quote-list .quote-card .quote-card-right .quote-option-list .quote-option .option-icon.delete{height:20px}.quote-list .quote-card .quote-card-right .quote-option-list .quote-option .option-icon.edit{height:27px;margin-right:5px}.quote-list .quote-card .quote-card-right .quote-option-list .quote-option .option-text{color:#666}.user-icon-modal{position:absolute;top:55px;right:0;z-index:10;width:175px;background-color:#fff;border-radius:20px;text-align:right;box-shadow:0px 3px 15px rgba(0,0,0,.25);display:none}.user-icon-modal.show-modal{display:block}.user-icon-modal .modal-element{display:block;font-size:20px;padding:20px 20px 20px 0}.user-icon-modal .modal-element.first{border-radius:20px 20px 0 0}.user-icon-modal .modal-element.last{border-radius:0 0 20px 20px;cursor:pointer}.user-icon-modal .modal-element:hover{background-color:#fafafa}.header--profile .quotee-logo--profile{width:150px}.main--profile{align-items:start;width:1200px;margin:0 auto;padding:30px;height:100%}.profile-inner .profile-container{display:flex;margin-top:40px}.profile-inner .profile-container .container-left{min-width:200px}.profile-inner .profile-container .container-left .profile-icon{width:140px;height:140px;object-fit:cover;border-radius:50%;overflow:hidden;margin-bottom:15px;margin-left:20px}.profile-inner .profile-container .container-left .upload-file{padding:5px 20px;color:#fff;background-color:#666;cursor:pointer;border-radius:10px;font-size:16px}.profile-inner .profile-container .container-left .profile-upload{margin-top:15px;display:none}.profile-inner .profile-container .container-right{flex:5;padding-left:100px}.profile-inner .profile-container .container-right .container-right-name{display:flex;justify-content:space-between;align-items:center}.profile-inner .profile-container .container-right .container-right-name .container-right-name-text{display:inline;font-size:20px;width:150px}.profile-inner .profile-container .container-right .container-right-name .name-form{background-color:#fcfcfc;border-radius:20px;padding:20px;width:600px;border:1px solid #939090;margin-left:55px}.profile-inner .profile-container .container-right .container-right-name .name-form:focus{border-color:#939090;outline:none}.profile-inner .profile-container .container-right .myself-option-right.myself-option-right--flex{accent-color:#000}.profile-inner .profile-container .container-right .container-right-myself{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.profile-inner .profile-container .container-right .container-right-myself .myself-option-left{font-size:20px;width:150px}.profile-inner .profile-container .container-right .container-right-myself .myself-option-right--flex{display:grid;grid-template-columns:1fr 1fr;font-size:20px;line-height:40px;width:600px}.profile-inner .profile-container .container-right .container-right-myself .myself-option-right .myself-option{list-style:none}.profile-inner .profile-container .container-right .container-right-myself .myself-option-right .myself-text-direction{margin-left:55px;margin-top:5px}.profile-inner .profile-container .container-right .container-right-myself .myself-option-right .myself{background-color:#fcfcfc;border-radius:20px;padding:15px 20px 30px 20px;width:600px;height:130px;border:1px solid #939090;margin-left:55px;resize:none;line-height:1.5}.profile-inner .profile-container .container-right .container-right-myself .myself-option-right .myself:focus{border-color:#939090;outline:none}.profile-inner .profile-container .footer-button{margin-top:20px;text-align:right}.profile-inner .profile-container .footer-button .update-button{background-color:#ebfa3a;font-size:20px;border:none;border-radius:20px;width:285px;height:80px;text-align:center}.register-page-full-container{align-items:start;width:1200px;margin:0 auto;padding:30px;height:100%}.register-page-full-container .register-page-container-center .register-page-container-center-name{margin-top:65px;margin-left:150px;display:flex;justify-content:space-between}.register-page-full-container .register-page-container-center .register-page-container-center-name .register-page-container-center-name-text{font-size:20px;line-height:80px;text-align:start;display:inline;min-width:160px}.register-page-full-container .register-page-container-center .register-page-container-center-name .register-page-name-form{width:600px;min-width:600px;height:80px;border-radius:20px;background-color:#fcfcfc;margin-left:140px;padding:30px 0 30px 20px;border:1px solid #939090}.register-page-full-container .register-page-container-center .register-page-container-center-name .register-page-name-form:focus{border-color:#939090;outline:none}.register-page-full-container .register-page-container-center .register-page-container-center-division{margin-top:50px;margin-left:150px;display:flex;justify-content:space-between;list-style:none}.register-page-full-container .register-page-container-center .register-page-container-center-division .register-page-container-center-division-text{font-size:20px;min-width:160px;padding-top:10px}.register-page-full-container .register-page-container-center .register-page-container-center-division .register-division-direction{margin-top:5px;font-size:16px}.register-page-full-container .register-page-container-center .register-page-container-center-division .register-page-division-items{display:flex;justify-content:space-between;font-size:20px;min-width:750px}.register-page-full-container .register-page-container-center .register-page-container-center-division .register-page-division-items .division-name{padding-left:10px}.register-page-full-container .register-page-container-center .register-page-container-center-division .register-page-division-items .register-division{line-height:40px;margin-left:150px;padding-left:0;width:600px;display:grid;grid-template-columns:1fr 1fr;accent-color:#000}.register-page-full-container .register-page-container-center .register-page-footer-button{display:flex;justify-content:right;padding-bottom:20px}.register-page-full-container .register-page-container-center .register-page-footer-button .register-page-signUp-button{margin-top:30px;border-radius:20px;padding:28px 100px;width:285px;height:80px;font-size:20px;border:none;background-color:#ebfa3a}.page-up-icon{width:60px;position:fixed;bottom:-60px;transition:.3s;opacity:0;right:calc(max((100vw - 1200px)/2,0px) + 30px);cursor:pointer}.page-up-icon.show-btn{bottom:40px;transition:.3s;opacity:1}.error-container{max-width:1200px;min-width:800px;min-height:100vh;padding:70px 0px;margin:0 auto;justify-content:center;align-items:center;text-align:center}.error-container .error-message{font-size:36px;font-weight:bold}.error-container .error-message+.error-message{margin-top:15px}.error-container .error-image{width:700px;height:400px}.error-container .error-contact{margin-top:50px;font-size:16px}.error-container .error-contact-below{font-size:16px;margin-top:10px}.error-container .error-link{display:block;margin:50px auto 0;padding:30px 50px;width:250px;font-size:20px;background-color:#ebfa3a;border-radius:30px;box-shadow:-2px 4px 10px rgba(0,0,0,.25);line-height:100%}.sidebar{width:315px;flex-shrink:0;position:sticky;top:20px;background-color:#fff;margin-left:30px;padding:20px;border-radius:10px;font-size:16px;height:100%}.sidebar .user-info-wrapper{display:flex}.sidebar .user-info-wrapper .user-icon{display:block;width:65px;height:65px;object-fit:cover;border-radius:50%;margin-right:15px}.sidebar .user-info-wrapper .user-info{padding-top:10px}.sidebar .user-info-wrapper .user-info .user-name-row{display:flex;align-items:center;margin-bottom:10px}.sidebar .user-info-wrapper .user-info .user-name-row .user-name{display:block;font-size:18px;font-weight:bold;overflow-wrap:anywhere}.sidebar .user-info-wrapper .user-info .user-name-row .edit-icon{width:20px;height:20px;margin-left:5px}.sidebar .user-info-wrapper .user-info .user-division{color:#004bb1}.sidebar .user-info-wrapper .user-edit{display:flex;padding-top:10px;margin-left:15px;height:25px}.sidebar .user-info-wrapper .user-edit .edit-icon{width:18px;height:18px}.sidebar .user-info-wrapper .user-edit .user-edit-text{margin-left:5px}.sidebar .quote-info{margin-top:25px}.sidebar .quote-info a{color:#004bb1}.sidebar .quote-info .stock-message{margin-top:15px}.sidebar .user-description{overflow-wrap:anywhere;line-height:1.4;white-space:pre-line}.u-bgc-white{background-color:#fff}