@charset "UTF-8";

/* =========================
header
========================= */
/* logo */
.mainVisual {
    display: none;
}

/* =========================
price
========================= */
.topic {
    margin-top: 110px;
}

/* price pc */
@media screen and (min-width:769px) {
    .topic {
        margin-top: 176px;
    }
}

/* pc 769px */

/* =========================
bannerAndFlyer
========================= */
.section--bannerAndFlyer {
    padding-top: 40px;
}

.price__img {
    display: block;
    width: 300px;
    height: auto;
    aspect-ratio: 300 / 210;
    margin: 0 auto 0;
}

.bannerAndFlyer__ttl {
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-align: center;
    margin-top: 40px;
}

.bannerAndFlyer__item {
    margin-top: 40px;
    padding: 0 20px;
    width: 100%;
}

.bannerAndFlyer__priceBox {
    display: flex;
    justify-content: space-between;
}

.bannerAndFlyer__spec {
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.2em;
}

.bannerAndFlyer__note {
    font-size: 1.4rem;
    line-height: 1.2;
    letter-spacing: 0.08em;
    margin-top: 10px;
}

.bannerAndFlyer__price {
    font-family: "Asta Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    letter-spacing: 0.2em;
}

.price__line {
    display: block;
    width: 100%;
    height: 2px;
    background-image: url(../images/activity_line.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin: 15px auto 0;
}

.bannerAndFlyer__option {
    margin-top: 40px;
}

.bannerAndFlyer__option:first-of-type {
    margin-top: 0;
}

.bannerAndFlyer__wrap {
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
}


/* bannerAndFlyer pc */
@media screen and (min-width:769px) {
    .section--bannerAndFlyer {
        padding-top: 100px;
    }

    .bannerAndFlyer__ttl {
        font-size: 2.4rem;
        margin-top: 50px;
    }

    .bannerAndFlyer__item {
        margin: 50px auto 0;
        padding: 0;
        width: 600px;
    }

    .bannerAndFlyer__spec {
        font-size: 2rem;
        line-height: 1;
    }

    .bannerAndFlyer__note {
        font-size: 1.6rem;
    }

    .bannerAndFlyer__price {
        font-size: 2rem;
    }

    .bannerAndFlyer__item--flex {
        display: flex;
        justify-content: space-between;
    }

    .bannerAndFlyer__option {
        margin-top: 0;
        width: 280px;
    }

    .bannerAndFlyer__wrap {
        display: block;
    }

    .bannerAndFlyer__spec--option {
        font-size: 1.6rem;
        line-height: 1;
        text-align: center;
    }

    .bannerAndFlyer__note--option {
        width: fit-content;
        margin: 10px auto 0;
    }

    .bannerAndFlyer__price--option {
        margin-top: 15px;
        text-align: center;
    }
}

/* pc 769px */

/* =========================
logo
========================= */
.section--logo {
    padding-top: 75px;
}

.logo__ttl {
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-align: center;
    margin-top: 40px;
}

.logo__item {
    margin-top: 40px;
    padding: 0 20px;
}

.logo__priceBox {
    display: flex;
    justify-content: space-between;
}

.logo__spec {
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.2em;
}

.logo__price {
    font-family: "Asta Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    letter-spacing: 0.2em;
}

/* logo pc */
@media screen and (min-width:769px) {
    .section--logo {
        padding-top: 150px;
    }

    .logo__ttl {
        font-size: 2.4rem;
        margin-top: 50px;
    }

    .logo__item {
        margin: 50px auto 0;
        padding: 0;
        width: 600px;
    }

    .logo__spec {
        font-size: 2rem;
        line-height: 1;
    }

    .logo__note {
        font-size: 1.6rem;
    }

    .logo__price {
        font-size: 2rem;
    }
}

/* pc 769px */

/* =========================
notes
========================= */
.section--notes {
    padding-top: 75px;
    padding-bottom: 75px;
    background-image: url(../images/sp_priceBG.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.notes__list {
    padding-top: 40px;
}

.notes__item {
    line-height: 1.2;
    letter-spacing: 0.08em;
    margin-top: 20px;
}

/* notes pc */
@media screen and (min-width:769px) {
    .section--notes {
        padding-top: 150px;
        padding-bottom: 150px;
        background-image: url(../images/pc_priceBG.png);
    }

    .notes__list {
        padding-top: 50px;
        width: fit-content;
        margin: 0 auto 0;
    }
}
/* pc 769px */