/* Faq page */
.listcat-wrapper {
  width: 100%;
  max-width: 1030px;
  padding: 0 15px;
  margin: auto; }

.list-cat {
  font-size: 0;
  text-align: center;
  margin-left: -9px;
  margin-right: -9px;
  margin-bottom: 30px; }
  .list-cat li {
    display: inline-block;
    padding: 0 9px;
    width: 33.3333%;
    margin-bottom: 10px; }
    .list-cat li a {
      border: 1px solid transparent;
      font-size: 16px;
      font-weight: bold;
      border-radius: 2em;
      display: block;
      padding: 12px 32px;
      position: relative;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
  .list-cat li:nth-child(3n+1) a {
    background: url(../img/faq/ico_ar_down_cat1.png) center right 8% no-repeat;
    border-color: #ec788b;
    color: #ec788b; }
  .list-cat li:nth-child(3n+1) a:hover {
    background: #ec788b url(../img/faq/ico_ar_down_hover.png) center right 8% no-repeat; }
  .list-cat li:nth-child(3n+2) a {
    background: url(../img/faq/ico_ar_down_cat2.png) center right 8% no-repeat;
    border-color: #8bbe32;
    color: #8bbe32; }
  .list-cat li:nth-child(3n+2) a:hover {
    background: #8bbe32 url(../img/faq/ico_ar_down_hover.png) center right 8% no-repeat; }
  .list-cat li:nth-child(3n+3) a {
    background: url(../img/faq/ico_ar_down_cat3.png) center right 8% no-repeat;
    border-color: #3fb1c5;
    color: #3fb1c5; }
  .list-cat li:nth-child(3n+3) a:hover {
    background: #3fb1c5 url(../img/faq/ico_ar_down_hover.png) center right 8% no-repeat; }
  .list-cat li a:hover {
    color: #fff; }

.faq-wrapper {
  margin-bottom: 70px; }

.faq-block {
  margin-bottom: 90px; }
  .faq-block .heading {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    padding: 10px 10px 10px 64px;
    border-radius: 5px;
    margin-bottom: 23px; }
  .faq-block .list-q {
    padding: 34px 56px;
    margin-bottom: 30px;
	vertical-align:top;
  }
    .faq-block .list-q li {
      padding-left: 25px;
      text-decoration: underline;
      font-size: 15px;
      width: 46.4%;
	  display:inline-block;
      height: 29.4%;
      overflow: hidden;
	  vertical-align:top;
	  }
    .faq-block .list-q li:nth-child(2n+2) {
      padding-right: 0;
	  margin-left:6%;
	 }
  .faq-block .detail {
    max-width: 903px;
    margin: 0 auto 50px; }
    .faq-block .detail li:first-child {
      font-size: 18px;
      font-weight: bold;
      border-bottom: 1px dashed #9d9d9d;
      padding: 14px 14px 14px 54px;
      margin-bottom: 20px; }
    .faq-block .detail li:last-child {
      font-size: 15px;
      background: url(../img/faq/ico_answer.png) top 4px left no-repeat;
      padding-left: 52px;
      line-height: 1.8;
      min-height: 40px; }
  .faq-block .detail.desk li {
    display: block !important;
    height: auto !important; }
  .faq-block .totop {
    font-size: 15px;
    text-decoration: underline;
    padding-left: 25px;
    line-height: 1;
    height: 19px;
    float: right; }

.faq-block:nth-child(3n+1) .heading {
  background: #ec788b url(../img/faq/cat1_heading_bg.png) center left 16px no-repeat; }
.faq-block:nth-child(3n+1) .list-q {
	border-image: url(../img/faq/bg_cat1.png) 8 round;
	border-style: solid;
	border-width: 8px;
}
  .faq-block:nth-child(3n+1) .list-q li {
    background: url(../img/faq/cat1_q.png) top 3px left no-repeat; }
.faq-block:nth-child(3n+1) .detail li:first-child {
  background: url(../img/faq/cat1_q_sp.png) top 9px left no-repeat;
  background-size: 36px 36px; }
.faq-block:nth-child(3n+1) .totop {
  background: url(../img/faq/cat1_top.png) center left no-repeat;
  background-size: contain; }

.faq-block:nth-child(3n+2) .heading {
  background: #8bbe32 url(../img/faq/cat1_heading_bg.png) center left 16px no-repeat; }
.faq-block:nth-child(3n+2) .list-q {
	border-image: url(../img/faq/bg_cat2.png) 8 round;
	border-style: solid; 
	border-width: 8px; 
}
  .faq-block:nth-child(3n+2) .list-q li {
    background: url(../img/faq/cat2_q.png) top 3px left no-repeat; }
.faq-block:nth-child(3n+2) .detail li:first-child {
  background: url(../img/faq/cat2_q_sp.png) top 9px left no-repeat;
  background-size: 36px 36px; }
.faq-block:nth-child(3n+2) .totop {
  background: url(../img/faq/cat2_top.png) center left no-repeat;
  background-size: contain; }

.faq-block:nth-child(3n+3) .heading {
  background: #3fb1c5 url(../img/faq/cat1_heading_bg.png) center left 16px no-repeat; }
.faq-block:nth-child(3n+3) .list-q {
  border-image: url(../img/faq/bg_cat3.png) 8 round;
  border-style: solid;
  border-width: 8px; 
}
  .faq-block:nth-child(3n+3) .list-q li {
    background: url(../img/faq/cat3_q.png) top 3px left no-repeat; }
.faq-block:nth-child(3n+3) .detail li:first-child {
  background: url(../img/faq/cat3_q_sp.png) top 9px left no-repeat;
  background-size: 36px 36px; }
.faq-block:nth-child(3n+3) .totop {
  background: url(../img/faq/cat3_top.png) center left no-repeat;
  background-size: contain; }

@media (min-width: 768px) and (max-width: 1024px) {
  .faq-block .list-q {
    padding: 24px 36px; }
    .faq-block .list-q li {
      font-size: 14px;
      width: 49%;
      font-size: 12px; } }
@media (max-width: 767px) {
  .listcat-wrapper {
    padding: 0;
    margin-bottom: 36px; }

  .list-cat {
    background: url(../img/faq/bg_listcat.png) center no-repeat;
    background-size: 100% 100%;
    margin: auto; }
    .list-cat li {
      width: 49%;
      float: left;
      margin-bottom: 6px;
      padding: 0;
      background: url(../img/faq/bg_listcat.png) top left no-repeat;
      background-size: 100% 100%; }
      .list-cat li a {
        border: 0;
        text-align: left;
        padding: 10px 28px 10px 15px;
        font-size: 13px; }
    .list-cat li:nth-child(2n+2) {
      float: right; }
    .list-cat li:nth-child(3n+1) a, .list-cat li:nth-child(3n+1) a:hover {
      background: url(../img/faq/ico_ar_cat1.png) center right 21px no-repeat;
      background-size: 7px 11px;
      color: #ec788b; }
    .list-cat li:nth-child(3n+2) a, .list-cat li:nth-child(3n+2) a:hover {
      background: url(../img/faq/ico_ar_cat2.png) center right 21px no-repeat;
      background-size: 7px 11px;
      color: #8bbe32; }
    .list-cat li:nth-child(3n+3) a, .list-cat li:nth-child(3n+3) a:hover {
      background: url(../img/faq/ico_ar_cat3.png) center right 21px no-repeat;
      background-size: 7px 11px;
      color: #3fb1c5; }

  .faq-wrapper {
    margin-bottom: 80px; }

  .faq-block {
    margin-bottom: 45px; }
    .faq-block .heading {
      font-size: 15px;
      padding: 7px 7px 7px 40px; }
    .faq-block .detail {
      margin-bottom: 7px; }
      .faq-block .detail li:first-child {
        border-radius: 5px;
        padding: 7px 20px 7px 44px;
        position: relative;
        border: 0;
        margin: 0;
        font-size: 13px; }
      .faq-block .detail li:first-child:after {
        content: "";
        position: absolute;
        width: 11px;
        height: 7px;
        right: 8px;
        top: 50%;
        margin-top: -4px; }
      .faq-block .detail li.opened:after {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg); }
      .faq-block .detail li:last-child {
        margin: 12px 0 28px;
        padding: 0;
        line-height: 1.6;
        font-size: 13px;
        background: none;
        display: none;
        min-height: 0; }
    .faq-block .detail:last-of-type {
      margin-bottom: 20px; }
    .faq-block .totop {
      font-size: 12px;
      height: 15px; }

  .faq-block:nth-child(3n+1) .heading {
    background: #ec788b url(../img/faq/cat1_heading_bg_sp.png) center left 8px no-repeat;
    background-size: 25px 17px; }
  .faq-block:nth-child(3n+1) .detail li:first-child {
    background: #fdf1f3 url(../img/faq/cat1_q_sp.png) center left 8px no-repeat;
    background-size: 28px 28px; }
  .faq-block:nth-child(3n+1) .detail li:first-child:after {
    background: url(../img/faq/ico_ar_down_cat1_sp.png) center no-repeat;
    background-size: 100% 100%; }

  .faq-block:nth-child(3n+2) .heading {
    background: #8bbe32 url(../img/faq/cat2_heading_bg_sp.png) center left 8px no-repeat;
    background-size: 17px; }
  .faq-block:nth-child(3n+2) .detail li:first-child {
    background: #f3f8ea url(../img/faq/cat2_q_sp.png) center left 8px no-repeat;
    background-size: 28px 28px; }
  .faq-block:nth-child(3n+2) .detail li:first-child:after {
    background: url(../img/faq/ico_ar_down_cat2_sp.png) center no-repeat;
    background-size: 100% 100%; }

  .faq-block:nth-child(3n+3) .heading {
    background: #3fb1c5 url(../img/faq/cat2_heading_bg_sp.png) center left 8px no-repeat;
    background-size: 17px; }
  .faq-block:nth-child(3n+3) .detail li:first-child {
    background: #ecf7f9 url(../img/faq/cat3_q_sp.png) center left 8px no-repeat;
    background-size: 28px 28px; }
  .faq-block:nth-child(3n+3) .detail li:first-child:after {
    background: url(../img/faq/ico_ar_down_cat3_sp.png) center no-repeat;
    background-size: 100% 100%; } }