@charset "UTF-8";

/* archive */
@media all {
	.main-section-ttl {
		text-align: center;
	}

	.news-thumb {
		background: rgba(237,249,225,1);
	}
	.news-thumb img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.news-date {
		display: inline-flex;
		align-items: center;
		color: #999;
	}
	.news-date::before {
		content: '';
		display: inline-block;
		width: 1.5em;
		height: 1em;
		background: center left / contain no-repeat url(../img/news/clock.png);
	}
	.news-ttl {
		font-weight: bold;
		line-height: 1.67;
	}
	.news-ttl,
	.news-txt {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}

	/* sp */
	@media only screen and (max-width: 767px) {
		.news-section {
			padding: 0 15rem;
		}
		.news-list {
			margin-top: 40rem;
		}
		.news-item {
			margin-bottom: 40rem;
		}
		.news-thumb {
			width: 100%;
			aspect-ratio: 16 / 9;
			background-size: 120rem;
			border-radius: 15rem;
		}
		.news-info {
			margin-top: 15rem;
		}
		.news-date {font-size: 13rem;}
		.news-ttl {
			margin-top: 5rem;
			font-size: 17rem;
		}
		.news-txt {
			margin-top: 8rem;
			padding: 0 10rem;
			display: -webkit-box;
			font-size: 14rem;
			line-height: 1.4;
			-webkit-line-clamp: 1;
		}
		.news-list.first a:first-child .news-txt {
			-webkit-line-clamp: 3;
		}
		ul.page-numbers {
			margin-top: 20rem;
		}
		
		.site-footer {margin-top: 100rem;}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.news-section {
			padding: 0 50rem 0 40rem;
		}
		.news-list {
			margin: 40rem auto 0;
			width: 100%;
			max-width: 1030rem;
		}
		.news-item {
			display: flex;
			justify-content: space-between;
			margin-bottom: 70rem;
		}
		.news-thumb {
			overflow: hidden;
			width: 43.69%;
			height: 254rem;
			border-radius: 30rem;
		}
		
		.news-thumb img {transition: .3s;}
		a:hover .news-thumb img {transform: scale(1.1);}
		.news-info {
			width: 53.398%;
			height: 254rem;
		}
		.news-date {font-size: 14rem;}
		.news-ttl {
			margin-top: 20rem;
			font-size: 18rem;
			transition: .3s;
		}
		a:hover .news-ttl {opacity: .6;}
		.news-txt {
			margin-top: 24rem;
			font-size: 15rem;
			line-height: 2;
			transition: .3s;
		}
		a:hover .news-txt {opacity: .6;}
		.first a:first-child .news-item {
			margin-bottom: 90rem;
		}
		.first a:first-child .news-thumb {
			width: 62.136%;
			height: 360rem;
		}
		.first a:first-child .news-info {
			width: 34.951%;
		}
		.first a:first-child .news-ttl {
			font-size: 24rem;
			line-height: 1.82;
		}
		.first a:first-child .news-txt {
			margin-top: 30rem;
		}
		ul.page-numbers {
			margin-top: 30rem;
		}

		/* tab */
		@media (min-width: 600px) and (max-width: 979px) {}

		/* pc */
		@media (min-width: 980px) {}
	}
}





/* ----- single ----- */
@media all {
	.single .news-ttl {
		display: block;
	}
	.single .the_content {
		border-top: var(--max1px) solid #ccc;
		border-bottom: var(--max1px) solid #ccc;
		line-height: 2;
	}
	.return-archive {
		text-align: center;
		margin-bottom: 40rem;
	}
	.return-archive a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 160rem;
		height: 40rem;
		background-color: rgba(30,184,203,1);
		border: 1px solid rgba(30,184,203,1);
		border-radius: 99em;
		color: #fff;
	}

	/* sp */
	@media only screen and (max-width: 767px) {
		.single .news-ttl {
			margin-top: 10rem;
			font-size: 20rem;
		}
		.single .the_content {
			margin-top: 30rem;
			padding: 30rem 0;
		}

		.return-archive {
			margin-top: 60rem;
		}
	}
	/* tab & pc */
	@media print,
	(min-width: 768px) {
		.single .news-section {
			margin: 90rem auto 0;
			padding: 0;
			width: 640rem;
		}
		.single .news-section header > img {
			width: 100%;
		}
		.single .section-content {
			margin: 40rem auto 0;
			width: 100%;
			max-width: 700rem;
		}
		.single .news-ttl {
			font-size: 25rem;
			line-height: 2;
		}
		.single .the_content {
			margin-top: 30rem;
			padding: 50rem 0 100rem;
			font-size: 16rem;
		}
		.return-archive {
			margin-top: 100rem;
		}
		.return-archive a {transition: .3s;}
		.return-archive a:hover {
			color: rgba(30,184,203,1);
			background-color: #fff;
		}

		.site-footer {margin-top: 200rem;}
	}
}