@charset "UTF-8";
header::before{
    content:"";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
   
    /*ここで三角形のサイズを決める。
    必ず幅100vwにして、ブラウザサイズいっぱいにしてください。*/
  
    border-width:  0 0 40px   100vw;
   
    border-color:  transparent  transparent #F6F4EE transparent   ;
    backface-visibility: hidden;
  }
.news-block{
    background-color: #f6f4ee;
    padding: 1vh 10vw;
}
.news-block-contents{
    text-align: center;
}
.news-block-contents div h1{
    font-size: 2.0em;
    text-align: left;
    font-weight: normal;
    padding: 5vh 0 1vh;
    color: #313131;
}
.news-block-contents div h1 span{
    font-size: 0.6em;
    padding-right: 3vw;
}
.news-block-contents  p{
    margin: 1vh 0 3vh;
    overflow-wrap:  break-word;
    text-align: left;
}
.btn-box{
    display: inline-block;
    background-color: #004496;
    padding: 1vh 3vw;
    text-decoration: none;
    color: #fafafa;
    border-radius: 50px;
    margin: 5vh 0;

  }
  .btn-box:hover{
    background-color: #d5aa1b;
  }