@charset "utf-8";
/* CSS Document */


/* SideNav */
.SideNav { margin-bottom: 40px}

.SideNav > ul {}
.SideNav > li { display: block; width: 100%; background-color: #FFFFFF; position: relative;
	box-sizing: border-box; font-size: 1.4rem; border-bottom: 1px #CCCCCC solid}

.SideNav > li a:link { color: #000000; padding: 3% 10% 3% 3% }
.SideNav > li a:visited { color: #000000 }

.SideNav > li ul li { background-color: #f0f0f0 !important; position: relative;
                        box-sizing: border-box; font-size: 1.4rem; border-bottom: 1px #ffffff dotted;
                        border-right:0px}

.SideNav > li ul li:last-child{ border-bottom: 0px}

.SideNav > li ul li a:link { color: #000000; padding: 3% 3% 3% 8% }
.SideNav > li ul li a:visited { color: #000000;}


.SideNav p { cursor: pointer; margin-bottom: 0px; padding: 3% 10% 3% 3%; }

.SideNav .inner { display: none;}
.SideNav .inner.open { display: none;}


/*下矢印↓*/
.panel-head:after {
   content: "";
   position: absolute;
   border-right: 1px solid black;
   border-bottom: 1ch solid black;
   width: 6px;
   top:15px;
   right: 15px;
   height: 6px;
   transform: rotate(45deg);
	-webkit-transition: all .2s ease; transition: all .2s ease;
}

.SNC1.panel-head:after {
  width: 6px;
  height: 6px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

/*上矢印↑*/
.panel-head.ac:after {
   content: "";
   position: absolute;
   border-left: 1px solid black;
   border-top: 1px solid black;
   border-right: 0;
   border-bottom: 0;
   width: 10px;
   top:23px;
   right: 15px;
   height: 10px;
   transform: rotate(45deg);
	-webkit-transition: all .2s ease; transition: all .2s ease;
}


.SideNav a:after {
display: block;
content: "";
position: absolute;
top: 51%;
right: 15px;
width: 6px;
height: 6px;
margin: -4px 0 0 0;
border-top: solid 1px #6C6C6C;
border-right: solid 1px #6C6C6C;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}

.SNC1 a:visited:after{
border-top: solid 1px #fff;
border-right: solid 1px #fff;
}

.SideNav > li ul li a:after {
display: block;
content: "";
position: absolute;
top: 51%;
left: 10px;
width: 6px;
height: 6px;
margin: -4px 0 0 0;
border-top: solid 1px #000000;
border-right: solid 1px #000000;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}


.SNC1 {font-size: 1.4rem; background-color: #d41e18 !important}
p.SNC1 { color: #FFFFFF !important}
.SNC1 a:link{ color: #FFFFFF !important}
.SNC1 a:visited{ color: #FFFFFF !important}

/* 建設の明日を支える人々nav用 */
.SideNav > li a.SNC1:link { color: #ffffff }
.SideNav > li a.SNC1:visited { color: #ffffff }
.SideNav > li a.SNC1:hover { color: #ffffff }
.SideNav > li a.SNC1:after {
        border-top: solid 1px #fff;
        border-right: solid 1px #fff;
}

/* 00soudan用 */
.SideNaviFaq01 ul li:nth-child(2) { background-color: #d41e18 !important}
.SideNaviFaq01 ul li ul li:nth-child(2) { background-color: #f0f0f0 !important}
.SideNaviFaq01 ul li:nth-child(2) p { color: #FFFFFF !important}

/* 01bukka用 */
.SideNaviFaq02 ul li:nth-child(3) { background-color: #d41e18 !important}
.SideNaviFaq02 ul li ul li:nth-child(3) { background-color: #f0f0f0 !important}
.SideNaviFaq02 ul li:nth-child(3) p { color: #FFFFFF !important}

/* 02shiryou */
.SideNaviFaq03 ul li:nth-child(4) { background-color: #d41e18 !important}
.SideNaviFaq03 ul li ul li:nth-child(4) { background-color: #f0f0f0 !important}
.SideNaviFaq03 ul li:nth-child(4) p { color: #FFFFFF !important}

/* 02shiryou */
.SideNaviFaq04 .SNC4 {background-color: #d41e18 !important}
.SideNaviFaq04 .SNC4 a:link {color: #FFFFFF !important }
.SideNaviFaq04 .SNC4 a:visited {color: #FFFFFF !important }

/* 04kenkosu */
.SideNaviFaq05 ul li:nth-child(6) { background-color: #d41e18 !important}
.SideNaviFaq05 ul li ul li:nth-child(6) { background-color: #f0f0f0 !important}
.SideNaviFaq05 ul li:nth-child(6) p { color: #FFFFFF !important}






/* width 769以上 */

@media print, screen and (min-width : 769px){


/* SideNav */
.SideNav { display: block}

.SideNav > ul {}
.SideNav > li { display: block; width: 100%;
	                    background-color: #FFFFFF; position: relative;
                        box-sizing: border-box; font-size: 1.4rem; border-bottom: 1px #CCCCCC solid;
                        border-right:1px #CCCCCC solid}
.SideNav > li a:link { color: #000000; padding: 6% 10% 6% 6% }
.SideNav > li a:visited { color: #000000; padding: 6% 10% 6% 6% }
.SideNav > li a:hover{ background-color: #d41e18; color: #FFFFFF;
	-webkit-transition: all .2s ease; transition: all .2s ease;}

.SideNav a:hover:after {
border-top: solid 2px #ffffff;
border-right: solid 2px #ffffff;
}


.SideNav > li ul li { background-color: #f0f0f0 !important; position: relative;
                        box-sizing: border-box; font-size: 1.4rem; border-bottom: 1px #ffffff dotted;
                        border-right:0px}

.SideNav > li ul li:last-child{ border-bottom: 0px}

.SideNav > li ul li a:link { padding: 6% 10% 6% 12% }
.SideNav > li ul li a:visited { color: #000000;}
.SideNav > li ul li a:hover { color: #ffffff;}

.SideNav > li ul li a:hover:after {
border-top: solid 2px #ffffff;
border-right: solid 2px #ffffff;
}


.SideNav p { cursor: pointer; margin-bottom: 0px; padding: 6% 15% 6% 6%; }

.SideNav .inner { display: none;}
.SideNav .inner.open { display: block;}


/*下矢印↓*/
.panel-head:after { width: 6px; top:18px; right: 20px; height: 6px; transform: rotate(45deg)}
/*上矢印↑*/
.panel-head.ac:after { width: 6px; top:23px; right: 20px; height: 6px; transform: rotate(45deg)}


/* 00soudan用 */
.SideNaviFaq01 .Open1 { display: block}
/* 01bukka */
.SideNaviFaq02 .Open2 { display: block}
/* 02shiryou */
.SideNaviFaq03 .Open3 { display: block}
/* 03dokosu */
.SideNaviFaq04 .Open4 { display: block}
/* 04kenkosu */
.SideNaviFaq05 .Open5 { display: block}

/* 総研レポート用 */
.Open6 { display: block}

.BgRed { background-color: #d41e18 !important}


}