.menu__bg {
    background-image: url(./image/menu-message__bg.jpg);
    max-width: 1440px;
    margin: auto;
}

.menu__inner {
    display: flex;
}

.menu__img {
    flex: 1 1 54%;
    overflow: hidden;
}

.menu__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.menu__textbox {
    flex: 1 1 46%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 30px;
}

.menu__title {
    margin-bottom: clamp(15px, 1.5vw, 45px);
}

.menu__text+.menu__text {
    margin-top: clamp(5px, 1.5vw, 25px);
}



@media screen and (max-width:1080px) {
    .menu__title {
        margin-bottom: 6px;
    }

    .menu__text+.menu__text {
        margin-top: 0;
    }

    .menu__br {
        display: none;
    }
}

@media screen and (max-width:790px) {
    .menu__inner {
        flex-direction: column;
    }

    .menu__title {
        margin-bottom: 35px;
    }

    .menu__textbox {
        align-items: baseline;
        justify-content: flex-start;
        padding: 40px 0;
        max-width: 570px;
        margin: auto;
    }

    .menu__text+.menu__text {
        margin-top: 25px;
    }
}



/***************************************
お料理の一例
****************************************/
.sample__bg {
    background-image: url(./image/menu-sample__bg.jpg);
    margin-top: 135px;
    padding-bottom: 290px;
}

.sample__inner {
    max-width: 1440px;
    margin-inline: auto;
}

.sample__visuals {
    display: grid;
    grid-template-columns: 0.618fr 0.382fr;
    gap: clamp(45px, 13vw, 125px) clamp(40px, 6vw, 100px);
    grid-template-rows: auto auto auto;
}

.sample__textbox {
    grid-column: 2;
    grid-row: 1;
    margin-top: clamp(66px, 11vw, 165px);
}


.img__top {
    width: clamp(335px, calc(52.11vw + 139.57px), 890px);
    grid-column: 1;
    grid-row: 1 / span 2;
}

.img__bottom {
    width: clamp(295px, calc(29.01vw + 186.19px), 604px);
    justify-self: end;
    grid-column: 1;
    grid-row: 3;
    margin-right: clamp(18px, 3vw, 45px);
}

.img__right {
    width: clamp(189px, calc(16.52vw + 127.02px), 365px);
    grid-column: 2;
    grid-row: 2 / span 2;
}


.sample__note {
    font-size: clamp(11px, 0.281vw + 9.94px, 14px);
    margin-top: clamp(7px, 1vw, 15px);
}

@media screen and (max-width:768px) {
    .sample__visuals {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .sample__visuals>* {
        grid-column: auto;
        grid-row: auto;
    }

    .img__top {
        order: 1;
    }

    .sample__textbox {
        order: 0;
        text-align: left;
        margin-bottom: -20px;
        margin-top: 0;
    }

    .img__bottom {
        order: 2;
        position: relative;
        right: calc(50% - 50vw);
        margin-right: 0;
    }

    .img__right {
        order: 3;
        margin-left: 16px;
    }

    .sample__bg {
        margin-top: 100px;
        padding-bottom: 150px;
    }
}