html.overlay-open{overflow:hidden}.overlay{display:none;position:fixed;top:0;right:0;bottom:0;width:100%;z-index:20;box-sizing:border-box}.overlay .inner{box-sizing:border-box;overflow:auto;height:100%}.overlay .inner .header{border-bottom:2px solid var(--color_lc)}.overlay .inner .inner2{width:100%}.overlay .close{position:fixed;background:var(--color_link);cursor:pointer;transition:background .2s ease-in-out;border-radius:10px}.overlay .close svg{display:block;width:100%;fill:var(--dark);transition:fill .2s ease-in-out}.overlay .close:hover{background:var(--color_hc)}.overlay .close:hover svg{fill:var(--color_lc)}.overlay-darkener{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:11;background:rgba(0,15,40,.7);cursor:pointer}.overlay ul:not([class]) li:before{background:var(--cyan)}.overlay.sidebar-overlay .inner{height:100vh}.overlay.sidebar-overlay .inner .visual{aspect-ratio:5/3}.overlay.sidebar-overlay .inner .visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.overlay.modal-overlay{max-width:min(90%,1200px);height:max(350px,80%);left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden}.overlay.modal-overlay{border-radius:var(--border-radius)}@media (min-width:1201px){.overlay .close{width:60px;height:60px;top:30px;right:30px}.overlay .inner .content{padding:4vh 6vh}.overlay.sidebar-overlay:has(.visual) .inner .header{padding:4vh 6vh}.overlay.sidebar-overlay:not(:has(.visual)) .header{padding:120px 6vh 40px}.overlay.modal-overlay .header{padding:40px 120px 40px 6vh}.overlay.modal-overlay .close{top:25px}}@media (max-width:1200px){.overlay.sidebar-overlay:has(.visual) .inner .header,.overlay .inner .content{padding:6%}}@media (max-width:1200px) and (min-width:421px){.overlay .close{width:50px;height:50px;top:20px;right:20px}.overlay.sidebar-overlay:not(:has(.visual)) .header{padding:100px 6% 30px}.overlay.modal-overlay .header{padding:35px 100px 35px 6%}.overlay.modal-overlay .close{top:23px}}@media (min-width:768px){.overlay.sidebar-overlay{max-width:min(90%,1000px)}}@media (max-width:420px){.overlay .close{width:40px;height:40px;top:10px;right:10px}.overlay.sidebar-overlay:not(:has(.visual)) .header{padding:70px 6% 20px}.overlay.modal-overlay .header{padding:20px 80px 20px 6%}.overlay.modal-overlay .close{top:12px}}