/* ========================================
  @media screen and (min-width: 768px), print
======================================== */
@media screen and (min-width: 768px), print {
/* mv
-------------------------------------*/
.mv {
    position: relative;
}
.mv h2 {
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

/* news
-------------------------------------*/
.news {
    padding: 78px 0 180px;
}
.news .sec-ttl {
    margin-bottom: 74px;
}
.news .news-list {
    width: min(95%, 463px);
    margin-inline: auto;
    display: grid;
    gap: 50px;
    margin-bottom: 122px;
}
.news .news-list li a {
    display: flex;
    gap: 23px;
    align-items: center;
}
.news .news-list .news-ttl {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
}
.news .news-list .news-date {
    font-weight: 500;
    font-size: 15px;
    line-height: 1.2;
}

.wp-pagenavi {
    margin-bottom: 140px;
}

/* footer
-------------------------------------*/
  footer .map {
    width: min(95%, 1200px);
    margin-inline: auto;
    margin-top: 80px;
    margin-bottom: 100px;
  }


/* single
-------------------------------------*/
.news.single .inner {
    width: min(95%, 704px);
    margin-inline: auto;
}
.news.single .news-ttl {
    font-weight: 500;
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 56px;
}
.news.single .news-date {
    font-weight: 500;
    font-size: 15px;
    line-height: 1.2;
    margin-bottom: 11px;
    color: #444;
}
.news.single .news-thumb {
    width: 700px;
    margin-bottom: 75px;
}
.news.single .news-thumb img {
    height: 400px;
    width: 100%;
}
.news.single .news-content {
    font-weight: 500;
    font-size: 20px;
    line-height: 2.4;
    margin-bottom: 145px;
}
.page-navi {
    margin: 40px auto 141px;
    display: flex;
    justify-content: center;
    gap: 20px;
}
.page-navi div a {
    display: inline-block;
    padding: 4px 48px;
    font-size: 20px;
    background: #D4D4D4;
    text-decoration: none;
    font-weight: 500;
}

.page-navi .all a {
    background: #D5D5D5;
}

.page-navi div a:hover {
    background: #006DB2;
    color: #fff;
}

.page-navi .next a,
.page-navi .prev a {
    padding: 4px 43px;
}


}

  

/* ========================================
  @media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {
    /* mv
-------------------------------------*/
.mv {
    position: relative;
}
.mv .img img {
    width: 100%;
    height: 25vw;
    object-fit: cover;
}
.mv h2 {
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}
.mv h2 img {
    width: 39.347vw;
}

/* news
-------------------------------------*/
.news {
    padding: 10.169vw 0 23.468vw;
}
.news .sec-ttl {
    margin-bottom: 12.647vw;
}
.news .news-list {
    margin-inline: auto;
    display: grid;
    gap: 6.519vw;
    margin-bottom: 15.906vw;
    width: 95vw;
    justify-content: center;
}
.news .news-list li a {
    display: grid;
    gap: 2.999vw;
    align-items: center;
    grid-template-columns: 68vw 1fr;
}
.news .news-list .news-ttl {
    font-weight: 500;
    font-size: 3.608vw;
    line-height: 1.2;
    border-bottom: 1px solid #000;
    padding-bottom: 0.652vw;
}
.news .news-list .news-date {
    font-weight: 500;
    font-size: 2.956vw;
    line-height: 1.2;
}

.wp-pagenavi {
    margin-bottom: 18.253vw;
}

/* footer
-------------------------------------*/
  footer .map {
    width: min(95%, 1200px);
    margin-inline: auto;
    margin-top: 10.43vw;
    margin-bottom: 13.038vw;
  }


  /* single
-------------------------------------*/
.news.single .inner {
    width: min(95%, 704px);
    margin-inline: auto;
}
.news.single .news-ttl {
    font-weight: 500;
    font-size: 4.911vw;
    line-height: 1.2;
    margin-bottom: 7.301vw;
}
.news.single .news-date {
    font-weight: 500;
    font-size: 2.956vw;
    line-height: 1.2;
    margin-bottom: 1.434vw;
    color: #444;
}
.news.single .news-thumb {
    width: 91.265vw;
    margin-bottom: 4.778vw;
    margin-inline: auto;
}
.news.single .news-thumb img {
    height: 52.151vw;
    width: 100%;
}
.news.single .news-content {
    font-weight: 500;
    font-size: 3.608vw;
    line-height: 2.4;
    margin-bottom: 10.905vw;
}
.page-navi {
    margin: 4vw auto 12vw;
    display: flex;
    justify-content: center;
    gap: 2.608vw;
}
.page-navi div a {
    display: inline-block;
    padding: 1.522vw 6.258vw;
    font-size: 3.608vw;
    background: #D4D4D4;
    text-decoration: none;
    font-weight: 500;
}

.page-navi .all a {
    background: #D5D5D5;
}

.page-navi div a:hover {
    background: #006DB2;
    color: #fff;
}

.page-navi .next a,
.page-navi .prev a {
    padding: 1.522vw 5.606vw;
}


}