nav.document-menu { min-width: 240px; position: fixed; left: 0; top: calc(var(--headerHeight) + var(--snbHeight)); bottom : auto; background-color: rgb(255, 255, 255); z-index: 2; height: calc(100vh - calc(var(--headerHeight) + var(--snbHeight))); border-right: 1px solid rgb(222, 223, 226); }
nav.document-menu .document-menu-container { width: 240px; display: block; padding: 24px 0 0; height: 100%; left: 0; position: relative; top: 0; overflow-y: auto;}
nav.document-menu .document-menu-container::-webkit-scrollbar{width : 6px;}
nav.document-menu .document-menu-container::-webkit-scrollbar-thumb{background-color: #ccc; border-radius: 3px;}
nav.document-menu .document-menu-container > dl { margin-bottom: 24px; padding-bottom: 19px; border-bottom: 1px solid rgb(222, 223, 226); }
nav.document-menu .document-menu-container > dl.active-noline {margin-bottom: 0; padding-bottom: 19px; border: none;}
nav.document-menu .document-menu-container > dl:last-child {margin-bottom: 0; border: none;}
nav.document-menu .document-menu-container > dl > dt { background: url("/images/common/document/icon_nav_arrow.png") 17px 3px/6px no-repeat; }
nav.document-menu .document-menu-container > dl > dt a { font-size: 16px; font-weight: 500; margin-bottom: 11px; padding: 0 0 0 27px; display: block; }
nav.document-menu .document-menu-container > dl > dd { width: calc(100% - 20px); }
nav.document-menu .document-menu-container > dl > dd a { font-size: 14px; padding: 9px 0 9px 27px; color: rgb(68, 68, 68); border-radius: 0 25px 25px 0; width: 100%; display: block; }
nav.document-menu .document-menu-container > dl > dd a:hover { background-color: rgb(239, 239, 240); }
nav.document-menu .document-menu-container > dl > dt a.active { font-weight: 600; }
nav.document-menu .document-menu-container > dl > dt a.active-noline { font-weight: 600; }
nav.document-menu .document-menu-container > dl > dd a.active { background-color: rgb(230, 244, 241); font-weight: 500; }
nav.document-menu .document-menu-close-button { width: 42px; height: 42px; border-radius: 100%; background-color: rgb(101, 100, 100); background-image: url("/images/common/document/icon_nav_toggle_arrow.png"); background-position: center; background-size: 17px; background-repeat: no-repeat; position: fixed; left: 218px; bottom: 25px; cursor: pointer; transition: left 0.25s ease-out 0s; z-index: 2;}
nav.document-menu div.hometax-select-box {position: absolute; bottom: 24px; width: fit-content; text-align: center; left: 50%; transform: translateX(-50%);}
nav.document-menu div.hometax-select-box ul {display : flex; justify-content : center;}
nav.document-menu div.hometax-select-box ul li a {display: inline-block; font-size : 15px; color : #333; padding : 7px 13px 8px; background-color : #f5f5f5;}
nav.document-menu div.hometax-select-box ul li.active a {background-color : #f85c46; color : #fff;}
nav.document-menu.closed { left: -240px; }
nav.document-menu.closed .document-menu-close-button { border-radius: 0 100% 100% 0; left: 0; background-image: url("/images/common/document/icon_nav_toggle_arrow_open.png"); }
nav.document-menu.closed .document-menu-container {overflow-y: visible;}

nav.document-menu .document-menu-container > dl div {display: flex; align-items: center;}
nav.document-menu .document-menu-container > dl span {display: inline-block; margin-top: 1px;vertical-align: middle;}
nav.document-menu .document-menu-container > dl span#tooltip {width: 15px; height: 15px; margin-left: 5px; background: url("/images/common/document/tooltip-icon.svg") center no-repeat; border-radius: 20px;}
nav.document-menu .document-menu-container > dl span#tooltip b {position: fixed; display: none; width: 248px; font-weight: 400; font-size: 13px; line-height: 1.38; letter-spacing: -0.03em; color: #282828; background-color: #f0f3fa; border-radius: 4px; padding: 9px 12px 7px; text-align: left;}
nav.document-menu .document-menu-container > dl span#tooltip.over b {display: block;}
nav.document-menu .document-menu-container > dl span#tooltip.over b:before {content: ''; position: absolute; bottom: 11px; left: -12px; width: 0; height: 0; border-top: solid 10px #eceff7; border-left: solid 7px transparent; border-right: solid 7px transparent; transform: rotate(90deg);}

@media (max-width: 980px) {
    nav.document-menu{width : 0; height: 0; min-width : auto; position: static; border : none; z-index: 9999; top : var(--headerHeight);}
    nav.document-menu .document-menu-close-button{z-index: 99999; left: 0; border-radius: 0 100% 100% 0; background-image: url("/images/common/document/icon_nav_toggle_arrow_open.png");}
    nav.document-menu.opend .document-menu-close-button {}
    nav.document-menu .document-menu-container{background-color : #fff; height: 100dvh; position: fixed; overflow-y: auto; left: -100%; transition : 0.25s ease-out; z-index: 99998; top : 0; padding-bottom : 50px;}
    nav.document-menu .document-menu-mobile-background{opacity: 0; visibility: hidden;}
    nav.document-menu.opend .document-menu-close-button{left : 218px; border-radius: 100%; background-image: url("/images/common/document/icon_nav_toggle_arrow.png");}
    nav.document-menu.opend .document-menu-mobile-background{width : 100vw; height: 100vh; background-color : rgba(0,0,0,0.4); z-index: 99997; position: fixed; top :0; left : 0; opacity: 1; visibility: visible;}
    nav.document-menu.opend .document-menu-container{left : 0;}
}
@media print {
    nav.document-menu{display: none;}
}