@charset "UTF-8";

/*
ブレイクポイント
SP 〜519px
tab 520px ~ 959px (min-width:520px)
pc 960px~ (min-width:960px)
*/

.sub_title {
    background: url(../img/menu_title.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/*======================
menu
======================*/
.menu {
    padding: 0 var(--contents-side-gutter);
    text-align: center;
}

.menu .menu_box li {
    margin-bottom: calc(var(--gutter-base)*3);
}

.menu .menu_box li img {
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px;
    max-width: 320px;
    margin: 0 auto;
}

/* ===============ここからmin-width:520px=============== */
@media screen and (min-width:520px) {}

/* ===============ここまでmin-width:520px=============== */

/* ===============ここからmin-width:960px=============== */
@media screen and (min-width:960px) {

    /*======================
    menu
    ======================*/
    .menu {
        padding: 0;
    }

    .menu .menu_box {
        display: grid;
        gap: 20px;
        grid-template-columns: 1fr 1fr 1fr;
    }
}

/* ===============ここまでmin-width:960px=============== */