@charset "utf-8";
:root{
    --news-back-color:#F2F4F1;
    --news-tag-color:#E1F1D5;
    --nes-green-text:#405A4B;
    --news-text-color:#191919;
    --news-border-color:#707070;
    --news-back-color-2:#6FB92A;
    --news-page-number:#F7B401;
    --page-aroow:#707070;
}
#news__list__area{
    width: 100%;
    height: auto;
    background-color: var(--news-back-color);
}
    .news__list__inner{
        width: 85.9375%;
        height: auto;
        padding-top: 52px;
        padding-bottom: 100px;
        margin: 0 auto;
    }
        .news__list__container__wrap{
            width: 85.545455%;
            height: auto;
            margin: 0 auto;
        }
            .news__list__container{
                width: 100%;
                height: auto;
                margin: 0 auto;
                display: flex;
                justify-content: space-between;
                align-items: flex-start;
                padding-top: 54px;
                padding-bottom: 40px;
            }
                .news__list__contents{
                    display: block;
                    width: 70.319149%;
                    height: auto;
                }
                    .news__list__item{
                        width: 100%;
                        height: auto;
                        padding: 30px 0 30px 30px;
                        background-color: #fff;
                        margin-bottom: 1px;
                    }
                        .news__day__wrap{
                            width: 100%;
                            height: auto;
                            display: flex;
                            align-items: center;
                            column-gap: 16px;
                            margin-bottom: 10px;
                        }
                            .news__day__wrap{
                                color: var(--news-text-color);
                            }
                            .news__day__wrap ul{
                                display: flex;
                                column-gap: 10px;
                            }
                                .news__day__wrap ul li{
                                    background-color: var(--news-tag-color);
                                    width: auto;
                                    height: auto;
                                    padding: 4px 16px;
                                }
                            .news__day__wrap li a{
                                color: #405A4B;
                                font-size: 12px;
                                text-align: center;
                                border: unset;
                            }
                    .news__list__item__link{
                        font-size: 20px;
                        color: var(--news-text-color);
                        letter-spacing: 0.05em;
                    }
                    .category_link{
                        display: none;
                    }
            .category__contents{
                width: 25.504782%;
                height: auto;
                background-color: #fff;
                border-radius: 10px;
                overflow: hidden;
            }
                .category__contents__inner{
                    width: 100%;
                    height: auto;
                }
                    .category__contents__title{
                        width: 100%;
                        height: auto;
                        background-color: var(--news-back-color-2);
                        padding: 13px 0;
                    }
                        .category__contents__title__text{
                            width: 80%;
                            height: auto;
                            margin: 0 auto;
                            color: #fff;
                            font-size: 20px;
                        }
                    .category__contents__inner ul{
                        width: 100%;
                        height: auto;
                        padding-bottom: 32px;
                    }
                        .category__contents__inner li{
                            width: 80%;
                            height: auto;
                            margin: 0 auto;
                            display: flex;
                            column-gap: 8px;
                            align-items: center;
                            margin-top: 24px;
                        }
                        .category__contents__inner li::before{
                            content: "";
                            background-image: url(../image/green_arrow.png);
                            background-size: contain;
                            background-repeat: no-repeat;
                            background-position: center;
                            width: 14px;
                            height: 20px;
                        }
                            .category__item__arrow{
                                width: 14px;
                                height: auto;
                            }
                                .category__item__arrow img{
                                    width: 100%;
                                    height: auto;
                                }
                            .category__contents__inner li a{
                                font-size: 16px;
                                letter-spacing: 0.05em;
                                color: var(--news-text-color);
                                border-bottom: 1px solid var(--news-text-color);
                            }
        .news__pagenation__contents{
            width: auto;
            height: auto;
            margin: 0 auto;
            
        }
            .nav-links{
                display: flex;
                justify-content: center;
                align-items: center;
                column-gap: 72px;
            }
            .prev.page-numbers,
            .next.page-numbers{
                width: auto;
                height: auto;
                font-size: 16px;
                position: relative;
                cursor: pointer;
            }   
            .prev.page-numbers::before{
                content: url(../image/prev_image.svg);
                display: block;
                width: 18px;
                position: absolute;
                left: -100%;
                top: 3px;
            }
            .next.page-numbers::after{
                content: url(../image/next_image.svg);
                display: block;
                width: 18px;
                position: absolute;
                right: -100%;
                top: 3px;
            }
            .news__pagenation__item__number__wrap{
                display: flex;
                align-items: center;
                column-gap: 16px;
            }
                .page-numbers{
                    width: 40px;
                    height: 40px;
                    font-size: 16px;
                    border-radius: 20px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    color: var(--news-text-color);
                }
                .page-numbers.current{
                    background-color: var(--news-page-number);
                    color: #fff;
                }
/* ディティール */
#news__detail__area{
    width: 100%;
    height: auto;
    background-color: var(--news-back-color);
}
    .news__detail__inner{
        width: 85.9375%;
        height: auto;
        margin: 0 auto;
        max-width: 1280px;
        padding-top: 52px;
        padding-bottom: 100px;
    }
        .news__detail__container{
            width: 85.545455%;
            height: auto;
            margin: 54px auto 60px auto;
            background-color: #fff;
            padding: 55px 0;
        }
            .news__detail__contents{
                width: 78.639745%;
                height: auto;
                margin: 0 auto;
            }
                .news__detail__title{
                    font-size: 32px;
                }
                .news__detail__contents img{
                    width: 75%;
                    height: auto;
                    margin: 0 auto;
                    padding-top: 62px;
                    padding-bottom: 40px;
                }
                    .news__detail__image img{
                        width: 75%;
                        height: auto;
                    }
                .news__detail__text{
                    width: 100%;
                    height: auto;
                    font-size: 16px;
                    letter-spacing: 0.05em;
                    line-height: 2.25em;
                }
        .news__detail__back__btn{
            width: 32.727273%;
            height: 71px;
            position: relative;
            margin: 0 auto;
            background-color: #fff;
            max-width: 360px;
        }   
            .news__detail__back__btn__text{
                width: 100%;
                text-align: center;
            }
@media all and (max-width:820px){
    .news__list__contents{
        width: 67%;
    }
    .category__contents{
        width: 30%;
    }
    .nav-links{
        column-gap: 40px;
    }
}
/* SP ================================================== */
@media all and (max-width:768px){
    .news__list__inner{
        width: 87%;
    }
    .news__list__container {
        width: 100%;
        height: auto;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding-top: 54px;
        padding-bottom: 40px;
        row-gap: 20px;
        flex-direction: column;
    }
        .category__contents{
            width: 100%;
            margin-bottom: 20px;
        }
        .news__list__container__wrap{
            width: 100%;
        }
            .news__list__contents{
                width: 100%;
            }
            .news__pagenation__contents{
                column-gap: 14px;
            }
            .news__pagenation__item__number__wrap{
                column-gap: 10px;
            }
                .news__detail__contents img{
                    width: 100%;
                    padding-top: 20px;
                }

    .news__detail__inner{
        width: 87%;
    }
        .news__detail__container{
            width: 100%;
        }
            .news__detail__title{
                font-size: 20px;
            }
            .news__day__wrap time{
                font-size: 14px;
            }
                .news__detail__image{
                    width: 100%;
                }
                .news__detail__back__btn{
                    width: 100%;
                }
            #news__detail__area .trajectory{
                font-size: 9px;
            }
            .nav-links{
                display: flex;
                justify-content: center;
                align-items: center;
                column-gap: 5px;
            }
            .page-numbers{
                font-size: 14px;
                width: 30px;
                height: 30px;
            }
            .next.page-numbers::after {
                transform: scale(0.8);
            }
}