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

@media screen and (max-width: 768px) {
    body{


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

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

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

    }

    .article{
        padding: 0 5%;
    }

    .text_1{
        font-family: sawarabi-mincho, serif;
        font-style: normal;
        font-weight: 550;
        font-size: 14px;
        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: 14px;
        color: #384159;
        margin-bottom: 4rem;
    }

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

    }

    .button{
        border: 2px solid #384159;
        display: flex;
        padding: 0.5rem 3rem;
        border-radius: 0%;
        color: #384159;
        font-family: sawarabi-mincho, serif;
        font-size: 14px;
        justify-content: center;
        margin-bottom: 6rem;
        text-align: center;
    }

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

}