@charset "UTF-8";

#contents {
    background-color: #f8f8f8;
}

.common-title.type01 {
    background: url("../../img/page/message/banner.jpg") no-repeat center / cover;
}

#message {
    padding-top: 12.4rem;
    padding-bottom: 17rem;

    @media screen and (max-width: 767px) {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
}

/* ------------------------------------------- */
/* IMAGE */
/* ------------------------------------------- */

.msg-img {
    padding-bottom: 7rem;

	@media screen and (max-width: 767px) {
        padding-bottom: 3rem;
    }
}

.msg-text-box {
    padding-bottom: 5rem;

    /* &:last-child {
        padding-bottom: 0;
    } */

    @media screen and (max-width: 767px) {
        padding-bottom: 3rem;
    }
}

.mtb-title {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 150%;
    letter-spacing: 0.03em;
    color: #000000;
    padding-bottom: 3rem;

    @media screen and (max-width: 767px) {
        font-size: 2rem;
        padding-bottom: 2rem;
    }
}

.mtb-desc {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 200%;
    letter-spacing: 0.08em;
    color: #000000;

    @media screen and (max-width: 767px) {
        font-size: 1.4rem;
    }
}

.representative {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 200%;
    letter-spacing: 0.08em;
    display: flex;
    gap: 2rem;
    justify-content: flex-end;

    & p {
        font-weight: 700;
    }

    @media screen and (max-width: 767px) {
        font-size: 1.4rem;
    }
}