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


  /*-----------------body始まり-----------------*/
  body {
    font-size: 14px;
  }

  /*青線*/
  .line_blue {
    padding-top: 0;
  }

  /*縦線*/
  .line_length {
    height: 212px;
  }

  #shadow {
    clear: both;
    top: -4px;
  }

  /*非表示*/
  #head_menu ul li,
  #head_menu #pc,
  #head_menu #product,
  #head_menu #blog,
  #pc {
    display: none;
  }

  /*表示*/
  #head_menu #ico,
  #head_menu a,
  #head_menu #sp,
  #head_menu2,
  #head_menu2 #menu_ico2,
  #head_menu2 a,
  .point,
  .close,
  .h_m2_ti,



  .line_darkgray {
    display: block;
  }

  #site,
  #privacy {
    display: block !important;
  }

  ul li {
    list-style: none;
  }


  /*-----------------body終わり-----------------*/

  /*-----------------header始まり-----------------*/

  #head {
    width: 100%;
  }

  /*ロゴ*/
  .logo {
    width: 50%;
  }

  .logo img {
    width: 100%;
  }

  /*電話番号*/
  .head_tel {
    min-width: 10px;
    float: right;
  }

  /*-----------------header終わり-----------------*/

  /*-----------------menu始まり-----------------*/

  #head_menu {
    width: 49.5%;
    height: 60px;
    float: right;
    padding-top: 0px;
    border: 1px solid rgb(188, 188, 188);
    position: relative;
    z-index: 5;
  }

  #head_menu #ico {
    width: 33px;
    margin: 4px auto;
  }

  #head_menu a {
    text-align: center;
    font-size: 12px;
  }

  /*企業情報*/
  #head_menu ul {
    width: 100vw;
    height: auto;
    background: rgb(188, 188, 188);
    position: absolute;
    right: 0px;
    display: none;
    padding-top: 20px;
  }

  #head_menu ul li {
    display: block;
    padding: 10px 0;
    background: #fff;
    border: 2px solid rgb(188, 188, 188);
    width: 90%;
    height: 20px;
    margin: 0px auto 10px 5px;
    position: relative;
    left: 4.5%;
  }

  #head_menu ul li a {
    text-align: left;
    padding-left: 10px;
    font-size: 16px;
  }

  #head_menu ul li img {
    float: right;
    width: 30px;
    margin-right: 2px;
  }


  /*▽*/
  .point {
    width: 4%;
    margin-left: 55%;
    margin-top: -1px;
    position: absolute;
  }

  .point2 {
    width: 4%;
    margin-left: 90%;
    margin-top: -20px;
    position: absolute;
  }

  .point img {
    width: 100%;
  }

  .point2 img {
    width: 100%;
  }

  /*close*/
  .close {
    width: 18%;
    margin: 0px auto;
  }

  .close img {
    width: 100%;
  }

  #head_menu2 {
    width: 49.5%;
    float: left;
    margin-left: 0;
    position: relative;
  }

  #head_menu2_ti {
    width: 100%;
    height: 56px;
    position: unset;
    border: 1px solid rgb(188, 188, 188);
    padding-top: 4px;
  }

  #head_menu2_ti a {
    text-align: center;
    font-size: 12px;
  }

  #head_menu2_ti #menu_ico2 {
    width: 33px;
    margin: 5px auto;
  }


  /*メニュー*/
  #menu_tabi {
    float: none;
    width: auto;
  }

  #head_menu2 #nav02 {
    float: left;
    width: 50%;
  }

  #head_menu2 #nav02,
  #head_menu2 #nav03,
  #head_menu2 #nav08 {
    width: 90%;
    margin-left: 20px;
  }

  #h_m2 {
    width: 100vw;
    height: auto;
    background: rgb(188, 188, 188);
    display: none;
    position: relative;
    padding-bottom: 210px;
    /*	margin-top: -20px;*/
  }

  #h_m2 .point {
    margin-left: 5%;
  }

  #h_m2 .h_m2_ti {
    color: #fff;
    width: 90%;
    margin: 0px auto 5px auto;
    padding-top: 15px;
  }

  #h_m2 ul {
    width: 90%;
    /*	height: auto; /*45vh*/
    margin: 0px auto 10px auto;
    float: none !important;
    /*	display: block;*/
    background: rgb(242, 242, 242);
  }

  #h_m2 ul li {
    width: 40%;
    height: 40px;
    float: left;
    background: #fff;
    border: 1px solid rgb(188, 188, 188);
    text-align: left;
    margin: 0px 0px 10px 15px;
    display: none;
  }

  #h_m2 ul li a {
    text-align: left;
  }

  #h_m2 ul li span {
    padding-left: 5px;
    font-size: 11px;
  }

  .tabi_menu {
    clear: none;
  }

  .t_m_right {
    float: right !important;
    margin: 0px 15px 10px 0px !important;
  }

  #tabim_ti {
    background: #fff;
    border: 1px solid rgb(31, 78, 121);
    text-align: left !important;
    padding: 5px;
  }

  #tabim_ti ul {
    display: block;
    width: 90% !important;
    background: #fff;
    border: 1px solid rgb(31, 78, 121);
    text-align: left !important;
    padding: 5px;
  }

  .tabi,
  .bus {
    width: 90% !important;
    margin: 10px auto 10px 15px !important;
  }

  .tabi a,
  .bus a,
  #head_menu3 a {
    text-align: left
  }

  .tabi a span,
  .bus a span,
  #head_menu3 a span {
    color: #000 !important;
    font-size: 12px !important;
    font-weight: normal !important;
    padding-left: 5px !important;
    display: block;
  }

  #tabim_ti img,
  #busm_ti img,
  #head_menu3 img {
    width: 18px;
    float: right;
  }

  #busm_ti {
    background: #fff;
    border: 1px solid rgb(237, 125, 49);
    text-align: left !important;
    padding: 5px;
  }

  #busm_ti ul {
    display: block;
    width: 90% !important;
    background: #fff;
    border: 1px solid rgb(237, 125, 49);
    text-align: left !important;
    padding: 5px;
  }

  /*濃い灰色線*/
  .line_darkgray {
    display: block;
    border: 1px solid rgb(171, 171, 171);
    width: 95%;
    margin: 10px auto 15px auto;
    position: relative;
    z-index: 5
  }



  /*ブログ*/
  #head_menu3 {
    width: 100vw;
    float: none;
    margin-left: 0;
    display: none;
    position: relative;
    top: -220px;
    background: rgb(188, 188, 188);
  }

  #head_menu3 ul {
    width: 90%;
    height: auto;
    /*19vh*/
    margin: 0px auto 10px auto;
    float: none !important;
    display: block;
    background: rgb(242, 242, 242);
  }

  #head_menu3 ul li {
    width: 43%;
    height: 40px;
    float: left;
    display: none;
    background: #fff;
    border: 1px solid rgb(188, 188, 188);
    text-align: left;
    margin: 10px 0px 0px 15px;
  }

  #blog_ti {
    background: #fff;
    border: 1px solid rgb(188, 188, 188);
    text-align: left !important;
    padding: 5px;
    display: block;
  }

  #head_menu3 img {
    margin-right: 2px;
  }

  #head_menu4 {
    width: 100vw;
    display: none;
    position: relative;
    z-index: 5;
    top: -220px;
    background: rgb(188, 188, 188);
    padding: 10px 0;
  }

  #head_menu4 ul {
    width: 80%;
    margin: auto;
  }

  #head_menu4 ul li {
    width: 50%;
    list-style: none;
    float: left;
  }

  #head_menu4 ul li img {
    width: 90%;
  }

  #head_menu5 {
    width: 100vw;
    display: none;
    position: relative;
    z-index: 5;
    top: -220px;
    background: rgb(188, 188, 188);
  }

  #head_menu5 ul {
    width: 80%;
    margin: auto;
  }

  #head_menu5 ul li {
    width: 50%;
    list-style: none;
    float: left;
  }

  #head_menu5 ul li img {
    width: 90%;
  }

  #head_menu5 .h_m5_ti {
    color: #fff;
    width: 90%;
    margin: 0px auto 5px auto;
  }

  /*-----------------menu終わり-----------------*/

  /*------------トップイメージ始まり------------*/
  /*左右矢印*/
  #slide_left,
  #slide_right {
    width: 5%;
  }

  /*------------トップイメージ終わり------------*/

  /*------------PRODUCTS始まり------------*/
  #pro_ti {
    font-size: 18px;
    margin-top: -40px;
    padding: 5px 0;
  }

  /*------------PRODUCTS終わり------------*/

  /*------------FEATURE始まり------------*/
  .maincontents {
    background-color: rgb(240, 244, 244);
  }

  #pro_tabi {
    width: 100%;
  }

  #pro_bus {
    width: 100%;
  }

  #pro_tabi1 {
    background-color: rgb(232, 241, 255);
    width: 100%;
    padding-right: 0;
    box-sizing: border-box;
  }

  #new_tabi1 {
    background-color: rgb(232, 241, 255);
    width: 100%;
    padding-right: 20px;
    box-sizing: border-box;
  }

  #pro_bus1 {
    background-color: rgb(253, 241, 205);
    width: 100%;
    padding-right: 0;
    box-sizing: border-box;
  }

  #new_bus1 {
    background-color: rgb(253, 241, 205);
    width: 100%;
    padding-right: 20px;
    box-sizing: border-box;
  }

  /*------------FEATURE終わり------------*/

  /*------------NEWS始まり------------*/
  .new_list ul li {
    display: inline-block;
    width: 100%;
    margin-left: 0;
  }

  #new_bus {
    margin-top: 30px;
  }

  /*------------NEWS終わり------------*/

  /*------------INFORMATION始まり------------*/
  #main_information {
    width: 90%;
    float: none;
    margin: 0 auto;
    display: table;
  }

  /*------------INFORMATION終わり------------*/

  /*------------AZESTA LINKS始まり------------*/
  #main_links {
    width: 90%;
    float: none;
    margin: 30px auto 0 auto;
  }

  /*------------AZESTA LINKS終わり------------*/

  /*------------TOPICS始まり------------*/
  #main_Topics {
    width: 90%;
    float: none;
    margin: 30px auto 0 auto;
  }

  /*------------TOPICS終わり------------*/

  /*------------AZESTA TEAMVIEWER始まり------------*/
  #main_teamviewer {
    width: 90%;
    float: none;
    margin: 30px auto 0 auto;
  }

  /*------------AZESTA TEAMVIEWER終わり------------*/

  /*------------links紹介始まり------------*/

  .in_li_list ul {
    display: inline-block;
  }

  .in_li_list ul li {
    display: inline-block;
    float: left;
    width: 40%;
    margin: 10px;
  }

  .in_li_list ul li img {
    width: 100%;
  }

  /*------------links紹介終わり------------*/

  /*------------サイトマップ始まり------------*/

  .site_list ul {
    padding-top: 0px;
  }

  .site_list ul li {
    font-size: 12px;
  }

  .site_list ul li a {
    font-size: 12px;
  }

  .site_list span {
    font-size: 12px;
  }

  #site_com {
    width: 40%;
  }

  #site_com ul li {
    padding: 3px 0;
  }

  #site_pro {
    width: 100%;
    padding-bottom: 10px;
  }

  #site_pro ul li {
    padding: 3px 0;
  }

  #site_home {
    width: 52%;
  }

  #site_blog {
    width: 90%;
    padding-top: 10px;
  }

  #site_system {
    width: 50%;
  }


  #site_inq {
    width: 50%;
  }

  #site_inq span {
    width: 25%;
    font-size: 12px;
  }



  #site_sen {
    height: 25px;
  }

  .site_list ul li ul {
    padding-top: 0px;
  }

  /*------------サイトマップ終わり------------*/

  /*------------フッター始まり------------*/
  #footer {
    padding-bottom: 10px;
  }

  .footer_list {
    padding-top: 0px;
  }

  .footer_list ul {
    font-size: 10px;
  }

  .footer_list ul li {
    width: 100%;
    padding-top: 10px;
  }

  .footer_list ul li a {
    font-size: 10px;
  }

  .footer_list ul li ul li {
    padding-top: 5px;
  }

  #footer_add {
    padding-bottom: 10px;
  }


  #footer_copy {
    padding-top: 10px;
    padding-left: 10px;
  }

  #footer_copy a {
    text-align: right;
    font-size: 10px;
  }

  /*------------フッター終わり------------*/

}