/*
 * business-bank-payeasy.css
 * 対象ページ：
 * /bizpost/bank/payeasy/index02.php
 */
/* =========================================
   Hero layout
========================================= */

.payeasy_hero {
  display: flex;
  gap: 40px; 
}

/* テキスト側 */
.payeasy_hero__text {
  flex: 1 1 auto;
}

/* 画像側 */
.payeasy_hero__image {
  flex: 0 0 auto;
}

/* ロゴ画像 */
.payeasy_hero__image img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* =========================================
   SP layout
========================================= */

@media screen and (max-width: 767px) {
  .payeasy_hero {
    flex-direction: column;
    gap: 24px;
  }

  .payeasy_hero__image {
    order: 2;
  }

  .payeasy_hero__image img {
    margin: 0 auto;
  }

  .payeasy_hero__text {
    order: 1;
  }
}