@media print,screen and (min-width: 768px) {
    .message {
        display: flex;
        flex-direction: row-reverse
    }

    .message .img_wrap .pos {
        font-size: 13px;
        line-height: 17px;
        margin: 40px 0 0
    }

    .message .img_wrap .name {
        font-size: 17px;
        font-weight: bold;
        line-height: 22px;
        margin: 8px 0 0
    }

    .message .text_wrap {
        padding: 0 83px 0 0
    }

    .message .text_wrap p {
        font-size: 15px;
        line-height: 28px;
        margin: 0 0 28px;
    }

    .message .text_wrap p strong {
        font-weight: bold
    }

    .pc_none {
        display: none !important
    }
}

@media screen and (max-width: 767px) {

    html,
    body {
        /*font-size: .26667vw*/
    }

    body {
        min-width: 320px
    }
    .message .img_wrap img{
      width: 100%;
    }
    .message .img_wrap .pos {
        font-size: 13px;
        line-height: 16px;
        margin: 34px 0 0
    }
    .message .img_wrap .name {
        font-size: 17px;
        font-weight: bold;
        line-height: 23px;
        margin: 8px 0 0
    }
    .message .text_wrap {
        padding: 31px 0 0;
    }
    .message .text_wrap p {
        font-size: 15px;
        line-height: 28px;
        margin: 0 0 28px;
    }
    .message .text_wrap p strong {
        font-weight: bold
    }

    .sp_none {
        display: none !important
    }
}