/* ニュース */
@media screen and (max-width: 959px) {
    .section_newspage{
        position: relative;
        width: 90%;
        padding: 50px 5%;
        background-color: #f7fbf7;
        background-size: cover;
        background-position: top;
        animation: parallax linear both;
        animation-timeline: view();
    }
    @keyframes parallax {
        from {
          background-position: center 0;
        }
      
        to {
          background-position: center -200px;
        }
      }
    .newspage_hito{
        position: absolute;
        width: 150px;
        right: 7vw;
        top: -100px;
    }
    .section_newspage .newspage_box{
        width: 100%;
        margin: 0 auto;
    }
    
    .section_newspage .newspage_box .newspage_title{
        color: #22ac38;
        font-size: 30px;
    }
    .section_newspage .newspage_box .r {
        width: 100%;
    }
    .section_newspage .newspage_box .r .newspage_flex{
        width: 100%;
        padding: 10px 0;
        margin-bottom: 5px;
        font-size: 15px;
        letter-spacing: 3px;
        border-bottom: #22ac38 4px dotted;
    }
    .section_newspage .newspage_box .r .newspage_flex #day{
        color: #22ac38;
    }
    .section_newspage .newspage_box .r .newspage_flex #title{
        color: #231815;
    }
    .newspage_btn{
        width: fit-content;
        margin: 50px auto;
    }
    .newspage_btn #btn{
        padding: 15px 50px;
        color: #22ac38;
        font-weight: 500;
        font-size: 20px;
        border-radius: 100px;
        background-color: #fff;
        border: #22ac38 3px solid;
        letter-spacing: 3px;
        transition : all 0.5s ease 0s;
    }
    .newspage_btn #btn:hover{
        background-color: #22ac38;
        color: #fff;
    }
    }
    @media screen and (min-width: 960px) {
    .section_newspage{
        position: relative;
        width: 90%;
        padding: 50px 5%;
        background-color: #f7fbf7;
        background-size: cover;
        background-position: top;
        animation: parallax linear both;
        animation-timeline: view();
    }
    @keyframes parallax {
        from {
          background-position: center 0;
        }
      
        to {
          background-position: center -200px;
        }
      }
    .section_newspage .newspage_box{
        gap: 30px;
        width: 800px;
        margin: 50px auto;
    }
    
    .section_newspage .newspage_box .newspage_title{
        color: #22ac38;
        font-size: 40px;
        margin-bottom: 10px;
    }
    .section_newspage .newspage_box .r {
        width: 100%;
    }
    .section_newspage .newspage_box .r .newspage_flex{
        width: 100%;
        padding: 20px 0;
        margin-bottom: 10px;
        font-size: 16px;
        letter-spacing: 3px;
        border-bottom: #22ac38 4px dotted;
    }
    .section_newspage .newspage_box .r .newspage_flex #day{
        color: #22ac38;
        margin-bottom: 10px;
        font-size: 13px;
    }
    .section_newspage .newspage_box .r .newspage_flex #title{
        color: #231815;
    }
    .newspage_btn{
        width: fit-content;
        margin: 50px auto;
    }
    .newspage_btn #btn{
        padding: 15px 50px;
        color: #22ac38;
        font-weight: 500;
        font-size: 20px;
        border-radius: 100px;
        background-color: #fff;
        border: #22ac38 3px solid;
        letter-spacing: 3px;
        transition : all 0.5s ease 0s;
    }
    .newspage_btn #btn:hover{
        background-color: #22ac38;
        color: #fff;
    }
    }
    

    @media screen and (max-width: 959px) {
        .newscon_news_box{
            margin-top: 30px;
        }
        .newscon_news_box #title{
            font-size: 25px;
        }
        .newscon_news_box #day{
            font-size: 15px;
            color: #22ac38;
            letter-spacing: 2px;
        }
        .newscon_news_box #bun p{
            font-size: 15px;
            margin: 10px 0;
        }
        .newscon_news_box #bun img{
            width: 100%;
            height: 100%;
            margin: 10px 0;
        }
        .size-large{
            width: 100%;
            margin: 0;
        }
    }
    @media screen and (min-width: 960px) {
        .newscon_news_box{
            margin-top: 30px;
        }
        .newscon_news_box #title{
            font-size: 25px;
        }
        .newscon_news_box #day{
            font-size: 15px;
            color: #22ac38;
            letter-spacing: 2px;
        }
        .newscon_news_box #bun p{
            font-size: 15px;
            margin: 10px 0;
        }
        .newscon_news_box #bun img{
            width: 100%;
            height: 100%;
            margin: 10px 0;
        }
        .size-large{
            width: 100%;
            margin: 0;
        }
    }


/* ページネーション */
.page-numbers {
  display: inline-block;
  padding: 8px 14px;
  margin: 0 3px;
  border: 1px solid #22ac38;  /* ← 緑に */
  border-radius: 4px;
  color: #22ac38;              /* ← 緑に */
  text-decoration: none;
  font-size: 14px;
}

.page-numbers.current {
  background-color: #22ac38;  /* ← 緑に */
  color: #fff;
  border-color: #22ac38;      /* ← 緑に */
}

.page-numbers:hover {
  background-color: #f7fbf7;  /* ← サイトの背景色に合わせて */
}

/* ページネーション全体の余白 */
.r .page-numbers:first-of-type {
  margin-top: 24px;
}