html{font-size:62.5%}@media screen and (max-width:767px){html{height:-webkit-fill-available}}body{line-height:1.5;color:#333;background-color:#fff;margin:0;padding:0;font-family:Noto Sans JP,sans-serif;font-size:1.6rem;font-weight:400;box-sizing:border-box}@media screen and (max-width:767px){body{font-size:1.4rem}}div,a,p,span,h1,h2,h3,h4,h5,h6,ol,ul,li,nav,section,article,aside,footer,header,main{box-sizing:border-box}form{margin:0}fieldset,form{display:contents}.u-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.time-range-picker{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;box-sizing:border-box;padding:20px;min-width:320px;max-width:400px;position:fixed;z-index:10000}.time-range-picker__content{display:flex;flex-direction:column;gap:15px;position:relative;width:100%}.time-range-picker__field{display:flex;flex-direction:column;gap:8px}.time-range-picker__label{color:#21b3d4;font-size:.875em;font-weight:600;letter-spacing:.5px}.time-range-picker__input{background-color:#fff;border:1px solid #e0e0e0;border-radius:5px;box-sizing:border-box;color:#333;cursor:pointer;font-size:1em;height:40px;padding:8px 12px;transition:border-color .2s ease;width:100%}.time-range-picker__input:focus{border-color:#21b3d4;outline:none}.time-range-picker__input:hover{border-color:#21b3d4}.time-range-picker__separator{align-items:center;color:#b3b3b3;display:flex;font-size:1.2em;justify-content:center;margin:5px 0}.time-range-picker__buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.time-range-picker__btn{border:none;border-radius:5px;cursor:pointer;font-size:.875em;font-weight:600;height:36px;letter-spacing:.5px;padding:0 20px;transition:opacity .2s ease}.time-range-picker__btn:hover{opacity:.85}.time-range-picker__btn--cancel{background-color:#b3b3b3;color:#fff}.time-range-picker__btn--clear{background-color:#f5f5f5;color:#333;border:1px solid #e0e0e0}.time-range-picker__btn--ok{background-color:#21b3d4;color:#fff}.datetime-range-picker{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;box-sizing:border-box;padding:20px;min-width:320px;max-width:500px;position:fixed;z-index:10000}.datetime-range-picker__content{display:flex;flex-direction:column;gap:15px;position:relative;width:100%}.datetime-range-picker__field{display:flex;flex-direction:column;gap:8px}.datetime-range-picker__label{color:#21b3d4;font-size:.875em;font-weight:600;letter-spacing:.5px}.datetime-range-picker__input{background-color:#fff;border:1px solid #e0e0e0;border-radius:5px;box-sizing:border-box;color:#333;cursor:pointer;font-size:1em;height:40px;padding:8px 12px;transition:border-color .2s ease;width:100%}.datetime-range-picker__input:focus{border-color:#21b3d4;outline:none}.datetime-range-picker__input:hover{border-color:#21b3d4}.datetime-range-picker__separator{align-items:center;color:#b3b3b3;display:flex;font-size:1.2em;justify-content:center;margin:5px 0}.datetime-range-picker__buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.datetime-range-picker__btn{border:none;border-radius:5px;cursor:pointer;font-size:.875em;font-weight:600;height:36px;letter-spacing:.5px;padding:0 20px;transition:opacity .2s ease}.datetime-range-picker__btn:hover{opacity:.85}.datetime-range-picker__btn--cancel{background-color:#b3b3b3;color:#fff}.datetime-range-picker__btn--clear{background-color:#f5f5f5;color:#333;border:1px solid #e0e0e0}.datetime-range-picker__btn--ok{background-color:#21b3d4;color:#fff}