@charset "utf-8";
/*  style　[  ]
=================================================================== */
/* 導入までの流れ */
.flow-box{
  display: table;
  margin: 0 220px;
}
ul.chart {
  margin: 3em auto;
}
ul.chart:first-of-type li {
    max-width: 900px;
    padding: 30px;
    background: #000;
    position: relative;
  list-style: none;
  margin: 0 auto;
  color: #fff;
}

ul.chart:first-of-type li:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: #000 transparent transparent transparent;
    z-index: 50;
}
ul.chart:first-of-type li:nth-of-type(2n) {
    background: #F0F0E1;
  color: #000;
}
ul.chart:first-of-type li:nth-of-type(2n):after {
    border-color: #F0F0E1 transparent transparent transparent;
}

ul.chart:first-of-type li.last_list:nth-of-type(2n):after {
   display: none;
}

/* ～767px(xs) ____________________________________________________ */
@media screen and (max-width: 767px) {
 .flow-box{
    margin: 0 5px;
  }

}
/*----------------------------------------------
   480px以下
  ---------------------------------------------*/
@media screen and (max-width: 480px) {
  .flow-box{
    margin: 0 5px;
  }

}