@charset "UTF-8";

.pay-items, .pay-item, .pay-logo-container, .pay-logo, .pay-logo img{
box-sizing: border-box;
}

.pay-items{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

.pay-item{
width: 30%;
max-width: 100%;
background-color: #F7F7F7;
padding: 32px;
}

.pay-logo-container{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
gap: 5px 5px;
}

.pay-logo-container-margin{
margin: 15px 0;
}

.pay-logo{
width: 65px;
height: auto;
border: 1px solid rgba(0,0,0,0.1);
background-color: #fff;
}

.pay-logo img{
width: 100%;
height: auto;
}

.pay-item-text{
letter-spacing: 0em;
}

@media (max-width: 1200px){
.pay-items{
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
}

.pay-item{
width: 80%;
margin: 0 auto;
}

.pay-item + .pay-item{
margin-top: 30px
}
}

@media (max-width: 768px){
.pay-item{
width: 100%;
max-width: 500px;
padding: 32px 16px;
}
}