@charset "utf-8";

/* ---------------------------------------- 
 - contents（career_list）
---------------------------------------- */
#career_list #career_list_inner{
	margin:0 auto 100px;
	width: 90%;
	max-width: 1100px;
}
#career_list .career_ttl{
	font-size: 6.0rem;
    color: #023894;
    line-height: 1.6;
}
#career_list .career_ttl span{
	font-size: 2.4rem;
	display: block;
}
#career_list dl.career_place{
	margin-top: 60px;
}
#career_list dl.career_place dt{
	font-size: 3.0rem;
	color: #023894;
    line-height: 1.4;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 0.5em;
}
#career_list dl.career_place dt .dot{
	font-size: 1.0rem;
	margin-right: 1.0rem;
}
#career_list dl.career_place dd{
	position: relative;
	overflow: hidden;
	padding: 40px 5%;
}
#career_list dl.career_place dd::before {
    background: #f3f5f9;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;    
    left: 0;
    transform: translate3d(-100.1%, 0, 0);
	z-index: -1;
}
#career_list dl.career_place.anime dd::before {
    transition-duration: .5s;
    transition-delay: .3s;
    transform: translate3d(0, 0, 0);
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1.0);
}
@media screen and (max-width: 768px) {
	#career_list #career_list_inner{
		margin-bottom: 35px;
	}
	#career_list .career_ttl{
		font-size: 2.8rem;
	}
	#career_list .career_ttl span{
		font-size: 1.8rem;
	}
	#career_list dl.career_place{
		margin-top: 40px;
	}
	#career_list dl.career_place dt{
		font-size: 2.2rem;
	}
	#career_list dl.career_place dd{
		padding: 5% 5%;
	}
}