.news-main {
    margin: 0px 0 100px;
}

.news-main .page-title {
    background-image: url(../images/news/news-title-back.jpg?0310);
	background-position: right;
}

.news-contents {
    width: 1240px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}

.news-category {
    width: 1136px;
    max-width: 100%;
    margin: 0 auto 83px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news-category p {
    font-size: .46rem;
    color: #808080;
    font-family: "times-new-roman", sans-serif;
    letter-spacing: 0.04em;
    display: none;
}

.news-category__box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 0;
}

.news-category__btn {
    font-size: .16rem;
    color: #006339;
    background-color: #fff;
    padding: 9px 0px;
    width: 23%;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    border: #006339 solid 1px;
    transition: all .3s;
}

.news-category__btn:hover{
        background-color: #006339;
    color: #fff;
    opacity: 1;
}

.category-active {
    background-color: #006339;
    color: #fff;
}

/* ご案内 */
.term-information .news-category__btn[href*="information"],
.term-property .news-category__btn[href*="property"],
.term-update .news-category__btn[href*="update"]{
    background-color: #006339;
    color: #fff;
}



.news-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.news-item {
    width: 30%;
    margin-bottom: 52px;
}




.news-tag {
    font-size: .13rem;
    color: #fff;
    background-color: #006339;
    padding: 0px 0px;
    width: 91px;
    text-align: center;
    margin-right: 18px;
    display: inline-block;
    margin-bottom: 9px;
}

.news-text {
    font-size: .16rem;
    color: #000;
    line-height: 1.8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}

.news-date {
    font-size: .16rem;
    color: #000;
}



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

.news-main .page-title {
    background-image: url(../images/news/sp-news-title-back.jpg);
}

	.news-item {
		width: 100%;
        margin-bottom: 46px;
	}
	.news-category__box {
		flex-wrap: wrap;
	}
    .news-category__btn {
        padding: 9px 0px;
        margin-bottom: 15px;
        width: 47%;
    }
	.news-category {
		margin: 0 auto 35px;
	}
}