@charset "utf-8";

/* ----------------------------------------------------------------------------
	サービス
	service/
---------------------------------------------------------------------------- */
#content h2{
	font-size: 1.875rem;
	line-height: 1.6;
	letter-spacing: 0.06em;
	color: rgba(255,255,255,1.00);
	padding: 60px 0;
}

@media only screen and (max-width: 999px) {
	#content h2{
		font-size: 1.625rem;
	}
}
@media only screen and (max-width: 768px) {
	#content h2{
		font-size: 1.500rem;
	}
	#content p br{
		display: none;
	}
}
@media only screen and (max-width: 480px) {
	#content h2{
		font-size: 1.250rem;
	}
}

#ttl{
	width: 100%;
	background: rgba(0,0,0,1.00) url("../../service/img/img01.jpg") center right/cover no-repeat;
	box-sizing: border-box;
	padding: 80px 50px;
	position: relative;
}
#ttl h3{
	font-size: 1.625rem;
	text-align: left;
	color: rgba(255,255,255,1.00);
	padding: 0 0 15px 0;
	text-shadow: 0 0 5px rgba(0,0,0,0.8);
}
#ttl h4{
	font-size: 1.125rem;
	text-align: left;
	color: rgba(255,255,255,1.00);
	text-shadow: 0 0 5px rgba(0,0,0,0.8);
}
#ttl figcaption{
	position: absolute;
	bottom: 6px;
	right: 7px;
}

#content .service_ex{
	padding: 90px 0;
}
#content .service_ex h3{
	font-size: 1.375rem;
	text-align: left;
	line-height: 1.1;
	color: rgba(255,255,255,1.00);
	padding: 0 0 0 10px;
	margin: 0 0 50px 0;
	border-left: 5px rgba(255,255,255,1.00) solid;
}

#content .service_ex .unit_wrap{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0 0 30px 0;
}
#content .service_ex .unit_wrap .unit{
	width: 23%;
}
#content .service_ex .unit_wrap .unit ul{
	width: 100%;
	padding: 0 0 15px 0;
}
#content .service_ex .unit_wrap .unit ul li{
	width: 100%;
	box-sizing: border-box;
	padding: 0 0 15px 1.3em;
	font-size: 0.875rem;
	text-align: left;
	color: rgba(255,255,255,1.00);
	position: relative;
}
#content .service_ex .unit_wrap .unit ul li::before{
	content: "";
	width: 12px;
	height: 12px;
	border: rgba(255,255,255,1.00) 1px solid;
	border-radius: 100%;
	position: absolute;
	top: 0px;
	left: 0;
}

@media only screen and (max-width: 999px) {
	#ttl{
		padding: 70px 40px;
		position: relative;
	}
	#ttl h3{
		font-size: 1.500rem;
		padding: 0 0 15px 0;
	}
	#ttl h4{
		font-size: 1.000rem;
		text-shadow: 0 0 5px rgba(0,0,0,0.8);
	}
	#ttl figcaption{
		position: absolute;
		bottom: 6px;
		right: 7px;
	}

	#content .service_ex{
		padding: 80px 0;
	}
	#content .service_ex h3{
		font-size: 1.250rem;
		padding: 0 0 0 10px;
		margin: 0 0 50px 0;
	}

	#content .service_ex .unit_wrap{
		padding: 0 0 30px 0;
	}
	#content .service_ex .unit_wrap .unit{
		width: 23%;
	}
	#content .service_ex .unit_wrap .unit ul{
		padding: 0 0 15px 0;
	}
	#content .service_ex .unit_wrap .unit ul li{
		padding: 0 0 15px 1.3em;
		font-size: 0.813rem;
	}
	#content .service_ex .unit_wrap .unit ul li::before{
		content: "";
		width: 12px;
		height: 12px;
	}
}
@media only screen and (max-width: 768px) {
	#ttl{
		padding: 30px 30px 140px;
	}
	#ttl h3{
		font-size: 1.375rem;
		padding: 0 0 15px 0;
		line-height: 1.6;
	}
	#ttl h4{
		font-size: 0.938rem;
		line-height: 1.6;
	}
	#ttl figcaption{
		position: absolute;
		bottom: 6px;
		right: 7px;
	}

	#content .service_ex{
		padding: 60px 0;
	}
	#content .service_ex h3{
		font-size: 1.125rem;
		padding: 0 0 0 10px;
		margin: 0 0 40px 0;
	}

	#content .service_ex .unit_wrap{
		padding: 0 0 20px 0;
	}
	#content .service_ex .unit_wrap .unit{
		width: 48%;
		padding: 0 0 30px 0;
	}
	#content .service_ex .unit_wrap .unit ul{
		padding: 0 0 10px 0;
	}
	#content .service_ex .unit_wrap .unit ul li{
		padding: 0 0 10px 1.3em;
		font-size: 0.750rem;
	}
	#content .service_ex .unit_wrap .unit ul li::before{
		content: "";
		width: 10px;
		height: 10px;
	}
}
@media only screen and (max-width: 480px) {
	#ttl{
		padding: 30px 30px 180px;
		background: rgba(0,0,0,1.00) url("../../service/img/img01.jpg") top right 15%/cover no-repeat;
	}
	#ttl h3{
		font-size: 1.250rem;
		padding: 0 0 10px 0;
	}
	#ttl h4{
		font-size: 0.875rem;
	}
	#ttl figcaption{
		position: absolute;
		bottom: 6px;
		right: 7px;
	}

	#content .service_ex{
		padding: 60px 0;
	}
	#content .service_ex h3{
		font-size: 1.125rem;
		padding: 0 0 0 10px;
		margin: 0 0 40px 0;
	}

	#content .service_ex .unit_wrap{
		padding: 0 0 20px 0;
	}
	#content .service_ex .unit_wrap .unit{
		width: 100%;
		padding: 0 0 30px 0;
	}
	#content .service_ex .unit_wrap .unit ul{
		padding: 0 0 10px 0;
	}
	#content .service_ex .unit_wrap .unit ul li{
		padding: 0 0 10px 1.3em;
		font-size: 0.750rem;
	}
	#content .service_ex .unit_wrap .unit ul li::before{
		content: "";
		width: 10px;
		height: 10px;
	}
}