@media screen and (min-width: 760px){
/* スマホコンテンツの非表示 */
 #sp_nav,#sp_footer {
   display: none;
 }
}
/* スマートフォン用CSS */
@media screen and (max-width: 760px) {

  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* コンテンツ非表示 */
  #headerWrapper,#header,#rogo,.bx-caption,.bx-controls-direction,#rightbox,
  .box1,.table_02 th.syosai, .link,
  .img_slider,.business-item-sub,#sp_footer {
    display: none;
  }
  /* 横幅可変 */
  body,#header,#rogo,#navbase,.demo,#main,
  #service, #service h2, .business_wrap,.business-item,.business-item-sub2,
  .business-item2, #firstveiw,
  .box4,.news,.news ul,.news ul li,.link_area,#fotter,
  #breadcrumbs,.photo,.photo img,#contents .bar,.table_01,
  #box_1,.box_2,.inbox,.list2,.inbox h2,.inbox .text,
  .table_02, .table_02 td,.agree_btn, .formBtn,#map,.simply-scroll,
　.entry_bar,.entryform .table_02 tbody,
  .entryform .table_02 tr,.entryform .table_02 th,
  .entryform .table_02 td,.entryform .table_02 td input,
  .products_table,#contents1,#contents1 img,.contents1-1,#box,#contents2,
  #g_footer,.fbox,#list1,
  .sub-ttl,#contents-in,.business,.buz-table,.copy-box,.text, textarea, .dropdown,
  #footer,.footer-nav-wrap,.footer-nav middle,.footer-nav-ttl,.footer_text clearfix,#address,
  .biz-link,.biz-link a.btn{
		width: 100% !important;
    text-align: left;
	}
  .photo,#contents .bar,#contents .table_01,#box_1,.box_2,
  .table_02,.agree_btn,#map{
    margin: 0 !important;
  }
  .photo {
    padding-top: 70px !important;
    border: none;
    background-color: #fff;
  }
  .photo img {
    /* margin-top: 70px; */
    width: 100%;
    max-width: 100%;
    height: auto;
    border: 1px solid #ddd;
  }

  /* フロート解除 */
	#contens.box1,.inbox h3,.inbox h2,
  .inbox .text,.inbox .text2,.fbox,{
		float: none;
	}
.desc .banner_area .banner{
  float: none;
  width: auto;
}

  /* スマホヘッダーメニュー */
  /* 全体 */
#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;
  }
  /* JWEBGATEロゴ */
.navbar_brand{
  max-width: 148px;
}
.navbar_brand img{
  text-align: left;
  /* height: 47px; */
  width: 220px;
  object-fit: cover;
  object-position: 0 0;
}
  /* トグル部分 */
  .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: #00903a;
    -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: #00903a;
  }
  /*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: #00903a;
    display: block;
  }
  .menu ul li a:visited{
    color: #00903a;
  }
  .menu .submenu{

  }
  .menu .submenu .submenu_list{
    color: #fff;
    text-align: left;
  }
  .menu .submenu .submenu_list li a{
  margin-left: 60px !important;
  }

  /* 新卒採用ページのメニュー */
  .menu_graduates ul li a{
    color: #66C2C3;
  }
  .menu_graduates ul li a:visited{
    color: #66C2C3;
  }
  /*OPEN時の動き*/
  .menu.open {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  /* 画像 */
  .demo{
    margin-top: 70px;
    width: 100% !important;
  }
  .demo img{
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .bx-wrapper .bx-viewport{
    box-shadow: none;
    moz-box-shadow:none;
    webkit-box-shadow: none;
    border: none;
    left: 0;
  }
  /* footer */
  .footer_text {
    font-size: 15px !important;
    width: 95%;
    margin: 0 auto;
    padding-top: 30px;
    text-align: center;
  }
  .fotter_text a{
    display: block !important;
    height: 50px;
    width: 50%;
    float: left;
  }
  #address {
    font-size: 13px !important;
    text-align: center;
  }

/****************
   トップページ
****************/
#firstveiw{
  min-width: inherit;
}
#firstveiw img{
  height: 230px;
}
/* 事業内容 */
.service h2{
  text-align: center;
}
.business_wrap{
  height: 160px !important;
}
.business-item ,.business-item2{
  clear: none;
  padding: 0;
}
.business_wrap h3,.business_wrap p{
  text-align: left;
  padding-right: 0;
}
.business_wrap h3{
  padding: 40px 0 0 10px;
}
.business_wrap p{
  padding: 10px 0 0 10px;
  font-size: 80%;
}

  /* 最新情報 */
  .news{
    padding: 10px !important;
  }
 .news ul li{
    padding-right: 0;
    padding-left: 0;
    padding: 5px;
    font-size: 90%;
    height: 70px;
  }
  .news ul li time{
    height: 70px;
  }
  .news ul li p{
    height: 70px;
  }
 .news h1 {
    padding-left: 0;
  }


  /****************
     共通
  ****************/
  /* 見出し */
  #contents .bar{
    font-size: 17px;
  }
  #contents .service h2{
    height: 70px;
    line-height: 70px;
    font-size: 160%;
  }
 /* 全ページ　コンテンツ */
  #contents{
    margin: 0 auto;
    background: #fff;
    padding:10px 15px;
  }
   /* topページのみ　コンテンツ */
  .top_contents{
    padding: 0 !important;
  }

  /****************
     事業案内
  ****************/

  #contents .inbox {
    height: auto;
    background-color: transparent;
  }
  /* 事業名の見出し */
  #contents .inbox h2{
    border-bottom: 2px dashed #00903a;
  }
  #contents .inbox h3{
    width: 100%;
    text-align: left;
    margin: 0;
  }
  #contents .inbox img{
    display: none;
  }
  #contents #box_1, #contents .box_2{
    border: none;
    box-shadow: none;
    padding: 0 15px;
  }
  /****************
     個人情報
  ****************/
  #main #contents{
    margin: 0;
  }
  #main .privacy{
    padding: 10px;
    margin-top: 30px !important;
  }
  /****************
     問い合わせ
  ****************/
  .agree_btn, .formBtn {
    text-align: center;
    margin-left: 0px;
  }
  .entryform .table_02{
    table-layout: fixed;
    word-break: break-word;
    display:  block;
  }
  .entryform .table_02 tbody{
    margin: 0 auto;
  }
  .entryform .table_02 td,
  .entryform .table_02 th  {
    width: 100%!important;
    display: block;
    border: none;
    box-sizing: border-box;
  }
.entryform .table_02 th{
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 15px;
  }

p.content{
    margin: 10px;
  }
p#form_header{
    margin: 0px !important;
    padding: 10px !important;
  }

  /****************
     採用情報
  ****************/
.table_02{
    table-layout: fixed;
    word-break: break-word;
    /* display:  block; */
  }
.rec_table {
  display: block;
  }
.table_02 td, .table_02 th{
  width: 100%!important;
  display: block;
  border: none;
  }
.table_02 th{
  border-bottom: 1px solid #ddd;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 15px;
    }
.rec_table td.headline{
  font-weight: bold;
  }

  /****************
     アクセス
  ****************/
  #map{
    margin-top: 50px !important;
  }
  .annai_01{
    margin-left: 10px;
  }
  .access_table {
    width: 100%;
    margin: 10px 0 50px 0 !important;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  /****************
     fotter
  ****************/
  #sp_footer {
    /* height: auto;
    font-size: 90%;
    text-align: left;
    text-decoration: none;
    margin-bottom: 10px;
    color: #000; */
  }
  #sp_footer ul li {
    /* float: left;
    height: 40px;
    line-height: 40px;
    width: 50%;
    border-bottom: 1px solid #ccc; */
  }
  #sp_footer ul li a {
    /* display: block;
    color: #000;
    text-decoration: none;
    padding-left: 15px; */
  }

  #footer{
    min-width: inherit;
    padding: 30px 15px;
  }

  .footer-nav.middle {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
  }
  .footer-nav-wrap {
    padding:0;
  }
.footer-nav-ttl{
  padding-top: 30px;
  }
  #copyright {
    background-color: #8c8c8c;
    color: #fff;
    font-size: 75%;
    padding: 15px;
    text-align: center;
  }
  .products_table{
    margin-left: 0 !important;
    margin-top: 15px;
  }

/* 事業別ページ共通 */
/* .photo{
  background-color: #00903a;
  color: #fff;
} */
.sub-ttl{
  text-align: center;
  font-size: 140%;
  padding-top: 50px;
}
  #contents-in{
    padding: 20px 0;

  }
  #contents-in,.photo{
    min-width: auto;
    max-width: none;
  }
  #contents-in #breadcrumbs{
    padding: 0 10px;
    margin-bottom: 20px;
  }
  #contents-in .business h3.biz-ttl{
    padding: 10px 20px;
    margin: 30px 10px;
  }
  #contents-in .business p.biz-txt{
    margin: 10px 10px;
  }
  .products_table{
    padding: 0 10px !important;
  }
  .buz-table{
    margin: 0;
  }
  .buz-table th{
  	width: 30%;
  }
  .buz-table td{
  	width: 70%;
  }

  #firstveiw{
    padding-top: 80px;
    height: 300px;
    text-align: center;
  }
  .copy-box{
    height: 230px;
    text-align: center;
    position: relative;
    top: 5px;
  }
  #firstveiw.catch-copy h1 {
    text-align: center;
  }
  .catch-copy {
    padding-top: 35px;
    font-size: 200%;
    letter-spacing: normal !important;
  }
  /* 人材紹介事業 */
  .biz-link {
    margin: 0;
  }
  /* recruit flow */
  .flow_1, .flow_2,.flow_3, .flow_4, .flow_5 {
     border: 1px solid #00903a;
     background-color: #f0fff0;
     padding: 20px;
     width: auto;
     margin: 30px 10px;
  }
}