.p01 {
  background: url("../images/wide01.jpg") no-repeat center;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

main#page section {
  padding: 60px 20px;
}
main#page section > p {
  margin-bottom: 30px;
}
main#page section ul.news {
  border-top: 1px solid #f5f5f5;
}
main#page section ul.news li {
  border-bottom: 1px solid #f5f5f5;
}
main#page section ul.news li a {
  display: flex;
  padding: 25px 0;
  background: url("../images/arrow_right.png") no-repeat right 5px center;
  -webkit-background-size: 5px;
  -o-background-size: 5px;
  background-size: 5px;
}
main#page section ul.news li a p {
  font-size: 14px;
  line-height: 2;
  padding-right: 25px;
}
main#page section ul.news li a h3 {
  font-size: 14px;
  font-weight: normal;
  line-height: 2;
  text-align: left;
  margin-bottom: 0;
  padding-right: 15px;
}
main#page article {
  padding: 60px 20px;
}
main#page article .date {
  font-size: 12px;
  margin-bottom: 5px;
}
main#page article h3 {
  font-weight: normal;
  font-size: 18px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 30px;
  padding-bottom: 15px;
}
main#page article > div {
  margin-bottom: 60px;
}
main#page article > div img {
  max-width: 100%;
  height: auto;
}
main#page article > div div {
  margin-bottom: 30px;
}
main#page article > div p {
  margin-bottom: 30px;
}

/**********************************************************************

 * Media Query For PC

 ***********************************************************************/
@media print, screen and (min-width: 760px) {
  main#page section {
    max-width: 900px;
    margin: 0 auto;
  }
  main#page section > p {
    margin-bottom: 45px;
  }
  main#page section ul.news li a {
    display: flex;
    background: url("../images/arrow_right.png") no-repeat right 5px center;
    -webkit-background-size: auto;
    -o-background-size: auto;
    background-size: auto;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
  }
  main#page section ul.news li a:hover {
    opacity: .7;
  }
  main#page section ul.news li a p {
    padding-right: 30px;
  }
  main#page section ul.news li a h3 {
    padding-right: 25px;
  }
  main#page article {
    max-width: 900px;
    margin: 0 auto;
  }
  main#page article > div p {
    font-size: 14px;
  }
  main#page article .btn {
    margin: 0 auto;
  }
}


/*--------------------------------------------------------------------------------------------------------------------------page-navi----------*/

.wp-pagenavi{
margin-top:60px;
text-align:center;
}

.wp-pagenavi a, .wp-pagenavi a:link {
font-size:11px;
padding:5px 5px 4px 7px;
margin-right: 4px;
text-decoration: none !important;
border: 1px solid #ccc;
color: #333;
}

.wp-pagenavi a:hover {	
padding:5px 5px 4px 7px;
border: 1px solid #333;
color: #fff !important;
background-color:#333;
}

.wp-pagenavi span.current {
font-size:11px;
padding:5px 5px 4px 7px;
margin-right: 4px;
border: 1px solid #333;
color: #fff;
background-color: #333;
}