@charset "UTF-8";

/*****************

mainvisual

******************/

.mv {
    margin: 0 8%;
}

.mv__title {
    font-size: 3rem;
    text-align: center;
    margin-top: 110px;
    line-height: 1;
}

.mv__titleEn {
    font-size: 1.5rem;
    text-align: center;
    margin-top: 15px;
    line-height: 1;
}

.mv__txt {
    width: 85%;
    text-align: center;
    font-size: 1.4rem;
    line-height: 3.15;
    margin: 70px auto 0;
}

.mv-slider {
    max-width: 400px;
    margin: 40px auto 0;
}

.mv-slider .splide__slide {
    height: 100%;
}

.mv-slider .splide__slide img {
    display: block;
    aspect-ratio: 1/1;
    max-width: 400px;
    width: 100%;
    object-fit: cover;
}

/* PC 769px */

@media screen and (min-width:769px) {

    .mv__title {
        font-size: 6rem;
        margin-top: 110px;
    }

    .mv__titleEn {
        font-size: 3rem;
        margin-top: 20px;
    }

    .mv__txt {
        width: 100%;
        font-size: 1.8rem;
        line-height: 2.4;
        margin-top: 170px;
    }

    .mv-slider {
        max-width: 100%;
        margin: 95px 0 0 0;
    }

    .splide.mv-slider.is-initialized:not(.is-active) .splide__list {
        max-width: 100%;
        margin-top: 95px;
        display: flex;
        justify-content: center;
        gap: 15px;
    }

    .mv-slider .splide__slide {
        width: 30%;
    }

    .brSp {
        display: none;
    }

    .btn--about {
        margin: 45px auto 0;
    }


}


/*****************

Sweets & Cafe

******************/
@media screen and (min-width:769px) {

    /* 横並び構成 */
    .section--cafe,
    .section--sweets {
        display: flex;
        justify-content: center;
        gap: 30px;
    }

    .section--sweets {
        flex-direction: row-reverse;
        margin-top: 200px;
    }

    .section__topic--sweets,
    .section__topic--cafe {
        text-align: left;
    }

    .section__txt--sweets,
    .section__txt--cafe {
        margin-top: 32px;
    }

    .btn--sweets {
        margin-top: 60px;
    }

    .btn--cafe {
        margin-top: 44px;
    }

}

@media screen and (min-width:1024px) {

    .section--cafe,
    .section--sweets {
        gap: 85px;
    }
}

/*****************

news

******************/

.section__txt--news {
    text-align: center;
}

.btn--news {
    margin: 28px auto 0;
    text-align: center;
    padding: 0 11px 0px 0;
}

@media screen and (min-width:769px) {

    /* 中央寄せボタン */
    .section__txt--news {
        margin-top: 42px;
    }



}