@charset "utf-8";

/* ==================================================================

    payment.css

=================================================================== */

/* --------------------------------
■共通
-------------------------------- */
main .intro.txt {
    margin-bottom: 40px;
}

@media only screen and
(max-width : 767px) {
    
    main .intro.txt {
        margin-bottom: 24px;
    }
}

/* ◇ accent
-------------------------------- */
.contents .accent{
    background-image: url("../../images/admission/payment/accent.jpg");
    background-position: 50% 100%;
}

/* ◇ account
-------------------------------- */
main #account .txt .note {
    font-size: 1.4rem;
}

main #account section .wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
main #account section .wrapper dl {
    width: 32%;
    background: #F3F1EE;
}
main #account section .wrapper dl dt {
    font-size: 2.0rem;
    background: #B72B2F;
    text-align: center;
    padding: 16px 20px;
    color: #fff;
}
main #account section .wrapper dl dd {
    padding: 28px;
}

main #account section .note_list li {
    text-indent: -1em;
    padding-left: 1em;
    font-size: 1.4rem;
}

@media only screen and
(max-width : 767px) {
    
    main #account section .wrapper {
        display: block;
        margin-bottom: 20px;
    }
    main #account section .wrapper dl {
        width: auto;
        margin-bottom: 16px;
    }
    main #account section .wrapper dl dt {
        font-size: 1.8rem;
        padding: 14px 20px;
    }
    main #account section .wrapper dl dd {
        padding: 24px;
    }
}

/* ◇ loan
-------------------------------- */
main #loan dl {
    display: flex;
    padding: 40px 60px;
    background: #F3F1EE;
    align-items: center;
    justify-content: space-between;
}
    main #loan dl dt {
        font-size: 1.7rem;
    }

@media only screen and
(max-width : 767px) {
    
    main #loan dl {
        display: block;
        padding: 28px;
    }
        main #loan dl dt {
            font-size: 1.6rem;
            text-align: center;
            margin-bottom: 16px;
        }
}
        

/* ◇ ticket
-------------------------------- */
main #ticket .wrapper {
    display: flex;
    align-items: center;
    background: #F3F1EE;
}
main #ticket .wrapper .img {
    width: 42%;
}
main #ticket .wrapper .description {
    width: 58%;
    box-sizing: border-box;
    padding: 0 68px;
    height: 100%;
}
main #ticket .wrapper .description .txt {
    line-height: 1.8;
}

@media only screen and
(max-width : 767px) {
    
    main #ticket .wrapper {
        display: block;
        align-items: center;
        background: #F3F1EE;
    }
    main #ticket .wrapper .img {
        width: auto;
    }
    main #ticket .wrapper .description {
        width: auto;
        box-sizing: border-box;
        padding: 32px 24px;
    }
    main #ticket .wrapper .description .txt {
        margin-bottom: 0;
    }
}