@charset "utf-8";

/* 事務長代行で、経費を抑えつつ業務を効率化。
-------------------------------------------*/
#about h2{font-size: 35px;}

/* 事務長代行で得られる５つのメリット
-------------------------------------------*/
#merit .title h2{font-size: clamp(31px,2.4vw,35px);}
.merit_li{width: 68%;}
.merit_li li{
	background: linear-gradient(145deg,rgba(237,227,223,.3),rgba(244,235,230,.3));
	padding: 25px 25px 25px 50px;
	border-radius: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.merit_li li::after{
	content: "";
	width: 27%;
	height: auto;
	background: rgba(237,227,223,.3) center / 85% auto no-repeat;
	border-radius: 10px;
}
.merit_li li:first-child::after{background-image: url("../images/agency/merit_img01.webp");}
.merit_li li:nth-child(2)::after{background-image: url("../images/agency/merit_img02.webp");}
.merit_li li:nth-child(3)::after{background-image: url("../images/agency/merit_img03.webp");}
.merit_li li:nth-child(4)::after{background-image: url("../images/agency/merit_img04.webp");}
.merit_li li:nth-child(5)::after{background-image: url("../images/agency/merit_img05.webp");}
.merit_li li > div{
	width: 66%;
	padding: 35px 0;
}
.merit_li li:not(:last-child){margin-bottom: 35px;}
.merit_li .sub_title{margin-bottom: 30px;}
.merit_li li > div > p{
	font-size: 18px;
	line-height: 1.7;
}

/* 事務長代行料金
-------------------------------------------*/
.feeR{width: 72%;}
.fee_box > div{padding: 70px 60px;}
.feeR > ul li{color: #4d4d4d;}
.feeR > ul li:not(:last-child){margin-bottom: .7em;}

/* 1025px以下から
------------------------------------------------------------*/
@media only screen and (max-width:1025px){
	
	/* 事務長代行で、経費を抑えつつ業務を効率化。
	-------------------------------------------*/
	#about h2{font-size: 22px;}

	/* 事務長代行で得られる５つのメリット
	-------------------------------------------*/
	#merit .title h2{font-size: 23px;}
	.merit_li li{
		padding: 15px 15px 15px 30px;
		border-radius: 15px;
	}
	.merit_li li > div{padding: 25px 0;}
	.merit_li li:not(:last-child){margin-bottom: 25px;}
	.merit_li .sub_title{margin-bottom: 20px;}
	.merit_li li > div > p{font-size: 14px;}
	
	/* 事務長代行料金
	-------------------------------------------*/
	.fee_box > div{padding: 50px 40px;}
}

/* 750px以下から
------------------------------------------------------------*/
@media only screen and (max-width:750px){
	
	/* 事務長代行で得られる５つのメリット
	-------------------------------------------*/
	#merit .title{margin-bottom: 30px;}
	.merit_li{width: 100%;}
	.merit_li li{padding: 20px 20px 35px;}
	.merit_li li::after,.merit_li li > div{width: 100%;}
	.merit_li li::after{
		height: 200px;
		order: 1;
		background-size: auto 140px;
		margin-bottom: 25px;
	}
	.merit_li li > div{
		order: 2;
		padding: 0;
	}
	
	/* 事務長代行料金
	-------------------------------------------*/
	#fee .title{margin-bottom: 30px;}
	.feeR{width: 100%;}
	.fee_box > div{padding: 40px 20px;}
}