/* ===============================================================

 project / card applepay

=============================================================== */
.p-table__vertical {
  vertical-align: top;
}

.l-gridblock {
  padding: 0;
}

.c-accordionlist .c-title__main {
  padding: 0;
}

@media screen and (max-width: 767px) {
  .c-accordionbox .l-gridblock \.-3col {
    padding: 0;
  }
}
.c-stepflowbox__item:last-child {
  padding-bottom: 0;
}
.external-link {
  margin: 100px 0;
}
.accordion {
  margin-bottom: 20px;
}
accordion:last-child {
  margin-bottom: 0;
}
.a-head {
  max-width: 960px;
  margin: 0 auto;
}
.a-head a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  padding: 16px 26px;
  background: #4E5B73;
  background: -webkit-gradient(linear, left top, right top, from(#4E5B73), to(#7283A3));
  background: linear-gradient(to right, #4E5B73, #7283A3);
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  -webkit-transition: 0.35s;
  transition: 0.35s;
}
.a-head a.-open {
  margin-bottom: 25px;
}
.a-head a:after,
.a-head a:before {
  position: absolute;
  top: 50%;
  right: 25px;
  content: '';
  display: block;
  width: 16px;
  height: 2px;
  background: #fff;
  -webkit-transition: 0.35s;
  transition: 0.35s; 
}
.a-head a:before {
  -webkit-transform: translate(50%, -50%) rotate(0);
  transform: translate(50%, -50%) rotate(0);
}
.a-head a:after {
  -webkit-transform: translate(50%, -50%) rotate(90deg);
  transform: translate(50%, -50%) rotate(90deg);
}
.a-head a.-open:before {
  -webkit-transform: translate(50%, -50%) rotate(180deg);
  transform: translate(50%, -50%) rotate(180deg);
}
.a-head a.-open:after {
  -webkit-transform: translate(50%, -50%) rotate(360deg);
  transform: translate(50%, -50%) rotate(360deg);
}
.a-body {
  height: 0;
  overflow: hidden;
}
.a-body.-open {
  height: auto;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .external-link {
    margin: 50px 0;
  }
  .accordion {
    margin-bottom: 0;
  }
  .accordion:last-child {
    margin-bottom: 0;
  }
  .a-head {
    max-width: 100%;
    margin: 0 auto 18px;
    padding: 0 4%;
  }
  .a-body.-open {
    height: auto;
    margin-bottom: 20px;
  }
  .a-body {
    margin-bottom: 0;
  }
}
.border-left {
  position: relative;
  color: #2D5BB6;
  padding-left: 15px;
  font-size: 19px;
}
.border-left:before {
  content: '';
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: #C4C4C4;
  left: 0;
}