.content{
    width: 92%;
    aspect-ratio: 768/2361;
    background: url('../img/electronicpayment_content_bg_mb.png');
    background-size: 100%;
    margin: 40px 0 0 auto;
    /* padding-top: clamp( 10px,6%,80px); */
    background-repeat: no-repeat;
    box-sizing: border-box;
}

.bank{
    width: 100%;
    aspect-ratio: 768/2361;
    background-image: unset;
    position: relative;
}
.note_pc{
    display: none;
}

.bank_link{
    position: absolute;
    width: 30%;
    aspect-ratio: 1/1;
    /* background-color: rgba(132, 198, 207, .7); */
}

.bank_link.TWQR{
    top: 29.6%;
    left: 15.2%;
}

.bank_link.easywallet{
    top: 29.6%;
    left: 48%;
}

.bank_link.iPassMoney{
    top: 43%;
    left: 13.5%;
    aspect-ratio: 1/1.05;
}

.bank_link.iCASHPay{
    top: 43.3%;
    left: 48%;
}

.bank_link.LINEPay{
    top: 55%;
    left: 13.5%;
    aspect-ratio: 1/1.5;
}

.bank_link.street{
    top: 55.6%;
    left: 48%;
}
.bank_link.PXPayPlus{
    top: 70.5%;
    left: 13.5%;
}
.bank_link.ESUNWallet{
    top: 70.3%;
    left: 47.6%;
    width: 31%;
}
.bank_link.AllWinPay{
    top: 84%;
    left: 13.5%;
}
.bank_link.TaishinPay{
    top: 84%;
    left: 47.6%;
}
.note_mb{
    display: block;
    margin: 20px 0 0 8%;
    width: 86%;
}

@media screen and (min-width:769px) {
    .content{
        width: 100%;
        max-width: 1280px;
        aspect-ratio: 1920/839;
        background: url('../img/electronicpayment_content_bg_pc.png');
        background-size: 100%;
        margin: 70px auto 0;
        padding-top: clamp( 10px,6%,80px);
        background-repeat: no-repeat;
        box-sizing: border-box;
    }
    .note_pc{
        width: 40%;
        margin: 15px 4% 0 20%;
        font-size: 14px;
        display: block;
    }
    .note_mb{
        display: none;
    }
    .bank{
        width: 40%;
        aspect-ratio: 1280/646;
        background-image: url('../img/bank_list.png');
        background-size: cover;
        margin: 0 4% 0 20%;
        position: relative;
    }
    .bank_link{
        position: absolute;
        width: 18%;
        aspect-ratio: 1/1;
    }
    
    .bank_link.TWQR{
        top: 1%;
        left: 0;
    }
    
    .bank_link.easywallet{
        top: 1%;
        left: 20.5%;
    }
    
    .bank_link.iPassMoney{
        top: 1%;
        left: 40.7%;
        aspect-ratio: 1/1.05;
    }
    
    .bank_link.iCASHPay{
        top: 1%;
        left: 60.8%;
    }
    
    .bank_link.LINEPay{
        top: 1%;
        left: 80.4%;
        aspect-ratio: 1/1.5;
    }
    
    .bank_link.street{
        top: 61%;
        left: 1.2%;
        aspect-ratio: 1/1;
    }
    .bank_link.PXPayPlus{
        top: 61%;
        left: 21.2%;
        aspect-ratio: 1/1;
    }
    .bank_link.ESUNWallet{
        top: 61%;
        left: 41%;
        aspect-ratio: 1/1;
        width: 18%;
    }
    .bank_link.AllWinPay{
        top: 61%;
        left: 61%;
        aspect-ratio: 1/1;
    }
    .bank_link.TaishinPay{
        top: 61%;
        left: 82%;
        aspect-ratio: 1/1;
    }
  }

@media screen and (min-width:1100px) {
    .note_pc{
        font-size: 16px;
    }
  }