/* ------------------------------
 width: all
------------------------------ */
header .wrapper .gnav ul li:nth-child(6) a {
  color: #83b717;
}
header .wrapper .gnav ul li:nth-child(6) a span {
  color: #83b717;
}

main section.s01 {
  width: 1226px;
  margin: 0 auto;
}
main section.s01 .wrapper {
  width: 880px;
}
main section.s01 .wrapper .qalist .qa {
  padding: 30px 0;
  cursor: pointer;
}
main section.s01 .wrapper .qalist .qa.opened .q .icon_arrow {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
main section.s01 .wrapper .qalist .qa .q {
  border-bottom: 3px dotted #f2f2f2;
  padding: 0 50px 30px 60px;
  position: relative;
}
main section.s01 .wrapper .qalist .qa .q .icon_q {
  width: 19px;
  display: block;
  position: absolute;
  top: 4px;
  left: 10px;
}
main section.s01 .wrapper .qalist .qa .q p {
  font-size: 15px;
  line-height: 170%;
}
main section.s01 .wrapper .qalist .qa .q .icon_arrow {
  width: 17px;
  display: block;
  position: absolute;
  top: 9px;
  right: 0;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
main section.s01 .wrapper .qalist .qa .a {
  padding: 0 50px 0 60px;
  position: relative;
  cursor: pointer;
  display: none;
  margin-top: 30px;
}
main section.s01 .wrapper .qalist .qa .a .icon_a {
  width: 19px;
  display: block;
  position: absolute;
  top: 4px;
  left: 10px;
}
main section.s01 .wrapper .qalist .qa .a p {
  font-size: 13px;
  line-height: 25px;
}

/* ------------------------------
 width < $width-1
------------------------------ */
@media screen and (max-width: 860px) {
  main section.s01 {
    width: 100%;
    padding: 0 20px;
    margin: -20px auto 0;
  }
  main section.s01 .wrapper {
    width: 100%;
  }
  main section.s01 .wrapper .qalist .qa {
    padding: 30px 0;
    cursor: pointer;
  }
  main section.s01 .wrapper .qalist .qa.opened .q .icon_arrow {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  main section.s01 .wrapper .qalist .qa .q {
    border-bottom: 3px dotted #f2f2f2;
    padding: 0 30px 30px 35px;
    position: relative;
  }
  main section.s01 .wrapper .qalist .qa .q .icon_q {
    width: 14px;
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
  }
  main section.s01 .wrapper .qalist .qa .q p {
    font-size: 14px;
    line-height: 170%;
  }
  main section.s01 .wrapper .qalist .qa .q .icon_arrow {
    width: 13px;
    display: block;
    position: absolute;
    top: 9px;
    right: 0;
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }
  main section.s01 .wrapper .qalist .qa .a {
    padding: 0px 30px 0 25px;
    position: relative;
    cursor: pointer;
    display: none;
    margin-top: 10px;
  }
  main section.s01 .wrapper .qalist .qa .a .icon_a {
    width: 14px;
    display: block;
    position: absolute;
    top: 35px;
    left: 0;
  }
  main section.s01 .wrapper .qalist .qa .a p {
    padding-top: 30px;
    font-size: 12px;
    line-height: 24px;
  }
}