/* タブレット向けレイアウト */
@media all and (max-width: 1000px) {

  .main {
     width: 100%; 
     padding-left: 20px;
     padding-right: 20px;
  }
  h1{
    font-size: 24px;
    text-align: center;
    padding-left: 0px;
  }
  .photo img{
    max-width: 80%;
  }
  .gaiyou{
    padding-left: 20px;
    padding-right: 20px;


    padding-left: 20px;
    padding-right: 20px;  

}



  
 }

  /* スマホ向けレイアウト */
@media all and (max-width: 670px) {
  .main {
    width: 100%;
    }

  
}