@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: 22%;
        /* タイトルの文字の位置→文字の量を見て調整 */
        font-family: dnp-shuei-shogomincho-std, serif;
        /* 変えない */
        font-size: 33px;
        /* 変えない */
        color: #384159;
        /* 変えない */
    }

    .kyotyo {
        font-size: 17px;
    }

    .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: 2rem;

    }

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

    .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: 2rem;
        margin-top: 1rem;
        color: #384159;

    }

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


    }

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

    }

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

    }


    .button1 {
        border: 2px solid #384159;
        display: flex;
        padding: 1rem 3rem;
        border-radius: 0%;
        color: #384159;
        font-family: sawarabi-mincho, serif;
        font-size: 17px;
        justify-content: center;

    }


    .button1:hover {
        color: #fffef9;
        background-color: #384159;
    }

    #supporters {
        font-family: sawarabi-mincho, serif;
        max-width: 800px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 7rem;
        padding: 1.5rem;
        background: #fffef9;
        border-radius: 12px;
    }

    #supporters h2 {
        color: #384159;
        font-family: sawarabi-mincho, serif;
        text-align: center;
        font-size: 1.6rem;
        margin-bottom: 0.5rem;
    }

  #supporters p {
        font-family: sawarabi-mincho, serif;
        text-align: center;
        color: #384159;
        font-size: 1.5rem;
        margin-bottom: 1.5rem;
    }

 ul.supporter-list {
        font-family: sawarabi-mincho, serif;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
        gap: 0.75rem;
        list-style: none;
        padding: 0;
        margin: 0;
    }
  ul.supporter-list li {
        font-family: sawarabi-mincho, serif;
        background: #fffef9;
        color: #384159;
        padding: 0.6rem 0.8rem;
        border-radius: 8px;
        display: flex;
        justify-content: center; /* 左右中央 */
        align-items: center;     /* 上下中央 */
        text-align: center;
        border: 1px solid #384159;
    }

}