@charset "UTF-8";

.full-width-img {
    width: 100%;
    margin-bottom: 11.4rem;
    @media screen and (max-width: 767px) {
        margin-bottom: 5rem;
    }
    & img {
        width: 100%;
        vertical-align: top;
    }
}

.full-width2 {
    margin-top: 13.5rem;
    @media screen and (max-width: 767px) {
        margin-top: 0;
    }
}

.message {
    width: 100%;
    margin-bottom: 8rem;
    @media screen and (max-width: 767px) {
        margin-bottom: 5rem;
    }
    .title {
        font-family: var(--zenkaku);
        font-style: normal;
        font-weight: 700;
        font-size: 3.1rem;
        line-height: 150%;
        letter-spacing: 0.1em;
        color: #212121;
        margin-bottom: 5rem;
        @media screen and (max-width: 767px) {
            font-size: 2.2rem;
            margin-bottom: 3rem;
        }
    }
}

.name-box {
    width: 100%;
    .name {
        text-align: right;
        font-family: var(--zenkaku);
        font-style: normal;
        font-weight: 700;
        font-size: 2rem;
        line-height: 3.3rem;
        letter-spacing: 0.06em;
        color: #000000;
        @media screen and (max-width: 767px) {
            font-size: 1.6rem;
            line-height: 3rem;
        }
    }
}