#x-navi{border-right:1px solid #ccc}#x-navi>div{position:sticky;width:230px;z-index:60000;color:#666;background-color:#fff;top:55px;padding:10px}#x-navi>div>section{margin-bottom:0}#x-navi>div>a{display:block;border-radius:10px;color:#666;padding:10px 0 10px 20px;margin:10px 0;text-decoration:none;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#x-navi>div>a:hover{background-color:#f0f0f0;border-color:#aaa;text-decoration-color:#aaa}#x-navi>div a>img{height:20px;margin:-2px 2px 0 0;display:inline}#navi-switch{display:none}#navi-icon{display:none;position:fixed;top:1px;left:13px;z-index:80000;cursor:pointer;padding:24px 14px;-webkit-tap-highlight-color:rgba(0,0,0,0)}#navi-icon>span{background:#003983;display:block;height:3px;width:26px;position:relative;transition:.3192s cubic-bezier(.04,.04,.12,.96) .1008s}#navi-switch:checked~#navi-icon>span{background:#0000;transition:.2192s cubic-bezier(.04,.04,.12,.96) .1008s}#navi-icon>span:before,#navi-icon>span:after{content:"";display:block;height:100%;width:100%;position:absolute;transition:.3192s cubic-bezier(.04,.04,.12,.96) .1008s}#navi-icon>span:after{bottom:9px;background:#003983}#navi-icon>span:before{top:9px;background:#003983}#navi-switch:checked~#navi-icon>span:before{transform:rotate(-45deg)}#navi-switch:checked~#navi-icon>span:after{transform:rotate(45deg)}#navi-switch:checked~#navi-icon:not(.steps)>span:before{top:0}#navi-switch:checked~#navi-icon:not(.steps)>span:after{bottom:0}@media screen and (max-width: 1024px) and (min-width: 767px){#x-menu{padding-left:70px}#x-navi>div{width:80px;transition:0s}#x-navi>div>section{display:none}#x-navi>div>a{text-align:center;padding:9px 2px;font-size:8px}#x-navi>div>a>img{display:block;margin:0 auto 5px}#navi-icon{display:inline-block}#navi-switch:checked~#x-navi>div{z-index:60000;position:fixed;top:0;padding-top:65px;width:230px;height:100%;border-right:1px solid #ccc}#navi-switch:checked~#x-navi:before{content:"";display:block;width:80px}#navi-switch:checked~#x-navi>div>section{display:block}#navi-switch:checked~#x-navi>div>a{text-align:left;padding:10px 0 10px 20px;font-size:16px}#navi-switch:checked~#x-navi>div>a>img{display:inline;margin:-2px 2px 0 0}}@media screen and (max-width: 767px){#x-menu{padding-left:70px}#x-navi>div{position:fixed;top:0;padding-top:72px;height:100%;width:80%;overflow-y:auto;transform:scaleX(0);transform-origin:left;transition:.3s cubic-bezier(0,.5,.5,1) 0s}#navi-switch:checked~#x-navi>div{transform:scale(1)}#navi-icon{display:inline-block;transition:.3s}#navi-switch:checked~#navi-icon{top:10px;border-radius:50%;background-color:#f5f5f5;box-shadow:0 0 10px #0003}#x-navi>div>section{opacity:0;transition:.1s cubic-bezier(0,.5,.5,1) 0s}#x-navi>div>a{opacity:0;transition:.1s cubic-bezier(0,.5,.5,1) 0s}#navi-switch:checked~#x-navi>div>section{opacity:1;transition:.3s cubic-bezier(0,.5,.5,1) .23s}#navi-switch:checked~#x-navi>div>a{opacity:1;transition:.3s cubic-bezier(0,.5,.5,1) .23s}#navi-switch:checked~#navi-icon:before{content:"";position:fixed;top:0;right:0;width:20%;height:100%;background-color:#00000010}body:has(#navi-switch:checked){overflow-y:hidden}}