/*----スマホに合わせた解像度を設定----*/
@media screen and (min-width: 0px) and (max-width: 640px) {


  /*-----------------製品共通始まり-----------------*/

  /*-----全体始まり-----*/
  /*大タイトル*/
  .main_title {
    width: 90% !important;
    ;
  }

  .main_ti_pro {
    display: block;
  }

  /*タイトル*/
  .product_title a {
    font-size: 16px;
  }

  /*画像タイトル*/
  .img_ti {
    font-size: 15px;
  }

  .product_main2,
  .product_main3,
  .product_main4,
  .product_main5 {
    width: 100% !important;
    float: none !important;
    margin: 50px auto 0 auto !important;
  }

  /* tabi_tour images: stack vertically on SP */
  #tabi_tour .product_li_list {
    display: block !important;
  }

  #tabi_tour .tour_cost_row {
    display: block !important;
  }

  #tabi_tour .tour_cost_row .product_li_sentence {
    width: 100% !important;
  }

  #tabi_tour .product_li_list img {
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    margin-top: 20px;
  }

  /*ul li 左端*/
  .product_li_left {
    clear: none;
  }

  .product_li_list img,
  .product_content img {
    width: 100% !important;
    float: none !important;
  }

  .product_li_sentence,
  .product_content1,
  .product_content2 {
    width: 100% !important;
    float: none !important;
    margin: auto !important;
  }

  /*ul li レイアウト*/
  .product_li_list ul li {
    width: 47%;
    list-style: none;
    float: left;
    margin: 20px 0% 20px 2%;
  }

  .product_li_left_sp {
    clear: left;
  }

  /*ul li 文章*/
  .product_li_sentence span {
    font-size: 12px;
  }

  .border_right {
    border-bottom: solid 1px rgb(202, 202, 202);
    border-right: none;
  }

  h1,
  h2 {
    font-size: 20px !important;
  }

  /*-----全体終わり-----*/

  /*-----top画像始まり-----*/
  #top_img {
    width: 100%;
  }

  #top_img img {
    width: 100%;
  }

  /*-----top画像終わり-----*/

  /*-----top言葉始まり-----*/
  #top_word a {
    font-size: 16px;
  }

  /*-----top言葉終わり-----*/

  /*-----システム機能一覧始まり-----*/
  .product_sysli_list {
    display: block;
    margin: 0 auto;
  }

  .box1_midashi,
  .box3_midashi {
    font-size: 11px !important;
  }

  .list-box-flex,
  .list-box1 {
    width: 80%;
    min-width: 160px;
    display: block;
    margin: 10px auto 0 auto !important;
  }

  .list-box3 {
    margin: 10px auto 0 auto !important;
  }

  .list-box1 ul li,
  .list-box3 ul li {
    font-size: 10px !important;
  }

  .box1,
  .box3 {
    clear: left;
  }

  .kome {
    text-align: left;
    padding-left: 2.5em;
    text-indent: -2.5em;
    width: auto;
  }

  /*-----システム機能一覧終わり-----*/

  /*-----------------製品共通終わり-----------------*/

  /*-----------------機能紹介共通始まり-----------------*/
  /*-----全体始まり-----*/

  /*クラウド画像*/
  #top_cloud img {
    width: 100%;
  }


  /*-----------------buskaidou.html始まり-----------------*/

  /*-----バス運賃、引受書始まり-----*/
  #bus_paper .product_li_list img {
    width: 95% !important;
    display: inline-block !important;
    margin: 10px 10px !important;
  }

  /*-----バス運賃、引受書終わり-----*/

  /*-----運行コース作成始まり-----*/
  #bus_couse .couse_susume {
    width: 100%;
  }

  /*-----運行コース作成終わり-----*/

  #bus_coope .line_length {
    display: none;
  }

  .product_content1 {
    display: inline-block;
    margin: 10px 0 !important;
    border-bottom: solid 1px rgb(202, 202, 202);
    padding-bottom: 20px;
  }

  .product_content2 {
    display: inline-block;
    margin: 20px 0 !important;
  }

  .product_content1 img,
  .product_content2 img {
    width: 70% !important;
  }

  /*-----------------buskaidou.html終わり-----------------*/

  /*-----------------tabinespro.html始まり-----------------*/
  /*-----旅運賃始まり-----*/
  #tabi_fee .product_li_list img {
    width: 100%;
  }

  /*-----旅運賃終わり-----*/


  /*-----------------tabinespro.html終わり-----------------*/

  /*-----------------tabinespro.html始まり-----------------*/
  #top_word h2 {
    font-size: 15px !important;
  }

  #tabi_new h3 {
    padding: 0 0 0.5em 2.5em;
    font-size: 16px;
  }

  #tabi_new h3 span {
    padding: 0.3rem 0.5rem;
  }

  .tabi_new_text {
    padding-left: 2em;
  }

  /*-----------------tabinespro.html終わり-----------------*/

  /*-----------------tabines_mp_spec.html始まり-----------------*/
  /*-----table始まり-----*/
  .tabi_spec table td {
    font-size: 12px;
  }

  /*-----table終わり-----*/

  /*-----------------tabines_mp_spec.html終わり-----------------*/

  /*-----------------buskaidou_merit.html始まり-----------------*/
  #bus_merit_control .product_li_sentence2 {
    display: block;
  }

  #bus_merit_control .product_li_list2 {
    width: 93%;
    margin: 10px auto 0 auto;
    padding: 10px 10px;
    display: inline-block;
  }

  .system_url {
    margin-top: 10px;
    margin-right: 0;
  }

  /*-----------------buskaidou_merit.html終わり-----------------*/

  /*-----------------tabines_merit.html始まり-----------------*/
  #bus_merit_about .product_li_list img,
  #bus_merit_system img,
  #tabi_merit_about .product_li_list img {
    width: 100%;
  }

  #tabi_merit_comparison .product_li_sentence {
    width: 100%;
    float: none;
  }

  #tabi_merit_comparison img {
    width: 100%;
    float: none;
    margin-top: 10px;
  }


  /*-----------------tabines_merit.html終わり-----------------*/

  /*-----------------degitaco.html始まり-----------------*/

  /*-----「デジタコ連動」のメリット始まり-----*/

  #bus_degi_merit .product_li_list {
    display: block;
  }

  #bus_degi_merit .product_content {
    width: 93%;
    padding: 10px;
    margin-bottom: 10px;
    display: inline-block;
  }

  /*-----「デジタコ連動」のメリット終わり-----*/

  /*-----対応機種一覧始まり-----*/
  #bus_degi_list .product_li_list table,
  #bus_degi_list .product_li_sentence {
    width: 100%;
  }

  /*--表のレスポンシブはメディアクエリの調整で一番下--*/

  /*-----対応機種一覧終わり-----*/

  /*-----------------degitaco.html終わり-----------------*/

  /*-----------------about.html始まり-----------------*/
  .about {
    margin-top: 30px;
  }

  /*-----本社始まり-----*/

  .about_office table,
  .about_offices table,
  .recruit-about table,
  .about_history table {
    padding: 5px;
    font-size: 14px;
  }

  .about_office table,
  .recruit-about {
    width: 88%;
  }

  .pc_recruit_table {
    display: none;
  }

  .sp_recruit_table {
    width: 88% !important;
    font-size: 14px;
    display: table;
  }

  .td3-content1,
  .td3-content2 {
    width: 96%;
    display: block;
  }

  .td3-content1 {
    padding: 5px 5px 0 5px !important;
  }

  .td3-content2 {
    padding: 0 5px 5px 5px !important;
  }

  /*-----本社終わり-----*/

  /*-----本社地図始まり-----*/
  .about_map .map {
    width: 88%;
  }

  .about_map iframe {
    height: 50vw;
  }

  /*-----本社地図終わり-----*/


  /*-----支店終わり-----*/
  #fukuoka {
    margin-bottom: 50px !important;
  }

  /*-----支店終わり-----*/

  /*-----------------about.html終わり-----------------*/

  /*-----------------subsidy.html始まり-----------------*/
  table.subsidy_product_l {
    display: none;
  }

  table.subsidy_product_s {
    display: table;
  }

  table.subsidy_product_s td {
    display: block;
    width: 100%;
  }

  .subsidy_product_s .td3-padding {
    margin-bottom: 10px;
  }

  .product_note {
    text-align: left;
    padding-left: 1em;
    text-indent: -1em;
    width: 100%;
  }

  /*-----------------subsidy.html終わり-----------------*/

  /*-----------------post.php始まり-----------------*/
  .content {
    width: 90%;
    margin: 0 auto 50px auto;
  }

  #intro {
    width: 100%;
    height: 26vw;
  }

  #page-request .form-area,
  #page-inquiry .form-area,
  #page-recruit .form-area,
  #page-request form,
  #page-inquiry form,
  #page-recruit form,
  #page-request .complete,
  #page-inquiry .complete,
  #page-recruit .complete,
  #page-request #checkbox-set,
  #page-request span input,
  #page-inquiry span input,
  #page-recruit span input,
  #page-request p.input-confirm1,
  #page-inquiry p.input-confirm1,
  #page-recruit p.input-confirm1,
  #page-request span input#info_address,
  #page-request span textarea,
  #page-inquiry span input#info_address,
  #page-inquiry span textarea,
  #page-recruit span input#info_address,
  #page-recruit span input#info_mail,
  #page-recruit span textarea,
  #page-request p.input-confirm2,
  #page-inquiry p.input-confirm2,
  #page-recruit p.input-confirm2 {
    width: 98% !important;
  }


  #page-request .input-set,
  #page-inquiry .input-set,
  #page-recruit .input-set,
  #page-request .confirm-set,
  #page-inquiry .confirm-set,
  #page-recruit .confirm-set,
  .submit-area,
  #page-request #checkbox-set .input-set1,
  #page-request #checkbox-set .input-set2 {
    width: 88%;
  }

  #page-request #checkbox-set .input-set1,
  #page-request #checkbox-set .input-set2 {
    margin-bottom: 5px;
  }

  #page-request #confirm,
  #page-inquiry #confirm,
  #page-recruit #confirm #page-request #edit,
  #page-inquiry #edit,
  #page-recruit #edit,
  #page-request #submit,
  #page-inquiry #submit,
  #page-recruit #submit {
    margin: 10px 0px 15px;
  }

  .radio-group {
    display: block;
    margin-bottom: 5px;
  }

  /*-----------------post.php終わり-----------------*/

  /*-----------------servermainte.php始まり-----------------*/
  #maite-infos .maite-title {
    font-size: 16px;
  }

  #maite-infos .maite-contents span {
    font-size: 14px;
  }

  /*-----------------servermainte.php始まり-----------------*/

}


/*----タブレット用設定----*/
@media screen and (min-width: 0px) and (max-width: 960px) {

  /*-----------------degitaco.html始まり-----------------*/
  /*-----対応機種一覧始まり-----*/
  #bus_degi_list .float-item {
    width: 100%;
  }

  /*-----対応機種一覧終わり-----*/
  /*-----------------degitaco.html終わり-----------------*/
}

/*----タブレット用設定終わり----*/