@charset "utf-8";
/*
theme Name: マクロジャパン
Author: DADA
Description: マクロジャパン
version： 1.0.0
*/



.page {
  padding-top: 40px; }

.article_list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .article_list ul li {
    width: 50%;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    @media only screen and (max-width: 425px) {
      .article_list ul li {
        width: 100%; } }
    .article_list ul li a {
      display: block; }
      .article_list ul li a .img_box {
        width: 100%;
        height: 200px;
        margin-bottom: 10px; }
        .article_list ul li a .img_box img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
          object-fit: cover; }
      .article_list ul li a .txt_box {
        line-height: 1.4; }
        .article_list ul li a .txt_box h2 {
          padding: 0;
          margin: 0;
          font-size: 16px; }
      .article_list ul li a span {
        font-size: 14px;
        color: #777; }

.pagination {
  padding: 40px 0 30px;
  text-align: center; }

.pagination ul li {
  display: inline-block; }

.pagination ul li a,
.pagination ul li span {
  display: block;
  padding: 10px;
  text-decoration: none;
  border-radius: 5px; }

.pagination ul li a:hover {
  opacity: 1;
  background: #999;
  color: #fdfdfd; }

.pagination ul li span {
  background: #999;
  color: #fdfdfd; }

.pagination ul li .dots {
  width: 15px;
  padding: 0;
  color: #999;
  border: transparent;
  background: transparent; }