@charset "UTF-8";

/* CSS Document */
/*===============================================
●style_career.css
===============================================*/

.con_m {
	max-width: 1200px;
	margin: 0 auto;
}
.con_career {
}
.career_flow {
	width: 100%;
	max-width: 850px;
	border: none!important;
}
.career_flow_1 {
	box-shadow: 0 0 0 2px #f8d002;
}
.career_flow_2 {
	box-shadow: 0 0 0 2px #93d948;
}
.career_flow_3 {
	box-shadow: 0 0 0 2px #3a9c4a;
}
.career_flow_4 {
	box-shadow: 0 0 0 2px #23673a;
}
.career_flow th {
	border:none!important;
}
.career_flow td {
	border-right:none!important;
}
.career_flow ul {
	list-style: disc;
	padding-left: 20px;
	margin-left: 0.5em;
}
.career_flow .career_flow_step_1 {
	color: #333;
	background-color: #f8d002;
}
.career_flow .career_flow_step_2 {
	color: #ffffff;
	background: linear-gradient(135deg,  #8cbf1f 0%,#67b04f 34%,#399c49 68%,#008241 100%);
}
.career_flow .career_flow_step_3 {
	color: #ffffff;
	background: linear-gradient(135deg,  #6ab14a 0%,#008241 34%);

}
.career_flow .career_flow_step_4 {
	color: #ffffff;
	background: linear-gradient(135deg,  #008241 0%,#008241 34%,#10541f 100%);
}
.career_flow_step_bgl {
	width: 20%;
	min-width: 7em;
}
.career_flow .career_flow_step_1_bgl {
	background-color: hsl(50deg 98% 49% / 30%);
}
.career_flow .career_flow_step_2_bgl {
	background-color: hsl(89deg 65% 56% / 30%);
}
.career_flow .career_flow_step_3_bgl {
	background-color: rgb(57 156 73 / 20%);
}
.career_flow .career_flow_step_4_bgl {
	background-color: rgb(35 103 58 / 20%);
}
.career_flow .triangle_tr {
	border: 0;
}
.career_flow .triangle_tr td{
	padding: 0 20px 20px;
	border: none;
}
.career_step_box {
	display: flex;
	gap: 20px;
	justify-content: space-between;
	flex-wrap: wrap;
}
.career_step_box .career_step_text {

}
.career_step_box .career_step_img {
	max-width: 40%;
}
.career_step_box .career_step_img img {
	max-width: 100%;
}
.triangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 40px solid transparent;
	border-left: 40px solid transparent;
	border-top: 30px solid #0e541d;
	border-bottom: 0;
	margin: 0 auto 20px;
}
.triangle_1 {
	border-top: 30px solid #f7cf02;
}
.triangle_2 {
	border-top: 30px solid #93d948;
}
.triangle_3 {
	border-top: 30px solid #3a9c4a;
}
.triangle_4 {
	border-top: 30px solid #236639;
}