/*==================================================
 partnerpg / api-cooperation / pfbank
==================================================*/
.p-partnerpg.p-api .heading-01.heading-01-bw::after {
  background-image: none;
  background-color: #fff; }
.p-partnerpg_breadcrumb {
  padding-top: 92px; }
  @media screen and (max-width: 768px) {
    .p-partnerpg_breadcrumb {
      padding-top: 52px; } }
  .p-partnerpg_breadcrumb .l-breadcrumb_wrap {
    margin-bottom: 0; }
.p-partnerpg_bgc {
  background-color: #0099b8; }
.p-partnerpg_hero {
  height: 780px;
  background: url("../img/kv.webp") no-repeat center;
  background-size: cover; }
  @media screen and (max-width: 768px) {
    .p-partnerpg_hero {
      height: calc(504/375 * 100vw);
      background-image: url("../img/kv_sp.webp"); } }
.p-partnerpg_heroInner {
  display: flex;
  width: 100%;
  max-width: 1080px;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto; }
.p-partnerpg_heroTitle {
  font-size: 6.8rem;
  font-weight: bold;
  text-align: center !important;
  color: #fff;
  margin-bottom: 220px; }
  @media screen and (max-width: 768px) {
    .p-partnerpg_heroTitle {
      font-size: calc(34/375 * 100vw);
      margin-bottom: calc(60/375 * 100vw); } }
.p-partnerpg_heroRead {
  font-size: 5.0rem;
  font-weight: bold;
  text-align: center !important;
  color: #fff;
  text-indent: 0.5em; }
  @media screen and (max-width: 768px) {
    .p-partnerpg_heroRead {
      font-size: calc(24/375 * 100vw); } }
.p-partnerpg_imgBox {
  width: fit-content;
  margin: 40px auto 60px;
  border: 1px solid #e4e4e4; }
  @media screen and (max-width: 768px) {
    .p-partnerpg_imgBox {
      border-width: 0; } }
  .p-partnerpg_imgBox img {
    vertical-align: top;
    line-height: 1; }
.p-partnerpg_heading {
  font-size: 3.2rem;
  font-weight: bold;
  text-align: center; }
  @media screen and (max-width: 768px) {
    .p-partnerpg_heading {
      font-size: calc(24/375 * 100vw);
      line-height: 1.4; } }
.p-partnerpg_headingRead {
  font-size: 2.4rem;
  font-weight: normal;
  text-align: center; }
  @media screen and (max-width: 768px) {
    .p-partnerpg_headingRead {
      font-size: calc(18/375 * 100vw);
      line-height: 1.4; } }
.p-partnerpg_advantages {
  display: flex;
  align-items: center; }
  @media screen and (max-width: 768px) {
    .p-partnerpg_advantages {
      flex-direction: column; } }
.p-partnerpg_advantagesImg {
  width: 320px;
  margin-right: 30px; }
  @media screen and (max-width: 768px) {
    .p-partnerpg_advantagesImg {
      width: calc(260/375 * 100vw);
      margin-right: 0;
      margin-bottom: calc(20/375 * 100vw); } }
  .p-partnerpg_advantagesImg img {
    vertical-align: top;
    line-height: 1; }
.p-partnerpg_lstItem {
  display: flex;
  align-items: center; }
  .p-partnerpg_lstItem:not(:first-child) {
    margin-top: 26px; }
    @media screen and (max-width: 768px) {
      .p-partnerpg_lstItem:not(:first-child) {
        margin-top: calc(20/375 * 100vw); } }
  .p-partnerpg_lst--finger .p-partnerpg_lstItem::before, .p-partnerpg_lst--check .p-partnerpg_lstItem::before {
    content: "";
    display: block;
    margin-right: 10px; }
    @media screen and (max-width: 768px) {
      .p-partnerpg_lst--finger .p-partnerpg_lstItem::before, .p-partnerpg_lst--check .p-partnerpg_lstItem::before {
        margin-right: calc(10/375 * 100vw); } }
  .p-partnerpg_lst--finger .p-partnerpg_lstItem::before {
    width: 22px;
    height: 21px;
    background: url("../img/icon-finger.webp") no-repeat center;
    background-size: contain; }
    @media screen and (max-width: 768px) {
      .p-partnerpg_lst--finger .p-partnerpg_lstItem::before {
        width: calc(21/375 * 100vw);
        height: calc(20/375 * 100vw);
        background: url("../img/icon-finger_sp.webp") no-repeat center;
        background-size: contain; } }
  .p-partnerpg_lst--check .p-partnerpg_lstItem::before {
    width: 17px;
    height: 13px;
    background: url("../img/icon-check.webp") no-repeat center;
    background-size: contain; }
    @media screen and (max-width: 768px) {
      .p-partnerpg_lst--check .p-partnerpg_lstItem::before {
        width: 16px;
        height: 12px;
        background: url("../img/icon-check_sp.webp") no-repeat center;
        background-size: contain; } }
  .p-partnerpg_lstItem span {
    flex: 1; }
.p-partnerpg_advantagesBox {
  flex: 1; }
.p-partnerpg_note {
  font-size: 1.0rem;
  margin-top: 20px; }
  @media screen and (max-width: 768px) {
    .p-partnerpg_note {
      font-size: calc(11/375 * 100vw);
      margin-top: calc(20/375 * 100vw); } }
.p-partnerpg_area {
  min-height: 230px;
  position: relative;
  z-index: 0; }
  @media screen and (max-width: 768px) {
    .p-partnerpg_area {
      min-height: 0;
      display: flex;
      flex-direction: column; } }
.p-partnerpg_areaRead {
  padding-right: 370px;
  margin-bottom: 30px; }
  @media screen and (max-width: 768px) {
    .p-partnerpg_areaRead {
      padding-right: 0;
      margin-bottom: calc(20/375 * 100vw); } }
.p-partnerpg_areaImg {
  width: 370px;
  height: 225px;
  position: absolute;
  right: 0;
  bottom: 0; }
  @media screen and (max-width: 768px) {
    .p-partnerpg_areaImg {
      width: calc(190/375 * 100vw);
      height: auto;
      margin-top: calc(20/375 * 100vw);
      margin-left: auto;
      margin-bottom: 0;
      position: static; } }
  .p-partnerpg_areaImg img {
    vertical-align: top;
    line-height: 1; }
.p-partnerpg_look {
  background-color: #fff;
  padding: 60px 36px 36px;
  margin-bottom: 40px; }
  @media screen and (max-width: 768px) {
    .p-partnerpg_look {
      padding: calc(30/375 * 100vw) calc(20/375 * 100vw);
      margin-bottom: calc(40/375 * 100vw); } }
.p-partnerpg_lookTitle {
  font-size: 3.0rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px; }
  @media screen and (max-width: 768px) {
    .p-partnerpg_lookTitle {
      font-size: calc(24/375 * 100vw);
      line-height: 1.4;
      margin-bottom: calc(34/375 * 100vw); } }
.p-partnerpg_lookLst {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media screen and (max-width: 768px) {
    .p-partnerpg_lookLst {
      flex-direction: column; } }
.p-partnerpg_lookItem {
  display: flex;
  width: 50%;
  align-items: center;
  justify-content: center; }
  @media screen and (max-width: 768px) {
    .p-partnerpg_lookItem {
      width: 100%; }
      .p-partnerpg_lookItem:not(:first-child) {
        margin-top: calc(20/375 * 100vw); } }
.p-partnerpg_text {
  font-size: 2.4rem; }
  @media screen and (max-width: 768px) {
    .p-partnerpg_text {
      font-size: calc(18/375 * 100vw);
      line-height: 1.4; } }
.p-partnerpg_button {
  display: block;
  width: 100%;
  max-width: 360px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 768px) {
    .p-partnerpg_button {
      width: calc(330/375 * 100vw);
      max-width: 100%; } }
.p-partnerpg_buttonInner {
  display: flex;
  width: 100%;
  min-height: 76px;
  align-items: center;
  justify-content: center;
  background-color: #1173dc;
  border-radius: 4px;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.375;
  color: #fff; }
  @media screen and (max-width: 768px) {
    .p-partnerpg_buttonInner {
      min-height: calc(76/375 * 100vw);
      font-size: calc(16/375 * 100vw); } }
  .p-partnerpg_buttonInner:hover {
    opacity: 0.7; }

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