@charset "UTF-8";

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

Page Header 

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

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

    .page__mv--cafe {
        margin-top: 100px;
    }
}

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

About

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

.secion__img:last-of-type {
    margin-top: 60px;
}

.section__txt--about {
    margin-top: 40px;
}


.about__name {
    font-size: 2rem;
    line-height: 1;
    margin: 50px auto 0;
}

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

    .about__name {
        max-width: 100%;
        font-size: 2.5rem;
        margin: 0;
    }

    .section__txt--about {
        max-width: 100%;
        font-size: 1.5rem;
    }

}

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

deco

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

    .decoration--about {
        margin: 160px auto 0;
    }

    .decoration--about2 {
        margin: 114px auto 0;
    }

    .decoration--about3 {
        margin: 136px auto 0;
    }
}

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

profile

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

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

    .section--profile {
        margin-top: 125px;
    }

    .section__flex--about {
        margin-top: 159px;
    }

    .section__flex--about:last-of-type {
        margin-top: 80px;
    }

}

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

partner

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

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

    .section--partner {
        margin-top: 131px;
    }

    .section__flex--partner {
        margin-top: 114px;
    }

}


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

event

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


.section--event {
    margin: 150px 5% 0;
}

.event__list {
    margin: 50px auto 0;
    max-width: 375px;
}

.event__item {
    display: flex;
    gap: 10px;
    font-size: 1.4rem;
    justify-content: center;
}

.event__item dt {
    width: 85px;
    flex-shrink: 0;
    font-weight: 410;
}

.event__item dd {
    flex: 1;
}

.event__txt {
    max-width: 375px;
    font-size: 1.4rem;
    margin: 0 auto;
}

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

    .section--event {
        margin-top: 136px;
    }

    .event__list {
        margin-top: 83px;
        max-width: 520px;
    }

    .event__item {
        gap: 30px;
        font-size: 1.5rem;
    }

    .event__txt {
        max-width: 520px;
        font-size: 1.5rem;
        margin: 0 auto;
    }

}