/* ===================================================================
  learning
=================================================================== */
.title-learning{
	position: relative;
	padding-left: calc(5vw + 1.8em)
}
.title-learning:before {
	content: attr(data-num);
	font-size: .875rem;
	position: absolute;
	text-align: center;
	top: 0;
	right: auto;
	bottom: 0;
	left: 5vw;
	margin: auto;
	background-color: #F8692A;
	border-radius:50%;
	color:#fff;
	width: 2em;
	height: 2em;
	display: flex;
	justify-content: center;
	align-items: center;
	letter-spacing: -0.06em;
	line-height: 1.2;
}
@media screen and (min-width: 768px) {
	.title-learning{
		padding-left: 3em;
	}
	.title-learning:before {
		left: 2rem;
	}
}