@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: 400px; /* タイトル画像の幅を調整→文字の量を見て調整 */
        height: auto; /* 変えない */
    }
 
 
    .title p {
        position: absolute; /* 変えない */
        top: 37%; /* 変えない*/
        left: 35%; /* タイトルの文字の位置→文字の量を見て調整 */
        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%;
    }

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

    }

    .text_1 p{
        margin-top: 1rem;
    }

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

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

    }

    .button{
        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;
        margin-bottom: 5rem;
    }

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

}