

.banner {
	background-image: url(../image/banner_phone@2x5.jpg);
}
.section-real {
	text-align: center;
	/* background: url(../image/c6.jpg) no-repeat center; */
	background-size: cover;
	text-align: center;
}
.section-real__heading {
	font-size: 48px;
	font-weight: bold;
	margin-bottom: 8px;
}
.section-real__text {
	font-size: 18px;
	color: #FFFCFC;
}

.circlelist {
	margin-bottom: 50px;
}
.circlelist__item {
	position: relative;
	background: rgba(204,204,204,.2);
	border-radius: 50%;
	margin: 0 auto -10%;
	max-width: 350px;
}
.circlelist__item:last-child {
	margin-bottom: 0;
}
.circlelist__item::before {
	content: '';
	display: block;
	padding-bottom: 100%;
}
.circlelist__infobox {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	padding: 16.667%;
}
.circlelist__heading {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: .85em;
	text-align: center;
}
/* .circlelist__item::before {
	position: absolute;
	content: '';
	display: block;
	padding-bottom: 100%;
	background: #ccc;
	opacity: .2;
	top: 0;
	left: 0;
	right: 0;
	border-radius: 50%;
} */

/* 流程 */
.section-flow__infobox {
	margin-bottom: 40px;
}
.flowlist--light .flowlist__item {
	background: rgba(255,255,255,.9);
	color: #cc0000;
}
.flowlist--light .flowlist__item:last-child {
	background: #fff;
}


@media (min-width: 768px) {
	.section-real {
		background-image: url(../image/c6.jpg);
	}
	.section-flow__infobox {
		max-width: 468px;
	}
	.circlelist {
		display: flex;
		margin-bottom: 100px;
		padding: 0 2.5%;
	}
	.circlelist__item {
		flex-grow: 1;
		margin: 0 -2.5%;
		max-width: 360px;
	}
}

@media (min-width: 1024px) {
	.banner {
		background-image: url(../image/banner_web4.jpg);
	}

	.section-real__heading {
		font-size: 82px;
		margin-bottom: 10px;
	}
	.section-real__text {
		font-weight: bold;
		font-size: 24px;
	}
}
.banner1{
	background-image: url(../image/c8.jpg) !important;
}
.banner2{
	background-image: url(../image/c9.jpg) !important;
}
.banner4{
	background-image: url(../image/d3.jpg) !important;
}
.banner5{
	background-image: url(../image/d4.jpg) !important;
}
.banner6{
	background-image: url(../image/c4.jpg) !important;
}
.banner7{
	background-image: url(../image/d9.jpg) !important;
}
.banner8{
	background-image: url(../image/e2.jpg) !important;
}
.banner9{
	background-image: url(../image/e4.jpg) !important;
}
.section-real {
	background-image: url(../image/c6.jpg);
}
.bg1{
	background-image: url(../image/c5.jpg);
}
.bg2{
	background-image: url(../image/d5.png);
}
.bg3{
	background-image: url(../image/d7.png);
}
.bg4{
	background-image: url(../image/e1.jpg) !important;
}
.bg5{
	background-image: url(../image/c4.jpg);
}
