#c01 h2 {
	margin-top: 2.4rem;
	margin-bottom: 1em;
}

#cService {
	margin-bottom: 2rem;
}
#c02 {
	background-color: #fff;
	text-align: center;
	padding: 2.2rem 2rem;
	margin-top: -1.6em;
}
#c02 .figures.flexbox {
	
}
#c02 .figures.flexbox figure {
	width: 100%;
	text-align: center;
	padding: 0 1em;
}
@media only screen and (min-width:640px) {
	#c02 .figures.flexbox {
		margin: 0 -1em;
	}
	#c02 .figures.flexbox figure {
		width: 50%;
	}
}
	#c02 .figures figcaption {
		margin-bottom: 1.2em;
	}
		#c02 .figures figcaption > i {
			color: #fff;
			font-size: 0.9em;
			display: block;
			background-color: var(--cl-deepblack);
			padding: 0.7em 1.2em;
			border-radius: var(--share-wrap-radius);
		}
		#c02 .figures .flow2 figcaption > i {
			background-color: var(--cl-actlink);
		}
		#c02 .figures .parent-cl-or figcaption > i {
			background-color: var(--cl-actlink);
		}
	#c02 .figures figure > .im {
		width: auto;
		height: 22em;
	}
	#c02 .figures .stitle {
		margin-bottom: 1.5em;
		margin-top: 0;
	}
		#c02 .figures .parent-cl-or .stitle {
			color: var(--cl-actlink);
		}
	#c02 .figures .description {
		text-align: left;
		margin-bottom: 1.2em;
	}
	#c02 .figures .mand {
		text-align: left;
	}
	@media only screen and (min-width:640px) {
		#c02 .figures .mand {
			min-height: 17em;
			margin-bottom: 2em;
		}
	}
		#c02 .figures .mand dl {
			margin-bottom: 1.5em;
		}
		#c02 .figures .mand dl dt {
			margin-bottom: 0.7em;
		}
			#c02 .figures .mand dl dt > i {
				display: inline-block;
				font-size: 0.8em;
				color: #fff;
				background-color: var(--cl-deepblack);
				text-align: center;
				padding: 0.7em 1.2em;
				border-radius: var(--share-wrap-radius);
			}
		#c02 .figures .mand dl dd {
			
		}
			#c02 .figures .mand dl.me dt > i {
				background-color: var(--cl-actlink);
			}
		#c02 .figures .mand dl dd ul.list {
			font-size: 0.92em;
		}
			#c02 .figures .mand dl dd ul.list li {
				
			}
			#c02 .figures .mand dl dd ul.list li::before {
				margin-top: 0.1em;
			}
	#c02 .figures .flow3 {
		margin-top: 2em;
		padding: 0 1em;
	}
		#c02 .figures .flow3 .colum {
			width: 100%;
		}
		#c02 .figures .flow3 .stitle {
			text-align: left;
		}
		#c02 .figures .flow3 .im-wrap {
			width: 100%;
			padding-top: 0;
			padding-left: 0;
		}
		#c02 .figures .flow3 .im {
			width: auto;
			height: auto;
		}
	@media only screen and (min-width:640px) {
		#c02 .figures .flow3 {
			margin-top: 2.5em;
			padding: 0 0;
		}
		#c02 .figures .flow3 .colum {
			width: 50%;
		}
		#c02 .figures .flow3 .im-wrap {
			width: 50%;
			padding-top: 1em;
			padding-left: 0em;
		}
		#c02 .figures .flow3 .im {
			width: auto;
			height: 22em;
		}
	}
	
#c02 .works {
	margin-top: 1em;
}
	#c02 .secondary-title {
		font-size: 1.4em;
		margin-bottom: 0.8em;
	}
	#c02 .list {
		text-align: left;
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
	}
@media only screen and (max-width:640px) {
	#c02 {
		padding: 2rem 2rem;
		margin-top: -1em;
	}
	#c02 .figures {
		margin: 0 -1em;
	}
	#c02 .figures figure {
		width: 100%;margin-bottom: 2em;
	}
	#c02 .figures figcaption {
		
	}
	#c02 .figures figcaption > i {
		font-size: 0.9em;
		padding: 0.7em 1.2em;
	}
	#c02 .figures figure > .im {
		height: auto;width: 100%;
	}
	#c02 .works {
		margin-top: 0em;
	}
	#c02 .secondary-title {
		font-size: 1.0em;
		margin-bottom: 0.8em;
	}
	#c02 .works ul {
		font-size: 0.8em;
	}
}

/**/
#c03 {
	background-color: #fff;
	margin-top: 1.4rem;
	overflow: hidden;
}
	#c03 figure {
		width: 28%;
		position: relative;
		z-index: 0;
	}
		#c03 figure::before {
			content: "";
			display: block;
			padding-top: 100%;
		}
		#c03 figure > img {
			position: absolute;
			z-index: 0;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: center;
		}
	#c03 .colum {
		width: 72%;
		padding: 2rem 3em;
	}
	#c03 h2 {
		font-size: 1.3em;
		margin-bottom: 0.8em;
	}
	#c03 nav {
		margin-top: 1.4em;
	}
@media only screen and (max-width:640px) {
	#c03 {
		margin-top: 1.4rem;
	}
	#c03 figure {
		width: 100%;
	}
	#c03 figure::before {
		padding-top: 60%;
	}
	#c03 .colum {
		width: 100%;
		padding: 2rem 2rem;
		padding-top: 1.2rem;
	}
	#c03 .colum ul {
		font-size: 0.8em;
	}
	#c03 h2 {
		font-size: 1.0em;
	}
	#c03 nav {
		margin-top: 1.4em;
		text-align: center;
	}
	#c03 nav > .bt {
		display: block;
	}
}

/**/
#c04 {
	margin-bottom: -2rem;
}
@media only screen and (max-width:640px) {
	#c04 {
		padding: 2rem 0;
	}
}

/**/
#cBOfService {
	margin-bottom: 2rem;
}
#c05 {
	text-align: center;
	background-color: #fff;
}
	#c05 h2 {
		
	}
	#c05 p {
		margin-bottom: 2em;
	}

/**/
#c06 {
	text-align: center;
	background-color: #fff;
}
#c06 .case {
	background-color: #fff;
	margin-bottom: 4rem;
}
	#c06 .case h2 {
		
	}
	#c06 .case .caption {
		margin-bottom: 1.2em;
	}
		#c06 .case .caption > i {
			color: #fff;
			font-size: 0.9em;
			display: inline-block;
			background-color: var(--cl-deepblack);
			padding: 0.7em 1.2em;
			border-radius: var(--share-wrap-radius);
		}
	#c06 .case nav {
		margin-top: 1em;
	}
	#c06 .case figure {
		text-align: center;
		margin-top: 1em;
		margin-bottom: 2em;
	}
	#c06 .case figure > img {
		width: 70%;
		height: auto;
	}
	#c06 .case ol {
		text-align: left;
		max-width: 640px;
		margin-left: auto;
		margin-right: auto;
		list-style-type: decimal;
	}
		#c06 .case ol li {
			
		}
		
#cBOfService .contact-pane {
	padding: 0;
	text-align: center;
}




