.videoBox{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 2em 1em;
}
.videoBox li{
  text-align: center;
}
.videoBox p{
  margin-bottom: .5em;
  line-height: 1.5;
}
.videoBox p span{
  font-weight: bold;
}
.videoBox .c-btn{
  width: 200px;
  margin-top: 1em;
  color: #fff;
  background: #009FE8;
  border-radius: .5em;
  display: inline-block;
}
.videoBox .c-btn .c-btnLabel-md{
  font-size: 1.2em;
  line-height: 0;
}

.touroku{
	text-align: center;
}
.touroku .c-btn{
  width: 300px;
  margin-top: 1em;
  color: #fff;
  background: #009FE8;
  border-radius: .5em;
  display: inline-block;
}
.touroku .c-btn .c-btnLabel-md{
  font-size: 1.2em;
  line-height: 0;
}

@media only screen and (max-width: 959px) {
  /* SP用 */
  .videoBox li{
    width: calc((100% - 1em) / 2);
  }
  .videoBox .c-btn{
    width: 100%;
  }
	.touroku .c-btn{
    width: 100%;
  }
}

@media only screen and (min-width: 960px) {
  /* PC用 */
  .videoBox li{
    width: calc((100% - 2em) / 3);
  }
  .syukeiBox iframe{
  width: 100%;
  height: 200px;
}
}

@media (prefers-color-scheme: dark) {
  .teamname {
    color: #FFFFFF;
  }
}


.syukei{
  background: #fff;
}
.syukeiBox{
  width: 100%;
  padding-top: 1em;
  border-bottom: 2px solid #000;
}
.syukeiBox:nth-of-type(6){
  border-bottom: none;
}
.syukeiBox iframe{
  width: 100%;
  height: 200px;
}
@media only screen and (max-width: 959px) {
  /* SP用 */
  .syukeiBox iframe{
    height: 220px;
  }
}
@media only screen and (max-width: 768px) {
  /* SP用 */
  .syukeiBox iframe{
    height: 240px;
  }
}
@media only screen and (max-width: 500px) {
  /* SP用 */
  .syukeiBox iframe{
    height: 300px;
  }
}