*{box-sizing:border-box}html{font-family:'Avenir Next', 'Hiragino Sans', sans-serif;line-height:1.7;letter-spacing:1px}a{text-decoration:none}h1,h2,h3,h4,h5,h6,p{margin:0}input{outline-width:0}body{display:flex;flex-direction:column;min-height:100vh}h1{text-align:center;margin-bottom:5vh}hr{margin-bottom:5vh}.flash{position:fixed;left:0px;top:8vh;z-index:9;padding:10px 0;border-radius:0 0 2px 2px;width:100%;font-size:1em;text-align:center;background:#fbaa58;color:#fff}.fadeout{opacity:0;transition:1s}.form-error{color:#ff4d75}.header a{color:#fff}.main{flex-grow:1;padding-top:15vh;padding-bottom:5vh;color:#5f5d60}.container{margin:0 auto;width:95%;max-width:1500px}.contents{display:flex}.header{position:fixed;top:0;left:0;z-index:10;width:100%;height:8vh;font-size:0.7rem;text-align:center;background-color:rgba(34,49,52,0.9);color:#fff}.header .container{display:flex}.header-left{display:flex;width:80%}.header-logo{width:10%;font-size:1.5em}.header-logo a{display:block;line-height:8vh}.header-list{width:90%}.header-list a{display:block;float:left;width:10%;line-height:8vh;background-color:rgba(255,255,255,0.1);opacity:0.8;transition:all 0.5s}.header-list a:hover{background-color:rgba(255,255,255,0.3);opacity:1}.header-right{width:20%}.header-right a{display:block;float:right;padding:0px 10px;line-height:8vh;color:#fff;opacity:0.8}.logout{background-color:rgba(255,255,255,0.3);transition:all 0.5s}.logout:hover{background-color:rgba(255,255,255,0.5);opacity:1}.footer{bottom:0px;left:0px;width:100%;height:15vh;font-size:0.7rem;background-color:rgba(34,49,52,0.9);color:#fff}.footer .container{display:flex}.footer a{color:#fff}.footer-logo-area{width:90%}.footer-logo{width:10%;font-size:1.5em;line-height:15vh;text-align:center}.footer-list{padding:3vh 0px;display:flex;flex-flow:column;justify-content:space-around}.footer-list a{opacity:0.8}.section-title{margin-bottom:30px;font-size:2em}.form-container{width:35%;margin-left:5%}.form-container input{margin-top:10px;margin-bottom:30px;padding:20px;border:1px solid #dee7ec;width:90%;font-size:1.2em}.form-container input[type="file"]{margin-top:0px;margin-bottom:30px;padding:0px;border:none;width:90%;font-size:1em}.form-container textarea{margin-bottom:30px;width:90%;padding:10px;border:1px solid #dee7ec;height:20vh;font-size:1.2em}.form-submit{background-color:#dee7ec;color:#889eab;cursor:pointer}.form-submit:hover{color:#3ecdc6}.search-form{margin-bottom:5vh}.search-form input[type="text"]{padding:7px;width:25%;margin-right:10px}.highlight{background-color:yellow}.index-item{display:flex;justify-content:space-between;align-items:center;overflow:hidden;padding:20px 55px;width:100%;vertical-align:middle;background-color:#fff;box-shadow:0 2px 6px #c1ced7}.index-item a{font-size:1em;text-decoration:none;font-weight:600;color:#2d3133}.index-item a:hover{color:#3ecdc6}.index-item-space{margin:2vh}.setting-btn-short{display:inline-block;padding:5px 10px;border:1px solid #dee7ec;width:10vw;max-width:150px;border-radius:10px;font-size:1em;text-align:center;background-color:#dee7ec;color:#889eab}.setting-btn-long{display:inline-block;padding:5px 10px;border:1px solid #dee7ec;width:14vw;border-radius:10px;font-size:1.2em;text-align:center;background-color:#dee7ec;color:#889eab}.post-link{display:inline-block;padding:5px 10px;border:1px solid #fbaa58;width:8vw;border-radius:10px;font-size:1.2em;text-align:center;background-color:#fbaa58}.edit-link-btn,.delete-btn{display:inline-block;margin-top:10px;margin-bottom:30px;padding:20px;border:1px solid #dee7ec;width:90%;font-size:1.2em;text-align:center;background-color:#dee7ec;color:#889eab}.edit-link a:hover{color:#3ecdc6}@media (max-width: 1100px){.edit-link-btn{width:100%}}.hidden{display:none}.visible-search-btn{background-color:#5dca88;border-color:#5dca88}.information-container{width:60%;margin-left:5%}.information-container .information-items{height:50vh;overflow-y:auto}.information-container .red{color:#f00}.information-container .informaion-postdate{width:20%}.information-container .informaion-content{width:75%;text-align:left}.user-index-main{margin-top:5vh}.contents-heading{font-size:3em;font-weight:300;color:#bcc8d4}.status{margin:2vh}.loading{display:flex;align-items:center;justify-content:center}#loading_container{color:#fbaa58;position:fixed;top:60%;left:50%;z-index:100;transform:translate(-50%, -50%);text-align:center;font-weight:100;font-size:5vw;width:100%}.loading-letter{animation:bounce 2s infinite;opacity:0}.loading-letter:nth-child(1){animation-delay:0s}.loading-letter:nth-child(2){animation-delay:0.1s}.loading-letter:nth-child(3){animation-delay:0.2s}.loading-letter:nth-child(4){animation-delay:0.3s}.loading-letter:nth-child(5){animation-delay:0.4s}.loading-letter:nth-child(6){animation-delay:0.5s}.loading-letter:nth-child(7){animation-delay:0.6s}.loading-letter:nth-child(8){animation-delay:0.7s}.loading-letter:nth-child(9){animation-delay:0.8s}.loading-letter:nth-child(10){animation-delay:0.9s}.loading-letter:nth-child(11){animation-delay:1s}@keyframes bounce{0%,100%{transform:translateY(0);opacity:0}50%{transform:translateY(-30px);opacity:1}}.main-header-area{padding-top:10vh;padding:20px 0px}.groupA{background-color:#A7C957;padding:10px}.groupB{background-color:#1B4965;padding:10px}.group-heading{font-size:2em;font-weight:300;color:#fff;text-align:center}.group-heading-detail{font-size:1em;font-weight:300;color:#fff;text-align:center}.link-form-area{display:flex;justify-content:center;align-items:center}#single-form{width:33%}#single-form select{width:10%;height:80%;margin:0px 5px;padding:5px 10px}.as-link-button{width:100%;color:#dee7ec;background:none;border:none;font-size:20px;padding:0;text-align:center;margin:0;cursor:pointer}.as-link-button:hover{color:#3ecdc6}.as-link-active{color:#2d3133;cursor:default}.as-link-active:hover{color:#2d3133}.select-search-button{display:flex}.select-search-button input{width:9%;margin:10px 10px;cursor:pointer}.form-area{display:flex;justify-content:flex-start;align-items:center}.main-header-area .form-area>div:first-of-type{margin-right:auto}#range-form{width:75%}#range-form select{width:10%;height:80%;margin:0px 5px;padding:5px 10px}.search_btn{margin:10px 10px;padding:5px 10px;border-width:1px;border-radius:5px;cursor:pointer}#search_error_message{margin-left:10px;margin-bottom:20px;color:#f00}.magnification-area{display:flex;justify-content:flex-end;align-items:center;width:25%}.magnification-area select{width:40%;height:50%;margin:0px 10px;padding:5px 10px}.magnification-area input{margin:10px 10px;padding:5px 5px;border-width:1px;border-radius:5px;cursor:pointer}.visible-checkbox-area{display:flex;flex-wrap:wrap}.visible-checkbox-contents{display:flex;margin-right:10px}.image-area{position:relative;margin-top:10px;margin-bottom:10px;background-color:#f8f8ff;height:400px}.chart-container{overflow:hidden;width:100%}.legend-container{position:absolute;top:360px;left:50%;transform:translate(-50%, -50%);z-index:10;background:#fff;display:flex;gap:10px}.legend-item{display:flex;align-items:center;cursor:pointer;margin-bottom:5px;white-space:nowrap}.legend-item .color-box{width:12px;height:12px;margin-right:8px;display:inline-block}.limit-value-area{display:flex;justify-content:flex-end;margin:10px}.limit-value-contents{display:flex;margin:10px}.limit-value{padding:5px;border:1px solid #dee7ec;width:50%;font-size:1em;text-align:center}.update-btn{padding:5px 10px;margin:0px 5px;width:100px;border-width:1px;border-radius:5px;cursor:pointer}.update-btn:hover{color:#3ecdc6}.mt-data-area{overflow:auto;width:100%;height:300px}.mt-data-area table{border-spacing:0;width:100%}.mt-data-area table th,.mt-data-area table td{white-space:nowrap;padding:4px 8px;border:1px solid #eee}.mt-data-area table th{position:sticky;top:0;background-color:#f2f2f2;z-index:3}.mt-data-area table .data-title th:first-child{position:sticky;left:0;z-index:5;background-color:#f2f2f2}.mt-data-area table .data-title th:nth-child(2){position:sticky;left:110px;z-index:5;background-color:#f2f2f2}.mt-data-area table .data-detail td:first-child{position:sticky;left:0;background-color:#fff;z-index:1}.mt-data-area table .data-detail td:nth-child(2){position:sticky;left:110px;background-color:#fff;z-index:1}.paging{margin-top:10px;text-align:center}.detail_btn{width:80%;margin:10px 10px;padding:5px 0px;border-width:1px;border-radius:5px;cursor:pointer}.disabled-btn{padding:5px 10px;margin:0px 5px;width:100px;border-width:1px;border-radius:5px}.page-btn{padding:5px 10px;margin:0px 5px;width:100px;border-width:1px;border-radius:5px;cursor:pointer}@media (max-width: 1100px){.btn-area button{width:20%}}.summary-area{overflow:auto;width:100%}.summary-area table{border-spacing:0;height:240px;table-layout:fixed;min-width:100%}.summary-area table th,.summary-area table td{white-space:nowrap;text-align:right;padding:4px 8px;border:1px solid #eee;background-color:#fff;min-width:230px}.summary-area table th{position:sticky;top:0;background-color:#f2f2f2;z-index:3;text-align:center}.summary-area table .data-title th:first-child{position:sticky;left:0;z-index:5;background-color:#f2f2f2}.summary-area table .data-detail td:first-child{position:sticky;left:0;background-color:#fff;z-index:1}.summary-area .data-total{font-size:0.8em;color:#fff}.alert-area{overflow:auto;width:100%}.alert-area table{table-layout:fixed;min-width:100%;height:60px;border-spacing:0}.alert-area table th,.alert-area table td{white-space:nowrap;padding:4px 8px;border:1px solid #eee;min-width:230px;font-size:0.7em;text-align:center;background-color:#fff}.alert-area table th{position:sticky;top:0;z-index:3;text-align:center;background-color:#f2f2f2}.alert-area table .data-title th:first-child{position:sticky;left:0;z-index:5;background-color:#f2f2f2}.alert-area table .data-detail td:first-child{position:sticky;left:0;background-color:#fff;z-index:1}.alert-area table .data-detail td:last-child{white-space:normal;font-size:0.5em}