/* ////////////////////////////////////////////////////////////////////
	app
//////////////////////////////////////////////////////////////////// */
#main{
    margin: 0 auto;
    width: 1000px;
}

.payment #container{
    display: flex;
    flex-direction: column;
    align-items: center;
    float: right;
}

.payment img{
    width: 100%;
    max-width: 750px;
    height:auto;
}

.payment a{
    cursor: pointer;
}
.payment .ttl-img{
    width: 100%;
    max-width: 380px;
    height:auto;
    margin:5em auto 1em;
}
.payment .txt{
    text-align:center;
    margin:1em auto 2em;
}

.txt-right{
    text-align:right;
    margin:3em 0 0;
    width: 100%;
}

.payment .flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* 1つのとき中央に */
}

/* アイテムの幅設定 */
.payment .item {
    flex: 0 0 25%; /* 100% ÷ 4 = 25% */
    box-sizing: border-box;
}

/* SP対応: max-width 768px以下で2カラム */
@media screen and (max-width: 768px) {
    .payment .item {
        flex: 0 0 50%; /* 100% ÷ 2 = 50% */
    }
}