@media screen and (max-width: 1200px){

  .ddmenu{
    display:none!important;
  }
  .tel{
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    text-align: right;
    padding-right: 3%;
    font-size: 140%;
    color: #FFF;
    display: none; /* noneを解除し、表示 */
    position: fixed; /* 画面に固定 */
    top: 15px; /* 上部からの位置を調整 */
    left: 0;
    z-index: 9999;
    font-weight: bold;
    text-shadow: 2px 2px 4px #000;
  }
  

  h1{
    font-family: 'Orbitron', sans-serif;
    /*background-color: rgba(176,168,30,0.7);*/
    /*border-bottom: double;*/
    border-color:rgba(200,180,50,1);
    
    text-align:left;
    /*line-height: 1;*/
    white-space: nowrap; /*折り返ししない*/
    margin-left: 20px;
    color: #FFF;
    margin-top:0!important;
    padding-top:7.5%;
    text-shadow:0px 0px  12px black;
    }

    .demobox-header{
      background: #ddd;
      height: 64px;
      padding: 1em;
    }
    .demobox-sitename{
      font-weight: 700;
      font-size: 18px;
    }
     
    /* 全体調整CSS */
    .hamburger-demo-menubox *{
      font-size: 16px;
    }
    .hamburger-demo-menubox li{
      font-size: 14px;
    }
    /* hamburgerここから */
      /* input非表示 */
    .input-hidden{
      display: none;
    }
      /* label */
    .hamburger-demo-switch{
      cursor: pointer;
      position: fixed;
      right: 3%;
      top: 1%;
      z-index: 9999;
      width: 4em;
      height: 4em;
    }
    /* メニュー展開時のアイコンを固定 */
    #hamburger-demo7:checked ~ .hamburger-demo-switch{
      position: fixed;
    }
    /* メニューエリア */
    .hamburger-demo-menuwrap{
      position: fixed;
      height: 100%;
      opacity:90%;
      background: #fafafa; /* メニューエリア背景色 */
      padding: 5em 3% 2em;
      z-index: 9998;
      transition: .5s;
      overflow-y: scroll; /* メニュー項目が多い場合に縦スクロール */
      top: 0;
      left: 100%;
      width: 70%;
    }
    /* メニューリスト */
    .hamburger-demo-menulist{
      margin-right: 3%;
      padding-left: 5% !important; /* !importantは不要な場合あり */
      list-style: none;
    }
    .hamburger-demo-menulist li a{
      text-decoration: none;
      color: #333; /* メニューリスト項目の文字色 */
      display: block;
    }
    /* メニューエリアchecked */
      /* 右から */
    #hamburger-demo7:checked ~ .hamburger-demo-menuwrap{
      left: 30%;
    }
      /* コンテンツカバー */
    #hamburger-demo7:checked ~ .hamburger-demo-cover{
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 9997;
      background: rgba(3,3,3,.5);
      display: block;
    }
    /* セパレート･デザイン */
      /* ハンバーガーアイコン */
    .hamburger-switch-separate{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      transition: .3s;
      content: "";
    }
    .hamburger-switch-separate{
      width: 25px;
      height: 3px;
      background: #7c0710;
      opacity:90%;
    }
    .hamburger-switch-separate:before, .hamburger-switch-separate:after, .hamburger-demo-switch7:before, .hamburger-demo-switch7:after{
      content: "";
      position: absolute;
      width: 12.5px;
      height: 3px;
      background: #7c0710; /* ハンバーガーアイコンの色 */
      opacity:90%;
      top: 50%;
      left: 50%;
      transition: .5s;
    }
    .hamburger-switch-separate:before{
      transform: translate(-100%, -300%);
    }
    .hamburger-switch-separate:after{
      transform: translate(0, 200%)
    }
    .hamburger-demo-switch7:before{
      transform: translate(0, -300%);
      transition-delay: .2s;
    }
    .hamburger-demo-switch7:after{
      transform: translate(-100%, 200%);
      transition-delay: .2s;
    }
      /* アイコンアニメーション */
    #hamburger-demo7:checked ~ .hamburger-demo-switch .hamburger-switch-separate{
      width: 0;
    }
    #hamburger-demo7:checked ~ .hamburger-demo-switch .hamburger-switch-separate:before{
      transform: translate(-85%, -200%) rotate(45deg);
    }
    #hamburger-demo7:checked ~ .hamburger-demo-switch .hamburger-switch-separate:after{
      transform: translate(-15%, 100%) rotate(45deg);
    }
    #hamburger-demo7:checked ~ .hamburger-demo-switch7:before{
      transform: translate(-15%, -200%) rotate(-45deg);
    }
    #hamburger-demo7:checked ~ .hamburger-demo-switch7:after{
      transform: translate(-85%, 100%) rotate(-45deg);
    }
      /* メニューリストのセパレートボーダー */
    .hamburger-menulist-separate li{
      position: relative;
      margin-bottom: .5em;
    }
    .hamburger-menulist-separate a{
      padding: 0.5em 1em;
    }
    .hamburger-menulist-separate a:before, .hamburger-menulist-separate a:after, .hamburger-menulist-separate li:before, .hamburger-menulist-separate li:after{
      position: absolute;
      content: "";
      width: 2em;
      height: 1em;
      border: 1px solid;
      z-index: -1;
    }
    .hamburger-menulist-separate a:before{
      border-color: #333 transparent transparent #333; /* リスト項目左上ボーダー色（#333のみ変更） */
      top: 0;
      left: 0;
    }
    .hamburger-menulist-separate a:after{
      border-color: transparent #333 #333 transparent; /* リスト項目右下ボーダー色（#333のみ変更） */
      bottom: 0;
      right: 0;
    }
    .hamburger-menulist-separate li:before{
      border-color: transparent transparent #333 #333; /* リスト項目左下ボーダー色（#333のみ変更） */
      bottom: 0;
      left: 0;
    }
    .hamburger-menulist-separate li:after{
      border-color: #333 #333 transparent transparent; /* リスト項目右上ボーダー色（#333のみ変更） */
      top: 0;
      right: 0;
    }


}


@media screen and (min-width: 1201px){

.hamburger-demo-menubox{
  display:none;
}  
.tel{
  font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  text-align: right;
  font-size: 1.8vw; /* サイズ調整 */
  font-weight: 700; /* 太字 */
  color: #FFF;
  filter: drop-shadow(4px 4px 4px #000000);
  padding-right: 20px;
  line-height:1px;

}
.tel img{
  padding-top:5px;
    padding-top: 0px;
    height: 0px!important;
    width: auto!important;

}

h1{
  font-family: 'Orbitron', sans-serif;
  /*background-color: rgba(176,168,30,0.7);*/
  /*border-bottom: double;*/
  border-color:rgba(200,180,50,1);
  
  
  /*line-height: 1;*/
  white-space: nowrap; /*折り返ししない*/
  margin-left: 20px;
  padding-top: 20px;
  color: #FFF;
  }
  
  
  .page-header{
    display:flex;
    justify-content: space-between;
    background: rgba(70,70,70,0.7);
    width: 100%;
    min-width:1000px;
  
  
  
  }
  
  .ddmenu{
    display: flex;/*横並びにする*/
    flex-wrap: nowrap; /*折り返ししない*/
    flex-basis: auto;
  }
  
  .ddmenu:before, .ddmenu:after{
    content:"";
    display:table;
  }
  
  .ddmenu:after{
    clear: both;
  }
  
  
  .ddmenu li{
    width: 12vw;
    list-style-type: none;/*箇条書きの点なし*/
    position: relative; /*サブメニューポジションの基準位置にする*/
  }
  
  .ddmenu a{/*メインメニュー(HOME 会社概要 実績一覧...*/
  
    color: #ffffff;
    /*padding: 3px 10px 3px 10px;*/
    font-size:0.8vw;
    line-height: 50px;
    text-decoration: none;/*下線なし*/
    text-align: center;
    font-weight: lighter;
    margin-top:10px;
    display: block;/*項目内全域をリンク可能にする*/
  
  
  }
  
  .ddmenu li a:hover{/*メインメニューのマウスオン*/
    background-color: rgba(255,0,0,0.8);
  
  
  
  }
  
  .ddmenu li ul{/*サブメニュー全体*/
     z-index: 9999;
     font-size: 80%;
     margin: 0px;
     padding: 0px;
     position: absolute;
     margin-top: 10px;
  
     opacity: 0;
     top: 45%;
     visibility:hidden;
     transition: .5s;
  
     background: rgba(70,70,70,0.8);
     text-align: left;
     padding-left:0px;
     font-weight: normal;
  
  }
  
  .ddmenu li ul li a{
    font-size:1.3vh;
  }

  .ddmenu li ul li a:hover{/*サブメニューのマウスオン*/
  
     background-color: rgba(255,0,0,0.8);
  }
  .ddmenu li:hover ul{/*メインメニューのマウスオンのときのサブメニュー*/
    /*display: block;*/
    top: 100%;
    visibility: visible;
    opacity: 1;
  
  
  }
  
  
  div{
    display: block;
  }

  img{
    margin-top:5px;
  }

}