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

/* !イーストの強み
---------------------------------------------------------- */
.strength {
	width:100%;
	padding:120px 50px 130px 50px;
}
	.strength div.inner {
		width:100%;
		max-width:1100px;
		margin:0 auto;
		display: flex;
		justify-content: space-between;
	}
		.strength div.inner div.left {
			width:54.4%;
		}
			.strength div.inner div.left img {
				display: block;
				width:100%;
			}
		.strength div.inner div.right {
			width:34%;
		}
			.strength div.inner div.right div.strengthBlock {
				width:100%;
				padding-bottom:30px;
				border-bottom:1px dashed #C1C8CF;
				margin-bottom: 30px;
			}
				.strength div.inner div.right div.strengthBlock h2 {
					font-size:26px;
					font-weight: 700;
					line-height: 1.4;
					margin-bottom: 20px;
				}
					.strength div.inner div.right div.strengthBlock h2 span {
						display: block;
						font-family: "Roboto", sans-serif;
						font-size:16px;
						font-weight: 700;
						color: #21A6D8;
						letter-spacing: 0.06em;
					}
				.strength div.inner div.right div.strengthBlock ul {
					width:100%;
				}
					.strength div.inner div.right div.strengthBlock ul li {
						position: relative;
						padding-left:1em;
						margin-bottom: 5px;
					}
					.strength div.inner div.right div.strengthBlock ul li:last-child {
						margin-bottom: 0;
					}
						.strength div.inner div.right div.strengthBlock ul li:before {
							position: absolute;
							content:"";
							width:6px;
							height: 6px;
							background-color: #21A6D8;
							border-radius: 50%;
							top:16px;
							left:0;
						}

@media screen and (max-width:1039px){
.strength {
	padding:100px 30px 120px 30px;
}
	.strength div.inner {
		flex-wrap: wrap;
	}
		.strength div.inner div.left {
			width:100%;
			margin-bottom: 40px;
		}
			.strength div.inner div.left img {
				display: block;
				max-width:597px;
				margin: 0 auto;
			}
		.strength div.inner div.right {
			width:100%;
		}
			.strength div.inner div.right div.strengthBlock {
				max-width:580px;
				margin: 0 auto 30px auto;
			}
				.strength div.inner div.right div.strengthBlock h2 {
					font-size:24px;
				}
					.strength div.inner div.right div.strengthBlock h2 span {
						font-size:15px;
					}
						.strength div.inner div.right div.strengthBlock ul li:before {
							top:14px;
						}
}

@media screen and (max-width:767px){
.strength {
	padding:70px 25px 100px 25px;
}
			.strength div.inner div.right div.strengthBlock {
				padding-bottom:30px;
				margin: 0 auto 30px auto;
			}
				.strength div.inner div.right div.strengthBlock h2 {
					font-size:20px;
					margin-bottom: 20px;
				}
					.strength div.inner div.right div.strengthBlock h2 span {
						font-size:13px;
					}
				.strength div.inner div.right div.strengthBlock ul {
					width:100%;
				}
						.strength div.inner div.right div.strengthBlock ul li:before {
							top:12px;
						}
}

/* !保守管理
---------------------------------------------------------- */
.ee {
	width:100%;
	padding:0 50px 80px 50px;
}
.eeEnd {
	padding:0 50px 150px 50px;
}
	.ee div.inner {
		width:100%;
		max-width:1100px;
		padding-bottom: 80px;
		border-bottom:1px dashed #C1C8CF;
		margin:0 auto;
		display: flex;
	}
	.eeEnd div.inner {
		padding-bottom: 0;
		border-bottom:0;
	}
		.ee div.inner div.left {
			width:30%;
		}
			.ee div.inner div.left h2 {
				font-size:28px;
				font-weight: 700;
				color: #26353D;
				line-height: 1.6;
				letter-spacing: 0.04em;
				padding-left:0.8em;
				position: relative;
			}
				.ee div.inner div.left h2:before {
					position: absolute;
					content: "";
					width:3px;
					height: 100%;
					background-color: #21A6D8;
					top:0;
					left:0;
					transform: rotate(20deg);
				}
		.ee div.inner div.right {
			width:70%;
		}
			.ee div.inner div.right img.map {
				display: block;
				width:700px;
				margin: 0 auto 40px auto;
			}
			.ee div.inner div.right h3 {
				font-size:22px;
				font-weight: 700;
				padding-left:1em;
				position: relative;
			}
				.ee div.inner div.right h3:before {
					position: absolute;
					content:"";
					width:8px;
					height: 8px;
					background-color: #21A6D8;
					border-radius: 50%;
					top:20px;
					left:0;
				}

@media screen and (max-width:1039px){
.ee {
	padding:0 30px 60px 30px;
}
.eeEnd {
	padding:0 30px 120px 30px;
}
	.ee div.inner {
		padding-bottom: 60px;
	}
	.eeEnd div.inner {
		padding-bottom: 0;
	}
			.ee div.inner div.left h2 {
				font-size:24px;
			}
			.ee div.inner div.right h3 {
				font-size:20px;
			}
				.ee div.inner div.right h3:before {
					top:18px;
				}
}

@media screen and (max-width:767px){
.ee {
	padding:0 25px 55px 25px;
}
.eeEnd {
	padding:0 25px 100px 25px;
}
	.ee div.inner {
		padding-bottom: 55px;
		flex-wrap: wrap;
	}
	.eeEnd div.inner {
		padding-bottom: 0;
	}
		.ee div.inner div.left {
			width:100%;
			margin-bottom: 30px;
		}
			.ee div.inner div.left h2 {
				font-size:20px;
			}
				.ee div.inner div.left h2:before {
					width:2px;
				}
		.ee div.inner div.right {
			width:100%;
		}
			.ee div.inner div.right img.map {
				margin: 0 auto 30px auto;
			}
			.ee div.inner div.right h3 {
				font-size:17px;
			}
				.ee div.inner div.right h3:before {
					width:6px;
					height: 6px;
					top:15px;
				}
}