@charset "UTF-8";

/*-------------------------------------------
共通設定
-------------------------------------------*/


img {
    max-width: 100%;
}

ul {
    list-style: none;
}

@font-face {
    font-family: "Segoe Print";

    src: url("../font/segoepr.ttf");
}

/*-------------------------------------------
Mainvisual
-------------------------------------------*/
.mainvisual img {
    width: 100%;
    /* height: 100vh; */
}

@media screen and (max-width: 768px) {
    .pc img {
        display: none;
    }
}

/*-------------------------------------------
Text
-------------------------------------------*/
.text {
    text-align: center;
}

.text h1 {
    margin-top: 95px;
    font-family: "Segoe Print";
    font-size: 3rem;
    font-weight: bold;
}

.text p {
    margin-top: 25px;
    margin-bottom: 100px;
    font-size: 1.5rem;
}


/*-------------------------------------------
dishlist
-------------------------------------------*/
.dishlist {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.dishlist li {
    width: calc(100%/3);
}



/*-------------------------------------------
SP
-------------------------------------------*/

@media screen and (max-width: 768px) {
    .dishlist {
        flex-direction: column;
    }

    .dishlist li {
        width: 100%;
    }
}