.max990{
	max-width: 990px;
	margin: 0 auto;
}
#services .pageImg{
	position: relative;
	z-index: 2;
	margin-bottom: calc(-100vw * 306 / 1200 / 2);
}
#services .color-box.box-DarkBlue{
	padding: calc(140px + ((1vw - 7.68px) * 13.88889)) 0 64px;
}

	@media (min-width: 1200px) {
		#services .pageImg{margin-bottom: calc(-306px / 2);}
		#services .color-box.box-DarkBlue{padding: 200px 0 64px;}
		
	}

#services .col-individual-page{margin-bottom: 24px;}
#services .col-individual-page>*:first-child{width: 170px;}
#services .col-individual-page>*:first-child>.icon-bdr{
	display: flex;  
	align-items: center;
	justify-content: center;
	border: 1px solid var(--lineColorGray);
	border-radius: 6px;
	box-sizing: border-box;
	height: 170px;
	padding: 10px;
	box-sizing: border-box;
}
#services .col-individual-page>*:last-child{width: calc(100% - (2.67% + 170px));}

/*=============================================================
 solution-flow
=============================================================*/
.solution-flow{
	width: 100%;
	margin-top: 40px;
}
.solution-flow .item{
	display: flex;
	align-items: center;
	position: relative;
	column-gap: 32px;
	width: 100%;
	border: 1px solid var(--lineColorGray);
	border-radius: 4px;
	padding: 40px; 
	box-sizing: border-box;
}
.solution-flow .item:last-child{
	color: var(--primaryColor);
	border: 1px solid var(--primaryColor);
}
.solution-flow .item + .item{margin-top: 10px;}
.solution-flow .item .ttl{
	color: #000;
	width: 160px;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 150%;
}
.solution-flow .item:last-child .ttl{color: var(--primaryColor);}
.solution-flow .item:last-child .list-circle>li::before{background: var(--primaryColor);}
.solution-flow .item .text{width: calc((100% - 192px));}
.solution-flow .item .text .list-circle{margin-top: 0;}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px){

#solution.case.case-detail #contents .section:nth-child(2) div:has(figure){margin-top: 20px;}	
	
/*=============================================================
 box-DarkBlue
=============================================================*/

.box-DarkBlue .img-box{
	margin-top: 0;
	padding: 0;
}
#services .pageImg{
	min-height: 155px;
	width: 100%;
	overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
	position: relative;
	z-index: 2;
	margin-bottom: -77.5px;
}
#services .pageImg .contentsInner{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#services .pageImg figure{
  width: 100%;
  height: 100%;
  overflow: hidden;
	display: flex;
}	
#services .pageImg img{
  object-fit: cover;
  object-position: center;
	width: 100%;
  height: 155px;
}
#services .color-box.box-DarkBlue{
	padding: calc(140px + ((1vw - 7.68px) * 13.88889)) 0 64px;
}
/*=============================================================
 individual-page
=============================================================*/
#services .individual-page .col-individual-page{margin-bottom: 24px;}
#services .individual-page .col-individual-page>*:last-child{width: 100%}
/*=============================================================
 solution-flow
=============================================================*/
.solution-flow{
	width: 100%;
	margin-top: 20px;
}
.solution-flow .item{
	display: block;
	padding: 30px;
}
.solution-flow .item + .item{margin-top: 8px;}
.solution-flow .item:not(:last-child)::after,
.solution-flow .item::after{
  border-right: 50px solid transparent;
  border-left: 50px solid transparent;
}
.solution-flow .item::before{
  border-right: 50px solid transparent;
  border-left: 50px solid transparent;
}
.solution-flow .item .ttl{margin-bottom: 8px;}
.solution-flow .item .ttl,
.solution-flow .item .text{width: 100%;}	
	#services .col-individual-page>*:last-child{width: 100%;}
.col-2.col-clm1-4.sp-col-1>*:last-child{width: 100%;}
	.col-2.col-clm1-4>*:nth-child(odd){width: 170px;}
}