@charset "utf-8";
/**
 * feature.css
  * Created by Qbist on 2016/06/13.
 * Copyright (c) 2016 Qbist. All rights reserved.
 */
#feature {
  max-width: 720px;
  margin: 0 auto;
}
main #feature h1.categoryH+p {
  margin-bottom: 140px;
}
#feature section {
  background: url('../img/dot_line_red.png') no-repeat center bottom;
  padding: 0 0 70px;
  margin-bottom: 70px;
  text-align: center;
}
main #feature section:last-child {
  background: none;
  padding-bottom: 0;
}
#feature section h1 {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.4;
  margin-bottom: 50px;
}
#feature section h3 {
  font-size: 20px;
  font-size: 2.0rem;
}
#feature section dl dt {
  font-size: 18px;
  font-size: 1.8rem;
}
#feature section dl dd {
  font-size: 15px;
  font-size: 1.5rem;
}
#feature .lead {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 35px;
}
#feature section p.lead:last-child {
  margin-bottom: 0;
}
#feature section .innerBox {
  padding: 3em;
  border: 1px solid #cacaca;
}
#feature section .innerBox dl dt span {
  padding: 0 8px 0 3px;
}
#feature section .innerBox dl dt {
  margin: 35px 0 0.5em;
}
#feature section .innerBox dl dd {
  line-height: 1.7;
}
#feature section .innerBox h2 {
  text-align: center;
}
#feature section .innerBox img {
  margin: 20px 0 40px 0;
}
#feature .line{
  text-decoration:underline;
}

@media only screen and (max-width: 640px) {
  #feature {
    padding: 0 2%;
  }
  .supportImg {
    width: 100%;
    height: auto;
  }
  #feature section .innerBox img {
    width: 100%;
    height: auto;
  }
}