@charset "UTF-8";

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

html {
	scroll-padding-top: 100px;
}
h2 {
	display: block !important;
}
.con_m {
	max-width: 1200px;
	margin: 0 auto;
}
.guide_recommend {

}
.guide_recommend div {
	background: linear-gradient(-145deg, #d1f0ae 50%, #b3f3e2 100%);
}
.guide_recommend div p {
	color: #0e541d;
}
.guide_recommend div img {

}
.guide_img {
	text-align: center;
	border-radius: 20px;
	background-image:url(../img/guide_img_bg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover ;
	background-color: #b2d572;
}
.guide_img img {
	vertical-align: middle;
	width: 100%;
	max-width: 550px;
}
.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_5 {
	box-shadow: 0 0 0 2px #0e541d;
}
.career_flow a {
	color: #0e541d;
}
.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 .career_flow_step_5 {
	color: #ffffff;
	background: linear-gradient(135deg,  #10541f 0%,#10541f 34%,#0e541d 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 .career_flow_step_5_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;
	align-items: center;
}
.career_step_box .career_step_text {
	flex-basis: calc(60% - 20px);
}
.career_step_box .career_step_img {
	flex-basis: 40%;
}
.career_step_box .career_step_img img {
	max-width: 100%;
}
.triangle {
	width: 0;
	height: 0;
	padding: 0!important;
	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;
}

@media only screen and (max-width: 599px) {
	.career_step_box {
		flex-direction: column;
	}
}