@charset "utf-8";

.inlist {
    padding: 40px 0 80px;
}


.tListFl01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    max-width: 1330px;
    margin: 75px auto 0 auto;
    position: relative;
}


.tListFlImg {
    width: 100%;
    max-width: 660px;
}

.tListFlTxt01 {
    width: 100%;
    max-width: 615px;
    position: relative;
    padding: 15px 15px 15px 15px;
    margin: 15px 0 0 0;
}

.tListFlTxt02 {
    padding: 0 15px 0 15px;
}

.tListFlTxtBg01 {
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    left: auto;
    bottom: 0;
    border-radius: 0 0 30px 30px;
}

.tListFlTxtBg02 {
    left: 0;
    right: auto;
}

.tListFlTxtBg01,
.tListFlTxtBg02 {
    height: calc(100% + 40px);
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 414px) {

    .tListFlTxtBg01 {
        border-radius: 0 0 50px 50px;
    }
}



/* min-width:414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 768px) {

    .inlist {
        padding: 100px 0 200px;
    }


    .tListFl01 {
        flex-direction: row;
        margin: 120px auto 0 0;
        align-items: flex-end;
    }

    .tListFl02 {
        flex-direction: row-reverse;
        margin: 120px 0 0 auto;
    }

    .tListFlImg {
        width: 50%;
    }

    .tListFlTxt01 {
        width: 46%;
        padding: 0 15px 0 0;
        margin: 0 0 0 0;
    }

    .tListFlTxt02 {
        padding: 0 0 0 15px;
    }

    .tListFlTxtBg01 {
        width: 180%;
        border-radius: 50px;
    }

    .tListFlTxtBg01,
    .tListFlTxtBg02 {
        height: calc(100% + 90px);
    }
}

/* min-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 1024px) {

    .tListFlTxt01 {
        padding: 0 10% 0 0;
    }

    .tListFlTxt02 {
        padding: 0 0 0 10%;
    }

    .tListFlTxtBg01 {
        border-radius: 9999px;
    }

    .tListFlTxtBg01,
    .tListFlTxtBg02 {
        height: calc(100% + 180px);
    }
}

/* min-width: 1024px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */