@charset "utf-8";

/*========= バー表示のためのCSS ===============*/

/*タイムライン全体の設定*/
.timeline{
  width:100%;
  margin:50px auto;
  padding:0 30px;
}

.timeline li{
    /*線の起点とするためrelativeを設定*/
    position: relative;
  list-style: none;
  padding:0 0 20px 0;
}

.timeline dl{
  margin:0 0 20px 3em;
}

.timeline dd strong{
  display: block;
  padding:10px 0;
}

/*絶対配置で線を設定*/
.border-line {
    /*線の位置*/
    position: absolute;
    left: 0.3em;
    top: 20px;
    width: 2px;/*線の太さ*/
    height: 0;/*はじめは高さを0に*/
    background: #991e75;
}

/*タイムラインの見出し横の丸の位置と形状*/
.timeline li::after{
    content:'';
    position: absolute;
    top:0;
    left: -5px;
    width: 21px;
    height: 21px;
    background: #991e75;
    border-radius: 50%;
}