@media screen and (max-width:480px) {
  /* -------------------
  全体構造
  -------------------- */
  main{
    max-width: 100%;
    height: auto;
  }

  /* 幅の調整 */
  img{
    width: 100%;
    max-width: 100% ;
    height: auto;
  }

  /* コンテンツ */
  
   /* -------------------
    ヘッター
  -------------------- */
  
  #header-00{
  margin-bottom: 50px ;
  } 
  header #header-nav{
    background:none;
  }
 .burger{
  width: 50px;
  height: 50px;
  margin: 5px;
  background-image: url("../imegs/open.svg");
  background-size: 60px;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 10px;
  cursor: pointer;
  position: relative;
  z-index: 2;
  font-weight: bolder;
  }
  .burger-nav ul{
   display: block;
   width: 100%;
   margin-top: 60px;
  }

  /* ナビゲーションの非表示 */
  .pc-nav,.header-logo{
    display: none;
  }
 
  

  /* -------------------
    メイン
  -------------------- */

  #philosophy-01,#vision-01,#features-01{
    margin:10px 0;
    width: 30%;
    height:auto;
   }
  #philosophy-02,#features-02{
   display: block  ;
   max-width: 100%;
   margin: 0 ;
  }
  #philosophy-02 p,#vision-02 p,#features-02 p{
   margin: 0 20px 50px 20px;
  }
  #vision-02{
  flex-direction: column-reverse;
  }
  .philosophy-02 img,.vision-02 img,.features-02 img{
    margin: 0 20px 50px 20px;
    width: 90%;
  }

 
  /* ご挨拶ページ */
  /* #company{
    max-width: 100%;
  } */
  .company #message h2,#typesquare_option h2,#flow00 h2,#flow01 h2,#faq00 h2,#infomation00 h2,#content00 h2{
    font-size: 20px;
    max-width: 100%;
    margin-top: 60px;
    margin-bottom: 30px;
  } 
  #message-01{
    display: block;
    max-width: 90%;
    margin: 0 ;
  } 
  #message-01 p{
    margin: 0 20px 30px 20px;
    max-width: 100%;
    font-size: 14px;
  }
  #message-01 img{
    margin: 0 20px 50px 20px;
  }
  #typesquare_option-02{
    display: block;
    margin-bottom: 100px;
    margin-left: 30px;
    font-size: 14px;
  }
  #typesquare_option-02 table{
    margin-bottom: 20px;
  }
  /* #typesquare_option-02 img{
    
  } */
  /* flow */
  #flow01,#flow00{
   max-width:  100%;
   height: auto;
   margin-bottom: 100px;
  }
  /* faq */
  .faqBoxMain{
    margin: 0 10px 50px 10px;
    font-size: 14px;
  }
  .faqBoxMain p{
    max-width: 100%;
    padding-left:50px;
  }
  .faqBoxMain .faqBoxSub p{
    line-height: 30px;
  }
  #faq00 h2 span{
    font-size: 10px;
    }
  #infomation01, #infomation02, #infomation03, #infomation04,#infomation05{
    width: 100%;
    }
    /* お知らせ */
  #infomation00 dl{
      margin: 0 30px;
      margin-bottom: 100px;
    }
    /* プログラミングページ */
   #content00,#content01,#content02{
    max-width: 100%;
    padding: 5px;
    }
    #content01 h3{
      font-size: 18px;
    }
  }