@charset "utf-8";
/* CSS Document */

/*==============================*/
/* リンク設定 */
/*==============================*/
#history{
	scroll-margin-top: 80px;
}


/*==============================*/
/* ご挨拶 */
/*==============================*/
div.messageWrap{
	width: min(880px,100%);
	margin: 0 auto;
}

/*==============================*/
/* 沿革 */
/*==============================*/
div.history dl{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start; -webkit-align-items: flex-start;
	gap: 28px;
}
div.history dl:not(:last-child){ margin-bottom: 16px;}


div.history dl dt{
	width: 89px;
	color: #87B32E;
	font-size: 28px;
	font-weight: 700;
	font-family: "Inter", sans-serif;
	letter-spacing: -0.01em;
	font-variant-numeric: tabular-nums;
}
div.history dl dt small{
	margin-left: 2px;
	font-family: "Noto Sans JP";
}

div.history dl dd:nth-child(2){
	width: 50px;
	padding-top: 2px;
	font-size: 26px;
	font-weight: 700;
	font-family: "Inter", sans-serif;
	letter-spacing: -0.04em;
	font-variant-numeric: tabular-nums;
	text-align: right;
}
div.history dl dd:nth-child(2) small{
	margin-left: 2px;
	font-family: "Noto Sans JP";
}

div.history dl dd:nth-child(3){
	padding-top: 12px;
}

	 /* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.history dl{
			gap: 3px 4px;
		}
		div.history dl:not(:last-child){ margin-bottom: 26px;}

		div.history dl dt{
			width: auto;
			font-size: 26px;
		}

		div.history dl dd:nth-child(2){
			width: auto;
			font-size: 24px;
			text-align: left;
		}
		div.history dl dd:nth-child(2) small{
			margin-left: 2px;
		}

		div.history dl dd:nth-child(3){
			width: 100%;
			padding-top: 0px;
			line-height: 1.5em;
		}
	}