@charset "UTF-8";

.w50per {
  width: 50% !important;
}

.bankList__inner {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid var(--gray);
  border-bottom: solid 1px var(--gray);
}

.bankList__item {
  border-bottom: 1px solid var(--gray);
  border-right: 1px solid var(--gray);
  margin-bottom: 0px;
  padding: 8px 15px;
}

.accordionList__item__ttl + div {
  padding: 16px 15px 30px 15px;
}

@media screen and (min-width: 768px) {
  .bankList {
  }
  .bankList__item {
    width: 25%;
    margin-bottom: -1px;
  }
  .bankList__item:nth-child(4n) {
    border-right: none;
  }
  .fsXS {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 767.5px) {
  .bankList__item {
    width: 50%;
    margin-bottom: -1px;
  }
  .bankList__item:nth-child(2n) {
    border-right: none;
  }
  .bankList__item--empty:empty {
    display: none;
  }
}

.accordionList__item--open > .accordionList__item__ttl {
  color: var(--black);
}

.accordionList__link,
.accordionList__item > .accordionList__item__ttl {
  position: relative;
  display: block;
  padding: 10px 40px 10px 16px;
  border-bottom: 1px solid var(--gray);
  text-decoration: none;
  font-weight: normal;
  color: var(--black);
  cursor: pointer;
}

.accordionList__link::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: rotate(45deg);
  width: 5px;
  height: 5px;
  margin-top: -1px;
  border-top: 2px solid var(--black);
  border-right: 2px solid var(--black);
  content: "";
}
.accordionList__item__ttl::after {
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
  margin-top: -1px;
  font-weight: bold;
  font-size: 18px;
  content: " ";
  color: var(--black);
}

.accordionList__item--open {
  margin-top: 16px;
  padding-bottom: 16px;
  border-top: 1px solid var(--gray);
  border-bottom: 1px solid var(--gray);
}
.accordionList__item--open + .accordionList__item--open {
  margin-top: 0;
  border-top: none;
}
.accordionList > .accordionList__item--open:first-child {
  margin-top: 0;
  border-top: none;
}
.accordionList > .accordionList__item--open:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.accordionList__item--open > .accordionList__item__ttl {
  font-weight: bold;
  border-bottom: none;
}
.accordionList__item--open > .accordionList__item__ttl::after {
  content: " ";
}

/* アコーディオンの中がリンクリスト */
.accordionList--link .accordionList__item__ttl + div {
  padding-top: 0;
  padding-bottom: 0;
}
.accordionList--link div .accordionList__link:first-child {
  border-top: 1px solid var(--gray);
}
.accordionList--link div .accordionList__link:last-child {
  border-bottom: none;
}

/* react置き換え後 */
.accordionList__item .MuiAccordion-root:before {
  top: 0;
  opacity: 0;
}
.accordionList__item.MuiAccordion-root.Mui-expanded {
  margin: 0;
}
.accordionList__item .MuiAccordion-rounded:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordionList__item .MuiAccordionSummary-root.Mui-expanded {
  min-height: auto;
}
.accordionList__item .MuiAccordionSummary-content {
  display: block;
  margin: 0;
  font-weight: bold;
}
.accordionList__item .MuiAccordionSummary-content.Mui-expanded {
  margin: 0;
}
.accordionList__item .MuiAccordionDetails-root {
  display: block;
  padding: 0;
}
.accordionList__item .MuiCollapse-root.MuiCollapse-hidden {
  padding: 0;
}
