/* 共通色 */
.new_type .main_point_area .mpa_til,
.new_type .flow_box .content ul li .step,
.new_type .flow_box .content ul li .til{
	color: #0055FF;
}
.career_type .main_point_area .mpa_til,
.career_type .flow_box .content ul li .step,
.career_type .flow_box .content ul li .til{
	color: #11C29F;
}


.new_type .main_img_area{
	background: linear-gradient(to bottom, #fff 20%, #EDF3FF 20%);
}
.career_type .main_img_area{
	background: linear-gradient(to bottom, #fff 20%, #ECFAF8 20%);
}
/* main_img_area */
.main_img_area .m_img_box{
	position: relative;
	max-width: 1600px;
	width: 90%;
	margin: 0 auto;
}
.main_img_area .m_img_box .m_img{
	position: relative;
	font-size: 0;
	padding-top: 67%;
}
.new_type .main_img_area .m_img_box .m_img{
	background: url(../images/recruit_large_img01.jpg) center / cover;
}
.career_type .main_img_area .m_img_box .m_img{
	background: url(../images/recruit_large_img02.jpg) center / cover;
}
.main_img_area .m_img_box .m_txt{
	position: absolute;
    width: 100%;
    padding: 31px 0;
    bottom: 0;
    color: #fff;
    text-align: center;
}
.new_type .main_img_area .m_img_box .m_txt{
    background: rgba(0, 85, 255, 0.8);
}
.career_type .main_img_area .m_img_box .m_txt{
    background: rgba(17, 194, 159, 0.8);
}
.main_img_area .m_img_box .m_txt .til{
	margin-bottom: 3px;
    font-size: 30px;
	font-weight: bold;
	line-height: 1.4;
}
.main_img_area .m_img_box .m_txt .exp{
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
}

/* main_point_area */
.main_point_area{
	padding: 60px 0;
}
.new_type .main_point_area{
	background: #EDF3FF;
}
.career_type .main_point_area{
	background: #ECFAF8;
}
.main_point_area .mpa_in{
	max-width: 1100px;
	width: 90%;
	margin: 0 auto;
}
.main_point_area .qualification_box{
	padding-bottom: 60px;
}
.main_point_area .mpa_til{
	margin-bottom: 15px;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}

.main_point_area .qualification_box .content{
	padding: 20px 5%;
	background: #fff;
}
.main_point_area .qualification_box .content ul li{
	position: relative;
	margin-bottom: 8px;
	padding-left: 15px;
	font-weight: bold;
	line-height: 1.4;
}
.main_point_area .qualification_box .content ul li:last-child{
	margin-bottom: 0;
}
.main_point_area .qualification_box .content ul li:before{
	content: "";
	display: inline-block;
	position: absolute;
	width: 6px;
	height: 6px;
	left: 0;
	top: 6px;
	border-radius: 100%;
}
.new_type .main_point_area .qualification_box .content ul li:before{
	background: #0055FF;
}
.career_type .main_point_area .qualification_box .content ul li:before{
	background: #11C29F;
}

/* flow_box */
.flow_box{
	padding-bottom: 60px;
}
.flow_box .content ul li{
	position: relative;
	flex: 0 0 20%;
	padding: 20px 15px;
	margin: 0 auto 50px;
	background: #fff;
}
.flow_box .content ul li:last-child{
	margin: 0 auto;
}
.flow_box .content ul li:after{
	content: "";
    display: inline-block;
    position: absolute;
    width: 15px;
    height: 15px;
    top: auto;
    right: 0;
    left: 0;
    bottom: -29px;
    margin: auto;
    border-right: 4px solid;
    border-bottom: 4px solid;
    transform: rotate(45deg);
}
.flow_box .content ul li:last-child:after{
	content: none;
}
.new_type .flow_box .content ul li:after{
	border-color: #0055FF;
}
.career_type .flow_box .content ul li:after{
	border-color: #11C29F;
}
.flow_box .content ul li .step{
	margin-bottom: 12px;
    padding-bottom: 5px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.flow_box .content ul li .til{
	margin-bottom: 5px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
}

.flow_box .content ul li .exp{
	font-size: 14px;
	line-height: 1.4;
	text-align: center;
}
.flow_box .content ul li .exp span{
	display: inline-block;
}

/* offering */
.offering .content{
	padding: 30px;
	background: #fff;
}
.offering .content dl{
	padding: 15px 0;
	border-bottom: 1px solid #DDDDDD;
}
.offering .content dl dt{
	font-weight: bold;
	margin-bottom: 5px;
	padding-top: 3px;
}
.offering .content dl dd{
	line-height: 1.4;
}
.offering .content dl dd .kome{
	color: #999999;
	font-size: 14px;
}

/* no_oubo */
.no_oubo{
	padding: 40px 20px;
	background: #fff;
	text-align: center;
}
.no_oubo .ob_til{
    font-size: 19px;
	font-weight: bold;
	line-height: 1.6;
}
.no_oubo .mosmos{
	display: block;
	max-width: 180px;
	width: 70%;
	margin: 0 auto 20px;
}
.no_oubo .top_link{
	font-size: 18px;
	font-weight: bold;
	color: #333;
}

.new_type .ico_arrow02:before,
.new_type .ico_arrow02:after{
	border-color: #0055FF;
}
.career_type .ico_arrow02:before,
.career_type .ico_arrow02:after{
	border-color: #11C29F;
}
@media screen and (min-width: 600px){
	/* main_img_area */
	.main_img_area .m_img_box .m_img{
		padding-top: 50%;
	}

	/* offering */
	.offering .content dl{
		display: flex;
		padding: 20px;
	}
	.offering .content dl dt{
		flex: 0 0 20%;
		margin-bottom: 0;
	}
	.offering .content dl dd{
		flex: 0 0 80%;
		line-height: 2;
	}
}
@media screen and (min-width: 960px){
	/* main_img_area */
	.main_img_area .m_img_box .m_img{
		padding-top: 38%;
	}
	.main_img_area .m_img_box .m_txt{
		padding: 56px 0;
	}
	.main_img_area .m_img_box .m_txt .til{
		margin-bottom: 10px;
		font-size: 40px;
	}
	.main_img_area .m_img_box .m_txt .exp{
		font-size: 16px;
	}
	/* main_point_area */
	.main_point_area{
		padding: 120px 0;
	}
	.main_point_area .qualification_box{
		padding-bottom: 120px;
	}
	.main_point_area .mpa_til{
		font-size: 40px;
	}
	.main_point_area .qualification_box .content{
		padding: 43px 110px;
	}
	.main_point_area .qualification_box .content ul li{
		margin-bottom: 15px;
		padding-left: 20px;
	}
	.main_point_area .qualification_box .content ul li:before{
		width: 8px;
		height: 8px;
		top: 5px;
	}
	.flow_box .content ul li .exp{
		text-align: left;
	}
	/* flow_box */
	.flow_box{
		padding-bottom: 120px;
	}
	.flow_box .content ul{
		display: flex;
		justify-content: space-between;
	}
	.flow_box .content ul li,
	.flow_box .content ul li:last-child{
		margin: 0;
		padding: 35px 30px;
	}
	.flow_box .content ul li:after{
		width: 15px;
		height: 15px;
		top: 0;
		right: -20%;
		bottom: 0;
		left: auto;
		transform: rotate(-45deg);
	}
	.flow_box .content ul li .step{
		margin-bottom: 30px;
		padding-bottom: 10px;
		font-size: 20px;
	}
	.flow_box .content ul li .til{
		margin-bottom: 15px;
		font-size: 24px;
	}

	/* offering */
	.offering .content{
		padding: 60px 110px 100px;
	}

	/* no_oubo */
	.ico_arrow02{
		padding-left: 41px;
	}
	.no_oubo{
		padding: 80px;
	}
	.no_oubo .ob_til{
		margin-bottom: 20px;
		font-size: 24px;
	}
	.no_oubo .top_link{
		font-size: 20px;
	}
	.no_oubo .mosmos{
		margin: 0 auto 40px;
	}
}