@media screen and (min-width:768px) {
  #nav-open {
    display:none;
  }
}



/* 幅が 767px 以下であれば */
@media (max-width:767px) {
  h1 {
    font-size: 10vw!important;
    white-space: nowrap;
  }
  .specification3 img {
    margin: 0 auto;
    width: 100%;
  }
  .hed-img h1{
    font-size: 1.8em;
  }
  .hed-box1,
  .hed-box2{
    margin: 0 auto;
    text-align: center;
  }
  .top-box1,
  .top-box2,
  .top-box3,
  .top-box4{
    overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
    width: 50%;	/*画像の幅*/
    max-width: 300px;
    height: auto;

    background: #1abc9c;
  }
  .top-box1 span{
    position: absolute;
    z-index: -1;
  }
  .top-box1 span:hover{
    position: absolute;
    z-index: 10;

  }
  .construction-box {
    width: 100%;
    max-width: initial;
  }

  .mid-box1,
  .mid-box2,
  .mid-box3,
  .mid-box4,
  .mid-box5,
  .mid-box6,
  .mid-box7,
  .mid-box8{
    overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
    width: 50%;	/*画像の幅*/
    max-width: 300px;
    height: auto;

    /*background: #1abc9c;*/
  }

  .concept3-container {
    margin: 0;
  }
  .concept3-1,
  .concept3-2,
  .concept3-3 {
    overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
    width: 100%;	/*画像の幅*/
    max-width: 380px;
    height: auto;
    margin: 0 auto;
    background: #FFF;

  }
  .concept-block {
    width: 130px;
    height: 130px;
    margin: 2em 2em;
      background: #1abc9c;
    margin: 41.6px auto 41.6px;

  }
  .ttl {
    font-size: 10vw;
  }



}/* END 幅が 767px 以下であれば */