.contents {
  width: 100%;
}

.help {
  max-width: 720px;
  margin: auto;
}

.titleLabel {
  background-color: #f6f6f6;
}
.titleLabel__container {
  margin: 0 auto;
  padding: 13px 32px;
}
.titleLabel__text {
  font-size: 1.8rem;
  font-weight: 700;
}

.help {
  margin: 48px auto;
}
@media (max-width: 767px) {
  .help {
    margin: 32px auto;
  }
}
.help--article {
  padding-left: 16px;
  padding-right: 16px;
  margin: 0 auto;
  padding: 48px 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .help--article {
    max-width: 100%;
    display: block;
    padding-top: 24px;
  }
}
.help__title--top {
  font-weight: 700;
  font-size: 1.8rem;
}
@media (min-width: 768px) {
  .help__title--top {
    font-size: 2.4rem;
  }
}
.help__head {
  display: block;
}
@media (max-width: 767px) {
  .help__head [class*=__title] {
    padding-top: 0;
  }
}
.help__container {
  margin: 0 auto;
  display: block;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767px) {
  .help__container {
    max-width: 100%;
    margin-top: 24px;
  }
}
.help__container--topSpace {
  margin-top: 16px;
}
.help__contents, .help__contents--topSpace {
  margin-top: 48px;
}
@media (max-width: 767px) {
  .help__contents, .help__contents--topSpace {
    margin-top: 32px;
  }
}
.categoryList__title {
  margin-bottom: 24px;
  padding: 16px 0 0 0;
  font-weight: 700;
  font-size: 1.4rem;
  padding: 0;
}
@media (min-width: 768px) {
  .categoryList__title {
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
.categoryList__item {
  margin: 0;
  border-bottom: 1px solid #e5e5e5;
}
.categoryList__item.is-show .categoryList__button:after {
  -webkit-transform: translateY(-50%) rotate(-45deg);
      -ms-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}
.categoryList__button {
  display: block;
  padding: 16px 32px 16px 36px;
  color: #242323;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  font-size: 1.6rem;
  font-weight: 400;
  cursor: pointer;
  position: relative;
}
.categoryList__button::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 12px;
  width: 10px;
  height: 10px;
  border-top: solid 2px #606060;
  border-right: solid 2px #606060;
  -webkit-transform: translateY(-50%) rotateZ(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotateZ(45deg);
}
.categoryList__button:after {
  -webkit-transform: translateY(-50%) rotate(135deg);
      -ms-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
}
.categoryList__button:visited {
  color: #242323;
  background-color: #f9f9f9;
}
.categoryList__button:hover {
  background-color: unset;
}
@media screen and (min-width: 751px) {
  .categoryList__button:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}
.categoryList--bottom, .categoryList--topSpace {
  margin-top: 80px;
}
.categoryList--bottom .categoryList__title, .categoryList--topSpace .categoryList__title {
  margin-bottom: 8px;
}
.categoryList--topSpace {
  margin-top: 32px;
}
@media (min-width: 768px) {
  .categoryList--topSpace {
    margin-top: 48px;
  }
}

.subCategory {
  padding: 0 0 16px;
  border-top: none;
}
.subCategory__title {
  padding: 0 0 20px 8px;
  border-bottom: 4px solid #3599cb;
  font-weight: 700;
  font-size: 1.8rem;
}
@media (max-width: 767px) {
  .subCategory__title {
    font-size: 1.6rem;
    padding-left: 0;
  }
}
.subCategory__link {
  display: block;
  padding: 8px 0 8px 36px;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  position: relative;
  font-size: 1.6rem;
  text-indent: unset;
}
.subCategory__link:hover {
  opacity: 0.7;
  text-decoration: none;
  background-color: unset;
}
.subCategory__link::before {
  content: "";
  padding-right: revert;
}
.subCategory a {
  color: #242323;
  text-decoration: none;
}
.subCategory a:visited {
  color: #242323;
}

.categoryIcon::before, .categoryIcon--trouble::before, .categoryIcon--payroll::before, .categoryIcon--about::before, .categoryIcon--card::before, .categoryIcon--connect::before, .categoryIcon--service::before, .categoryIcon--account2::before, .categoryIcon--account::before, .categoryIcon--transaction::before, .categoryIcon--sending::before, .categoryIcon--topup::before, .categoryIcon--payment::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 12px);
  left: 0px;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.categoryIcon--payment::before {
  background-image: url(https://image.paypay.ne.jp/page/help/images/ico_navigation_payment.png);
}
.categoryIcon--topup::before {
  background-image: url(https://image.paypay.ne.jp/page/help/images/ico_navigation_topup.png);
}
.categoryIcon--sending::before {
  background-image: url(https://image.paypay.ne.jp/page/help/images/ico_navigation_sending.png);
}
.categoryIcon--transaction::before {
  background-image: url(https://image.paypay.ne.jp/page/help/images/ico_navigation_transaction.png);
}
.categoryIcon--account::before {
  background-image: url(https://image.paypay.ne.jp/page/help/images/ico_navigation_account.png);
}
.categoryIcon--account2::before {
  background-image: url(https://image.paypay.ne.jp/page/help/images/ico_navigation_account2.png);
}
.categoryIcon--service::before {
  background-image: url(https://image.paypay.ne.jp/page/help/images/ico_navigation_service.png);
}
.categoryIcon--connect::before {
  background-image: url(https://image.paypay.ne.jp/page/help/images/ico_navigation_connect.png);
}
.categoryIcon--card::before {
  background-image: url(https://image.paypay.ne.jp/page/help/images/ico_navigation_card.png);
}
.categoryIcon--about::before {
  background-image: url(https://image.paypay.ne.jp/page/help/images/ico_navigation_about.png);
}
.categoryIcon--payroll::before {
  background-image: url(https://image.paypay.ne.jp/page/help/images/ico_navigation_payroll.png);
}
.categoryIcon--trouble::before {
  background-image: url(https://image.paypay.ne.jp/page/help/images/ico_navigation_trouble.png);
}

.side .categoryList__button {
  padding: 16px 32px 16px 36px;
}
.side .categoryIcon--payment::before, .side .categoryIcon--topup::before, .side .categoryIcon--sending::before, .side .categoryIcon--transaction::before, .side .categoryIcon--account::before, .side .categoryIcon--account2::before, .side .categoryIcon--service::before, .side .categoryIcon--connect::before, .side .categoryIcon--card::before, .side .categoryIcon--about::before, .side .categoryIcon--payroll::before, .side .categoryIcon--trouble::before {
  left: 0;
}

.exLarge .help__title--top {
  font-size: 2.4rem;
}
.exLarge .titleLabel__text {
  font-size: 2.4rem;
}
.exLarge .categoryList__title {
  font-size: 1.8rem;
}
.exLarge .categoryList__button {
  font-size: 2rem;
}
.exLarge .subCategory__title {
  font-size: 2.4rem;
}
@media (max-width: 767px) {
  .exLarge .subCategory__title {
    font-size: 2rem;
  }
}
.exLarge .subCategory__link {
  font-size: 2rem;
}
.exLarge .categoryIcon::before, .exLarge .categoryIcon--payment::before, .exLarge .categoryIcon--topup::before, .exLarge .categoryIcon--sending::before, .exLarge .categoryIcon--transaction::before, .exLarge .categoryIcon--account::before, .exLarge .categoryIcon--account2::before, .exLarge .categoryIcon--service::before, .exLarge .categoryIcon--connect::before, .exLarge .categoryIcon--card::before, .exLarge .categoryIcon--about::before, .exLarge .categoryIcon--payroll::before, .exLarge .categoryIcon--trouble::before {
  top: calc(50% - 14px);
  width: 28px;
  height: 28px;
}

.large .help__title--top {
  font-size: 2rem;
}
.large .titleLabel__text {
  font-size: 2rem;
}
.large .categoryList__title {
  font-size: 1.6rem;
}
.large .categoryList__button {
  font-size: 1.8rem;
}
.large .subCategory__title {
  font-size: 2rem;
}
@media (max-width: 767px) {
  .large .subCategory__title {
    font-size: 1.8rem;
  }
}
.large .subCategory__link {
  font-size: 1.8rem;
}
.large .categoryIcon::before, .large .categoryIcon--payment::before, .large .categoryIcon--topup::before, .large .categoryIcon--sending::before, .large .categoryIcon--transaction::before, .large .categoryIcon--account::before, .large .categoryIcon--account2::before, .large .categoryIcon--service::before, .large .categoryIcon--connect::before, .large .categoryIcon--card::before, .large .categoryIcon--about::before, .large .categoryIcon--payroll::before, .large .categoryIcon--trouble::before {
  top: calc(50% - 13px);
  width: 26px;
  height: 26px;
}

.regular .help__title--top {
  font-size: 1.8rem;
}
@media (min-width: 768px) {
  .regular .help__title--top {
    font-size: 2.4rem;
  }
}
.regular .titleLabel__text {
  font-size: 1.8rem;
}
.regular .categoryList__title {
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .regular .categoryList__title {
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
.regular .categoryList__button {
  font-size: 1.6rem;
}
.regular .subCategory__title {
  font-size: 1.8rem;
}
@media (max-width: 767px) {
  .regular .subCategory__title {
    font-size: 1.6rem;
  }
}
.regular .subCategory__link {
  font-size: 1.6rem;
}
.regular .categoryIcon::before, .regular .categoryIcon--payment::before, .regular .categoryIcon--topup::before, .regular .categoryIcon--sending::before, .regular .categoryIcon--transaction::before, .regular .categoryIcon--account::before, .regular .categoryIcon--account2::before, .regular .categoryIcon--service::before, .regular .categoryIcon--connect::before, .regular .categoryIcon--card::before, .regular .categoryIcon--about::before, .regular .categoryIcon--payroll::before, .regular .categoryIcon--trouble::before {
  top: calc(50% - 12px);
  width: 24px;
  height: 24px;
}