@media only screen and (max-width: 1050px) /*smartphone*/ 
{
  section{
    text-align: center;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 25px;
    padding-bottom: 25px;
  }
  h0{
    padding-left: 5%;
    padding-right: 10%;
    font-size: 60px;
    color: var(--color8);
    border-left: solid 30px var(--color8);
    font-weight: bold;
  }
}


@media only screen and (min-width: 1050px) /*PC*/ 
{
  section{
    text-align: center;
    padding-left: 13%;
    padding-right: 13%;
    padding-top: 25px;
    padding-bottom: 25px;
  }
  h0{
    padding-left: 40%;
    font-size: 60px;
    color: var(--color8);
    font-weight: bold;
  }
}