@charset "UTF-8";



.p-message{

    padding: var(--section-padding);

    background: var(--background-light);

}

.p-message + .p-message{

    background: none;

}

.p-message__sp-image{

    display: none;

}

.p-message__contents{

    display: flex;

    align-items: center;

    position: relative;

}

.p-message__image{

    width: calc(512 * var(--px));

    height: calc(640 * var(--px));

    flex-shrink: 0;

    border-radius: var(--radius-base);

    overflow: hidden;

}

.p-message__image img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.p-message__main{

    padding-left: calc(50 * var(--px));

}

.p-message__main-title{

    font-size: var(--fs-title);

    line-height: var(--lh-tight);

    font-weight: bold;

}

.p-message__main-text,

.p-message__text,

.p-message__position{

    font-size: var(--fs-base);

    line-height: var(--lh-base);

}

.p-message__text:first-child{

    margin-top: 0;

}

.p-message__main-text{

    margin-top: calc(20 * var(--px));

}

.p-message__text{

    margin-top: calc(25 * var(--px));

}

.p-message__position{

    font-weight: bold;

    text-align: right;

    margin-top: calc(15 * var(--px));

}

.p-message__name{

    width: calc(172 * var(--px));

    margin: calc(5 * var(--px)) 0 0 auto;

}

.p-message--chairman .p-message__name{

    width: calc(148 * var(--px));

}

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

    .p-message__wrapper{

        display: block;

    }

    .p-message__sp-wrapper{

        display: flex;

        align-items: center;

        margin-bottom: calc(15 * var(--px));

    }

    .p-message__sp-image{

        display: block;

        width: calc(128 * var(--px));

        height: calc(160 * var(--px));

        flex-shrink: 0;

        margin-right: calc(20 * var(--px));

        border-radius: var(--radius-base);

        overflow: hidden;

    }

    .p-message__sp-image img{

        width: 100%;

        height: 100%;

        object-fit: cover;

    }

    .p-message__image{

        display: none;

    }

    .p-message__contents{

        padding: 0;

    }

    .p-message__main{

        width: 100%;

        padding: 0;

    }

    .p-message__main-text{

        margin-top: calc(10 * var(--px));

    }

    .p-message__text{

        margin-top: calc(15 * var(--px));

    }

    .p-message__position{

        margin-top: calc(12 * var(--px));

    }

    .p-message__name{

        width: calc(172 * 0.75 * var(--px));

        margin-top: calc(8 * var(--px));

    }

    .p-message--chairman .p-message__name{

        width: calc(148 * 0.75 * var(--px));

    }

}