@charset "UTF-8";

.p-faq-online-content__list {
  border-bottom: 1px solid #e0e1e1;
}

.p-faq-online-content__list li {
  padding-top: 20px;
}

.p-faq-online-content__list .p-faq-online-content__list__q,
.p-faq-online-content__list .p-faq-online-content__list__a {
  margin-bottom: 0;
  padding-right: 30px;
}

.p-faq-online-content__list .p-faq-online-content__list__q a,
.p-faq-online-content__list .p-faq-online-content__list__a a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}


.p-faq-online-content__list .p-faq-online-content__list__q:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%) rotate(135deg);
  -ms-transform: translate(0, -50%) rotate(135deg);
  transform: translate(0, -50%) rotate(135deg);
  content: '';
}

@media screen and (min-width: 901px), print {
  .p-faq-online-content__list .p-faq-online-content__list__q:after {
    right: 20px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    border-top: 2px solid #3b4043;
    border-right: 2px solid #3b4043;
  }
}

.p-faq-online-content__list .p-faq-online-content__list__q.is-open:after {
  margin-top: 3px;
  -webkit-transform: translate(0, -50%) rotate(-45deg);
  -ms-transform: translate(0, -50%) rotate(-45deg);
  transform: translate(0, -50%) rotate(-45deg);
}

.p-faq-online-content__list .p-faq-online-content__list__a {
  display: none;
  padding-right: 20px;
}


.p-faq-online-content__list .p-faq-online-content__list__a p + p {
  margin-top: 20px;
}

.p-faq-online-content__buttons {
  margin-top: 20px;
}

.p-faq-online-content__buttons p,
.p-faq-online-content__buttons + p {
  margin-top: 20px;
}

@media screen and (max-width: 900px) {
  .p-faq-online-content__buttons__button {
    margin-left: 0;
    padding: 12px 30px;
  }
}

.p-faq-online-content__intro {
  margin-top: 20px;
}

.p-faq-online-content__intro li a .ico-anc02 {
  background-image: url(/assets/img/project/my/common/icon_card.png);
}

.p-faq-online-content__intro li a .ico-anc04 {
  background-image: url(/assets/img/project/my/common/icon_history.png);
 }
 
.p-faq-online-content__intro li a .ico-anc05 {
  background-image: url(/assets/img/project/my/common/icon_point.png);
}

.p-faq-online-content__intro li a .ico-anc06 {
  background-image: url(/assets/img/project/my/common/icon_delivery.png);
}

.p-faq-online-content__intro li a .ico-anc07 {
  background-image: url(/assets/img/project/my/common/icon_user.png);
}

.p-faq-online-content__intro li a .ico-anc08 {
  background-image: url(/assets/img/project/my/common/icon_magazine.png);
}