@charset "UTF-8";
/*
 * business.css
 *
 */

/* !ビジネスTOP
---------------------------------------------------------- */
.business01 {
	width:100%;
	padding:0 50px 100px 50px;
}
	.business01 div.inner {
		width:100%;
		max-width:1100px;
		margin:0 auto;
	}
		.business01 ul.businessMenu {
			width:100%;
			max-width:1000px;
			margin:0 auto;
			display: flex;
			justify-content: space-between;
			margin-bottom: 70px;
		}
			.business01 ul.businessMenu li {
				width:47%;
			}
				.business01 ul.businessMenu li a {
					display: block;
					width:100%;
					height: 100%;
					padding:40px 40px 60px 40px;
					background-color: #EEF1F2;
					border-radius: 20px;
					transition:.6s;
					position: relative;
				}
					.business01 ul.businessMenu li a img {
						display: block;
						width:190px;
						margin: 0 auto 15px auto;
						border: 10px solid #E0E8EB;
						border-radius: 50%;
						transition:.6s;
					}
						.business01 ul.businessMenu li a:hover img {
							border: 10px solid #37A8C9;
						}
					.business01 ul.businessMenu li a h3 {
						font-size:24px;
						font-weight: 700;
						line-height: 1.5;
						text-align: center;
						color: #283891;
						margin-bottom: 20px;
						transition:.6s;
					}
						.business01 ul.businessMenu li a:hover h3 {
							color: #37A8C9;
						}
					.business01 ul.businessMenu li a p.read {
						color: #222;
					}
					.business01 ul.businessMenu li a::after {
						position: absolute;
						content:"";
						display: inline-block;
						width: 16px;
						height: 16px;
						border-top: 2px solid #283891;
						border-right: 2px solid #283891;
						transform: rotate(135deg);
						bottom:30px;
						left:50%;
						margin-left:-8px;
						transition:.3s;
					}
						.business01 ul.businessMenu li a:hover:after {
							border-top: 2px solid #37A8C9;
							border-right: 2px solid #37A8C9;
							bottom:25px;
						}
		.business01 div.inner a.worksBtn {
			display: block;
			width:100%;
			max-width:600px;
			height: 100px;
			font-size:22px;
			font-weight: 700;
			line-height: 100px;
			color: #283891;
			text-align: center;
			background-color: #EEF1F2;
			border-radius: 10px;
			transition:.6s;
			margin: 0 auto;
		}
			.business01 div.inner a.worksBtn i {
				margin-right: 0.6em;
			}
			.business01 div.inner a.worksBtn:hover {
				color:#FFF;
				background-color: #37A8C9;
			}

.business02 {
	width:100%;
}
	.business02 div.features01 {
		width:100%;
		border-top: 1px solid #EEF1F2;
		padding:80px 50px 80px 50px;
	}
		.business02 div.features01 div.inner {
			width:100%;
			max-width:1100px;
			margin:0 auto;
		}
			.business02 div.features01 div.inner p.read {
				margin-bottom: 50px;
			}
			.business02 div.features01 div.inner ul.photo {
				width:100%;
				max-width:1000px;
				margin: 0 auto;
				display: flex;
				justify-content: space-between;
			}
				.business02 div.features01 div.inner ul.photo li {
					width:47%;
				}
					.business02 div.features01 div.inner ul.photo li img {
						display: block;
						width:100%;
						border-radius: 12px;
					}
	.business02 div.features02 {
		width:100%;
		background-color: #EEF1F2;
		padding:80px 50px 80px 50px;
	}
		.business02 div.features02 div.inner {
			width:100%;
			max-width:1100px;
			margin:0 auto;
		}
			.business02 div.features02 div.inner div.article {
				width:100%;
				display: flex;
				justify-content: space-between;
			}
				.business02 div.features02 div.inner div.article div.left {
					width:calc(100% - 580px);
				}
				.business02 div.features02 div.inner div.article div.right {
					width:500px;
				}
					.business02 div.features02 div.inner div.article div.right h4.tit {
						font-size:20px;
						font-weight: 700;
						color: #283891;
						text-align: center;
						margin-bottom: 20px;
					}
					.business02 div.features02 div.inner div.article div.right img {
						display: block;
						width:100%;
					}

@media screen and (max-width:1039px){
.business01 {
	padding:0 30px 80px 30px;
}
		.business01 ul.businessMenu {
			margin-bottom: 60px;
		}
				.business01 ul.businessMenu li a {
					border-radius: 16px;
				}
					.business01 ul.businessMenu li a img {
						width:170px;
						border: 8px solid #E0E8EB;
					}
						.business01 ul.businessMenu li a:hover img {
							border: 8px solid #E0E8EB;
						}
					.business01 ul.businessMenu li a h3 {
						font-size:22px;
						margin-bottom: 15px;
					}
						.business01 ul.businessMenu li a:hover h3 {
							color: #283891;
						}
						.business01 ul.businessMenu li a:hover:after {
							border-top: 2px solid #283891;
							border-right: 2px solid #283891;
							bottom:30px;
						}
		.business01 div.inner a.worksBtn {
			max-width:600px;
			height: 90px;
			line-height: 90px;
			border-radius:8px;
		}
			.business01 div.inner a.worksBtn:hover {
				color: #283891;
				background-color: #EEF1F2;
			}
	
	.business02 div.features01 {
		padding:60px 30px 60px 30px;
	}
			.business02 div.features01 div.inner p.read {
				margin-bottom: 40px;
			}
	.business02 div.features02 {
		padding:60px 30px 60px 30px;
	}
				.business02 div.features02 div.inner div.article div.left {
					width:50%;
				}
				.business02 div.features02 div.inner div.article div.right {
					width:45%;
				}
					.business02 div.features02 div.inner div.article div.right h4.tit {
						font-size:18px;
					}
}

@media screen and (max-width:767px){
.business01 {
	padding:0 25px 70px 25px;
}
		.business01 ul.businessMenu {
			flex-wrap: wrap;
			max-width:320px;
			margin:0 auto 50px auto;
		}
			.business01 ul.businessMenu li {
				width:100%;
				margin-bottom: 30px;
			}
			.business01 ul.businessMenu li:last-child {
				margin-bottom: 0;
			}
				.business01 ul.businessMenu li a {
					display: block;
					padding:30px 20px 55px 20px;
					border-radius: 12px;
				}
					.business01 ul.businessMenu li a img {
						width:160px;
						margin: 0 auto 15px auto;
					}
					.business01 ul.businessMenu li a h3 {
						font-size:18px;
						margin-bottom: 15px;
					}
					.business01 ul.businessMenu li a::after {
						bottom:25px;
					}
						.business01 ul.businessMenu li a:hover:after {
							bottom:25px;
						}
		.business01 div.inner a.worksBtn {
			width:100%;
			max-width:320px;
			height: 70px;
			font-size:16px;
			font-weight: 700;
			line-height: 70px;
			border-radius: 8px;
		}
	
		.business02 div.features01 {
			padding:50px 25px 60px 25px;
		}
			.business02 div.features01 div.inner p.read {
				margin-bottom: 30px;
			}
			.business02 div.features01 div.inner ul.photo {
				max-width:320px;
				margin: 0 auto;
				flex-wrap: wrap;
			}
				.business02 div.features01 div.inner ul.photo li {
					width:100%;
					margin-bottom:20px;
				}
				.business02 div.features01 div.inner ul.photo li:last-child {
					margin-bottom:0;
				}
					.business02 div.features01 div.inner ul.photo li img {
						border-radius: 8px;
					}
	.business02 div.features02 {
		padding:60px 25px 60px 25px;
	}
			.business02 div.features02 div.inner div.article {
				flex-wrap: wrap;
			}
				.business02 div.features02 div.inner div.article div.left {
					width:100%;
					margin-bottom: 30px;
				}
				.business02 div.features02 div.inner div.article div.right {
					width:100%;
				}
					.business02 div.features02 div.inner div.article div.right h4.tit {
						font-size:16px;
						margin-bottom: 20px;
					}
					.business02 div.features02 div.inner div.article div.right img {
						max-width:400px;
						margin: 0 auto;
					}
}

/* !測量業務
---------------------------------------------------------- */
.survey01 {
	width:100%;
}
	.survey01 div.surveyMenu01 {
		width:100%;
		border-top: 1px solid #EEF1F2;
		padding:80px 50px 80px 50px;
	}
		.survey01 div.surveyMenu01 div.inner {
			width:100%;
			max-width:1100px;
			margin:0 auto;
		}
			.survey01 div.surveyMenu01 div.inner div.article {
				width:100%;
				display: flex;
				justify-content: space-between;
				margin-bottom: 80px;
			}
				.survey01 div.surveyMenu01 div.inner div.article div.left {
					width:50%;
				}
				.survey01 div.surveyMenu01 div.inner div.article div.right {
					width:43%;
				}
					.survey01 div.surveyMenu01 div.inner div.article div.right img {
						display: block;
						width:100%;
						border-radius: 12px;
					}
			.survey01 div.surveyMenu01 div.inner ul.type {
				width:100%;
				display: flex;
				justify-content: center;
				margin-bottom: 80px;
			}
				.survey01 div.surveyMenu01 div.inner ul.type li {
					font-size:20px;
					font-weight: 700;
					color: #FFF;
					padding:0.4em 1.2em;
					background-color: #283891;
					border-radius: 4px;
					margin-right: 10px;
				}
				.survey01 div.surveyMenu01 div.inner ul.type li:last-child {
					margin-right: 0;
				}
			.survey01 div.surveyMenu01 div.inner ul.business {
				width:100%;
				max-width:900px;
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				margin: 0 auto;
			}
				.survey01 div.surveyMenu01 div.inner ul.business li {
					position: relative;
					width:48%;
					font-size:18px;
					font-weight: 700;
					padding:0.8em 0.8em 0.8em 1.6em;
					border-bottom: 1px solid #E7EBED;
				}
				.survey01 div.surveyMenu01 div.inner ul.business li:first-child {
					border-top: 1px solid #E7EBED;
				}
				.survey01 div.surveyMenu01 div.inner ul.business li:nth-child(2) {
					border-top: 1px solid #E7EBED;
				}
					.survey01 div.surveyMenu01 div.inner ul.business li:before {
						position: absolute;
						content:"";
						width:6px;
						height: 6px;
						background-color: #4EB4C6;
						border-radius: 50%;
						top:30px;
						left:10px;
					}

a.indexBtn {
	display: block;
	width:100%;
	max-width:400px;
	height: 80px;
	font-size:18px;
	font-weight: 700;
	line-height: 80px;
	color: #283891;
	text-align: center;
	background-color: #EEF1F2;
	border-radius: 10px;
	transition:.6s;
	margin: 80px auto 0 auto;
}
	a.indexBtn i {
		margin-right: 0.6em;
	}
		a.indexBtn:hover {
			color:#FFF;
			background-color: #37A8C9;
		}		

@media screen and (max-width:1039px){
	.survey01 div.surveyMenu01 {
		padding:60px 30px 60px 30px;
	}
			.survey01 div.surveyMenu01 div.inner div.article {
				margin-bottom: 70px;
			}
					.survey01 div.surveyMenu01 div.inner div.article div.right img {
						border-radius: 10px;
					}
			.survey01 div.surveyMenu01 div.inner ul.type {
				margin-bottom: 70px;
			}
				.survey01 div.surveyMenu01 div.inner ul.type li {
					font-size:18px;
				}
				.survey01 div.surveyMenu01 div.inner ul.business li {
					font-size:16px;
				}
					.survey01 div.surveyMenu01 div.inner ul.business li:before {
						top:28px;
					}
	
a.indexBtn {
	max-width:380px;
	font-size:16px;
	margin: 70px auto 0 auto;
}
		a.indexBtn:hover {
			color: #283891;
			background-color: #EEF1F2;
		}	
}

@media screen and (max-width:767px){
	.survey01 div.surveyMenu01 {
		padding:50px 25px 60px 25px;
	}
			.survey01 div.surveyMenu01 div.inner div.article {
				flex-wrap: wrap;
				margin-bottom: 60px;
			}
				.survey01 div.surveyMenu01 div.inner div.article div.left {
					width:100%;
					margin-bottom: 40px;
				}
				.survey01 div.surveyMenu01 div.inner div.article div.right {
					width:100%;
				}
					.survey01 div.surveyMenu01 div.inner div.article div.right img {
						max-width:320px;
						margin: 0 auto;
						border-radius: 10px;
					}
			.survey01 div.surveyMenu01 div.inner ul.type {
				max-width: 340px;
				flex-wrap: wrap;
				justify-content:space-between;
				margin: 0 auto 50px auto;
			}
				.survey01 div.surveyMenu01 div.inner ul.type li {
					width:48%;
					font-size:15px;
					text-align: center;
					padding:0.5em 0;
					margin-right: 0;
					margin-bottom: 10px;
				}
			.survey01 div.surveyMenu01 div.inner ul.business {
				max-width: 340px;
			}
				.survey01 div.surveyMenu01 div.inner ul.business li {
					width:100%;
					font-size:15px;
				}
				.survey01 div.surveyMenu01 div.inner ul.business li:nth-child(2) {
					border-top: 0;
				}
					.survey01 div.surveyMenu01 div.inner ul.business li:before {
						top:25px;
						left:8px;
					}
	
a.indexBtn {
	max-width:260px;
	height: 60px;
	font-size:15px;
	line-height: 60px;
	border-radius: 8px;
	margin: 60px auto 0 auto;
}
}

/* !登記申請業務
---------------------------------------------------------- */
.registration01 {
	width:100%;
	padding:0 50px 80px 50px;
}
	.registration01 div.inner {
		width:100%;
		max-width:1100px;
		margin:0 auto;
	}
		.registration01 div.inner img.registrationFig1 {
			display: block;
			width:900px;
			margin: 0 auto 80px auto;
			padding-top:20px;
		}
		.registration01 div.inner div.article {
			width:100%;
			display: flex;
			justify-content: space-between;
		}
			.registration01 div.inner div.article div.left {
				width:50%;
			}
			.registration01 div.inner div.article div.right {
				width:43%;
			}
				.registration01 div.inner div.article div.right img {
					display: block;
					width:100%;
					border-radius: 12px;
				}

@media screen and (max-width:1039px){
.registration01 {
	padding:0 30px 70px 30px;
}
		.registration01 div.inner img.registrationFig1 {
			margin: 0 auto 60px auto;
			padding-top:10px;
		}
				.registration01 div.inner div.article div.right img {
					border-radius: 10px;
				}
}

@media screen and (max-width:767px){
.registration01 {
	padding:0 25px 60px 25px;
}
		.registration01 div.inner img.registrationFig1 {
			margin: 0 auto 40px auto;
			padding-top:0;
		}
		.registration01 div.inner div.article {
			flex-wrap: wrap;
		}
			.registration01 div.inner div.article div.left {
				width:100%;
				margin-bottom: 40px;
			}
			.registration01 div.inner div.article div.right {
				width:100%;
			}
				.registration01 div.inner div.article div.right img {
					max-width:320px;
					margin: 0 auto;
				}
}

/* !実績
---------------------------------------------------------- */
.works01 {
	width:100%;
	margin-bottom: 100px;
}
	.works01 div.worksBox {
		width:100%;
		padding:0 50px 100px 50px;
	}
		.works01 div.worksBox div.inner {
			width:100%;
			max-width:1100px;
			margin:0 auto;
		}
			.works01 div.worksBox div.inner ul.business {
				width:100%;
				padding:40px 50px 20px 50px;
				
				border:2px solid #eef1f2;
				border-radius:12px;
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				margin: 0 auto;
			}
				.works01 div.worksBox div.inner ul.business li {
					position: relative;
					width:48%;
					font-size:18px;
					font-weight: 700;
					padding:0 0 0 1.6em;
					margin-bottom: 20px;
				}
					.works01 div.worksBox div.inner ul.business li span {
						font-size:16px;
						font-weight: 400;
					}
					.works01 div.worksBox div.inner ul.business li:before {
						position: absolute;
						content:"";
						width:6px;
						height: 6px;
						background-color: #4EB4C6;
						border-radius: 50%;
						top:17px;
						left:10px;
					}

@media screen and (max-width:1039px){
.works01 {
	margin-bottom: 90px;
}
	.works01 div.worksBox {
		padding:0 30px 90px 30px;
	}
			.works01 div.worksBox div.inner ul.business {
				padding:30px 30px 10px 30px;
			}
				.works01 div.worksBox div.inner ul.business li {
					font-size:17px;
				}
					.works01 div.worksBox div.inner ul.business li span {
						font-size:15px;
					}
}

@media screen and (max-width:767px){
.works01 {
	margin-bottom: 80px;
}
	.works01 div.worksBox {
		padding:0 25px 80px 25px;
	}
			.works01 div.worksBox div.inner ul.business {
				padding:25px 15px 5px 15px;
				border:2px solid #eef1f2;
				border-radius:10px;
				flex-wrap: wrap;
			}
				.works01 div.worksBox div.inner ul.business li {
					width:100%;
					font-size:16px;
					margin-bottom: 20px;
				}
					.works01 div.worksBox div.inner ul.business li span {
						font-size:14px;
					}
					.works01 div.worksBox div.inner ul.business li:before {
						top:15px;
					}	
}