@charset "UTF-8";


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

    body{
        background-color: rgb(240, 211, 172);
        
    }
    .naiyou{
        color:#432f2f;
       font-size: 70px;
       text-align: center;
       font-family: dnp-shuei-nmincho-std, sans-serif;
       margin: 10px;
     

       text-shadow: 
  0.3px 0.3px 0, 
  0.3px -0.3px 0px,
  -0.3px 0.3px 0,
  -0.3px -0.3px 0px,
  0.3px 0px 0px,
  0px 0.3px 0px,
  -0.3px 0px 0px,
  0px -0.3px 0px;
    }
    
    .gaiyou{
        border: solid 5px #432f2f;
      border-radius: 10px;
      padding: 20px;
      margin: 20px;
    }
    
    .title{
        font-size: 30px;
    }
    .honbun{
        font-size: 20px;
    }
    .box1 {
        position: relative;
        margin: 20px;
        padding: 10px;
        border: solid 3px  #432f2f;
        font-size: 20px;
        border-radius: 10px;
    }
    .box1 .box1-title {
        font-size: 20px;
        position: absolute;
        display: inline-block;
        top: -27px;
        left: -3px;
        padding: 0 9px;
        height: 40px;
        line-height: 40px;
        background: #432f2f;
        color: white;
        font-weight: bold;
        border-radius: 5px 5px 5px 5px;
    }
    .box1 p {
        margin: 0px; 
        padding: 40px;
    }
     .box1-title{
margin-left:6px;
}
    
    
    .return{
        text-align: center;
        width: 40%;
        display: block;
        padding: 10px;
        margin: 20px auto 40px;
        border-radius: 40px;
        transition: 1s all;
        text-align: center;
        border: 2px solid #432f2f;
        border-radius: 40px;
        background:rgb(240, 211, 172) ;
       
     }
      .return:hover  {
        background:#432f2f ;
        
      }
     .return a{
        color: #432f2f;
     }
     .return:hover a{
        color: white;
     }
    
    
    
    
    }




