@charset "utf-8";

/*
pagetitle
*/
.page-title {
	background-image: url(../img/topimage_news.jpg);
	@media (width <= 800px) {
		background-image: url(../img/topimage_news_sp.jpg);
	}
}


/* news */
.news {
	margin-bottom: 375px;
	@media (width <= 800px) {
		margin-bottom: 110px;
	}
}
.newslist {
	margin: 0;
	padding: 0;
	li {
		width: 100%;
		margin: 0;
		padding: 0;
		a {
			position: relative;
			display: block;
			text-decoration: none;
			padding: 40px 150px;
			border-bottom: 1px solid var(--gray03);
			@media (width >= 800px) {
				&:hover {
					&::after {
						right: 0;
						background-color: var(--green01);
					}
					.entry-title {
						color: var(--green01);
					}
				}
			}
			@media (width <= 800px) {
				padding: 15px 30px 15px 10px;
			}
			&::after {
				position: absolute;
				right: 25px;
				top: 50%;
				translate: 0 -50%;
				width: 12px;
				height: 18px;
				content: "";
				background-color: var(--darkgray);
				mask-image: url(../img/arrow_r.svg);
				mask-position: left top;
				mask-repeat: no-repeat;
				mask-size: cover;
				transition: all 0.3s ease-out;
				@media (width <= 800px) {
					right: 8px;
					width: 9px;
					height: 14px;
				}
			}
			.entry-date {
				position: absolute;
				left: 0;
				top: 40px;
				display: inline-block;
				@media (width <= 800px) {
					position: relative;
					left: auto;
					top: auto;
					display: block;
					margin-bottom: 10px;
				}
			}
			.entry-title {
				display: block;
				font-size: 18px;
				font-weight: 700;
				margin-bottom: 10px;
				transition: color 0.3s ease-out;
				@media (width <= 800px) {
					font-size: 14px;
				}
			}
			.entry-text {
				display: -webkit-box;
				text-overflow: ellipsis;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 3;
				line-clamp: 3;
				line-height: 1.875;
				overflow: hidden;
				@media (width <= 800px) {
					line-height: 1.42;
				}
			}
		}
	}
}