.event ul li{
  display: flex;
  margin-bottom: 50px;
}
.event ul li .img{
  width: 30%;
  margin-right: 5%;
}
.event ul li .detail{
  width: 65%;
}
.event ul li .detail p.ttl{
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 30px;
}
.event ul li .detail p.date{
  font-size: 1.8rem;
  margin-bottom: 30px;
}
.event ul li .detail p.txt{
  margin-bottom: 50px;
}
h3{
  font-size: 2.4rem;
  margin-bottom: 20px;
}
.text{
  margin: 80px auto; 
}
.space{
  margin: 80px auto;
}

.space .ttl{
  font-size: 2.0rem;
  font-weight: 600;
  margin-bottom: 30px;
}

.space .btn{
  margin: 80px auto;
}
.single .w800{
  margin-bottom: 80px;
}
.single .img img{
  display: block;
  margin: 50px auto;
}
.single .date{

}
.single .txt{
  margin-bottom: 50px;
  margin-top: 30px;
}

  @media screen and (max-width: 800px){
    .event ul li{
      display: block;
    }
    .event ul li .detail p.ttl{
      font-size: 2.0rem;
    }
    .event ul li .img{
      width: 100%;
      margin-right: 0;
    }
    .event ul li .img img{
      display: block;
      margin-right: auto;
      margin-left: auto;
      width: auto;
    }
    .event ul li .detail{
      width: 100%;
    }
  }