@charset "UTF-8";
.c_h1_image {
	background-image: url(../imgs/bankpay_keyvisual_h1images.png);
	background-size: contain;
}

.flex_point {
	display: flex;

}
.quarter {
	margin: 10px;
	padding: 3px;
	display: flex;
	width: 25%;

}
.pointitem {
	display: block;
}

.c_panel.point1>.image {
	background: url(../imgs/about_1_271.png);
	background-size:cover;
	background-position: center;
	width: auto;

}
.c_panel.point2>.image {
	background: url(../imgs/about_2_271.png);
	background-size:cover;
	background-position: center;
	width: auto;
}
.c_panel.point3>.image {
	background: url(../imgs/about_3_271.png);
	background-size:cover;
	background-position: center;
	width: auto;
}
.c_panel.point4>.image {
	background: url(../imgs/about_4_271.png);
	background-size:cover;
	background-position: center;
	width: auto;
}
/*--------------------------------------------------------------
	スマホ表示に関する記述
---------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	.c_h1_image {
		background-size: cover;
		background-position: 60% center;
	}
	.flex_point {
		display: block;
	}
	.flex_point {
		display: block;
	}
	.pointitem {
		display: flex;
	}
	.c_panel>.image {
		width: 25%;
		
	}
	.c_panel>.outline {
		width: 600px;
		margin-top: 20px;
	}
	.c_panel>.point {
		top: 40px;
		left: -25px;
	}

}