header {

}
header ul.slider{
  width: 100%;

}
header ul.slider li{
  height:700px;
}

.about{
  padding: 120px 0; 
}
.about .flex{
  display: flex;
}
.about .flex .txt{
  width: 45%;

}

.about .flex .img{
  width: 50%;
  margin-right: 5%;  
}

h2{
  font-size:2.6rem;
  color: #008012;
  font-weight: bold;
  margin: 30px auto;
}
h2 span{
  font-size:2.0rem;
  font-weight: normal;
  display: block;
  margin: 10px auto;
}


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

    header ul.slider li{
      height: 0;
      padding-top: 70vw; 
      background-position: center center;
      background-size: cover;    
    }    
    .link ul li a{
      font-size: 1.8rem;
    }
    .news .flex{
      display: block;
    }
    .news .ttl{
      width: 100%;
    }
    .news .ttl{
      border: none;
    }
    .news ul li a{
      border-bottom: 1px solid #ccc;
    }
  }
  @media screen and (max-width: 500px){
    .about{
      padding: 30px 0;
    }
    h2{
      font-size: 2.0rem;
      box-sizing: border-box;
      padding: 0 20px;
    }
    .about .flex{
      display: block;
    }
    .about .flex .txt{
      width: 100%;
      padding: 0 20px;
      box-sizing: border-box;
    }
    .about .flex .img{
      width: 100%;
      padding: 0 20px;
      box-sizing: border-box;
    }
  }