@charset "UTF-8";

.main {
  margin-top: 60px;
}

/* ------------------------------------------------------------------
  quality
------------------------------------------------------------------ */
.quality {
  border-top-width: 2px;
  border-top-style: solid;
  padding: 30px;
  margin-bottom: 30px;
}
.quality_ttl {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  margin-bottom: 20px;
}
.quality_listArea {
  width: 62%;
  margin-left: 1em;
  float: left;
}
.quality_list {
  margin-bottom: 14px;
  list-style-type: disc;
}
.quality_list span {
  color: #333333;
  font-size: 14px;
}
.quality_img {
  width: 32%;
  margin-left: 3%;
  float: left;
}
.quality_list-nomb {
  margin-bottom: 0;
}

.quality-1 {
  background-color: #f1f8fe;
  border-top-color: #4289c8;
}
.quality-2 {
  background-color: #fff3f7;
  border-top-color: #ee86ab;
}
.quality-3 {
  background-color: #fbfef4;
  border-top-color: #a1cb39;
}
.quality-1 .quality_ttl {
  border-bottom-color: #4289c8;
}
.quality-2 .quality_ttl {
  border-bottom-color: #ee86ab;
}
.quality-3 .quality_ttl {
  border-bottom-color: #a1cb39;
}
.quality-1 .quality_ttl-num,
.quality-1 .quality_list {
  color: #4289c8;
}
.quality-2 .quality_ttl-num,
.quality-2 .quality_list {
  color: #ee86ab;
}
.quality-3 .quality_ttl-num,
.quality-3 .quality_list {
  color: #a1cb39;
}

@media only screen and (max-width: 640px) {
.quality {
  padding: 15px;
}
.quality_listArea {
  width: 100%;
}
.quality_img {
  width: 100%;
}
}