@charset "UTF-8";
:root{
	--body : #333;
	--link : #333;
	--red : #a5c13a;
	--gray : #e7e7e7;
}
@media screen and (max-width: 768px){
	#law .wrap{
		padding-top : calc( 32 * 100vw / 768 );
	}
	#law .nologin{
		padding-bottom : calc( 52 * 100vw / 768 );
	}
	#law #memberBox{
		margin-top : calc( ( 64 - 7 ) * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	#law .wrap{
		padding-top : 47px;
	}
	#law .nologin{
		padding-bottom : 46px;
	}
	#law #memberBox{
		margin-top : calc( 87px - 4px );
	}
}
@media screen and (max-width: 768px){
	#fileViewer .wrap{
		padding-top : calc( ( 50 - 7 ) * 100vw / 768 );
		padding-bottom : calc( 27 * 100vw / 768 );
	}
        #fileViewer .wrap a#openView{
        }
    
}
@media print,screen and (min-width: 769px){
	#fileViewer .wrap{
		padding-top : calc( 53px - 2px );
		padding-bottom : 58px;
	}
        #fileViewer .wrap a#openView{
            display: inline-block;
            padding: 5px 15px 5px 45px;
            margin-bottom: 10px;
            border: 3px solid #666;
            font-size: 1.6rem;
            line-height: 2.0em;
            position: relative;
            text-align: left;
        }
            #fileViewer .wrap a#openView:hover{
                opacity: .8;
            }
        #fileViewer .wrap a#openView::after{
            content: "";
            background-image: url("../images/ui/icon/fileopen.svg");
            height: 44px;
            width: 32px;
            background-size: contain;
            position: absolute;
            display: block;
            top: 0px;
            left: 5px;
            background-position: center;
            background-repeat: no-repeat;
        }

}