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

@media screen and (max-width: 768px) {
    body{
        background-color: #fffef9 !important;
        Letter-spacing:0.05em
       }
       .article{
        padding:0 5% !important;   
    }
    
    .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; /* 変えない */
    }
 
    .info{
        font-family: sawarabi-mincho, serif;
        font-style: normal;
        font-weight: 550;
        font-size: 14px;
        margin-bottom: 4rem;
        color: #384159;

    }
    
    .section_1,.section_2{
        margin-bottom: 4rem;
    }
    
    .section_3{
        margin-bottom: 6rem;
    }
    
     .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;
    }
    
    .text_1,.text_2,.text_3,.text_4,.text_5{
        font-family: sawarabi-mincho, serif;
        font-style: normal;
        font-weight: 550;
        font-size: 14px;
        color: #384159;
    
    }
    .text_2m,.text_3m{
        font-family: sawarabi-mincho, serif;
        font-style: normal;
        font-weight: 550;
        font-size: 14px;
        color: #384159;
        margin-bottom: 2rem;
    
    }
    
    .text_2m p,.text_3m p{
        margin-left: 1.5rem !important;
    }
    
    .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: 2.5rem;
        margin-top: 1rem;
    }
    
    .button:hover{
        color: #fffef9;
        background-color: #384159;
    }
    
    .text_m{
        margin-bottom: 0.5rem;
        margin-top: 1rem;
    }
    
    .text_m p{
        margin-top: 0.5rem;
        margin-top: 0.5rem;
    }

    .button_1{
        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: 3.5rem;
        margin-top: 1rem;
    }
    
    .button_1:hover{
        color: #fffef9;
        background-color: #384159;
    }


    .kochira{
        text-decoration: underline;
    }

}