@media screen and (min-width: 769px) {
    .l-visual {
        background: url(../images/hero_notice2506.jpg) no-repeat;
        margin-top: 68px;
    } 
    .titleArea {
        margin: auto auto 64px;
    }
    .titleArea h2.jp {
        font-size: 40px;
        line-height: 64px;
        font-feature-settings: "palt";
        letter-spacing: 0.12em;
        margin-bottom: 64px;
    }
    .titleArea h2.jp small {
        font-size: 26px;
        display: inline-block;
        margin-top: 20px;
    }
    .titleArea h2 .ttl_under {
        font-size: 20px;
        font-weight: bold;
        line-height: 32px;
        letter-spacing: 0.1em;
        margin-top: 32px;
    }
    .titleArea .ttl_txt {
        max-width: 800px;
        margin: auto;
    }
    .titleArea .ttl_txt p {
        font-size: 16px;
        letter-spacing: 0.08em;
        text-align: left;
    }
    .titleArea .ttl_txt p.small_txt {
        font-size: 13px;
        line-height: 24px;
        font-feature-settings: "palt";
        margin-top: 32px;
    }
    .l-recipe {
        margin-bottom: 0;
    }
    #l-item {
        margin-bottom: 50px;
    }
    .l-item h3 {
        line-height: 64px;
        font-feature-settings: "palt";
        letter-spacing: 0.16em;
        padding: 0;
        margin-bottom: 96px;
    }
    .l-item h3.under::after {
        bottom: -24px;
    }
    .l-item .con {
        width: 800px;
        margin: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .l-item .con img {
        display: block;
        width: 348px;
    }
    .l-item .con .text {
        width: calc(100% - 388px);
    }
    .l-item .con .text p {
        margin-bottom: 10px;
        font-size: 14px;
    }

}

@media screen and (max-width: 768px) {
    .l-visual {
        background: url(../images/hero_notice2506.jpg) no-repeat;
    } 
    .titleArea {
        margin: auto auto 15.4666vw;
    }
    .titleArea h2.jp {
        font-size: calc(22 / 375 * 100vw);
        line-height: calc(34 / 375 * 100vw);
        font-feature-settings: "palt";
        letter-spacing: 0.12em;
        margin-bottom: calc(29 / 375 * 100vw);
        text-align: left;
        font-weight: bold;
    }
    .titleArea h2 .ttl_under {
        font-size: calc(16 / 375 * 100vw);
        line-height: calc(29 / 375 * 100vw);
        font-weight: bold;
        margin-top: calc(29 / 375 * 100vw);
    }
    .titleArea .ttl_txt p {
        font-size: calc(16 / 375 * 100vw);
        line-height: calc(29 / 375 * 100vw);
        letter-spacing: 0.04em;
    }
    .titleArea .ttl_txt p.small_txt {
        margin-top: calc(29 / 375 * 100vw);
        font-size: calc(12 / 375 * 100vw);
        line-height: calc(20 / 375 * 100vw);
        font-feature-settings: "palt";
    }
    .l-recipe {
        margin-bottom: 0;
    }
    #l-item {
        margin-bottom: 15.4666vw;
    }
    #l-item h3{
        font-size: 5.3333vw;
        line-height: 7.7333vw;
        font-feature-settings: "palt";
        letter-spacing: 0.16em;
        padding-bottom: 4vw;
        margin-bottom: 10.4vw;
    }
    .l-item .con img {
        max-width: 348px;
        margin: 0 auto 5.3333vw;
    }
    .l-item .con .text p {
        margin-bottom: 2.6666vw;
    }
}