<style>
  .link{
      text-align: center;
      margin: 50px;
  }
  /* PC ここから-------------------------------- */
  @media (min-width: 768px) {.smp , .sp{display:none;}

  .main{
      width : 1000px;margin : 0 auto;
  }
  .visual img{
      height : 300px;object-fit : cover;
  }
  .link img{
      width:80px;
      height:80px;
      border-radius: 50%;
      object-fit: cover;
      margin-bottom: 20px;
  }
  .movie{
      width:500px;
      margin: 0 auto;
  }

  }
  /* PC ここまで-------------------------------- */

  /* スマホ ここから-------------------------------- */
  @media screen and (max-width: 767px) {	.pc{display:none;}
  
  .movie{
  width:100%;
  }

  }
  /* スマホ ここまで-------------------------------- */

  h1{text-align:center;color:#556b2f;font-size : 50px;background : #fff1cf;}
</style>

