.payment_container {
  width: 80%;
  margin: 0 auto;
  background-color: #fff;
}

.main_ttl {
    font-size: 2.5em;
    text-align: center;
}

.payment-group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 30px;
  padding: 30px;
  justify-content: center;
}

.payment-group .payment {
  width: calc(20% - 10px);
  text-align: center;
  font-size: 1rem;
}

.payment {
  height: 100px;
}

.airpay_img {
  height: 50px;
  object-fit: contain;
}


.payment img {
  height: 40px;
  object-fit: contain;
}

.sub_ttl {
  width: 80%;
  justify-content: center;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  margin-bottom: 10px;
  font-size: 1.5rem;
}

@media (max-width: 1024px) {
  .payment-group .payment {
    width: calc(25% - 10px);
    font-size: 0.9rem;
  }

  .payment img {
    height: 45px;
  }

  h2 {
    font-size: 1.3rem;
  }
}

@media (max-width: 768px) {
  .payment-group .payment {
    width: calc(33.33% - 10px);
    font-size: 0.8rem;
  }

  .payment img {
    height: 40px;
  }

  h2 {
    font-size: 1.2rem;
  }
}

@media (max-width: 480px) {
  .payment-group .payment {
    width: calc(50% - 10px);
    font-size: 0.75rem;
  }

  .payment img {
    height: 35px;
  }

  h2 {
    font-size: 1rem;
  }
}