@charset "utf-8";

.content_area h2[data-copy]::before{
	content:attr(data-copy);
	display:block;
	padding-left:20px;
	margin-bottom:10px;
	background:url(/recruit/img/common/icon_midashi.svg) no-repeat top 6px left;
	font-size:1.8rem;
	letter-spacing:1.8px;
	line-height:2.6rem;
}
.history{
	position:relative;
	padding-left:30px;
	margin-top:50px;
}
.history::before{
	content:'';
	position:absolute;
	top:0;
	left:3px;
	width:1px;
	height:100%;
	background:#ccc;
}
.history dt{
	position:relative;
	margin-bottom:12px;
	font-family:var(--font_serif);
	font-size:2.2rem;
	letter-spacing:2.2px;
	line-height:3.1rem;
}
.history dt::before{
	content:'';
	position:absolute;
	top:13px;
	left:-30px;
	width:7px;
	height:7px;
	background:#E41F1F;
	border-radius:50%;
}
.history dd{
	margin-bottom:30px;
	line-height:2.9rem;
}


@media screen and (max-width:1024px){

.content_area h2[data-copy]::before{
	background-position-y:top 3px;
	font-size:1.5rem;
	letter-spacing:1.5px;
	line-height:2.1rem;
}
.history{margin-top:25px;}
.history dt{
	font-size:1.8rem;
	letter-spacing:1.8px;
	line-height:2.6rem;
}
.history dt::before{top:11px;}
.history dd{
	margin-bottom:20px;
	font-size:1.4rem;
	letter-spacing:1.4px;
	line-height:2.5rem;
}

}