@charset "utf-8";
/* CSS Document */

#sakae_event figure{
  float: right;
  width: 440px;
  padding-left: 40px;
}
#sakae_event figure img{
  width: 100%;
}
#sakae_event .tit{
  color: #00be85;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.2;
  padding: 20px 0 40px;
}
#sakae_event .tit span{
  font-size: 2.6rem;
}

#sakae_event ul{
    display: flex;
    flex-wrap: wrap;
    margin:40px 0;
}
#sakae_event ul li{
    flex: 0 0 47%;
    margin: 0 6% 0 0;
    padding:0 0 20px;
    text-align: center;
}
#sakae_event ul li:nth-child(even){
    margin: 0;
}
#sakae_event ul li iframe{
  width: 450px;
  height: 253px;
}

#sakae_event ul li p{
  color: #00be85;
  border-left: 3px solid #00be85;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: left;
  padding-left: 10px;
  margin-bottom: 10px;
  line-height: 1.2;
}

@media screen and (max-width: 720px) {
#sakae_event figure {
  float: none;
  width: 100%;
  padding-left: 0;
}
#sakae_event ul{
    display: block;
    margin:40px 0;
}
#sakae_event ul li{
    flex: 0 0 100%;
    margin: 0 0 6% 0;
    padding:0 0 20px;
    text-align: center;
}
    
#sakae_event ul li iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
}
}