body{ 
  margin-top:40px; 
}
/*progressbar*/
.progressbar {
overflow: hidden;
/*CSS counters to number the steps*/
counter-reset: step;
width: 60%;
margin: 0 auto 30px;
}
.progressbar li {
  list-style-type: none;
  color: white;
  text-transform: uppercase;
  font-size: 18px;
  width: 14%;
  float: left;
  position: relative;
  text-decoration: none;
}
.progressbar li a:hover{
  text-decoration: none;
}
.progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 50px;
  line-height: 50px;
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  background: #eeeeee;
  border-radius: 50%;
  margin: 0 auto 5px auto;
}
/*progressbar connectors*/
.progressbar li:after {
content: '';
width: 100%;
height: 2px;
background: white;
position: absolute;
left: -50%;
top: 9px;
z-index: -1; /*put it behind the numbers*/
}
.progressbar li:first-child:after {
/*connector not needed before the first step*/
content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
.progressbar li.active:before, .progressbar li.active:after {
  background: #0000cd;
  color: white;
}

/* 送信確認 */
.table_confirm {
  width: 100%
}
.table_confirm th{
  width: 30%;
  background-color:  #28B7E3;
}
.table_confirm td{
  width: 70%;
  background-color: white;
}

.displayNone{
  display: none;
}