.policy h1{
  text-align: center;
  font-size: 3.0rem;
  margin-bottom: 80px;
}
.policy p{
  margin-bottom: 2em;
}
.policy p span{
  font-weight: bold;
}
.policy .right{
  text-align: right;
}
  @media screen and (max-width: 1300px){

  }

  @media screen and (max-width: 1000px){
    ul li a {
      display: block;
    }
    ul li a span.icon{
      display: inline-block;
      width: auto;
      padding: 0px 10px;
      font-size: 1.2rem;
    }    
    ul li a span.ttl{
      display: block;
      width: 100%;
    }
    ul li a span.date{
      display: block;
      width: 100%;
    }    
  }


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

  @media screen and (max-width:500px){
    .about .guideline .flex .box .number{
      font-size: 5rem;
      top: -30px;
    }
    .about .guideline .flex .box .img{
      background-size: 30vw;
      right: -60px;
    }
  }