@charset "utf-8";
/* CSS Document */

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

    body {
        background-color: #fffef9 !important;
        Letter-spacing: 0.05em
    }

    .title {
        width: 661px;
        /* 変えない */
        position: relative;
        /* 変えない */
        margin: 0 auto;
        /* 変えない */
        text-align: center;
        /* 変えない */
        margin-top: 7rem;
        /* 変えない */
        margin-bottom: 7rem;
        /* 変えない */
    }

    .title img {
        width: 460px;
        /* タイトル画像の幅を調整→文字の量を見て調整 */
        height: auto;
        /* 変えない */
    }


    .title p {
        position: absolute;
        /* 変えない */
        top: 37%;
        /* 変えない*/
        left: 36%;
        /* タイトルの文字の位置→文字の量を見て調整 */
        font-family: dnp-shuei-shogomincho-std, serif;
        /* 変えない */
        font-size: 33px;
        /* 変えない */
        color: #384159;
        /* 変えない */
    }


    .midashi {
        font-family: dnp-shuei-shogomincho-std, serif;
        font-size: 23px;
        display: inline-block;
        /*余白と配置の指定を可能にする*/
        border-left: 5px double #384159;
        /*線の設定*/
        padding: 2px 8px;
        /*余白の設定*/
        color: #384159;
        margin-bottom: 1.5rem;

    }


    .article {
        padding: 0 7%
    }

    .info {
        font-family: sawarabi-mincho, serif;
        font-style: normal;
        font-weight: 550;
        font-size: 17px;
        color: #384159;


    }

    .info1 {
        font-family: sawarabi-mincho, serif;
        font-style: normal;
        font-weight: 550;
        font-size: 17px;
        margin-bottom: 5rem;
        color: #384159;

    }

    .info2 {
        font-family: sawarabi-mincho, serif;
        font-style: normal;
        font-weight: 550;
        font-size: 17px;
        margin-bottom: 7rem;
        color: #384159;


    }

    .link {
        color: #5473c9;
        text-decoration: underline;
    }


    .fes-item {
        display: flex;
        /* 横並び */
        gap: 0.8rem;
        /* リンクと日付の間隔 */

    }

    .fes-item .link {
        min-width: 280px;
        /* 大学名リンクの幅を揃える（調整OK） */
        display: inline-block;
    }

    .fes-item2 .link {
        min-width: 370px;
        /* 大学名リンクの幅を揃える（調整OK） */
        display: inline-block;
    }

    .fes-item .date {
        flex: 1;
        /* 日付を左揃えにする */
    }


}