.inner { max-width: 100%; }
	p, li, figure img { max-width: 100%; }
	#header .inner { background: #FFF; }



	.serviceVisual { height: 560px; margin: 0 !important; padding: 80px 0 0; background: url(/common/img/service_bg.jpg) bottom center no-repeat #EDF8F4; background-size: 2000px; position: relative; }
	.serviceVisual h2 { font-size: 80px; line-height: 100px; color: #FFF; margin: 0; padding: 140px 0 0; text-shadow: 0 0 10px #000; }
	.serviceVisual h2 span { display: block; font-size: 64px; line-height: 80px; margin: 0; padding: 0; }

	.serviceAbout { width: 100%; float: left; padding: 80px 0 0; }
	.serviceAbout .inner { }
	.serviceAbout h2 { font-size: 48px; line-height: 60px; text-align: center; color: #e3032d; margin: 0 0 20px; }
	.serviceAbout p { font-size: 24px; font-weight: bold; line-height: 30px; text-align: center; color: #000; }

	.serviceAbout section { background: #e3032d11; margin: 80px 0 0; padding: 80px 0; }
	.serviceAbout h3 { font-size: 32px; line-height: 60px; text-align: center; color: #000; margin: 0 auto 40px; padding: 40px 0; width: 1200px; display: block; background: #FFF; border-radius: 10px; }
	.serviceAbout h3 b { background: linear-gradient(transparent 60%, #FDC70199 60%, #FDC70199 90%, transparent 90%); }

	.serviceAbout ol { display: flex; }
	.serviceAbout ol li { width: calc(100% / 3 - 20px); background: linear-gradient(#fafafa 0%, #ededed 100%); font-size:18px; font-weight: bold; line-height: 60px; border-radius: 10px; margin: 40px 10px 0; padding: 0; box-sizing: border-box; position: relative; text-align: center; box-shadow: 0 0 5px #0003; }
	.serviceAbout ol li b { display: block; font-size: 24px; line-height: 40px; text-align: center; background: linear-gradient(14deg, #D3133D 50%, #e3032d 50%); color: #FFF; padding: 10px 0; border-radius: 0 0 10px 10px; }
	.serviceAbout ol li span { font-size: 12px; }

.serviceAbout .btn a {
	display: block;
	width: 360px;
	height: 80px;
	line-height: 80px;
	margin: 0 auto;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	background: #e3032d;
	border: 0;
	border-radius: 5px;
	color: #FFF;
}
.serviceAbout .btn a b {
	display: inline-block;
	background: #FFF;
	height: 24px;
	color: #e3032d;
	line-height: 28px;
	padding: 0 12px;
	font-size: 16px;
	border-radius: 4px;
	margin: 0px 12px 0px 0px;
}


@media only screen and (max-width: 1024px) {
	.serviceVisual { height: 60vw; background: url(/common/img/service_bg_sp.jpg) top center no-repeat #EDF8F4; background-size: cover; margin: 55px 0 0 !important; padding: 0; }
	.serviceVisual h2 { padding: 20vw 0 0 5vw; font-size: 8vw; line-height: 1.5em; }
	.serviceVisual h2 span { font-size: 5vw; line-height: 1.5em; }

	.serviceAbout { padding: 40px 0 0; }
	.serviceAbout .inner { }
	.serviceAbout h2 { font-size: 6vw; line-height: 2em; margin: 0; }
	.serviceAbout p { font-size: 5vw; line-height: 2em; }

	.serviceAbout section { background: #e3032d11; margin: 40px 0 0; padding: 40px 20px; box-sizing: border-box; }

	.serviceAbout h3 { width: 100%; }

	.serviceAbout h3 { font-size: 5vw; line-height: 1.5em; text-align: center; color: #000; margin: 0 0 20px; padding: 20px; box-sizing: border-box; }
	.serviceAbout h3 b { background: linear-gradient(transparent 60%, #FDC70199 60%, #FDC70199 90%, transparent 90%); }

	.serviceAbout ol { display: block; padding: 0 20px; }
	.serviceAbout ol li { width: 100%; font-size: 4vw; line-height: 3em; margin: 20px 0 0; }
	.serviceAbout ol li b { font-size: 5vw; line-height: 1.5em; }
	.serviceAbout ol li span { font-size: 12px; }


	.serviceAbout .btn a {
		display: block;
		width: 300px;
		height: 60px;
		line-height: 60px;
		font-size: 16px;
	}
	.serviceAbout .btn a b {
		display: inline-block;
		background: #FFF;
		height: 16px;
		color: #e3032d;
		line-height: 18px;
		padding: 0 12px;
		font-size: 12px;
		margin: 0 6px 0 0;
	}

}