@charset "utf-8";

#container .new{color:#db0000;}


#container .bgbox03{margin-top: 0px;padding-top: 0px;padding-bottom: 40px;margin-bottom: 0;}
#container .bgpdo_cu02{padding-top: 20px;padding-bottom: 40px;margin-bottom: 0;}

#container .reportlistbox{display: block;border: 1px solid #a29171;padding: 16px;background-color: #ffffff;margin-bottom: 40px;}
#container .reportlistbox a{display: block;height: 100%;text-decoration: none;position: relative;}
#container .reportlistbox a span{display: block;}
#container .reportlistbox a .ph{margin-right: 10px;}
#container .reportlistbox a .etc{margin-top: 15px;}
#container .reportlistbox a span.narrow{position: relative;display: inline-block;}
#container .reportlistbox a .narrow::before{
position: absolute;top: 0;bottom: 0;left: 0;margin: auto;content: "";vertical-align: middle;box-sizing: border-box;width: 20px;height: 20px;border: 1px solid #a29171;-webkit-border-radius: 25%;border-radius: 25%;
}
#container .reportlistbox a .narrow::after{
position: absolute;top: -3px;bottom: 0;left: 0;margin: auto;content: "";
vertical-align: middle;left: 8px;box-sizing: border-box;width: 10px; height: 10px;border: 5px solid transparent;border-left: 5px solid #a29171;
}
#container .reportlistbox a span.narrow{position: absolute;bottom: 0;right: 15px;}

#container .reportlistall{margin-top: 20px;}

.btnreport00 a{display: block;padding: 5px;text-align: center;width: 90%;border: 1px solid #efbb2c;color: #c29313;margin: 20px auto 10px auto;}
.btnreport00 a:link{color: #c29313 !important;text-decoration: none;background-color:rgba(255,255,255,0.5);}
.btnreport00 a:hover{background-color:#c29313;color: #fff !important;text-decoration: none;}


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

#header nav ul li.nac09 a:before {position: absolute;bottom: -3px;left: calc(50% - 15px);width: 30px;height: 2px;content: '';border-radius: 3px;background: #143d6c;}

#container .reportlistall{
display: -webkit-flex;display: flex;flex-wrap:wrap;
}
#container .reportlistbox{width: 46%;margin-left: 2%;margin-right: 2%;}


#container .reportlistbox a{display: -webkit-flex;display: flex;}
#container .reportlistbox a img{width: 160px;height: auto;}

.btnreport00 a{width: 500px;margin-left: auto;margin-right: auto;}
}

@media screen and (max-width: 768px) {


}

@media screen and (max-width: 400px) {

#container .reportlistbox a .narrow::after{top: -3px;}
#container .reportlistall{padding-bottom: 40px;}
#container .reportlistbox a .ph{margin-bottom: 15px;}

}