/* 
 service
----------------------------------------------------------- */ 

/* business */
.business-list__item:not(:last-child){
	margin-bottom: clamp(30px, 2.6vw, 50px);
}
.business-list__item{
	background-color: var(--bg-gray);
	border-radius: 4px;
	padding: clamp(20px, 2vw, 40px);
}
.business-list__body{
	display: flex;
	justify-content: space-between;
	gap: clamp(20px, 3.1vw, 60px);
	flex-wrap: wrap;
}
.business-list__img{
	width: clamp(200px, 20.3vw, 390px);
}
.business-list__contents{
	flex: 1;
}
.business-list__img img{
	width: 100%;
	height: auto;
	border-radius: 4px;
}
.business-list__title{
	font-size: var(--fontsize-20);
}
.business-list__text{
	color: var(--gray-color);
	font-weight: 300;
	margin-top: 11px;
	font-family: var(--font-sans);
}
.business-list__list{
	margin-top: clamp(20px, 2vw, 40px);
	border-top: 1px solid var(--border-color);
}
.business-list__row{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	padding-block: 20px;
	border-bottom: 1px solid var(--border-color);
	gap: 16px;
	line-height: 1.6;
}
.business-list__term{
	width: 60px;
	background-color: var(--beige-color);
	border-radius: 4px;
	padding: 4px 10px;
	text-align: center;
	font-family: var(--font-sans);
	font-size: var(--fontsize-14);
	color: var(--bg-color);
	display: grid;
	place-content: center;
	place-items: center center;
}
.business-list__description{
	flex: 1;
	font-family: var(--font-sans);
	font-size: var(--fontsize-15);
}
.business-list__major{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	gap: 35px;
	margin-top: clamp(20px, 2vw, 40px);
}
.business-list__major-list{
	flex: 1;
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(4, 1fr);
}
.business-list__major-item{
	background-color: #474644;
	border-radius: 4px;
	padding: 10px;
	display: flex;
	flex-direction: column;
}
.business-list__major-icon{
	padding: 17px;
	background-color: #393836;
	border-radius: 4px;
	margin-bottom: 10px;
}
.business-list__major-icon img{
	height: clamp(50px, 3.4vw, 65px);
	width: auto;
	margin-inline: auto;
}
.business-list__major-text{
	font-family: var(--font-sans);
	font-size: var(--fontsize-15);
	line-height: 1.4;
	display: grid;
	place-content: center;
	place-items: center center;
	height: 100%;
}
.business-list__major-text > p{
	text-align: center;
}
.business-list__major-text > p > span{
	font-size: 12px;
}
.business__cta{
	margin-top: clamp(40px, 4.1vw, 80px);
}
.business__cta .c-more-btn{
	margin-inline: auto;
}

/* strengths */
.strengths-list{
	flex: 1;
	display: grid;
	gap: clamp(20px, 2vw, 40px);
	grid-template-columns: repeat(2, 1fr);
}
.strengths-list__item{
	padding: clamp(20px, 2vw, 40px);
	border-radius: 10px;
	background: url("../img/service/strengths-bg01.jpg") center center / cover no-repeat;
}
.strengths-list__item:nth-child(2){
	background-image: url("../img/service/strengths-bg02.jpg");
}
.strengths-list__item:nth-child(3){
	background-image: url("../img/service/strengths-bg03.jpg");
}
.strengths-list__item:nth-child(4){
	background-image: url("../img/service/strengths-bg04.jpg");
}
.strengths-list__title{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
	margin-bottom: 16px;
}
.strengths-list__num{
	width: 35px;
	height: 35px;
	background-color: var(--lightgray-color);
	border-radius: 4px;
	text-align: center;
	font-family: var(--font-en);
	font-size: var(--fontsize-15);
	display: grid;
	place-content: center;
	place-items: center center;
}
.strengths-list__ja{
	display: block;
	flex: 1;
	font-size: var(--fontsize-20);
}
.strengths-list__text{
	color: var(--gray-color);
	font-size: var(--fontsize-15);
	font-family: var(--font-sans);
}
@media screen and (max-width: 1024px) {
	.business-list__major-list{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width:767px) {
	.business-list__img{
		width: 100%;
	}
	.business-list__contents{
		flex: auto;
		width: 100%;
	}
	.strengths-list{
		grid-template-columns: repeat(1, 1fr);
	}
}
@media screen and (max-width:480px) {
	.business-list__major{
		gap: 15px;
	}
	.business-list__major-list{
		flex: auto;
		width: 100%;
	}
}