html
{
  background-color:black;
}

.subpage-tittle
{
  padding-top: 2rem;
}

.link-area
{
  margin-top: 2rem;
}

.video-about-container
{
  background-color: #FFFFFF;
}

.video-container
{
  width: 100%;
  margin: 0 auto;
  padding-bottom: 2rem;
}
.video-flex-container
{
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  gap: 0.5rem;
}

.video-item
{
  width: 300px;
}

.video-item img
{
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}
.video-item p
{
  width: 80%;
  margin: 0 auto;
    font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.video-conditions-container
{
  background-color: #EAE7E1;
}

.video-conditions
{
  margin: 0 auto;
}

.video-contact
{
  background-color: #F5F3EE;
}
@media (max-width: 768px)
{
  html {
    font-size: 14px; /* タブレット */
  }

}

@media (max-width: 480px)
{

  html
  {
    font-size: 12px;
  }
}