/* ============== .recommendSec ============== */
.recommendSec
{
    width: 100%;
    margin-top: 100px;
}

@media print, screen and (max-width: 1920px)
{
    .recommendSec
    {
        margin-top: 5.20833vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .recommendSec
    {
        margin-top: 5.85938vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .recommendSec
    {
        margin-top: 10.66667vw;
    }
}

.recommendSec__inner
{
    width: 1452px;
    margin: 0 auto;
}

@media print, screen and (max-width: 1920px)
{
    .recommendSec__inner
    {
        width: 75.625vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .recommendSec__inner
    {
        width: 83.00781vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .recommendSec__inner
    {
        width: 92vw;
    }
}

.recommendSec__cont
{
    width: 100%;
}

.recommendSec__item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 80.5px 0;

    border-bottom: 1px solid #8ea78d;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media print, screen and (max-width: 1920px)
{
    .recommendSec__item
    {
        padding: 4.19271vw 0;
    }
}

@media print, screen and (max-width: 1025px)
{
    .recommendSec__item
    {
        padding: 5.85938vw 0;
    }
}

@media print, screen and (max-width: 430px)
{
    .recommendSec__item
    {
        padding: 10.73333vw 0;
    }
    .recommendSec__item:nth-child(odd)
    {
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
    .recommendSec__item:nth-child(even)
    {
            flex-direction: column-reverse;

        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
    }
}

.recommendSec__item:last-child
{
    border-bottom: none;
}

.recommendSec__photo
{
    width: 625px;
}

@media print, screen and (max-width: 1920px)
{
    .recommendSec__photo
    {
        width: 32.55208vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .recommendSec__photo
    {
        width: 100%;
    }
}

.recommendSec__photo > img
{
    display: block;

    width: 100%;
}

.recommendSec__txtBox
{
    width: 727px;
    margin-top: 240px;
}

@media print, screen and (max-width: 1920px)
{
    .recommendSec__txtBox
    {
        width: 37.86458vw;
        margin-top: 12.5vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .recommendSec__txtBox
    {
        width: 44.92188vw;
        margin-top: 9.76562vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .recommendSec__txtBox
    {
        width: 100%;
        margin-top: 6.66667vw;
    }
}

.recommendSec__numBox
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 22px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

@media print, screen and (max-width: 1920px)
{
    .recommendSec__numBox
    {
        margin-bottom: 1.14583vw;

        gap: 1.04167vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .recommendSec__numBox
    {
        margin-bottom: 1.75781vw;

        gap: 1.46484vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .recommendSec__numBox
    {
        margin-bottom: 2.93333vw;

        gap: 2.66667vw;
    }
}

.recommendSec__num
{
    width: 64.7px;
}

@media print, screen and (max-width: 1920px)
{
    .recommendSec__num
    {
        width: 3.36979vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .recommendSec__num
    {
        width: 3.90625vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .recommendSec__num
    {
        width: 8.62667vw;
    }
}

.recommendSec__num > img
{
    display: block;

    width: 100%;
}

.recommendSec__numTxt
{
    font-family: 'trajan-pro-3', serif;
    font-weight: 400;
    line-height: 1;

    letter-spacing: 0;

    color: #e5b276;
}

.recommendSec__ttl
{
    font-family: 'Zen Old Mincho', serif;
    font-weight: 500;
    line-height: 1;

    margin-bottom: 63px;

    text-align: left;
    letter-spacing: .1em;

    color: #39342e;
}

@media print, screen and (max-width: 1920px)
{
    .recommendSec__ttl
    {
        margin-bottom: 3.28125vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .recommendSec__ttl
    {
        font-size: 2.63672vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .recommendSec__ttl
    {
        font-size: 5.33333vw;

        margin-bottom: 6.66667vw;
    }
}

.recommendSec__txt
{
    font-weight: 400;
    line-height: 2;

    text-align: left;
    letter-spacing: .1em;

    color: #39342e;
}

/* ============== .recommendTime ============== */
.recommendTime
{
    width: 100%;
    padding: 100px 0 230px;
}

@media print, screen and (max-width: 1920px)
{
    .recommendTime
    {
        padding: 5.20833vw 0 11.97917vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .recommendTime
    {
        padding: 5.85938vw 0 14.64844vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .recommendTime
    {
        padding: 0 0 30.66667vw;
    }
}

.recommendTime .aboutSec__circle--01
{
    bottom: 100px;
}

@media print, screen and (max-width: 1920px)
{
    .recommendTime .aboutSec__circle--01
    {
        bottom: 5.20833vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .recommendTime .aboutSec__circle--01
    {
        bottom: .97656vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .recommendTime .aboutSec__inner
    {
        width: 83.00781vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .recommendTime .aboutSec__inner
    {
        width: 92vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .recommendTime .aboutSec__wrp
    {
        width: 92.77344vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .recommendTime .aboutSec__wrp
    {
        width: 92vw;
        margin: 0 auto;
    }
}

@media print, screen and (max-width: 1025px)
{
    .recommendTime .aboutSec__left
    {
        width: 38.08594vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .recommendTime .aboutSec__left
    {
        width: 100%;
        margin-top: 6.66667vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .recommendTime .c-lead__leadTxt
    {
        font-size: 4.66667vw;
    }
}

/* ============== .recommendSpend ============== */
.recommendSpend
{
    width: 100%;
}

.recommendSpend .yomogiSteamSec__setWrp
{
    margin: 150px 0 100px;
}

@media print, screen and (max-width: 1920px)
{
    .recommendSpend .yomogiSteamSec__setWrp
    {
        margin: 7.8125vw 0 5.20833vw;
    }
}

.recommendSpend__cont
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    margin-top: 100px;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media print, screen and (max-width: 1920px)
{
    .recommendSpend__cont
    {
        margin-top: 5.20833vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .recommendSpend__cont
    {
        margin-top: 5.85938vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .recommendSpend__cont
    {
            flex-direction: column;

        margin-top: 13.33333vw;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        gap: 8vw;
    }
}

.recommendSpend__item
{
    width: 520px;
}

@media print, screen and (max-width: 1920px)
{
    .recommendSpend__item
    {
        width: 27.08333vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .recommendSpend__item
    {
        width: 100%;
    }
}

.recommendSpend__photo
{
    width: 100%;
}

.recommendSpend__photo > img
{
    display: block;

    width: 100%;
}

.recommendSpend__ttl
{
    font-family: 'Zen Old Mincho', serif;
    font-weight: 500;

    position: relative;

    margin-top: 39px;
    margin-bottom: 16px;
    padding-left: 50px;

    text-align: left;
    letter-spacing: .15em;

    color: #39342e;
}

@media print, screen and (max-width: 1920px)
{
    .recommendSpend__ttl
    {
        margin-top: 2.03125vw;
        margin-bottom: .83333vw;
        padding-left: 2.60417vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .recommendSpend__ttl
    {
        font-size: 2.14844vw;

        margin-top: 2.92969vw;
        margin-bottom: 1.17188vw;
        padding-left: 3.90625vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .recommendSpend__ttl
    {
        font-size: 5.33333vw;

        margin-top: 5.2vw;
        margin-bottom: 2.13333vw;
        padding-left: 8vw;
    }
}

.recommendSpend__ttl:before
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 33.4px;
    height: 33.4px;

    content: '';
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

    background-image: url(../images/img_recommend_spend_leaf.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

@media print, screen and (max-width: 1920px)
{
    .recommendSpend__ttl:before
    {
        width: 1.73958vw;
        height: 1.73958vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .recommendSpend__ttl:before
    {
        width: 2.73438vw;
        height: 2.73438vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .recommendSpend__ttl:before
    {
        width: 4.45333vw;
        height: 4.45333vw;
    }
}

.recommendSpend__txt
{
    font-weight: 400;
    line-height: 2;

    text-align: left;
    letter-spacing: .1em;

    color: #39342e;
}

/* ============== .recommendMenu ============== */
.recommendMenu
{
    width: 100%;
    padding: 200px 0;
}

@media print, screen and (max-width: 1920px)
{
    .recommendMenu
    {
        padding: 10.41667vw 0;
    }
}

@media print, screen and (max-width: 1025px)
{
    .recommendMenu
    {
        padding: 14.64844vw 0;
    }
}

@media print, screen and (max-width: 430px)
{
    .recommendMenu
    {
        padding: 26.66667vw 0;
    }
}

.recommendMenu .c-lead
{
    margin-top: 60px;
}

@media print, screen and (max-width: 1920px)
{
    .recommendMenu .c-lead
    {
        margin-top: 3.125vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .recommendMenu .c-lead
    {
        margin-top: 3.90625vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .recommendMenu .c-lead
    {
        margin-top: 8vw;
    }
}

.recommendMenu__inner
{
    width: 1452px;
    margin: 0 auto;
}

@media print, screen and (max-width: 1920px)
{
    .recommendMenu__inner
    {
        width: 75.625vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .recommendMenu__inner
    {
        width: 80.46875vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .recommendMenu__inner
    {
        width: 92vw;
    }
}

.recommendMenu__cont
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    margin-top: 100px;

    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media print, screen and (max-width: 1920px)
{
    .recommendMenu__cont
    {
        margin-top: 5.20833vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .recommendMenu__cont
    {
        margin-top: 5.85938vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .recommendMenu__cont
    {
            flex-direction: column;

        margin-top: 13.33333vw;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        gap: 13.33333vw;
    }
}

.recommendMenu__item
{
    width: 625px;
}

@media print, screen and (max-width: 1920px)
{
    .recommendMenu__item
    {
        width: 32.55208vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .recommendMenu__item
    {
        width: 36.13281vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .recommendMenu__item
    {
        width: 100%;
    }
}

.recommendMenu__item:last-child
{
    margin-top: 78px;
}

@media print, screen and (max-width: 1920px)
{
    .recommendMenu__item:last-child
    {
        margin-top: 4.0625vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .recommendMenu__item:last-child
    {
        margin-top: 4.88281vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .recommendMenu__item:last-child
    {
        margin-top: 0;
    }
}

.recommendMenu__photo
{
    width: 100%;
}

.recommendMenu__photo > img
{
    display: block;

    width: 100%;
}

.recommendMenu__enBox
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 60px;
    margin-bottom: 22px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

@media print, screen and (max-width: 1920px)
{
    .recommendMenu__enBox
    {
        margin-top: 3.125vw;
        margin-bottom: 1.14583vw;

        gap: .52083vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .recommendMenu__enBox
    {
        margin-top: 3.90625vw;
        margin-bottom: 1.46484vw;

        gap: .97656vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .recommendMenu__enBox
    {
        margin-top: 8vw;
        margin-bottom: 2.93333vw;

        gap: 1.33333vw;
    }
}

.recommendMenu__num
{
    font-family: 'Zen Old Mincho', serif;
    font-weight: 500;
    line-height: 1;

    letter-spacing: .15em;

    color: #ffa800;
}

.recommendMenu__en
{
    font-family: 'Zen Old Mincho', serif;
    font-weight: 500;
    line-height: 1;

    letter-spacing: .15em;

    color: #9b7a59;
}

.recommendMenu__ttl
{
    font-family: 'Zen Old Mincho', serif;
    font-weight: 500;
    line-height: 1;

    margin-bottom: 28px;

    text-align: left;
    letter-spacing: .15em;

    color: #39342e;
}

@media print, screen and (max-width: 1920px)
{
    .recommendMenu__ttl
    {
        margin-bottom: 1.45833vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .recommendMenu__ttl
    {
        margin-bottom: 1.95312vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .recommendMenu__ttl
    {
        margin-bottom: 3.73333vw;
    }
}

.recommendMenu__txt
{
    font-weight: 400;
    line-height: 2;

    text-align: left;
    letter-spacing: .1em;

    color: #39342e;
}

.recommendMenu__btn
{
    margin-top: 40px;
}

@media print, screen and (max-width: 1920px)
{
    .recommendMenu__btn
    {
        margin-top: 2.08333vw;
    }
}

@media print, screen and (max-width: 1025px)
{
    .recommendMenu__btn
    {
        margin-top: 2.92969vw;
    }
}

@media print, screen and (max-width: 430px)
{
    .recommendMenu__btn
    {
        margin-top: 5.33333vw;
    }
}

.recommendMenu__btn .c-btn
{
    margin: 0;
}