/* ーーーーーーーーー
news一覧ページ
ーーーーーーーーー */


.pagination {
    display: flex;
    text-align: center;
    width: 100%;
    border-top: 1px solid #cccccc;
}

.newsList {
    margin: 0 auto;
    padding: 6.5rem 0 11rem;
}

.newsList__menu {
    display: flex;
    margin-bottom: 5.5rem;
    align-items: center;
}

.newsList__set {
    display: flex;
    align-items: center;
}

.newsList__item {
    margin-right: 3rem;
    color: #00468c;
    font-size: 1.2rem;
}



.newsList__item:nth-child(2),
.studyList__item:nth-child(2) {
    background-color: #e6e6e6;
    padding: 0 1rem;
}

.newsList__item,
.studyList__item {
    transition: .4s;
}

.newsList__item:hover,
.studyList__item:hover {
    opacity: 0.8;
}

@media screen and (max-width: 1149px) {
    .newsList__menu {
        display: block;
    }

    .newsList__item {
        margin-right: 1rem;
    }
}

/* ーーーーーーーーー
news投稿記事ページ
ーーーーーーーーー */

.news__info {
    display: flex;
    margin-bottom: 1rem;
    column-gap: 1.5rem;
}

.news__info--cate {
    background-color: #cccccc;
    color: #00468c;
    padding: 0 1rem;
}

.news__section {
    border-bottom: 1px solid #cccccc;
    text-align: left;
    padding-bottom: 2rem;
    font-size: 3rem;
}

.news__body {
    font-size: 1.5rem;
    max-width: 1000px;
    margin: 0 auto;
}

.news__text {
    margin-bottom: 5.5rem;
}

.news__imgBox {
    display: flex;
    justify-content: space-between;
}

.news__img {
    margin-bottom: 0.5rem;
}

.news__btn--link {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.news__btn {
    max-width: 231px;
    margin: 9.5rem auto 10.474%;
    border: 1px solid #00468c;
    height: 5.6rem;
    color: #00468c;
}

.news__btn--link {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s;
}

.news__btn--link:hover {
    background-color: #00468c;
    color: #fff;
}

@media screen and (max-width: 1200px) {
    .news__img {
        width: 38vw;
        min-width: 300px;
    }
}


@media screen and (max-width: 767px) {
    .news__section {
        font-size: 2.5rem;
    }

    body div .news__imgBox {
        display: block;
    }

    body div .news__img {
        width: 100%;
        min-width: 300px;
    }

    body div .news__unit {
        width: 80%;
        margin: 0 auto 5rem;
    }

    .news__unit:last-child {
        margin: 0 auto 0;
    }
}

@media screen and (max-width: 480px) {
    .news__section {
        font-size: 2rem;
    }

    body div .news__img {
        min-width: 0;
    }
}

/* ーーーーーーーーー
case study 一覧ページ
ーーーーーーーーー */
.studyList {
    width: 100%;
}


.archive__inner {
    padding-top: 0;
}

.studyList__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    /* row-gap: 7.5rem; */
    padding-top: 7vw;
}

.studyList__inner--top {
    padding-top: 0;
}

.studyList__unit {
    width: calc((100% - 10rem) / 3);
    margin-left: 50px;
    margin-top: 50px;

    &:nth-child(-n+3) {
        margin-top: 0;
    }

    &:nth-child(3n+1) {
        margin-left: 0;
    }
}

.studyList__menu {
    display: flex;
    padding-left: 1rem;
    margin-top: 1rem;
    font-size: 1.2rem;

}

.studyList__item {
    color: #00468c;
    margin-right: 1rem;
}

.studyList__item:not(:last-child) {
    margin: 0 2rem 0 1rem;
}

.studyList__title {
    text-align: left;
    font-size: 1.5rem;
}


.studyList__img {
    overflow: hidden;
}

.studyList__img img {
    transition: .4s;
}

.studyList__img:hover img {
    -webkit-transform: scale(1.1) rotate(1deg);
    transform: scale(1.1) rotate(1deg);
}

@media screen and (max-width: 767px) {
    .studyList__unit {
        width: calc((100% - 5rem) / 2);
        margin-left: 25px;
        margin-top: 25px;

        &:nth-child(-n+3) {
            margin-top: 25px;
        }

        &:nth-child(3n+1) {
            margin-left: 25px;
        }

        &:nth-child(-n+2) {
            margin-top: 0;
        }

        &:nth-child(2n+1) {
            margin-left: 0;
        }
    }

}

@media screen and (max-width: 480px) {
    .studyList__unit {
        width: 100%;
        margin-left: 0px;

        &:nth-child(-n+3) {
            margin-top: 25px;
        }

        &:nth-child(3n+1) {
            margin-left: 0px;
        }

        &:nth-child(-n+2) {
            margin-top: 25px;
        }

        &:nth-child(2n+1) {
            margin-left: 0;
        }

        &:first-child {
            margin-top: 0;
        }
    }

    .studyList__menu {
        display: block;
        padding-left: 0;
        text-align: left;
        margin-top: 0;
    }

    .newsList__item:nth-child(2),
    .studyList__item:nth-child(2) {
        background-color: #e6e6e6;
        padding: 0 1rem;
        max-width: 8.5rem;
    }

}

/* ーーーーーーーーー
case study 投稿記事ページ
ーーーーーーーーー */

.mv__archive {
    height: 22vw;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45284051120448177) 0%);
    min-height: 150px;
}

.mv__archive>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    z-index: -1;
}


/* ーーーーーーーーー
TOPページ case study 
ーーーーーーーーー */

.caseStudy .wp-pagenavi {
    display: none;
}

.caseStudy .pagination {
    border-top: none;
}

.caseStudy__inner {
    padding-bottom: 10.474%;
}

.caseStudy .news__btn {
    max-width: 231px;
    margin: 9.5rem auto 0;
    border: 1px solid #00468c;
    height: 5.6rem;
    color: #00468c;
}

/* ーーーーーーーーー
ページネーション
ーーーーーーーーー */

.current {
    color: #fff;
    background-color: #00468c;
    /* 	padding: min(1.3286vw,21.258px) min(1.736vw, 27.776px); */
    padding: 21.258px 27.776px;
}

.larger,
.smaller {
    /*     padding: min(1.3286vw,21.258px) min(1.736vw, 27.776px); */
    padding: 21.258px 27.776px;
    border-right: 1px solid #f2f2f2;
    transition: .4s;
}

.smaller {
    border-left: 1px solid #f2f2f2;
    border-right: none;
}

.wp-pagenavi {
    margin: 10rem 0 15rem;
    font-size: 1.5rem;
}

.nextpostslink,
.previouspostslink {
    /* 	padding: min(1.3286vw,21.258px) min(1.736vw, 27.776px); */
    padding: 21.258px 27.776px;
    transition: .4s;
    color: #00468c;
}

.larger:hover,
.nextpostslink:hover,
.previouspostslink:hover,
.smaller:hover {
    background-color: #f2f2f2;
}