@charset "utf-8";

/* ==========================================
menu01
========================================== */

.menu01 .com-deco-left02  {
    top: 10%;
}

.menu01-text-box {
    margin: 4rem auto 0;
    text-align: center;
}

/* ==========================================
menu02
========================================== */

.menu02-main {
    padding: 10rem 0;
}

.menu02-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 6rem auto 0;
}

.menu02-img {
    max-width: 58rem;
    width: 43.94%;
    aspect-ratio: 58/46;
    position: relative;
}

.menu02-img:after {
    content: "";
    position: absolute;
    width: 40%;
    height: 100.1%;
    top: 0;
    right: -1px;
    background: linear-gradient(270deg, rgba(250, 248, 237, 1) 0%, rgba(250, 248, 237, 0) 100%);
    border-radius: 30px;
    z-index: 1;
}

.menu02-text-box {
    position: absolute;
    max-width: 84rem;
    width: 60%;
    right: 0;
    z-index: 2;
}

.menu02-text {
    margin: 4rem auto 0;
}

.price-block01 {
    background: #F5F4F2;
}

.menu03 .com-deco-left01 {
    top: 2%;
}

.menu03-deco01 {
    position: absolute;
    top: 17%;
    right: 0;
    max-width: 28.4rem;
    width: 16%;
    z-index: -1;
}

.menu03-deco02 {
    position: absolute;
    bottom: 8%;
    left: 0;
    max-width: 28.4rem;
    width: 16%;
    z-index: -1;
}

.menu04-text-box {
    margin: 4rem auto 0;
    text-align: center;
}

.menu04-img {
    max-width: 132rem;
    width: 100%;
    aspect-ratio: 132/46;
    margin: 6rem auto 0;
}

.menu04 .com-deco-right01 {
    top: 0;
}


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <=1550px) {


    /* ==========================================
    下層共通common-row01
    ========================================== */


}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1280px) {


}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1024px) {

    .menu02-img {
        width: 50%;
    }

    .menu02-text {
        margin: 3rem auto 0;
    }

    .menu02-text br {
        display: none;
    }


}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 768px) {

    .menu01-text-box {
        text-align: left;
    }

    .menu02-main {
        padding: 6rem 0;
    }

    .menu02-row {
        flex-direction: column;
        gap: 3rem;
    }

    .menu02-img {
        width: 100%;
    }

    .menu02-text-box {
        position: relative;
        width: 100%;
    }

    .menu03-deco01 {
        top: 16%;
        width: 20%;
    }

    .menu03-deco01 {
        width: 30%;
    }
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 576px) {

    .menu02-img:after {
        border-radius: 15px;
    }

    .menu03-deco01 {
        top: 14%;
        width: 30%;
    }

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 414px) {

    .title40 {
        font-size: 25px;
    }

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
