/*responsive css*/


/*:::::::::::::::::横幅が1200px以下で適用（for Mobile）:::::::::::::::::*/
@media screen and (max-width: 1200px){ 
  body{ font-size: 16px;  line-height: 1.5em; letter-spacing: 0px;}

  h1{ font-size: 28px;   margin-top: 4%; margin-bottom: 4%; line-height: 140%;}
  h1:before { bottom: -14px; width: 80px;}
  h2{ font-size: 28px;   margin-top: 4%; margin-bottom: 4%; line-height: 140%;}
  h2:before { bottom: -14px; width: 80px;}
  h3{ font-size: 24px; margin: 6% 0 6% 0;}
  h4{
    margin-bottom: 4%;
    padding: 4%;
    font-size: 24px;
  }

  .font24p{ font-size: 16px;}

  /*header*/
  header{ font-size: 16px;}
  #headbox{ padding: 2% 4% 0 4%;}
  #logobox{ width: 30%;}
  #telbox{ width: 30%; padding: 0 5% 0 5%; margin-top: 2%;}
  #mailbox{ width: 30%;}

  /*ヘッダ下に空を入れる*/
  #head_margin { margin-top: 100px;}

  /*左右に余白*/
  #headbox{ padding: 0 4% 0 4%;}
  .sec_white{ margin-bottom: 6%; }
  .sec_box{ overflow:hidden; padding: 0 4% 0 4%;}

   /*footer*/
  .footbox{ padding: 4%;}
  .footbox p{ font-size: 14px; }  

  /*テーブル*/
  td.td1 { width: 27%; }
  td.td2 { width: 73%; }

  /*営業案内*/
  .info_inbox{  width: 100%; margin-bottom: 2%; }
  .info_inbox img{ width: 100%; margin-bottom: 2%; }
  .info_inbox p{ width: 100%; margin-bottom: 2%; }


  /*経営理念*/
  .daihyou{ font-size: 16px;}

  /*地図*/
  iframe { margin-top: 2%; height: 400px; }

/*フォーム*/
.contactform {
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 8%;
  padding: 4%;
  width: 100%;
}


/*:::::::::::::::::横幅が750px以下で適用（for Mobile）:::::::::::::::::*/
@media screen and (max-width: 750px){ 
  body{ font-size: 14px;  line-height: 1.5em; letter-spacing: 0px;}

  h1{ font-size: 24px;   margin-top: 4%; margin-bottom: 4%; line-height: 140%;}
  h1:before { bottom: -14px; width: 80px;}
  h2{ font-size: 24px;   margin-top: 4%; margin-bottom: 4%; line-height: 140%;}
  h2:before { bottom: -14px; width: 80px;}
  h3{ font-size: 20px; margin: 6% 0 6% 0;}
  h4{
    margin-bottom: 4%;
    padding: 4%;
    font-size: 20px;
  }

  .font24p{ font-size: 16px;}

  /*header*/
  header{ font-size: 14px;}
  #headbox{ padding: 0 4% 0 4%;}
  #logobox{ margin-top: 4%; padding: 0; width: 70%;}


  /*ヘッダ下に空を入れる*/
  #head_margin { margin-top: 110px;}

  /*メニュー*/
  div#nav-drawer { display: inline; margin-top: 2%; padding: 1% 0 0 0;} /*ハンバーガーメニュー表示*/
  div#humb_menu{ display: inline; font-size: 16px;}
  div#menu{ display: none;} /*メニュー非表示*/
  .header_Navi li{ width: 100%; border: none; border-bottom: 1px solid silver; }
  .header_Navi li+ li{ border: none;  border-bottom: 1px solid silver; }
  .header_Navi a:link{ padding: 10%;}
 
  /*左右に余白*/
  .sec_white{ margin-bottom: 6%; }
  .sec_box{ overflow:hidden; padding: 0 4% 0 4%;}

   /*footer*/
  .footbox{ padding: 4%;}
  .footbox p{ font-size: 10px; text-align:center; }  


  /*section*/
  .pc_{ display: none;}
  .mobile_{ display: inline;}


  /*横に3つ並べる*/
  .line3 ul{
    margin: 0 auto;
    margin-top: 6%;
    width: 90%; height: 100%;
  }  
  .line3 ul li{  
    width: 100%; /*コンテンツの数で変更*/
    margin: 8% 0 8% 0;
    float: left;
  } 
  .line3 ul li:nth-child(even){ margin: 0;} 


  /*テーブル*/
  td.td1 { width: 27%; }
  td.td2 { width: 73%; }

  /*営業案内*/
  .info_inbox{
    width: 100%;
    margin-bottom: 4%;
  }
  .info_inbox img{ width: 100%; margin-bottom: 4%;}
  .info_inbox p{ width: 100%; margin-bottom: 4%;}


  /*経営理念*/
  .daihyou{ font-size: 16px;}


  /*アクセス*/
  .access_inbox img{
    width: 100%;
    margin-bottom: 4%;
    float: left;
  }
  .access_inbox p{
    width: 100%;
    float: left;
  }
  /*地図*/
  iframe { margin-top: 6%; height: 400px; }


/*フォーム*/
.contactform {
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 8%;
  padding: 4%;
  width: 100%;
}
 /*必須*/
.needred{
  display: inline;
  padding: 1%;
  color: white;
  font-size: 12px;
  background-color: red;
}
form select{ zoom: 120%;}