#main .sec-area {
  padding-top: 15px;
  padding-bottom: 15px;
}

#main h2 {
  text-align: center;
  line-height: 1.4;
}

#main h4 {
  margin-bottom: 5px;
}

#main h4::first-letter {
  color: #9fd6d5;
}

#main h4 + p {
  margin-top: 0;
}

#main ul li {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(33%, #bbbbbb), color-stop(0%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, #bbbbbb 33%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 8px 1px;
  background-repeat: repeat-x;
  padding-bottom: 10px;
  margin-bottom: 10px;
  text-indent: -1em;
  padding-left: 1em;
}

#main ul li::first-letter {
  color: #9fd6d5;
}

@media screen and (min-width: 768px) {
  #main .row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -20px;
    margin-right: -20px;
  }
  #main .row .grid {
    padding-left: 20px;
    padding-right: 20px;
    width: 50%;
  }
  #main .row .grid .inner {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(33%, #bbbbbb), color-stop(0%, rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to right, #bbbbbb 33%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 8px 1px;
    background-repeat: repeat-x;
    padding-bottom: 20px;
    margin-bottom: 10px;
  }
  #main .row:last-child .grid .inner {
    background: none;
  }
}

#main #sec01 .fig-img {
  text-align: center;
  margin-bottom: 70px;
}

#main #sec02 {
  padding-bottom: 50px;
}

#main #sec03 {
  padding-top: 60px;
  padding-bottom: 60px;
}

#main #sec03 h2 {
  margin-bottom: 5%;
}

#main #sec03 li::first-letter {
  color: #a0ce77;
}

@media screen and (max-width: 767px) {
  #main h2 {
    font-size: 24px;
  }
}