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

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


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

    }
    
    .title {
        width: 718px; /* 変えない */
        position: relative; /* 変えない */
        margin: 0 auto; /* 変えない */
        text-align: center; /* 変えない */
        margin-top: 10rem; /* 変えない */
        margin-bottom: 10rem; /* 変えない */
     }
     
     
     .title img {
        width: 500px; /* タイトル画像の幅を調整→文字の量を見て調整*/
        height: auto; /* 変えない */
     }
     
     
     .title p {
        position: absolute; /* 変えない */
        top: 37%; /* 変えない →タイトルの文字が二行の場合は変える*/
        left: 35%; /* タイトルの文字の位置→文字の量を見て中央揃えになるよう調整 */
        font-family: dnp-shuei-shogomincho-std, serif; /* 変えない */
        font-size: 35px; /* 変えない */
        color: #384159; /* 変えない */
     }

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

    }

    .article{
        padding: 0 15%;
    }

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

    }

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

    .text_3{
        font-family: sawarabi-mincho, serif;
        font-style: normal;
        font-weight: 550;
        font-size: 17px;
        margin-bottom: 10rem;
        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: 8rem;
    }

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

   
}