/* 要素本体 */
/*
.content{
  color: white;
}
.step{
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.step li{
  position: relative;
  padding: 10px 30px;
  margin: 0 25px 10px 0;
  background: gray;
}
*/
/* 先端部分 */
/*
.step li::after{
  content: "";
  position: absolute;
  top: 0;
  right: -30px;
  border-width: 22px 15px;
  border-color: transparent transparent transparent gray ;
  border-style: solid;
}
*/
/* 現在のステップ */
/*
.step li.is-current{
  background: green;
}
.step li.is-current::after{
  border-color: transparent transparent transparent green ;
}
*/

/*リニューアル*/

.step {
	display: flex;
	font-size: 16px;
	padding: .8em 1.6em .4em .8em;
	position: relative;
	color: #fff;
	z-index: 1;
  flex-wrap: wrap;
  list-style: none;
}

.step li{
  position: relative;
  padding: 10px 30px;
  margin: 0 25px 10px 0;
}

.step li::before{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	background: gray;
	transform: scaleY(-1.0) perspective(0.6em) rotateX(1.7deg);
	transform-origin: center left;
	border-radius: 0px 8px 0 0;
}

.step li.is-current::before {
  background: green ;
}