/*----スマホに合わせた解像度を設定----*/
@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,#new_tabi1{
	background-color:rgb(244,240,255);
	width:100%;
    padding-right: 20px;
	box-sizing: border-box;
}

#pro_bus1,#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;
}
/*------------フッター終わり------------*/

}