@charset "utf-8";

.keyVisual_content .innerBox .figure{
	background: url("../img/keyvisual.jpg") no-repeat center bottom / cover;
}

.keyVisual_content .keyVisual_title span::before{
	background: url("../img/p_news_blue.png") no-repeat center bottom / contain;
	max-width: 121px;
	width: 100%;
	aspect-ratio: 242/140;
}


body.under .keyVisual_content{
	background: url("../img/keyvisual_detail_pc.jpg") no-repeat center bottom / cover;
}

body.under .keyVisual_content .keyVisual_title span::before{
	background-image: url("../img/p_news.png");
}

#underDetail::before{
	content: "";
	display: block;
	background: url("../../news/img/img_detail.png") no-repeat center / contain;
	max-width: 216px;
	width: 23%;
	aspect-ratio: 432/343;
	position: absolute;
	top: 0;
	left: 100%;
}

@media screen and (max-width: 1280px){
	#underDetail::before{
		top: -13px;
		right: 20px;
		left: auto;
	}
}

@media screen and (max-width: 768px){
	.keyVisual_content .keyVisual_title span::before{
		width: 18%;
	}
}


/* ------------------------------------------------------------------------ */

/*  タグ検索部分

/* ------------------------------------------------------------------------ */

.cnt-search{
	background: #45bbe6;
}

.cnt-search .content::before{
	content: "";
	display: block;
	background: url("../img/img_top_deco.png") no-repeat center / contain;
	aspect-ratio: 585/463;
	max-width: 292.5px;
	width: 100%;
	position: absolute;
	right: 0;
	bottom: -65px;
}
@media screen and (max-width: 768px){
	.cnt-search .content::before{
		max-width: 77px;
		bottom: -46px;
	}
}

/* ------------------------------------------------------------------------ */

/*  一覧部分

/* ------------------------------------------------------------------------ */

.news_cards{
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
}
.news_cards img {
	width: 100%;
	height: auto;
	display: block;
}

.news_cards .card{
	padding: 60px 60px 40px;
	border-top: none;
	border-left: none;
	height: auto !important;
	color: #000;
	width: calc(100% / 4);
	transform: rotate(0);
}
/* .news_cards .card:nth-child(4n){
	border-right: none;
} */
	.news_cards .card img{
		display: block;
		margin: 0 auto;
		max-width: 280px;
		width: 100%;
		height: auto;
		aspect-ratio: 1 / 1 ;
		object-fit: cover;
		border-radius: 10px;
	}
	.news_cards .card .ttl{
		margin-top: 25px;
	}

	.news_cards .card .cate{
		margin-top: 24px;
	}
		.news_cards .card .cate li{
			display: inline-block;
		}

@media screen and (max-width: 1000px) {
	.news_cards .card{
		padding: 40px 40px 30px;
	}
}

@media screen and (max-width: 768px) {
	.news_cards .card{
		border: none;
		border-bottom: solid 1px #000;
		border-right: solid 1px #000;
		padding: 20px;
		width: calc(100% / 2);
	}
	/* .news_cards .card:nth-child(2n){
		border-right: none;
	} */
	.news_cards .card .ttl{
		margin-top: 17px;
		font-size: 12px;
	}
	.news_cards .card .cate{
		margin-top: 15px;
	}
	.news_cards .card .cate li{
		font-size: 12px;
	}
	.news_cards .card .time{
		margin-top: 15px;
		font-size: 12px;
	}
	.news_cards .card img{
		border-radius: 5px;
	}
}

#pagenavi .prev{
	order: 1 !important;
}

.slick-dots{
	order: 2 !important;
}
#pagenavi .next{
	order: 3 !important;
}