.public_notice{
}

.public_notice span{
  display:inline-block;
  width:100px;
}

.pagelink_list{
 display: flex;
 flex-wrap: wrap;
 margin-right: -2%;
}

.pagelink_list li{
  width: 31.3%;
  margin-bottom: 15px;
  margin-right: 2%;
}

.pagelink_list li a{
   color: #333333;
   display: block;
   text-align: center;
   border: 1px solid #CCCCCC;
   padding: 16px 10px;
   font-weight: bold;
}

.pagelink_list li a:hover{
   text-decoration: none;
   background-color: #FAFAFA;
}

.pagelink_list li:first-child{
  width: 100%;
}

.pagelink_list li:first-child a{
   width: 32%;
}

.notice_title{
 margin-top: 60px;
 font-size: 18px;
 font-weight: bold;
 letter-spacing: 0.05em;
 color: #0d3481;
 border-top: 1px #0d3481 dotted;
 border-bottom: 1px #0d3481 dotted;
 padding: 15px 0 12px 0;
 margin-bottom: 1.3em;
}

.notice_list{
}

.notice_list li{
  margin-bottom: 8px;
}

.notice_list li a{
   position: relative;
   padding-left: 14px;
   color: #333333;
}

.notice_list li a::after{
   content: "";
   position: absolute;
   display: block;
   width: 4px;
   height: 4px;
   border-top: 1px solid #0d3481;
   border-left: 1px solid #0d3481;
   left: 0px;
   top: 50%;
   transform: translateY(-50%) rotate(135deg);
}

.notice_list li a::before{
   content: "";
   position: absolute;
   display: block;
   background: url('/img/pic_pdf.gif') no-repeat no-repeat;
   background-size: 100%;
   width: 16px;
   height: 18px;
   right: -24px;
   top: 50%;
   transform: translateY(-50%);
}