@charset "utf-8";



h3 {
  border-bottom: 2px solid #000000;
  border-image: linear-gradient(to right,#0d6e00 0%, #ffffff 100%);
  border-image-slice: 1;
  margin:  0 auto;
  text-align: center;
  max-width: 700px;
  font-family: 'Noto Serif JP', serif;
  }
 .big {
  font-size: 35px;
  }
  @media screen and (min-width: 515px){
    h3{
      font-size: 25px;
      }
    .big{
      font-size: 40px;
     }
    }



.img3{
  display: block;
  margin: 0 auto;
  max-width: 25%;
}
@media screen and (min-width: 515px){
  .img3{
    max-width: 180px;
    }
   }

  
   
 .Hochi-box-b {
      position: relative;
      margin: 2em auto;
      padding: 35px 20px 15px;
      width: 90%; /* ボックス幅 */
      background: #fff; /* ボックス背景色 */
      color: #555555; /* 文章色 */
      border: 1px solid rgb(190, 207, 189); /* 枠線 */
      box-shadow: 1px 1px 2px rgb(204, 204, 204); /* 影 */
      font-family: 'Noto Serif JP', serif;
     }
@media screen and (min-width: 515px){
    .Hochi-box-b{
      width: 80%;
      }
     }


     .Hochi-box-b::before, 
     .Hochi-box-b::after {
      position: absolute;
      content: '';
      top: 15px;
      width: 30px;
      border: 1.5px solid #c0c0c0; /*ホチキス*/
      border-radius: 20px;
      box-shadow: 0 -1px 2px rgb(85, 85, 85);
     }
     .Hochi-box-b::before { left: 80px;}
     .Hochi-box-b::after { right: 80px;}
  
     .kyoutyou{
      text-align: center;
      background: linear-gradient(transparent 70%, #fff8b8 0%);
      display: inline;
      /*横に余白をつけたり、下にずらしたりするときは以下のpaddingを調整してください*/
    }
    @media screen and (min-width: 515px){
      .kyoutyou{
        font-size: 19px;
        }
       }






p{
 font-size: 15px;
}
@media screen and (min-width: 515px){
  p{
    font-size: 18px;
    }
   }