@charset "utf-8";

/*
 recruit system
==============================*/

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


/* rc_system ----------*/
#rc_system {}
#rc_system .system_list { display: flex; flex-flow: wrap; margin-top: 30px; }
#rc_system .system_list li { margin: 0 30px 30px 0; padding: 25px; border: solid 1px #EEE; box-sizing: border-box; width: calc((100% - 30px) / 2); }
#rc_system .system_list li.p { padding: 0; border: none; }
#rc_system .system_list li.w3 { width: calc((100% - 60px) / 3); }
#rc_system .system_list li.wl { margin-right: 0; }
#rc_system .system_list li .c { display: block; text-align: center; margin-bottom: 10px; height: 50px; width: auto; }
#rc_system .system_list li h3 { color: #CC0022; text-align: center; font-size: 19px; font-weight: bold; }
#rc_system .system_list li p { font-size: 16px; }
@media screen and (max-width:800px) {
	#rc_system .system_list li { margin: 0 20px 20px 0; width: calc((100% - 20px) / 2); }
	#rc_system .system_list li.p { padding: 0; border: none; }
	#rc_system .system_list li.wl { margin-right: 0; }
	#rc_system .system_list li.w3 { width: calc((100% - 40px) / 3); }
/*	#rc_system .system_list li:nth-child(1), #rc_system .system_list li:nth-child(2), #rc_system .system_list li:nth-child(3) { width: calc((100% - 40px) / 3); }
	#rc_system .system_list li:nth-child(3) { margin-right: 0; }
	#rc_system .system_list li:nth-child(4), #rc_system .system_list li:nth-child(5) { width: calc((100% - 20px) / 2); }
	#rc_system .system_list li:nth-child(5) { margin-right: 0; }
	#rc_system .system_list li:nth-child(7), #rc_system .system_list li:nth-child(8), #rc_system .system_list li:nth-child(9), #rc_system .system_list li:nth-child(10) { width: calc((100% - 20px) / 2); }
	#rc_system .system_list li:nth-child(8), #rc_system .system_list li:nth-child(10) { margin-right: 0; }*/
}
@media screen and (max-width:428px) { /* iPhone 縦 s */
	#rc_system .system_list { margin-top: 10px; }
	#rc_system .system_list li { margin-right: 0; padding: 20px; width: 100% !important; }
/*	#rc_system .system_list li:nth-child(1), #rc_system .system_list li:nth-child(2), #rc_system .system_list li:nth-child(3) { width: 100%; }
	#rc_system .system_list li:nth-child(4), #rc_system .system_list li:nth-child(5) { width: 100%; }
	#rc_system .system_list li:nth-child(7), #rc_system .system_list li:nth-child(8), #rc_system .system_list li:nth-child(9), #rc_system .system_list li:nth-child(10) { width: 100%; }*/
}

#rc_system .box_wrap { display: flex; margin-bottom: 30px; }
#rc_system .box_wrap .box { width: 50%; margin-bottom: 30px; }
#rc_system .box_wrap .box:nth-child(1) { margin-right: 60px; }
#rc_system .column2 { column-count: 2; column-gap: 60px; }
#rc_system .bg_img { position: relative; }
#rc_system .bg_img img { position: relative; z-index: 2; }
#rc_system .bg_img:before { position: absolute; z-index: 1; top: -10px; left: -10px; content: ""; width: 90%; height: 90%; background-color: #F2F2F2; -webkit-transform: rotate(-8deg); transform: rotate(-8deg); }
@media screen and (max-width:800px) {
	#rc_system .box_wrap { margin-bottom: 30px; }
	#rc_system .box_wrap .box:nth-child(1) { margin-right: 30px; }
	#rc_system .column2 { column-gap: 30px; }
}
@media screen and (max-width:600px) {
	#rc_system .box_wrap { display: block; margin-bottom: 30px; }
	#rc_system .box_wrap .box { width: 100%; }
	#rc_system .box_wrap .box:nth-child(1) { margin-right: 0; }
	#rc_system .column2 { column-count: 1; column-gap: 0; }
}