@charset "utf-8";

/*-------------------------------
	業務内容
-------------------------------*/

.Solution__text{
	font-size: 2rem;
	margin-bottom: 14rem;
}

.Solution-block{
	padding-top: 7.5rem;
	padding-bottom: 7.5rem;
	border-radius: 4rem;
}
.Solution-block:not(:last-child){
	margin-bottom: 2.5rem;
}
.Solution-block__inner{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.Solution-block__body{
	width: calc(100% - (55rem + 6rem));
}
.Solution-block__title{
	margin-bottom: 1.8rem;
}
.Solution-block__image{
	width: 55rem;
	border-radius: 1.6rem;
	overflow: hidden;
}
.Solution-block__image img{
	width: 100%;
}
.Solution-block__text{
	color: var(--blackcolor2);
	margin-bottom: 6.5rem;
}

.Solution-block:nth-of-type(2n+1){
	background: var(--graycolor);
}
.Solution-block:nth-of-type(2n) .Solution-block__inner{
	flex-direction: row-reverse;
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

	.Solution-block__body{
		width: calc(100% - (45rem + 5rem));
	}
	.Solution-block__image{
		width: 45rem;
	}

}
@media screen and (max-width:1100px) and (min-width: 769px){

	.Solution-block__body{
		width: calc(100% - (37.5rem + 5rem));
	}
	.Solution-block__image{
		width: 37.5rem;
	}

}
@media screen and (max-width:960px) and (min-width: 769px){

	.Solution-block__inner,
	.Solution-block:nth-of-type(2n) .Solution-block__inner{
		flex-direction: column-reverse;
	}
	.Solution-block__image{
		width: 100%;
		max-width: 50rem;
		margin-bottom: 5rem;
	}
	.Solution-block__body{
		width: 100%;
	}
	.Solution-block__button{
		margin-left: auto;
		margin-right: auto;
	}

}
@media screen and (max-width:768px){

	.Solution__text{
		font-size: 3.2rem;
		font-weight: 700;
		margin-bottom: 13.5rem;
	}

	.Solution-block{
		padding-top: 10rem;
		padding-bottom: 10rem;
		border-radius: 6rem;
	}
	.Solution-block:not(:last-child){
		margin-bottom: 5rem;
	}
	.Solution-block__inner{
		flex-direction: column;
	}
	.Solution-block__body{
		width: 100%;
	}
	.Solution-block__title{
		margin-bottom: 5.6rem;
	}
	.Solution-block__image{
		width: 100%;
		border-radius: 2.4rem;
		margin-bottom: 7.6rem;
	}
	.Solution-block__image img{
		width: 100%;
	}
	.Solution-block__text{
		margin-bottom: 6rem;
	}

	.Solution-block:nth-of-type(2n) .Solution-block__inner{
		flex-direction: column;
	}

}