@charset "utf-8";

/* 1240以上 */

@media (min-width:1240px) {
    .content {
        display: flex;
        justify-content: left;
        flex-direction: row;
        margin: auto 100px auto;
    }
    .bpic {
        width: 300px;
        margin: 20px;
        float: left;
    }
    .name {
        width: 260px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        background-color: #D3DDEF;
    }
    .greetingarea {
        width: auto;
        margin: 20px;
    }
    .greet {
        text-align: left;
        line-height: 2;
    }
    #preimage {
        width: 260px;
        vertical-align: left;
    }
}


/* 1239以下 */

@media (max-width:1239px) {
    .content {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .bpic {
        width: 300px;
        margin: 20px;
        float: left;
    }
    .name {
        width: 300px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        background-color: #D3DDEF;
    }
    .greetingarea {
        width: auto;
        margin: 20px;
    }
    .greet {
        text-align: left;
        line-height: 2;
    }
    #preimage {
        max-width: 300px;
        vertical-align: left;
    }
}