@charset "utf-8";

#news .ttlWrap{gap: 10px;width: calc(100% - 40px);}
#news h2.ttl{font-size: .18rem;line-height: 1.4em;}
#news h2{border-bottom: solid 1px #7eb427;}
#news .ttlWrap .date{
	position: relative;
	margin: 0 auto;
	padding-top: 5px; 
	color: #9A9A9A;
}

/* newslist */
#newsList{
	position: relative;
	padding: 0 0 60px 0;
}
#newsList ul{
	position: relative;
	margin: 30px auto 0 auto;
	width: calc(100% - 30px);
}
#newsList ul li{
	position: relative;
	margin: 0 auto 10px auto;
	padding-bottom: 5px;
	border-bottom: solid 1px #cad0d0;
}
#newsList ul li .date{
	position: relative;
	margin: 0;
	font-size: 80%;
	width: 6em;
}
#newsList ul li .txt{
	position: relative;
	margin: 0;
	width: calc(100% - 6em);
}

/* news */
#news{
	position: relative;
	padding: 0 0 60px 0;
}
#news .newsWrap{
	position: relative;
	margin: 0 auto;
	width: calc(100% - 40px);
}
#news .newsWrap h3{
	position: relative;
	margin: 0 auto;
	color: #078373;
	padding-bottom: 0.2em;
}
#news .newsWrap p{
	position: relative;
	margin: 0 auto;
	padding-bottom: 1.5em;
}
#news .newsWrap .cautionWrap{
	position: relative;
	margin: 0 auto;
}
#news .newsWrap .cautionWrap p{
	position: relative;
	margin: 0 auto;
	padding-left: 1em;
	color: #B30C0F;
}
#news .newsWrap .cautionWrap p::before{
	position: absolute;
	top:0;
	left: 0;
	content: '※';
}

/* ----- pc ----- */
@media screen and (min-width: 641px) {
	
	.ttlWrap{gap: 0;}
	#news h2.ttl{font-size: .24rem;line-height: 1.4em;}

	/* newsList */
	#newsList{padding: 0 0 120px 0;}
	#newsList{
		margin: 0 auto;
		max-width: 960px;
		width: calc(100% - 30px);
	}
	#newsList ul li{margin: 0 auto 15px auto;}
	
	/* news */
	#news{padding: 20px 0 120px 0;}
	#news .newsWrap{max-width: 960px;}

}