@media screen and (min-width: 769px) {

    /*************************************
イベント情報
**************************************/
    .newest-event {
        border: none;
        max-width: 1200px;
        width: 100%;
    }

    .newest-event section.flex.event-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 30px 0;
        flex-wrap: wrap;
        gap: 30px;
    }

    .newest-event article.event-box {
        width: 31.5%;
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        box-sizing: border-box;
        overflow: clip;
    }

    .newest-event img {
        width: 100%;
        height: auto;
        aspect-ratio: 1 /1;
        object-fit: contain;
        border: none;
    }

    .newest-event article.event-box .nn-info {
        padding: 0 16px 16px;
    }

    .newest-event article.event-box .nn-info h4 {
        font-size: 1.2rem;
        line-height: 1.5;
        letter-spacing: 0.03em;
        text-align: left;
        margin-bottom: 0.5em;
    }

    .newest-event article.event-box .nn-info dl.line {
        text-align: left;
        display: flex;
        line-height: 1.8;
    }

    .newest-event article.event-box .nn-info dl.line .event-dt {
        width: 15%;
        font-size: 15px;
        font-weight: 500;
    }

    .newest-event article.event-box .nn-info dl.line .event-dt::after {
        content: "："
    }

    .newest-event article.event-box .nn-info dl.line .event-dd {
        width: 85%;
        font-size: 15px;
    }

    .newest-event article.event-box div.apply-sec {
        display: flex;
        justify-content: center;
        gap: 10px;
        padding: 0 16px 16px;
        font-size: 14px;
    }

    .newest-event article.event-box div.apply-sec>a {
        display: inline-block;
        padding: 10px;
        box-sizing: border-box;
        width: 45%;
        border: 1px solid #111;
        border-radius: 5px;
        position: relative;
    }

    .newest-event article.event-box div.apply-sec a[href$="/apply"] {
        background: #f5db00;
        color: #000;
    }

    .newest-event article.event-box div.apply-sec>a:hover {
        background: #f39800;
        color: #000;
    }

    .newest-event article.event-box div.apply-sec>a::after {
        content: url(../../../image/top/circle-arrow-right.svg);
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
        right: 0;
    }

    /* アーカイブのページネーション */
    .pagenav {
        display: flex;
    }

    nav.navigation.pagination {
        text-align: center;
        font-size: 1rem;
        margin-top: 10px;
    }

    .page-status {
        text-align: center;
        font-size: 0.8rem;
        margin-top: 10px;
    }

    a.page-numbers {
        color: #CC0000;
        margin: 0.3em;
    }

    span.page-numbers.current {
        font-weight: bold;
        background-color: #CC0000;
        color: #fff;
        padding: 0 5px;
        border: 1px solid;
        margin: 0.4em;
    }


}