@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap";.dashboard{display:flex;gap:2rem;background:#eceae3;padding:2rem;border-radius:5px}.dashboard h2{text-align:center}.dashboardProgress{width:50%;background:linear-gradient(135deg,#fff,#f5e6d3);border-radius:15px;padding:25px;box-shadow:0 5px 20px #c7a88226;border:2px solid rgba(199,168,130,.2);transition:transform .3s ease,box-shadow .3s ease}.dashboardProgress li{display:flex;align-items:center;grid-gap:1rem;gap:1rem;padding:1rem;background:#fff9;border-radius:5px;font-weight:500;color:#5d4423;border:1px solid #d4c1a7;margin-bottom:1rem}.dashboardUrgent{width:50%;display:flex;flex-direction:column;gap:1rem;background:linear-gradient(135deg,#fff,#f5e6d3);border-radius:15px;padding:25px;box-shadow:0 5px 20px #c7a88226;border:2px solid rgba(199,168,130,.2);transition:transform .3s ease,box-shadow .3s ease}.dashboardUrgent li{display:flex;align-items:center;grid-gap:1rem;gap:1rem;padding:1rem;background:#fff9;border-radius:5px;font-weight:500;color:#5d4423;border:1px solid #d4c1a7;margin-bottom:1rem}.circle{width:120px;height:120px;border-radius:50%;background:conic-gradient(from 0deg,#c7a882 var(--progress, 0deg),#e8d5c1 var(--progress, 0deg));display:flex;align-items:center;justify-content:center;margin:20px auto;position:relative}.circle:before{content:"";width:90px;height:90px;background:#fff;border-radius:50%;position:absolute}.circleInner{display:flex;flex-direction:column;align-items:center;text-align:center;z-index:1;line-height:1.2;font-size:1.8rem}.homeIntro{position:relative}.homeIntro.is-playing .homeIntro__content{animation:homeIntroReveal 1.8s ease-out forwards}@keyframes homeIntroReveal{0%{clip-path:circle(0% at 50% 50%);opacity:0}35%{clip-path:polygon(50% 0%,62% 6%,74% 14%,84% 26%,90% 40%,92% 54%,89% 68%,81% 80%,69% 89%,54% 94%,40% 92%,26% 86%,14% 76%,7% 62%,4% 48%,6% 34%,12% 22%,22% 12%,34% 6%,46% 3%);opacity:1;filter:blur(1px)}60%{clip-path:circle(75% at 50% 50%);filter:blur(.5px)}to{clip-path:circle(150% at 50% 50%);opacity:1;filter:none}}.add{max-width:1024px;width:100%;margin:3rem auto 6rem}.addTask{margin-top:-4.5rem}.addButton{text-align:end}.addButton button{position:relative;z-index:3;width:100px;height:40px;background:#b8976e;border:#a5845a 1px solid;color:#fff;font-size:1.8rem;border-radius:10px;cursor:pointer;transition:.5s all}.addButton button:hover{transition:.5s all;background:#6e71a5}.addTop{display:flex;flex-direction:column;gap:1rem}.addTask{position:relative}.addTask button{width:210px;border:1px solid #999;background:none;position:relative;height:35px;border-radius:5px;cursor:pointer}.addTask button:focus{outline:0;border:solid 1px #6e71a5;box-shadow:0 0 3px #6e71a5;background:#faead5}.addTask button:hover .material-symbols-outlined{color:#6e71a5}.addTask button span.addTaskName{position:absolute;left:5px;top:0;line-height:1.9}.addTask .material-symbols-outlined{position:absolute;right:5px;top:0;line-height:1.2;font-size:2.4rem}.addInput input{width:100%;height:35px;padding:2px 5px;border-radius:5px;border:1px solid #999}.addInput input:focus{outline:0;border:solid 1px #6e71a5;box-shadow:0 0 3px #6e71a5;background:#faead5}.task{width:210px}.taskMenu{position:absolute;top:35px;background:#fff;width:210px;outline:0;border:solid 1px #6e71a5;border-top:0;box-shadow:0 0 3px #6e71a5;border-radius:0 0 5px 5px;z-index:2}.taskMenu li{height:35px;padding:2px 5px;margin:1px 3px;border-radius:5px;cursor:pointer}.taskMenu li:hover,.taskMenu li.selected{background:#e3e4fc}.addBot{margin-top:2rem;background:#eceae3;padding:2rem;border-radius:5px;border:#a5845a}.addDetail textarea{width:100%;min-height:240px;padding:10px 5px;border-radius:5px;line-height:1.2}.addDetail textarea:focus{outline:0;border:solid 1px #6e71a5;box-shadow:0 0 3px #6e71a5;background:#faead5}.addHalf{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 10rem;padding-bottom:6rem;margin-top:2rem}.addBoxes{width:calc(50% - 50px);display:flex;gap:5rem;align-items:center;padding:1rem 2.5rem 0;border-top:1px solid #6e71a5;position:relative}.addBoxes .taskMenu{left:auto;right:25px;top:45px}.addBoxes button{width:210px;border:1px solid #999;background:#fff;position:relative;height:35px;border-radius:5px;cursor:pointer}.addBoxes button:focus{outline:0;border:solid 1px #6e71a5;box-shadow:0 0 3px #6e71a5;background:#faead5}.addBoxes button:hover .material-symbols-outlined{color:#6e71a5}.addBoxes button span.addTaskName{position:absolute;left:5px;top:0;line-height:2.1}.addBoxes .material-symbols-outlined{position:absolute;right:5px;top:0;line-height:1.4;font-size:2.4rem}.addBoxes p{width:150px}.addBoxes input{width:210px;height:35px;padding:2px 5px;border-radius:5px;cursor:pointer;border:1px solid #999}.addBoxes input:focus{outline:0;border:solid 1px #6e71a5;box-shadow:0 0 3px #6e71a5;background:#faead5}.addBoxes .hour{position:absolute;right:180px}.boardList{display:flex;gap:1rem}.boardBox{flex:1;min-width:200px;background:#eceae3;padding:1rem;border-radius:5px;display:flex;flex-direction:column;gap:1rem}.boardBox .title{justify-content:center;position:relative;display:flex;gap:.56rem;align-items:center}.boardTask{outline-width:0px;flex:1 1 auto;height:auto;display:flex;flex-direction:column;gap:.5rem}.boardList .boardBox:nth-child(1) .title:before{content:"●";color:#ed8077}.boardList .boardBox:nth-child(2) .title:before{content:"●";color:#4488c5}.boardList .boardBox:nth-child(3) .title:before{content:"●";color:#5eb5a6}.boardList .boardBox:nth-child(4) .title:before{content:"●";color:#a1af2f}.moveTask{background:#fff;border-radius:5px;padding:5px;border:1px solid #999;cursor:grab;transition:.3s all}.moveTask:hover{border:solid 1px #6e71a5;box-shadow:0 0 6px #6e71a5;transition:.3s all}.taskHead{display:flex;gap:1rem}.taskMeta{font-size:1.4rem}.modal{width:100vw;height:100vh;z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#00000080}.modal .addForm{max-width:1100px;width:90%;margin:auto;border-radius:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:2rem 4rem}.page{padding:2rem}.webp{display:flex;flex-direction:column;gap:1rem}.webp button{border:1px solid #999;border-radius:5px;color:#8b8b8b;height:40px;width:180px;background:#eceae3;color:#000}.webp input{cursor:pointer}.dropzone{border:2px dashed #c9b49a;border-radius:5px;padding:2rem;text-align:center;display:flex;flex-direction:column;gap:1rem;align-items:center}*,:before,:after{box-sizing:border-box}:before,:after{text-decoration:inherit;vertical-align:inherit}html{cursor:auto;line-height:1.5;-moz-tab-size:2;tab-size:2;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;word-break:break-word;font-size:62.5%;margin:0;padding:0}body{margin:0;padding:0;-webkit-text-size-adjust:100%}h1,h2,h3,h4,h5,h6,dl dl,dl ol,dl ul,ol dl,ul dl,ol ol,ol ul,ul ol,ul ul{margin:0}hr{height:0;overflow:visible}main{display:block}ol,ul{list-style:none;padding:0;margin:0}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;text-decoration:none}p{padding:0;margin:0}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:90%}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}iframe,img{border-style:none}svg:not([fill]){fill:currentColor}svg:not(:root){overflow:hidden}table{border-collapse:collapse}button,input,select{margin:0}button{overflow:visible;text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}fieldset{border:1px solid #a0a0a0;padding:.35em .75em .625em}input{overflow:visible}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto;resize:vertical}[type=checkbox],[type=radio]{padding:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details{display:block}dialog{background-color:#fff;border:solid;color:#000;display:block;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}canvas{display:inline-block}template{display:none}a,area,button,input,label,select,summary,textarea,[tabindex]{-ms-touch-action:manipulation;touch-action:manipulation}[hidden]{display:none}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true],[disabled]{cursor:not-allowed}[aria-hidden=false][hidden]{display:initial}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);position:absolute}address{font-style:normal}html{scroll-behavior:smooth}body{-webkit-text-size-adjust:100%;line-height:2;font-size:1.6rem;line-height:1.8;font-weight:400;font-family:Noto Sans JP;letter-spacing:0px;font-weight:500}button,label,select,input,textarea{font-size:1.6rem}a{color:#000}a:hover{opacity:.7}h1,h2,h3,h4,h5,h6{margin:0}.text-wrap{display:inline-block}img{max-width:100%;height:auto}.pc_block{display:block}.sp_block{display:none}.sideBar{position:absolute;left:0;top:0;z-index:1;width:200px;background:#c7a882;height:100vh;padding:4rem 0;position:fixed;transition:all .5s}.sideBarLink a{color:#fff;display:flex;align-items:center;gap:.8rem;padding:1rem 1.2rem;transition:all .5s;height:50px}.sideBarLink a.active{background:#fff;color:#c8161d}.sideBarLink a:hover{transition:.5s all;background:#fff;color:#c8161d}.sideBar.collapsed{width:50px}.sideBar.collapsed .sideBarText{opacity:0;width:0}.sideBar .sideBarText{overflow:hidden;width:100%;white-space:nowrap}.sideBar button{border:0;background:none;color:#fff;width:100%;text-align:right;cursor:pointer;position:relative;right:.8rem}main{width:calc(100% - 200px);margin-left:auto;transition:all .5s;margin-top:9rem}main.action{width:calc(100% - 50px);transition:all .5s}main.action .pagevisual{width:calc(100% - 50px);transition:all .5s}.pagevisual{position:fixed;background:#eceae3;height:73px;width:calc(100% - 200px);right:0;top:0;z-index:2;display:flex;align-items:center;justify-content:center;transition:all .5s}.pagevisual h1{font-size:2.4rem}
