@charset "utf-8";

#concept{
  font-family: St Marie, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

#concept hr {
  height: 1px;
  width: 200px;
  background: #bbb;
  background-image: -webkit-linear-gradient(left, #eee, #777, #eee);
  background-image: -moz-linear-gradient(left, #eee, #777, #eee);
  background-image: -ms-linear-gradient(left, #eee, #777, #eee);
  background-image: -o-linear-gradient(left, #eee, #777, #eee);
}

#concept ul{
  width: 800px;
}

#concept li:nth-child(1) {
  width: 100%;
  font-size: 26px;
  margin-left:100px;
}

#concept li:nth-child(2) {
  width: 100%;
  float: center;
  font-size: 20px;
}

@media screen and (max-width: 1024px){ 

  #concept li:nth-child(1) {
    font-size: 20px;
    line-height: 20px;
    margin-left:60px;
  }

  #concept li:nth-child(2) {
    font-size: 14px;
    line-height: 16px;
  }

}

@media screen and (max-width: 768px){ 

  #concept li:nth-child(1) {
    width: 80%;
    font-size: 16px;
    line-height: 16px;
    margin-left:40px;
  }

  #concept li:nth-child(2) {
    width: 80%;
    font-size: 12px;
    line-height: 14px;
  }

}

@media screen and (max-width: 576px){ 

  #concept li:nth-child(1) {
    width: 100%;
    font-size: 14px;
    line-height: 10px;
    margin-left:20px;
  }

  #concept li:nth-child(2) {
    width: 100%;
    font-size: 8px;
    line-height: 12px;
  }

}