/*==================================================
 apipartner / api-cooperation / pfbank
==================================================*/
.p-apipartner_breadcrumb {
  padding-top: 92px; }
  @media screen and (max-width: 768px) {
    .p-apipartner_breadcrumb {
      padding-top: 52px; } }
  .p-apipartner_breadcrumb .l-breadcrumb_wrap {
    margin-bottom: 0; }
.p-apipartner_bgc {
  background-color: #0099b8; }
.p-apipartner_hero {
  height: 780px;
  background: url("../img/kv.webp") no-repeat center;
  background-size: cover; }
  @media screen and (max-width: 768px) {
    .p-apipartner_hero {
      height: calc(504/375 * 100vw);
      background-image: url("../img/kv_sp.webp"); } }
.p-apipartner_heroInner {
  display: flex;
  width: 100%;
  max-width: 1080px;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto; }
.p-apipartner_heroTitle {
  font-size: 6.8rem;
  font-weight: bold;
  text-align: center !important;
  color: #fff;
  margin-bottom: 180px; }
  @media screen and (max-width: 768px) {
    .p-apipartner_heroTitle {
      font-size: calc(34/375 * 100vw);
      margin-bottom: calc(60/375 * 100vw); } }
.p-apipartner_heroRead {
  font-size: 5.0rem;
  font-weight: bold;
  text-align: center !important;
  color: #fff; }
  @media screen and (max-width: 768px) {
    .p-apipartner_heroRead {
      font-size: calc(24/375 * 100vw); } }
.p-apipartner_heroText {
  font-size: 4.0rem;
  font-weight: bold;
  text-align: center !important;
  color: #fff;
  text-indent: 0.5em; }
  @media screen and (max-width: 768px) {
    .p-apipartner_heroText {
      font-size: calc(20/375 * 100vw);
      text-indent: 0; } }
.p-apipartner_title {
  font-size: 2.8rem;
  line-height: 1.4;
  color: #fff;
  text-align: center;
  margin-bottom: 30px; }
  @media screen and (max-width: 768px) {
    .p-apipartner_title {
      font-size: calc(24/375 * 100vw);
      margin-bottom: calc(20/375 * 100vw); } }
.p-apipartner_box {
  background-color: #fff;
  position: relative;
  padding: 30px 20px;
  margin-bottom: 10px; }
  @media screen and (max-width: 768px) {
    .p-apipartner_box {
      padding: calc(25/375 * 100vw) calc(20/375 * 100vw) calc(130/375 * 100vw); } }
.p-apipartner_boxImg {
  display: block;
  width: 391px;
  height: 246px;
  position: absolute;
  bottom: 0;
  right: 0; }
  @media screen and (max-width: 768px) {
    .p-apipartner_boxImg {
      width: calc(201/375 * 100vw);
      height: calc(127/375 * 100vw); } }
  .p-apipartner_boxImg img {
    vertical-align: top;
    line-height: 1; }
.p-apipartner_lstItem {
  display: flex;
  font-size: 1.6rem;
  line-height: 1.25; }
  .p-apipartner_lstItem:not(:first-child) {
    margin-top: 26px; }
    @media screen and (max-width: 768px) {
      .p-apipartner_lstItem:not(:first-child) {
        margin-top: calc(20/375 * 100vw); } }
  .p-apipartner_lstItem::before {
    content: "";
    display: block;
    width: 17px;
    height: 20px;
    background: url("/assets/baas/api-cooperation/partnerpg/img/icon-check.webp") no-repeat center;
    background-size: contain;
    margin-right: 10px; }
    @media screen and (max-width: 768px) {
      .p-apipartner_lstItem::before {
        width: 16px;
        height: 20px;
        background: url("/assets/baas/api-cooperation/partnerpg/img/icon-check_sp.webp") no-repeat center;
        background-size: contain; } }
  .p-apipartner_lstItem span {
    flex: 1; }
    @media screen and (max-width: 768px) {
      .p-apipartner_lstItem span {
        text-align: justify; } }
.p-apipartner_note {
  font-size: 1.0rem;
  color: #fff;
  padding-left: 47px; }
  @media screen and (max-width: 768px) {
    .p-apipartner_note {
      padding-left: 0; } }
.p-apipartner_button {
  display: block;
  width: 100%;
  max-width: 330px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 768px) {
    .p-apipartner_button {
      max-width: 100%; } }
.p-apipartner_buttonInner {
  display: flex;
  width: 100%;
  min-height: 76px;
  align-items: center;
  justify-content: center;
  background-color: #0099b8;
  border-radius: 4px;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.375;
  color: #fff; }
  @media screen and (max-width: 768px) {
    .p-apipartner_buttonInner {
      min-height: calc(76/375 * 100vw);
      font-size: calc(16/375 * 100vw); } }
  .p-apipartner_buttonInner:hover {
    opacity: 0.7; }
  .p-apipartner_button--bgc .p-apipartner_buttonInner {
    background-color: #1173dc; }
@media screen and (max-width: 768px) {
  .p-apipartner_area .oList-A {
    margin-left: 1.6em; } }

/*# sourceMappingURL=apipartner.css.map */