@charset "UTF-8";
/* CSS Document */

/* ====================
   What we can do
==================== */
.what-we-can{
	background: #F0F4FA;
	border-radius: 50px;
}
.what-we-can .inner{
	max-width: 1366px;
	padding: 80px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap:130px;
}
.what-we-can .inner .intro{
	display: flex;
	gap:60px;
}
.what-we-can .inner .intro h3{
	width: 40%;
	font-family: 'Montserrat', sans-serif;
	font-size: 40px;
	font-weight: 500;
	color:#1266E5;
}
.what-we-can .inner .intro div{
	width: 60%;
}
.what-we-can .inner .intro h4{
	font-size: 32px;
	font-weight: 600;
	margin-bottom: 20px;
}
.what-we-can .inner .intro p{
	font-size: 18px;
}
.what-we-can .inner .box-wrap{
	display: flex;
	flex-wrap: nowrap;
	gap:80px;
}
.what-we-can .inner .box-wrap .box{
	text-align: center;
	flex: 1;
}
.what-we-can .inner .box-wrap .box .number{
	color:#1266E5;
	font-family: 'Montserrat', sans-serif;
	font-size: 40px;
	text-align: center;
	margin-top: 10px;
}
.what-we-can .inner .box-wrap .box .number::after{
	content:'';
	display: block;
	background:url("../comon/img/number-line.svg");
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height:6px;
}
.what-we-can .inner .box-wrap .box h4{
	font-size: 32px;
	font-weight: 700;
	margin: 40px 0 20px 0;
}
.what-we-can .inner .box-wrap .box p{
	text-align: justify;
}
.what-we-can .inner .box-wrap .box img{
	width: 80%;
	filter: drop-shadow(20px 20px 20px rgba(55, 80, 121, 0.16));
}

/* タブレット（What we can do） */
@media screen and (max-width:1024px){
	.what-we-can .inner{
		padding: 50px;
		gap:60px;
	}
	.what-we-can .inner .intro{
		flex-direction: column;
		gap:20px;
	}
	.what-we-can .inner .intro h3{
		width: 100%;
	}
	
	.what-we-can .inner .intro div{
		width: 100%;
	}
	.what-we-can .inner .box-wrap{
		gap:40px;
	}
	.what-we-can .inner .box-wrap .box h4{
		font-size:24px;
	}
	.what-we-can .inner .box-wrap .box img{
		width: 100%;
	}
}

/* スマホ（What we can do） */
@media screen and (max-width:600px){
	.what-we-can .inner{
		padding: 60px 30px;
		flex-wrap: wrap;
	}
	.what-we-can .inner .intro h3{
		font-size: 32px;
	}
	.what-we-can .inner .intro h4{
		font-size: 24px;
	}
	.what-we-can .inner .box-wrap{
		flex-direction: column;
	}
	.what-we-can .inner .box-wrap .box img{
		width: 60%;
	}
}


/* ====================
   他にも幅広い人材ニーズに対応いたします
==================== */
.other-services{
	max-width: 1366px;
	padding:130px 80px;
	margin: 0 auto;
}
.other-services h3{
	font-size: 32px;
	font-weight: 700;
	text-align: center;
	margin: 0 0 40px 0;
}
.other-services-wrap{
	display: flex;
	flex-wrap: nowrap;
	gap:8px;
}
.other-services-wrap h4{
	font-size: 24px;
	font-weight: 600;
	text-align: center;
	margin-top: 20px;
}
.other-services-wrap .left img{
	border-radius: 20px 0 0 20px;
}
.other-services-wrap .right img{
	border-radius: 0 20px 20px 0;
}

/* タブレット（他にも幅広い人材ニーズに対応いたします） */
@media screen and (max-width:1024px){
	.other-services{
		padding:50px;
	}
}

/* タブレット（他にも幅広い人材ニーズに対応いたします） */
@media screen and (max-width:600px){
	.other-services{
		padding:60px 30px;
	}
	.other-services h3{
		font-size: 24px;
	}
	.other-services-wrap{
		flex-direction: column;
		gap:20px;
	}
	.other-services-wrap h4{
		font-size: 16px;
	}
	.other-services-wrap .left img,
	.other-services-wrap .right img{
		border-radius: 20px;
	}
}