@media screen and (min-width: 760px){
/* スマホコンテンツの非表示 */
 #sp_menu{
   display: none;
 }
}

/* スマートフォン用CSS */
@media screen and (max-width: 760px) {

  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* コンテンツ非表示 */
  #menu,#logo{
    display: none;
  }

/*********************
 スマホヘッダーメニュー
***********************/
/* 全体 */
.navbar_brand img {
  text-align: left;
  width: 150px;
  object-fit: cover;
  object-position: 0 0;
}
#sp_nav{
text-align: center;
width: 100%;
height: 70px;
position: relative;
background: #fff;
position: fixed; /* ヘッダーを固定 */
top: 0;
left: 0;
right: 0;
z-index:2000;
}
.drawer{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
position: relative;
height: 70px;
padding: 0 5px;
}
/* トグル部分 */
.navbar_toggle{
 cursor: pointer;
 z-index:9999;
 display: block;
 background-color: #fff;
 padding: 15px 15px 5px 15px;
}
.navbar_toggle_icon {
 position: relative;
 display: block;
 height: 2px;
 width: 30px;
 background: #009afa;
 -webkit-transition: ease .5s;
 transition: ease .5s;
}
.navbar_toggle_icon:nth-child(1) {
 top: 0;
}
.navbar_toggle_icon:nth-child(2) {
 margin: 8px 0;
}
.navbar_toggle_icon:nth-child(3) {
 top: 0;
}
.navbar_menu{
 font-size: 80%;
 text-align: center;
 cursor: pointer;
 color: #009afa;
}
/*OPEN時の動き*/
.navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
 top: 10px;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
.navbar_toggle.open .navbar_toggle_icon:nth-child(2) {
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 opacity: 0;
}
.navbar_toggle.open .navbar_toggle_icon:nth-child(3) {
 top: -10px;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}

/* ナビゲーション部分 */
.menu{
 height: auto;
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
 -webkit-transition:ease .5s;
 transition:ease .5s;
 z-index:1000;
 background-color: #fff;
}
.menu ul li{
 text-align: left;
 height: 40px;
 line-height: 40px;
 border-bottom: 1px dotted #ddd;
}
.menu ul li a,.menu ul li p{
margin-left: 50px;
color: #00903a;
}
.menu ul li:nth-child(1){
 border-top: 1px dotted #ddd;
}
.menu ul li a{
 color: #009afa;
 display: block;
}
.menu ul li a:visited{
 color: #009afa;
}
.menu .submenu{

}
.menu .submenu .submenu_list{
 color: #fff;
 text-align: left;
}
.menu .submenu .submenu_list li a{
margin-left: 60px !important;
}
/*OPEN時の動き*/
.menu.open {
-webkit-transform:translateX(0);
transform:translateX(0);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}

/*********************
       main
***********************/
  #main{
    width: 100% !important;

  }


/*********************
       ヘッダー
***********************/

  #headerWrapper{
    height: 80px !important;
  }
  #header{
    width: 100% !important;
  }

  #image{
    background-position: top right!important;
    margin-top: 80px !important;
    height: 300px !important;
  }

  #image .catch-copy{
    font-size: 80%;
    width: 90%;
    margin: 0 auto;
  }

  .copy-box{
    top: 100px!important;
  }

  /*********************
         コンテンツ
  ***********************/

  .content{
    height: auto;
    width: 80% !important;
  }
  .left, .right {
    width: 100% !important;
    height: auto;
    margin-bottom: 10px;
  }
  .left table{
    width: 100%;
  }

  /*********************
        お問い合わせ
  ***********************/
  .inquiry_table,p#form_header{
    width: 100%!important;
  }
  .inquiry_table th,.inquiry_table td,.inquiry_table tr, tbody{
     display: block;
     width: 100%!important;
     padding-right:  0;
     padding-left: 0;
     margin-right: 0;
     margin-left: 0;
  }

}