@charset "utf-8";
/*nav*/
.sp_navbtn {
  z-index: 10;
  display: none;
  position: absolute;
  top: 0;
  right: 2%;
  bottom: 0;
  margin: auto;
  border-left: 1px solid #ddd;
  color: #333;
  width: 55px; /* common */
  height: 55px; /* common */
  line-height: 46px; /* common */
}
/* メニューボタン */
.sp_navbtn:before {
  content: "\f0c9";
  font-family: FontAwesome;
  display: block;
  position: absolute;
  top: 18px;
  right: 15px;
  font-size: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* メニューボタン active */
.sp_navbtn.menuOpen {
  background: #38874E;
  color: #fff;
}
/*==========================================================
      Target Devices # Tablet MobilePC #
============================================================ */
@media screen and (max-width: 1023px) {
  /*------------------------------------------------------------
     common
------------------------------------------------------------ */
  /* header
------------------------------------------------------------ */
  #header {
    padding: 25px 0;
  }
  #header .logo {
    padding-right: 60px;
    margin-bottom: auto;
    text-align: center;
  }
  /* nav */
  .sp_navbtn {
    display: inline-block;
  }
  #nav {
    display: none;
    position: absolute;
    left: 0;
    top: 100%; /* 開閉メニュー開始位置 */
    z-index: 100;
    width: 100%;
  }
  #nav ul {
    background: #FFF;
    margin: auto;
  }
  #nav ul li {
    display: block;
    background: #FFF;
    margin: auto;
  }
  #nav ul li a {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    background: #FFF;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    text-align: left;
    font-size: 13px;
  }
  #nav ul li ul {
    display: none;
  }
  #nav ul li ul li a {
    padding-left: 40px;
  }
  /*------------------------------------------------------------
     index
------------------------------------------------------------ */
  /* ABOUT */
  .top_about h3 {
    font-size: 30px;
    font-size: 3.0rem;
  }
  /* 車両紹介 */
  .vehicle_list {
    display: block;
  }
  .vehicle_list dl {
    display: block;
    margin-top: 30px;
  }
  .vehicle_list dl dt, .vehicle_list dl dd {
    display: block;
    width: 100%;
    padding: 5px 0;
    text-align: center;
  }
  /*------------------------------------------------------------
     kasou
------------------------------------------------------------ */
/* company
------------------------------------------------------------ */
  .access-section .access-data,
  .access-section .access-map {
    width: 100%;
  }
  .access-section .access-data {
    padding-right: 0;
  }
  .access-section .access-map {
    margin-top: 30px;
  }
  /* contact
------------------------------------------------------------ */
  .form_table input[type="text"], .form_table textarea, .form_table select {
    box-sizing: border-box;
  }
}
/*==========================================================
      Target Devices # Smart Phone and Tablet #
============================================================ */
@media screen and (max-width: 767px) {
  /*------------------------------------------------------------
     common
------------------------------------------------------------ */
  /* header
------------------------------------------------------------ */
  #header {
    padding: 10px 0;
  }
  #header .logo a {
    max-width: 75%;
  }
  /* footer
------------------------------------------------------------ */
  /* 汎用お問い合わせ */
  .common_contact .add {
    display: block;
    text-align: center;
    margin-right: auto;
    margin-bottom: 20px;
  }
  /*------------------------------------------------------------
     index
------------------------------------------------------------ */
  /* main image */
  .main_image {
    overflow: hidden;
  }
  .main_image h1 {
    display: block;
    margin: auto -20%;
  }
  /* 岐北ライン */
  .top_about h3 {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .top_about .ment {
    font-size: 20px;
    font-size: 2.0rem;
  }
  .top_about .phones dl {
    font-size: 32px;
    font-size: 3.2rem;
  }
  /* 新着情報 */
  .top_information ul li .title .more-article {
    display: none;
  }
  .top_information ul li .ment {
    margin-bottom: 20px;
  }
  .top_information ul li .more-article.spt {
    float: none;
  }
  .top_information ul li .more-article.spt a {
    margin: 0 auto;
  }
  .top_information .more {
    position: static;
    margin-top: 20px;
    text-align: right;
  }
  /*------------------------------------------------------------
     kasou
------------------------------------------------------------ */
  .kasou_title h1 {
    line-height: 200px !important;
  }
  .kasou_title h1 img {
    width: auto;
    height: 100px;
  }
  /* company
------------------------------------------------------------ */
  /* 代表挨拶 */
  .message {
    padding-bottom: 60px;
  }
  .message h2 {
    margin-bottom: 30px;
  }
  /* 会社概要 */
  .profile {
    padding-bottom: 60px;
  }
  .profile table, .profile table tbody, .profile table tr, .profile table th, .profile table td {
    display: block;
    width: 100%;
  }
  /* アクセス */
  .access .ment {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .access iframe {
    height: 300px;
  }
/* vehicle
------------------------------------------------------------ */
  /* 車両紹介 */
  .vehicle-contents .ment {
    margin-bottom: 30px;
    font-size: 20px;
    font-size: 2.0rem;
  }
  .vehicle_list dl dd {
    font-size: 20px;
    font-size: 2.0rem;
  }
  /* recruit
------------------------------------------------------------ */
  .recruit_about h2 {
    margin-bottom: 20px;
  }
  .recruit_about .ment img {
    float: none;
    display: block;
    max-width: 100%;
    margin-bottom: 10px;
  }
  /* contact
------------------------------------------------------------ */
  .contact_form {
    padding-bottom: 75px;
  }
  /* archive
------------------------------------------------------------ */
  .archive ul li .title .more {
    display: none;
  }
  .archive ul li .ment {
    margin-bottom: 20px;
  }
  .archive ul li .more.spt {
    float: none;
  }
  .archive ul li .more.spt a {
    margin: 0 auto;
  }
}
/*==========================================================
      Target Devices # Smart Phone Only #
============================================================ */
@media screen and (max-width: 479px) {
  /*------------------------------------------------------------
     common
------------------------------------------------------------ */
  /* footer
------------------------------------------------------------ */
  /* 電話番号バナー */
  .banner_tel .tel {
    font-size: 34px;
  }
  .banner_tel .tel i {
    margin-left: auto;
  }
  /* 汎用お問い合わせ */
  .common_contact .add, .common_contact .tel, .common_contact .contact_btn {
    display: block;
    text-align: center;
    margin-right: auto;
  }
  .common_contact .tel span {
    margin: 0 auto 15px;
  }
  .common_contact .contact_btn a {
    margin: 0 auto;
  }
  /*------------------------------------------------------------
     kasou
------------------------------------------------------------ */
  /* contact
------------------------------------------------------------ */
  .form_table tbody, .form_table tr, .form_table th, .form_table td {
    display: block;
    width: auto;
    box-sizing: border-box;
  }
  .form_table input[type="text"], .form_table input[type="email"], .form_table select, .form_table textarea {
    width: 100%;
    font-size: 16px;
  }
  .form_table select {
    font-size: 16px;
  }
}