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


/*================================
介護の仕事をはじめる皆さんへ
================================*/
.main_bg{
	background: linear-gradient(to right, rgba(241, 140, 142, .15), rgba(240, 183, 164, .15),rgba(241, 209, 181, .15));
	overflow: hidden;
}
.main_sect{
	background-color: #fff;
	position: relative;
	border-radius: 0 0 2000px 2000px / 0 0 400px 400px;
  width: 110vw;
  margin: 0 calc(50% - 55vw);
	padding-left: 6vw;
  padding-right: 6vw;
  overflow: hidden;
}
.main_txt{ text-align: center;}
.main_txt p{
	display: inline-block;
	text-align: left;
}

.num_box{
	position: relative;
	background-color: #fff;
	border-radius: 10px;
}
.num_box:first-child{ margin-top: 60px;}
.num_txt h3{
	font-size: 1.25rem;
	font-weight: bold;
}
.num_txt h3::after{
	content: '';
	display: inline-block;
	position: absolute;
	left: 0;
	background-size: contain;
	background-repeat: no-repeat;
}
.num_box.number01 h3::after{ background-image: url("../img/work/num01.png");}
.num_box.number02 h3::after{ background-image: url("../img/work/num02.png");}
.num_box.number03 h3::after{ background-image: url("../img/work/num03.png");}
.num_box.number04 h3::after{ background-image: url("../img/work/num04.png");}
.num_box.number05 h3::after{ background-image: url("../img/work/num05.png");}

.num_txt h4{
	color: #f29da6;
	font-size: 1.1rem;
	font-weight: bold;
}
.num_txt p:last-child{ margin-bottom: 0;}
.num_photo{
	background-color: #fce0e0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	overflow: hidden;
}
@media (min-width: 992px){
	.num_photo{
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}
@media (min-width: 768px) and (max-width: 991px){
	.num_photo{
		top: -100px;
	}
}
@media (min-width: 768px){
	.num_box{ margin-bottom: 8rem;}
	.num_box.number01{ padding: 2.5rem;}
	.num_box.number02,
	.num_box.number04{
		padding: 2.5rem 1.5rem 2.5rem 3.5rem;
	}
	.num_box.number03,
	.num_box.number05{
		padding: 2.5rem 3.5rem 2.5rem 1.5rem;
	}
	.num_txt h3{ position: relative;}
	.num_txt h3::after{
		top: -81px;
		width: 124px;
		height: 42px;
	}
	.num_photo{
		position: absolute;
		width: 250px;
		height: 250px;
	}
	.num_box.number02,
	.num_box.number04{
		margin-left: 210px;
	}
	.num_box.number03,
	.num_box.number05{
		margin-right: 210px;
	}
	.num_box.number02 .num_photo,
	.num_box.number04 .num_photo{
		left: -210px;
	}
	.num_box.number03 .num_photo,
	.num_box.number05 .num_photo{
		right: -210px;
	}
}
@media (max-width: 767px){
	.num_box{
		display: flex;
		flex-wrap: wrap;
		padding: 2rem 1rem;
	}
	.num_box:not(:last-child){ margin-bottom: 4rem;}
	.num_photo{
		width: 200px;
		height: 200px;
		order: 2;
		margin: 1rem auto 0;
	}
	.num_txt{
		order: 1;
	}
	.num_txt h3::after{
		top: -15px;
		width: 90px;
		height: 31px;
		left: 1rem;
	}
}