@charset "utf-8";
/*
-----------------------------
お仕事をお探しの方へ ALL

wakuwakuImgWrap
ポイントリスト01
メリット

recruitmentLinkFlex
-----------------------------*/

/*
wakuwakuImgWrap
---------------------------------------------*/
.wakuwakuImgWrap{
	border-radius: 10px;
	background-color: #9DC1E1;
	padding-top: 40px;
	padding-bottom: 40px;
}

.wakuwakuImgFlex {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 30px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	color: #fff;
}
.wakuwakuImgFlex .wif_link .wif_link_item{
	font-size: 1.4rem;
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	transition: .3s;
}
.wakuwakuImgFlex .wif_link .wif_link_item:after{
	content: '';
	background: url(../../img/recruit/recruit_icon_othersite.svg) no-repeat;
	background-size: contain;
	width: 2em;
	height: 2em;
	margin-left: .5em;
}
.wakuwakuImgFlex .wif_link .wif_link_item:hover{
	color: var(--color-red);
}

.wakuwakuImgFlex .col.img{
	width: 100%;
}
.wakuwakuImgFlex .col.img .img_item{
	width: 60%;
	margin-right: auto;
	margin-left: auto;
}
.wakuwakuImgFlex .col.img .img_text {
	text-align: center;
	color: #fff;
	font-weight: bold;
	margin-top: 20px;
	font-size: 1.6rem;

}

@media screen and (min-width: 768px) {
	.wakuwakuImgFlex{
		flex-wrap: nowrap;
		justify-content: center;
	}
	.wakuwakuImgFlex .wif_link .wif_link_item{
		font-size: 1.6rem;
	}
	.aboutDataPointList01 .adpl_list_item .abpl_ttl {
		font-size: 1.6rem;
	}
	.wakuwakuImgFlex .col.img{
		width: 50%;
	}
}


/*
ポイントリスト01
---------------------------------------------*/
.aboutDataPointList01 .adpl_list_item {
	display: inline-flex;
	padding: 15px 15px;
	align-items: stretch;

	justify-content: center;
	margin-right: 20px;
	margin-bottom: 20px;
	background: var(--color-lightGray);
	border-top: 1px solid var(--color-mainBlue);
	border-radius: 0 0 5px 5px;
	min-width: 100px;
}
.aboutDataPointList01 .adpl_list_item .abpl_ttl {
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
}
@media screen and (min-width: 768px) {
	.aboutDataPointList01 .adpl_list_item .abpl_ttl {
		font-size: 1.6rem;
	}
}


/*
メリット
---------------------------------------------*/
.meritPointWrap .borderItem{
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid var(--color-blueGray);
}
.meritPointWrap .borderItem:last-child{
	margin-bottom: 0;
}

.meritPointWrap .page_col_flex{
	align-items: center;
}
.meritPointWrap .meritPointTtl .number{
	color: var(--color-mainBlue);
	font-weight: bold;
	font-size: 2.2rem;
	display: block;
}
.meritPointWrap .meritPointTtl .text{
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.7;
	display: block;
	margin-top: 10px;
	margin-bottom: 20px;
}


@media screen and (min-width: 768px) {
	.meritPointWrap .borderItem{
		padding-bottom: 60px;
		margin-bottom: 60px;
	}
	.meritPointWrap .meritPointTtl .number{
		font-size: 2.4rem;
	}
	.meritPointWrap .meritPointTtl .text{
		font-size: 2rem;
		margin-top: 15px;
		margin-bottom: 25px;
	}

}












/*
recruitmentLinkFlex
---------------------------------------------*/
.recruitmentLinkFlex{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 30px;
}

@media screen and (min-width: 768px) {
	.recruitmentLinkFlex{
		gap: 20px;
	}
	.recruitmentLinkFlex .col{
		width: calc(50% - 10px);
	}
}

@media screen and (min-width: 991px) {
	.recruitmentLinkFlex{
		gap: 40px;
	}
	.recruitmentLinkFlex .col{
		width: calc(50% - 20px);
	}
}


/*
recruitmentLinkFlex
---------------------------------------------*/
img.icon_recruit{
width: 100px;
height: 100px;
border-radius: 50%;
object-fit: cover;
}