/* -------------------------------------------------------------------------------- */
@media (min-width: 768px) {
    
    
    .apple-column {
        display: flex;
        align-items: stretch;
        width: 99vw;
        min-height: 500px;
        position: relative;
        left: 50%;
        right: 50%;
        margin-bottom: 0.5vw;
        margin-left: -49.5vw;
        margin-right: -49.5vw;
    }
 
    /* カラム内のレイアウト */
    .an-apple {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        max-width: 800px;
        height: 100%;
        padding: 5%;
        margin-left: auto;
        margin-right: auto;
    }
/* -------------------------------------------------------------------------------- */

@media (min-width: 2550px) {
    .apple-column {
        display: flex;
        align-items: stretch;
        width: 2500px;
        min-height: 500px;
        position: relative;
        left: 50%;
        right: 50%;
        margin-bottom: 0.5vw;
        margin-left: -1250px;
        margin-right: -1250px;
    }
}
/*]]>*/
</style>