.modal-contents{display:none}.modal-white{--modal-color-bg:hsla(0,0%,96%,.9);--border-color:#0068b6}.modal-black{--modal-color-bg:rgba(0,0,0,.9);--border-color:#fff}.pagemodal-bg,.pagemodal-bg *{box-sizing:border-box}.pagemodal-bg{background-color:var(--modal-color-bg);cursor:pointer;display:none;height:100dvh;inset:0;overflow-y:scroll;padding:min(4em,15vw) min(4em,5vw) min(4em,10vw);position:fixed;width:100dvw;z-index:8001}@media screen and (max-width:768px){.pagemodal-bg{padding:140px min(4em,5vw) min(2em,10vw)}}.pagemodal-bg .close-btn{cursor:pointer;display:block;height:min(2.5em,15vw);pointer-events:auto;position:fixed;right:min(1em,3vw);top:min(1em,3vw);transform:rotate(45deg);width:min(2.5em,15vw);z-index:8003}@media screen and (max-width:768px){.pagemodal-bg .close-btn{top:90px}}.pagemodal-bg .close-btn:after,.pagemodal-bg .close-btn:before{background-color:var(--border-color);content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.pagemodal-bg .close-btn:before{height:1px;width:100%}.pagemodal-bg .close-btn:after{height:100%;width:1px}.pagemodal{align-items:center;cursor:default;display:flex;justify-content:center;min-height:100%;overflow:unset;pointer-events:none;width:min(1200px,100%);z-index:8002}.pagemodal,.pagemodal-inner{margin:0 auto;position:relative}.pagemodal-inner{background-color:#fff;border-radius:.5em;box-shadow:0 0 3px 0 rgba(30,30,30,.4);padding:min(3em,8vw) min(3em,5vw);pointer-events:auto;width:100%}.pagemodal iframe,.pagemodal img,.pagemodal video{height:auto;max-width:100%;vertical-align:top}.pagemodal iframe,.pagemodal video{display:block;height:100%;object-fit:cover;width:100%}.type-image .pagemodal{width:min(900px,100%)}.type-image .pagemodal-inner{padding:1em}.type-video,.type-youtube{--ratio-w:16;--ratio-h:9;height:100%;padding:0}.type-video .pagemodal,.type-youtube .pagemodal{height:100%}.type-video .pagemodal-inner,.type-youtube .pagemodal-inner{aspect-ratio:var(--ratio-w) /var(--ratio-h);background-color:transparent;left:50%;max-width:100%;padding:0;position:absolute;top:50%;translate:-50% -50%;width:min(90%,calc(90dvh*(var(--ratio-w)/var(--ratio-h))))}.vertical-mov{--ratio-w:9;--ratio-h:16}html.pagemodal-open{height:100%;overflow:clip;width:100%}