@charset "UTF-8";


/* merit
***************************************************************/
.merit{
	padding-bottom: 150px;
}
.merit_ttl{
	font-size: 36px;
	color: #5CBB89;
	text-align: center;
}
.merit_txt{
	font-size: 16px;
	text-align: center;
	margin-top: 30px;
}
.merit_inner{
	position: relative;
}
.merit_inner > div{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 100px;
	position: relative;
}
/*.merit_list{
	width: calc(100% / 3);
	padding: 0 50px;
}
.merit_list:nth-child(n + 4){
	width: calc(100% / 2);
	padding: 0 90px;
	margin-top: 75px;
}*/
.merit_list--number{
	font-size: 26px;
	color: #5CBB89;
	text-align: center;
}
.merit_list--ttl{
	height: 66px;
	font-size: 22px;
	line-height: 1.54;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
}
.merit_list--txt{
	font-size: 15px;
	line-height: 1.86;
	text-align: justify;
	margin-top: 20px;
}
.merit .con_btn{
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.merit .con_btn span{
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}

/*--------------------PC--------------------*/
@media all and (min-width:681px){
	.merit_inner::before,
	.merit_inner::after,
	.merit_inner > div::before{
		content: '';
		width: 1px;
		height: 50%;
		background-color: #B5B5B5;
		position: absolute;	
	}
	.merit_inner::before{
		left: calc(100% / 3);
		top: 0;
	}
	.merit_inner::after{
		right: calc(100% / 3);
		top: 0;
	}
	.merit_inner > div::before{
		left: calc(100% / 2);
		top: 50%;
	}
	.merit_inner > div::after{
		content: '';
		width: 100%;
		height: 1px;
		background-color: #B5B5B5;
		position: absolute;	
		top: 50%;
		left: 0;
	}
	.merit_list{
		width: calc(100% / 3);
		padding: 0 50px;
	}
	.merit_list:nth-child(n + 4){
		width: calc(100% / 2);
		padding: 0 90px;
		margin-top: 75px;
	}

}
/*--------------------SP--------------------*/
@media all and (max-width:680px){
	.merit{
		padding-bottom: 55px;
	}
	.merit_ttl{
		font-size: 20px;
	}
	.merit_txt{
		line-height: 1.62;
		margin-top: 20px;
	}
	.merit_inner > div{
		display: block;
		margin-top: 50px;
	}
	.merit_inner .merit_list + .merit_list{
		border-top: 1px solid #B5B5B5;
		padding-top: 40px;
		margin-top: 40px;
	}

	.merit_list--number{
		font-size: 22px;
	}
	.merit_list--ttl{
		height: auto;
		font-size: 18px;
	}
	.merit_list--txt{
		margin-top: 15px;
	}
	.merit .con_btn span{
	  font-size: 12px;
	  margin-bottom: 3px;
	}

}



/* system
***************************************************************/
.system{
	padding-bottom: 50px;
}
.system_inner{
	margin-top: 105px;
	position: relative;
}
.system_inner--txt1,
.system_inner--txt2{
	font-size: 18px;
	font-weight: 700;
	position: absolute;
	top: -40px;
}
.system_inner--txt1{
	left: 92px;
}
.system_inner--txt2{
	right: 287px;
}
.system_inner span{
	display: block;
}
.system_inner span + span{
	margin-top: 30px;
}

/*--------------------PC--------------------*/
@media all and (min-width:681px){

}
/*--------------------SP--------------------*/
@media all and (max-width:680px){
	.system{
		padding-bottom: 15px;
	}
	.system .content_ttl h2{
		line-height: 1.45;
	}
	.system_inner{
		margin-top: 40px;
	}
	.system_btn{
		width: 248px;
		height: 60px;
		border: 3px solid #5BBB89;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 16px;
		color: #5BBB89;
		margin: 40px auto 0;
	}
	img.fancybox-image{
		width: 88%;
		height: 100%;
		left: 6%;
	}

}

/* aaa
***************************************************************/


/*--------------------PC--------------------*/
@media all and (min-width:681px){

}
/*--------------------SP--------------------*/
@media all and (max-width:680px){

}

/* aaa
***************************************************************/


/*--------------------PC--------------------*/
@media all and (min-width:681px){

}
/*--------------------SP--------------------*/
@media all and (max-width:680px){

}