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

/*==============================*/
/* Title */
/*==============================*/
hr.achievementsLine{
	width: min(960px,100%);
    border: 0;
    height: 3px;
    margin: 30px auto 0px auto;
    background: #F3F4F6;
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		hr.achievementsLine{
			width: calc(100% - 48px);
		}
	}


/*==============================*/
/* 沿革 */
/*==============================*/
div.historyWrap{
	position: relative;
	width: min(720px,100%);
	margin: 0 auto;
}
div.historyWrap::before{
	position: absolute; top: 0; left: 90px;
	content: "";
	width: 2px;
	height: 100%;
	background: #f3f4f6;
}

div.history:not(:last-child){ margin-bottom: 40px;}


/*---------------------------------
   
---------------------------------*/
div.history h3{
	position: relative;
	margin-bottom: 16px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3em;
}
div.history h3::before{
	position: absolute; top: 12px; left: 85px;
	content: "";
	width: 12px;
	height: 12px;
	background: #fff;
	border: 3px solid #00abdc;
	border-radius: 50%;
}
div.history h3::after{
	position: absolute; top: 16px; right: 0;
	content: "";
	width: calc(100% - 96px);
	height: 1px;
	background: #00abdc;
	z-index: -1;
}

/*---------------------------------
   
---------------------------------*/
div.history dl{
	display: flex;
	gap: 60px;
	margin-left: 23px;
}
div.history dl:not(:last-child){ margin-bottom: 14px;}

div.history dl dt{
	position: relative;
	flex: 0 0 37px;
	color: #959595;
	text-align: right;
	line-height: 1.5em;
	letter-spacing: 0.02em;
}
div.history dl dt::before{
	position: absolute; top: 10px; right: -35px;
	content: "";
	width: 8px;
	height: 8px;
	background: #dcdfe6;
	border-radius: 50%;
}

div.history dl dd{
	flex: 1;
	min-width: 0;
	line-height: 1.5em;
}