/**************************************************************************************/
/**************************************************************************************/
/* PC Site*/
/**************************************************************************************/
/**************************************************************************************/




.rec_guideline_flex{
	width : 100% ;
	max-width : 1050px ;
	padding : 0px  ;
	margin : 120px auto 0px ;
	display: flex;
	justify-content: center;
	flex-wrap : wrap;
}


.rec_guideline_itembox{
	width : 300px ;
	min-height : 200px ;
	margin : 0px 25px 62px ;
	border-radius: 16px ;
	background-color : #CDFBBF ;
	padding : 20px ;
}


.rec_guideline_item_pos{
	position: absolute ;
	top : -15px ;
	left : 50% ;
	transform: translate(-50% ,0%) ;
	width : 140px ;
	height : 30px ;
	border-radius: 15px ;
	line-height : 30px ;
	text-align : center ;
	font-size : 16px ;
	font-weight : 700 ;
	color : #FFFFFF ;
	background-color: #1AB693 ;
}

.rec_guideline_item_title{
	display : table-cell ;
	width : 260px ;
	height : 76px ;
	font-size : 20px ;
	font-weight : 700 ;
	text-align : center ;
	vertical-align: middle ;
	color : #1AB693 ;
}


.rec_guideline_itembox.posregular{
	background-color : #CDFBBF ;
}
.posregular .rec_guideline_item_pos{
	background-color: #1AB693 ;
}
.posregular .rec_guideline_item_title{
	color : #1AB693 ;
}

.rec_guideline_itembox.posparttime{
	background-color : #FDEEC0 ;
}
.posparttime .rec_guideline_item_pos{
	background-color: #ADB52C ;
}
.posparttime .rec_guideline_item_title{
	color : #ADB52C ;
}

.rec_guideline_itembox.poscareer{
	background-color : #E5F6B8 ;
}
.poscareer .rec_guideline_item_pos{
	background-color: #6EB826 ;
}
.poscareer .rec_guideline_item_title{
	color : #6EB826 ;
}


.rec_guideline_item_arrow{
	position: absolute ;
	top : 50% ;
	right : 16px ;
	width : 16px ;
	transform: translate(0%,-50%);
}



.rec_guideline_item_story{
	text-align: left;
	line-height: 25px;
}


.rec_guideline_item_btn{
	width : 200px ;
	height : 44px ;
	line-height : 44px ;
	text-align : center ;
	color : #FFFFFF ;
	font-weight: 700 ;
	background: linear-gradient(90deg, #1AB693, #A9CD06);
	margin : 16px auto 0px ;
	border-radius: 22px ;
	box-shadow: 0px 4px 2px rgba(0,0,0,0.2) ;
}






@media screen and (max-width: 1200px) {



}


/**************************************************************************************/
/**************************************************************************************/
/* TB Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 1100px) {









.rec_guideline_flex{
	max-width : 620px ;
}


.rec_guideline_itembox{
	width : 100%;
	margin: 0px 0px 80px;
}


.rec_guideline_item_pos{
	top : -25px ;
	width : 234px ;
	height : 50px ;
	border-radius: 25px ;
	line-height : 50px ;
	font-size : 26px ;
}

.rec_guideline_item_title{
	width : 580px ;
	height : 100px ;
	font-size : 33px ;
}


.rec_guideline_itembox.posregular{
}
.posregular .rec_guideline_item_pos{
}
.posregular .rec_guideline_item_title{
}

.rec_guideline_itembox.posparttime{
}
.posparttime .rec_guideline_item_pos{
}
.posparttime .rec_guideline_item_title{
}

.rec_guideline_itembox.poscareer{
}
.poscareer .rec_guideline_item_pos{
}
.poscareer .rec_guideline_item_title{
}


.rec_guideline_item_arrow{
	right : 20px ;
	width : 20px ;
}



.rec_guideline_item_story{font-size: 28px;line-height: 48px;}


.rec_guideline_item_btn{
	width : 330px ;
	height : 70px ;
	line-height : 70px ;
	margin : 24px auto 0px ;
	border-radius: 35px ;
}






}