@charset "UTF-8";


/* news-section */
@media all {
	.news-item {
		border-bottom: 1rem solid var(--border);
	}

	.news-ttl small {
		font-family: 'Montserrat', sans-serif;
		font-weight: 300;
		line-height: 1.3125;
	}

	.news-item a {
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		transition: opacity .3s;
	}

	.news-item a:hover {
		opacity: .7;
	}

	.news-thumb {
		position: absolute;
		display: block;
		border-radius: 10rem;
		object-fit: cover;
	}

	.news-info {
		color: var(--font-gray);
	}

	.news-info time::after {
		content: ' ｜';
	}

	.news-title {
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		font-weight: 500;
	}
	.noposts {
		margin-top: 40rem;
		text-align: center;
	}


	/* sp */
	@media only screen and (max-width: 767px) {
		.news-section {padding: 100rem 20rem 70rem;}
		.news-ttl {
			border-left: 5rem solid var(--red);
			text-align: center;
		}
		.news-ttl small {
			display: block;
			margin-bottom: 4rem;
			font-size: 24rem;
		}
		.news-list {
			margin-top: 24rem;
		}
		.news-item a {
			padding: 16rem 0 16rem 106rem;
		}
		.news-thumb {
			left: 0;
			width: 90rem;
			height: 60rem;
			border-radius: 10rem;
		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {

		.news-list {
			margin: 50rem auto 0;
			width: 750rem;
		}

		.news-item {
			padding: 20rem 0 20rem;
		}

		.news-item a {
			padding-left: 150rem;
			min-height: 80rem;
		}

		.news-item a::after {
			top: calc(50% - 18rem);
			right: 0;
			width: 36rem;
			height: 36rem;
		}

		.news-thumb {
			position: absolute;
			top: calc(50% - 40rem);
			left: 0;
			display: block;
			width: 120rem;
			height: 80rem;
			border-radius: 10rem;
		}

		.news-info,
		.news-title {
			font-size: 14rem;
		}
	}
}