@charset "UTF-8";

.pageHeader_news {
    display: flex;
    background: linear-gradient(to right, #00469B, #3382ED);
    padding: min(30%, 15rem) 16rem 14.225rem 8rem;
    justify-content: space-between;
    min-height: 250px;
}

.title_about {
    margin-top: 1rem;
}

.title_about h2 {
    font-family: roboto;
    color: #fff;
    opacity: 50%;
    font-size: min(10vw, 11rem);
    font-weight: 500;
    white-space: nowrap;
}

.title_about p {
    font-size: 2.3rem;
    color: #fff;
    font-weight: 700;
    margin: -3.5rem 0 0 0;
    letter-spacing: 0.15em;
}

.bgabout01 {
    background-color: #F4F6F8;
}

.bgabout02 {
    background-color: #fff;
}

@media screen and (max-width: 1028px) {

    .pageHeader_news {
        padding: 6.8rem 16rem 7.2rem 3rem;
    }

    .title_about h2 {
        font-size: clamp(5.7rem, 10vw, 13rem);
    }

    .title_about p {
        font-size: 1.8rem;
        margin: -2.5rem 0 0 0;
    }

    .title_about {
        margin: 1rem 2rem 0;
    }

}

@media screen and (min-width: 1366px) {
    .pageHeader_news {
        padding: min(30%, 15rem) calc(100vw / 3 - 640px) 14.225rem calc(100vw / 3 - 379px);
    }

}




@media screen and (max-width: 570px) {
    .pageHeader_news {
        padding: 7rem 16rem 6rem 0;
    }
}

@media screen and (max-width: 410px) {
    .title_about h2 {
        font-size: min(14vw, 5.7rem);
    }

    .pageHeader_news {
        min-height: 200px;
    }
}


/***********************:title****************************/
.news_title {
    position: relative;
    display: flex;
    /* フレックスボックスを有効化 */
    justify-content: center;
    /* 水平方向の中央寄せ */
    align-items: center;
    /* 垂直方向の中央寄せ */
    font-size: 30px;
    /* 通常テキスト用のフォントサイズ */
    color: #000;
    /* 通常テキストの色 */
    letter-spacing: 0.15em;
}



.news_title::after {
    content: 'NEWS LIST';
    position: absolute;
    font-family: "Roboto Condensed", sans-serif;
    top: 50%;
    /* 垂直方向の中央寄せ */
    left: 50%;
    /* 水平方向の中央寄せ */
    transform: translate(-50%, -55%);
    /* 中央に配置 */
    font-size: clamp(3.5rem, 10vw, 14.6rem);
    /* 背景テキストのフォントサイズ */
    color: #f4f6f8;
    /* 背景テキストの色（透明度含む） */
    z-index: 0;
    /* 背景として配置 */
    white-space: nowrap;
    /* テキストの折り返し防止 */
    letter-spacing: normal;
}

.news_title_line {
    background-image: linear-gradient(to right, #00469B, #3382ED);
    min-width: 110px;
    text-align: center;
    /* 線の色 */
    background-size: 110px 8px;
    /* 幅(100%=文字の長さ) | 高さ(線の太さ) */
    background-position: bottom;
    /* 下に配置 */
    background-repeat: no-repeat;
    /* 背景を繰り返さない */
    padding-bottom: 21px;
    /* オフセット */
    z-index: 1;
}

@media (max-width: 767px) {
    .news_title {
        font-size: 22px;
    }

    .news_title_line {
        background-size: 80px 6px;
        /* 幅(100%=文字の長さ) | 高さ(線の太さ) */
        padding-bottom: 12px;
    }
}


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

.news_wrapper {
    width: 100%;
    margin: 0 auto;
    padding-top: 11rem;
    padding-bottom: 8rem;

}

.news_container {
    max-width: 960px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
}

.qa-container {
    width: 100%;
    margin: 30px auto 0;

}

.news_list {
    margin-top: 8.2rem;
}

.pagination {
    display: flex;
    /*    gap: 0.5rem;*/
    justify-content: center;
    margin-top: 80px;
}


.pagination a {
    display: inline-block;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 1.6rem;
    color: black;
    border-radius: 50%;
    text-decoration: none;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}


.pagination i {
    line-height: 50px;
}

.pagination .active a {
    background-color: #00469b;
    color: white;
}

.pagination a:hover {
    background-color: #e5ecf5;
    color: #000;
    transition: 0.2s ease-out;
}

.pagination .disabled a {
    pointer-events: none;
    color: #fff;
}

.pagination .disabled a:hover {
    background-color: initial;
    color: #000000;
}

@media screen and (max-width:1028px) {
    .pagination {
        margin-top: 40px;
    }

    .news_wrapper {

        padding-top: 6.3rem;

    }

    .news_list {
        margin-top: 2.3rem;
    }
}

@media (max-width:430px) {

    .pagination a {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }


    .pagination i {
        line-height: 40px;
    }
}

.article_wrapper {
    padding: 10rem 0;
    width: 100%;
    margin: 0 auto;
}

.article_container {
    margin: 0 auto;
    max-width: 960px;
    padding: 0 20px;
}

.article_box {
    display: flex;
    gap: 2rem;
    align-items: center;
}

.article_box .date {
    color: #4F4F4F
}

.article_container h3 {
    padding: 21px 0;
    border-bottom: 1px solid #d3d3d3;
    color: #00469b;
    font-size: 2.3rem;
    font-weight: 500;
}

.article_container .btn01 {
    margin-top: 100px;
}

.topNews .article_txt {
    margin: 2.5rem 0 3.8rem 0;
    font-size: 1.6rem;
    font-weight: 400;
    text-align: justify;
}

.article_flex {
    display: flex;
    gap: 2rem;
    width: 100%;
    justify-content: center;
}

.article_flex img {
    width: 49%;
    height: 100%;
}


@media screen and (max-width:760px) {

    .article_wrapper {
        padding: 5rem 0;
    }

    .article_container .btn01 {
        margin-top: 40px;
    }

    .article_container h3 {
        font-size: 2rem;
    }

    .article_flex {
        display: block;
        margin: 0 auto;
        text-align: center;
    }



    .article_flex img:first-child {
        margin-bottom: 2rem;
    }

    .article_flex img {
        width: 100%;
    }

}

figure.wp-block-image {
  margin: 2em 0;
}

figure.wp-block-image img {
  display: block;
  margin: 0 auto;
}