.contents{
    padding-top:10rem;
}
.inner-01{
    margin:0 auto 10rem;
}
.news_index .headline_list {
    display: flex;
    flex-direction: column;
    width: 82.143vw;
    margin-top: 3.571428571428571vw;
    margin-bottom: 4.321428571428571vw;
}

@media screen and (max-width: 640px) {
    .news_index .headline_list {
        width: 92vw;
        margin-top: 4vw;
        margin-bottom: 10.666666666666666vw;
    }
}

.news_index .headline {
    display: flex;
    position: relative;
    flex-direction: row;
    align-items: center;
    padding-top: 1.179vw;
    padding-bottom: 1.321vw;
    border-bottom: 1px solid #dcdde3;
}

@media screen and (max-width: 640px) {
    .news_index .headline {
        flex-direction: column;
        justify-content: space-evenly;
        align-items: flex-start;
        width: 92vw;
        margin-top: 5.333333333333333vw;
    }
}

.news_index .headline_meta {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 20.08vw;
    height: 1.714vw;
    font-size: 1vw;
}

@media screen and (max-width: 640px) {
    .news_index .headline_meta {
        width: 58.856vw;
        height: 5.867vw;
    }
}

.news_index .headline_meta .date {
    margin-left: 1.786px;
    font-size: 1.071vw;
    color: #1f2d37;
}

@media screen and (max-width: 640px) {
    .news_index .headline_meta .date {
        font-size: 4vw;
        margin-left: 0px;
    }
}

.news_index label {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 9.356vw;
    height: 1.714vw;
    margin-left: 4.081vw;
    color: #fff;
    font-size: 0.857142857142857vw;
    font-weight: 400;
    background-color: #286BC1;
}

.news_index .no_flex {
    display: inline;
    margin: 0;
}

@media screen and (max-width: 640px) {
    .news_index label {
        width: 30.02133333333333vw;
        height: 5.866666666666666vw;
        margin-left: 0px;
        font-size: 2.933vw;
    }
}

.news_index .news_link {
    margin-left: 1.812vw;
    font-size: 1vw;
    font-weight: 400;
    text-decoration: none;
    color: #333;
    width: 59vw;
}

.news_index .no_news_link {
    margin-left: 1.812vw;
    font-size: 1vw;
    font-weight: 400;
    text-decoration: none;
    color: #000000;
    width: 59vw;
}

@media screen and (max-width: 640px) {
    .news_index .no_news_link {
        margin-top: 4vw;
        margin-bottom: 4vw;
        margin-left: 0;
        font-size: 3.733vw;
        text-align: left;
        width: 100%;
    }
}

@media screen and (max-width: 640px) {
    .news_index .news_link {
        margin-top: 4vw;
        margin-bottom: 4vw;
        margin-left: 0;
        font-size: 3.733vw;
        text-align: left;
        width: 100%;
    }
}

.news_index .news_link:hover {
    text-decoration: underline;
}

.pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.pagination li {
    position: relative;
    width: 2.428571428571428vw;
    height: 2.428571428571428vw;
    list-style: none;
}

@media screen and (max-width: 640px) {
    .pagination li {
        width: 9.066666666666666vw;
        height: 9.066666666666666vw;
    }
}

.pagination li a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 5;
}

a.page-num {
    line-height: 2.428571428571428vw;
    display: inline-block;
    width: 2.428571428571428vw;
    height: 2.428571428571428vw;
    text-align: center;
}

.pagination li a p,
a.page-num {
    font-size: 1.142857142857143vw;
}

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

    .pagination li a p,
    a.page-num {
        font-size: 4.266666666666667vw;
        width: 30px;
        height: 24px;
        line-height: 24px;
    }
}

.pagination li.prev,
.pagination li.next {
    position: relative;
    background-color: #f4f5f5;
    border: 1px solid #dcdde3;
}

.pagination li.prev {
    margin-right: 1.071428571428571vw;
}

@media screen and (max-width: 640px) {
    .pagination li.prev {
        margin-right: 4vw;
    }
}

.pagination li.prev img {
    position: absolute;
    width: 2.857142857142857vw;
    height: 5.714285714285714vw;
    top: -70%;
    left: -12%;
}

@media screen and (max-width: 640px) {
    .pagination li.prev img {
        width: 10.666666666666666vw;
        height: 21.333333333333332vw;
    }
}

.pagination li.next {
    margin-left: 1.071428571428571vw;
}

@media screen and (max-width: 640px) {
    .pagination li.next {
        margin-left: 4vw;
    }
}

.pagination li.next img {
    position: absolute;
    width: 2.857142857142857vw;
    height: 5.714285714285714vw;
    top: -70%;
    left: -9.5%;
}

@media screen and (max-width: 640px) {
    .pagination li.next img {
        width: 10.666666666666666vw;
        height: 21.333333333333332vw;
    }
}

.pagination li.active,
a.page-num.page-num-current {
    border: 1px solid #286BC1;
    background-color: #286BC1;
}

.pagination li.active a,
a.page-num.page-num-current {
    color: #fff;
}



.news_detail article {
    width: 60.71428571428571vw;
    margin: 0 auto;
}

@media screen and (max-width: 640px) {
    .news_detail article {
        width: initial;
        padding: 0 4vw;
    }
}

.news_detail article h2 {
    font-size: 2.285714285714286vw;
    margin: 0 0 1.428571428571428vw 0;
}

@media screen and (max-width: 640px) {
    .news_detail article h2 {
        font-size: 6.4vw;
        margin: 8vw 0 5.333333333333333vw 0;
    }
}

.news_detail article p {
    font-size: 1.142857142857143vw;
}

@media screen and (max-width: 640px) {
    .news_detail article p {
        font-size: 3.733333333333333vw;
    }
}

.news_detail article .underLayer_container .date {
    display: block;
    font-size: 1vw;
    color: #1f2d37;
    /*margin: 0 0 1.428571428571428vw 0;*/
    margin: 0 1vw 1.428571428571428vw 0;
}

@media screen and (max-width: 640px) {
    .news_detail article .underLayer_container .date {
        font-size: 3.466666666666667vw;
        /*margin: 0 0 5.333333333333333vw 0;*/
        margin: 0 1vw 5.333333333333333vw 0;
    }
}

.news_detail article .underLayer_container .category_tag {
    display: flex;
    align-items: center;
    justify-content: center;
    /*width: 5.428571428571428vw;*/
    width: 6.428571428571428vw;
    height: 2.142857142857143vw;
    font-size: 1vw;
/*    font-family: "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;*/
    margin: 0 0 2.142857142857143vw 0;
}

@media screen and (max-width: 640px) {
    .news_detail article .underLayer_container .category_tag {
        font-size: 3.466666666666667vw;
        width: 19.2vw;
        height: 7.2vw;
        margin: 0 0 5.333333333333333vw 0;
    }
}

.news_detail article .underLayer_container .category1 {
    display: block;
    color: #fff;
    background-color: #286BC1;
    text-align: center;
    line-height: 2.5;
}

.news_detail article .figure_box {
    display: flex;
    justify-content: end;
    width: 50vw;
    margin: 3.571428571428571vw 0 2.857142857142857vw 0;
}

@media screen and (max-width: 640px) {
    .news_detail article .figure_box {
        display: block;
        width: initial;
        margin: 8vw 0 8vw 0;
    }
}

.news_detail article .figure_box figure {
    width: 15vw;
    margin: 0 2.142857142857143vw 0 0;
}

@media screen and (max-width: 640px) {
    .news_detail article .figure_box figure {
        width: initial;
        text-align: center;
        margin: 0 17.333333333333332vw 8vw 17.333333333333332vw;
    }
}

.news_detail article .figure_box figure img {
    width: 100%;
}

.news_detail article .figure_box figure figcaption {
    width: 100%;
    text-align: center;
/*    font-family: "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;*/
    font-size: 1vw;
    padding: 1.071428571428571vw 0;
}

@media screen and (max-width: 640px) {
    .news_detail article .figure_box figure figcaption {
        font-size: 3.733333333333333vw;
        padding: 4vw 0;
    }
}

.news_detail article .newsDetail_btnArea {
    text-align: center;
    margin: 4.285714285714286vw 0 7.857142857142857vw 0;
}

@media screen and (max-width: 640px) {
    .news_detail article .newsDetail_btnArea {
        height: 5.333333333333333vw;
    }
}

.news_detail article .newsDetail_btnArea .button_radius_blueGradient {
    display: inline-grid;
}

@media screen and (max-width: 640px) {
    .news_detail article .newsDetail_btnArea .button_radius_blueGradient {
        display: none !important;
    }
}

@media screen and (max-width: 767px){
    .top_service .inner-01{
        margin-bottom:10rem;
    }
}