@charset "utf-8";

/*====================================================================================================
  TOPPAGE
====================================================================================================*/
#toppage { }
#toppage section { margin-bottom: var(--bottom);}

/*** mainimg *******************************************************/
#toppage .mainimg {
	width: 100%;
	height: auto;
	position: relative;
	top: 100px;
	border-bottom: solid 8px var(--primary-color);
}
/*====================================================================================================
  #MAIN
====================================================================================================*/
#toppage #main {
	padding-block: 180px 115px;

}

#toppage h2 {
	width: 100%;
	padding: 0.5em;
	background: var(--accent-color);
	border-left: solid 8px var(--primary-color);
	color: #fff;
}

/*====================================================================================================
  #NEWS_BOX
====================================================================================================*/
#toppage .news_box {
	width: 100%;
	margin: 0 auto;
	max-height: calc(1.5rem * 16);
	overflow-y: auto;
}       
#toppage .news_list {
	display: flex;
	line-height: 1.5;
	padding: 1rem 1%;
	font-size: 1.125rem;
	border-bottom: solid 1px var(--accent-color);
}
#toppage .news_box dl dt {
	width: 10rem;
}
#toppage .news_box dl dd {
	padding-left: 3rem;
	width: calc(100%  - (10rem + 1rem));
}

#toppage .news_box dl dd a {
	text-decoration: underline;
	color: #000;
}