@charset "utf-8";
/* for Common & Smartphone*/

/*一覧*/
.newsList{
}
.newsList::after,
.newsList .newsListUnit::after {
	content:none;
}
.newsList .newsListUnit {
	display: block;
	text-decoration: none !important;
	background-color: #fff;
	margin-bottom:40px;
	text-align:left;
	transition-duration: 0.3s;
}
.newsList .newsListUnit:hover {
	opacity: 0.7;
}
.newsList .newsListUnit .thumb{
	width:100%;
	background-image: url(../images/thumb_bg.png);
	background-size: cover;
	background-position: center center;
	aspect-ratio: 4 / 3;
}
.newsList .newsListUnit .thumb{
	width:100%;
}
.newsList .newsListUnit .date{
	font-size:12px;
	padding:20px 20px 10px 20px;
}
.newsList .newsListUnit .ttl{
	font-size:16px;
	font-weight: bold;
	padding:0 20px 20px 20px;
}

@media(min-width: 768px){
	.newsList{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.newsList .newsListUnit {
		width:30%;
		gap:5%;
	}
	.newsList .newsList::after {
		content: "";
		display: block;
		width: 300px;
	}

}

/*詳細*/
.news{
	padding-top:50px;
}
.newsWrap{
	background-color:#fff;
	color:#333;
	padding:20px;
}
.newsDate{
	font-size:14px;
	color:#666;
	text-align:left;
	margin-bottom:5px;
	line-height:1.5;
	font-weight:bold;
}
.newsTtl{
	font-size:20px;
	color:#000;
	text-align:left;
	margin-bottom:20px;
	line-height:1.5;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
}
.newsBody,
.newsBody p{
	font-size:16px;
	text-align:left;
	line-height:2;
}



/*短い一覧*/
.indColumnList{
}
.indColumnList .newsListUnit {
	display: block;
	text-decoration: none !important;
	background-color: #fff;
	margin-bottom:40px;
	text-align:left;
	transition-duration: 0.3s;
}
.indColumnList::after,
.indColumnList .newsListUnit::after {
	content:none;
}
.indColumnList .newsListUnit:hover {
	opacity: 0.7;
}
.indColumnList .newsListUnit .thumb{
	width:100%;
	background-image: url(..//images/thumb_bg.png);
	background-size: cover;
	background-position: center center;
	aspect-ratio: 4 / 3;
}
.indColumnList .newsListUnit .thumb{
	width:100%;
}
.indColumnList .newsListUnit .date{
	font-size:12px;
	padding:20px 20px 10px 20px;
}
.indColumnList .newsListUnit .ttl{
	font-size:16px;
	font-weight: bold;
	padding:0 20px 20px 20px;
}

@media(min-width: 768px){
	.indColumnList {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.indColumnList .newsListUnit {
		width:30%;
		gap:5%;
	}

}














/* for PC*/
@media (min-width:768px) {
}