@charset 'UTF-8';
/* ----------------------------------------------
関数
------------------------------------------------*/
.p-message
{
    padding: var(--m90) 0 var(--m125);
}
.p-message__inner
{
    display: flex;
    flex-direction: row-reverse;

    align-items: flex-start;
    justify-content: space-between;
}
.p-message__body
{
    position: relative;
    z-index: 10;

    width: 57.14%;
    margin-left: -21.42%;
}
.p-message__logo
{
    width: 30%;
    max-width: 202px;
    margin-top: var(--m50);
    margin-right: 12.5%;
    margin-left: auto;
}
.p-message__text-area
{
    margin-top: var(--m70);
    padding: var(--m80) var(--m16_70);

    background-color: rgba(255, 255, 255, .8);
}
.p-message__name
{
    font-size: var(--fs22_32);
    font-weight: 500;

    display: flex;

    margin-top: var(--m60);

    justify-content: flex-end;
    align-items: baseline;
    grid-gap: 5px;
}
.p-message__name small
{
    font-size: var(--fs16_25);
    font-weight: 500;
}
.p-message__image-area
{
    position: relative;
    z-index: 5;

    width: 64.28%;
}
.p-message__image-caption
{
    font-family: 'Tangerine', cursive;
    font-size: var(--fs32_50);
    font-weight: bold;

    color: var(--col-gray04);
}

@media all and (max-width: 620px)
{
    .p-message__inner
    {
        flex-direction: column;

        grid-gap: 28px;
    }
    .p-message__body
    {
        width: 100%;
        margin-left: 0;

        order: 1;
    }
    .p-message__logo
    {
        margin-right: auto;
        margin-left: auto;
    }
    .p-message__image-area
    {
        width: 100%;

        order: 2;
    }
}