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

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

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

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


    .kochira{
        text-decoration: underline;
    }
}