中央が浮き上がったようなシャドウを追加する

中央が浮き上がったようなシャドウを追加する
.box {
	position: relative;
}
.box:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 20%;
	right: 20%;
	top: 50%;
	bottom: 0;
	border-radius: 700px 700px 700px 700px / 70px 70px 70px 70px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}

参考サイト

EC studio 企画デザインブログ
擬似要素(:before・:after)を使ったbox-shadowのエフェクトでデザインアクセント!
http://designblog.ecstudio.jp/htmlcss/pseudo-box-shadow.html