@charset "utf-8";

/*
 recruit infographics
==============================*/

/* rc_pmv ----------*/
#rc_pmv { background-image: url(/image/hsl/about/recruit_new/infographics/mv.jpg); }

/* rc_pmv ----------*/
#rc_pmv h1 { /*color: #FFF; */}
#rc_pmv h1 span { color: #333; }

/* rc_infographics ----------*/
#rc_infographics {}
#rc_infographics_header { padding: 120px 0; background-image: url(/image/hsl/about/recruit_new/infographics/bg.jpg); background-repeat: no-repeat; background-size: contain; background-position: center; }
#rc_infographics_header h2 { text-align: center; font-size: 34px; margin-bottom: 30px; }
#rc_infographics_header h3 { text-align: center; font-size: 24px; color: #333; }
#rc_infographics_header h4 { text-align: center; font-size: 50px; color: #CC0022; margin-bottom: 60px; }
#rc_infographics_wrap { background-color: #F2F2F2; }
#rc_infographics_wrap .rc_ph2 { position: relative; }
#rc_infographics_wrap .rc_ph2:before {content: "■ "; color: #CC0022; }
#rc_infographics_wrap .box_wrap { display: flex; }
#rc_infographics_wrap .box_wrap .box { width: 50%; margin-bottom: 40px; }
#rc_infographics_wrap .box_wrap .box img { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); border-radius: 10px; }
#rc_infographics_wrap .box_wrap .box:first-child { margin-right: 40px; }
@media screen and (max-width:600px) {
	#rc_infographics_header { padding: 60px 0; }
	#rc_infographics_header h2 { margin-bottom: 20px; }
	#rc_infographics_header h4 { margin-bottom: 30px; }
	#rc_infographics_wrap .box_wrap { display: block; }
	#rc_infographics_wrap .box_wrap .box { width: 100%; margin-bottom: 30px; }
	#rc_infographics_wrap .box_wrap .box:first-child { margin-right: 0; }
}