比較表などウインドウ幅からオーバーフローする要素の横スクロール処理

	<div class="scrollWpr">
		<div class="table scroll"><img src="" alt="サービス比較表"></div>
	</div>
	<div class="scrollNotice sp">＜　表は左右にスクロールできます　＞</div>

	<div class="scrollWpr">
		<div class="table scroll"><img src="" alt="サービス比較表"></div>
	</div>
	<div class="scrollNotice sp">＜　表は左右にスクロールできます　＞</div>

/* spのみ　PC側は全体表示するだけ */
.scrollWpr{
	width: 95%;
	margin: 0 auto 10px auto;
	padding: 0;
	overflow-x: scroll;
}

.table{
	width: 100%;
	margin: 0 auto;
}

.scroll {
    width: 718px;
    margin: 0 0 10px 0;
    text-align: center;
}

.scrollNotice{
	width: 95%;
	margin: 0 auto 10px auto;
	text-align: center;
}

/* spのみ　PC側は全体表示するだけ */
.scrollWpr{
	width: 95%;
	margin: 0 auto 10px auto;
	padding: 0;
	overflow-x: scroll;
}

.table{
	width: 100%;
	margin: 0 auto;
}

.scroll {
    width: 718px;
    margin: 0 0 10px 0;
    text-align: center;
}

.scrollNotice{
	width: 95%;
	margin: 0 auto 10px auto;
	text-align: center;
}