.flash_message{position:fixed;top:40px;left:50%;transform:translate(-50%);border:1px solid;color:#fff;padding:10px 20px;margin-bottom:20px;border-radius:5px;z-index:1000}.msg_success{border-color:#2196f3;background-color:#2196f3}.msg_danger{border-color:#f44336;background-color:#f44336}table{width:100%;border-collapse:collapse;margin:10px 0;font-size:16px;text-align:left}th,td{padding:4px}table tbody td{padding:0}th{background-color:#f2f2f2;text-align:center}tr:nth-child(2n){background-color:#f9f9f9}tr:hover{background-color:#f1f1f1}table input{width:100%;box-sizing:border-box;height:100%;border:none;padding:4px}h2{font-size:24px;color:#333;margin-bottom:10px;padding:10px 0;text-align:center;border-bottom:1px solid #f2f2f2}.top_contents{width:100%;display:flex}.top_contents .summary{margin:10px}.top_contents .summary .date{margin:5px 0}.top_contents .summary span{min-width:90px;display:inline-block}#loading{display:table;width:100%;height:100%;position:fixed;top:0;left:0;background-color:#fff;opacity:.8;z-index:100}#loading .loadingMsg{display:table-cell;text-align:center;vertical-align:middle;padding-top:140px}.top_contents .summary{display:inline-block}.top_contents .summary #calendar{position:sticky;width:101%}.fc .fc-toolbar.fc-header-toolbar{margin-bottom:0!important}.fc-scroller-liquid-absolute{overflow:hidden!important}span.disable_color{display:inline-block;width:10px;height:10px;border-radius:10px;background-color:#b5b5b5}span.already_color{display:inline-block;width:10px;height:10px;border-radius:10px;background-color:#ffd572}.banner-area{display:flex;flex-direction:column;gap:15px;margin:10px;max-width:300px}.banner-area a{display:block;width:100%}.banner-area img{width:100%;height:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.banner-area img:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.highlight-title,.highlight-column{background-color:#e3f2fd!important}@media (max-width: 1023px){.top_contents{flex-direction:column}.banner-area{max-width:100%;flex-direction:row;overflow-x:auto;padding:10px 0}.banner-area a{min-width:200px;max-width:250px}}@media (max-width: 1023px){header.header{flex-direction:column;align-items:flex-start;padding:0 10px}header .service-name{display:flex;align-items:center;gap:10px;font-size:20px}.user-name{margin:0}header .right-contents{display:flex;width:100%;flex-direction:column;align-items:flex-end;margin-top:10px}header .user-name p,header form{margin:5px 0}header form{text-align:right}button{width:100%;padding:10px}.flash_message{width:90%}}