@media screen and (max-width: 999px) {
body, #wrapper{
	width: 1000px;
	min-width: 1000px;	
}
} /* End Media 999px */


@media screen and (max-width:768px) {

/* css common 
---------------------------------------------------------- */
.sp{ display: block; }
.pc{ display:none; }

body, #wrapper, #footer_box, #copy_right p, #main_img, #main, #main_img_top{
	width: 100%;
	min-width: 100%;
}

#h_box, #topicPath, .box{
	width: 96%;
	min-width: 96%;
}

#h_box{
	padding: 4% 0;
}
#content{
	width: 100%;
	float: none;
}
#snav{
	width: 100%;
	float: none;
}

/* header 
---------------------------------------------------------- */
#h_left {
	width:190px;
	padding-top: 5px;
}
#h_right {
	width: 80px;
	padding-top: 0;
}
#header .top_menu{
	width: 35px;
	margin-left: 5px;
	float: left;
}
#header .menu_sp.active{
	background: url(common/images/common/btn_menu_on.jpg) no-repeat center;
	background-size: cover;
}
#header .menu_sp.active img{ opacity: 0;}

.menu_list{
	
	
}
.menu_list li{
	position: relative;
	overflow: hidden;
	background: #147cb3;
	border-bottom: 1px solid #a0d8f6;
}
.menu_list a{
	display: block;
	padding: 13px 0 13px 10px;
	box-sizing: border-box;
	width: 87%;
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
}
.menu_list a:hover{
	color: #FFF;
}
.menu_list .acordion_tree{ display: none;}
.menu_list .non_sub,
.menu_list li li a{
	background:url(./common/images/common/arrow01.png) no-repeat right center;
	background-size: auto 20px;
	width: 100%;
}
.menu_list ul a{ 
	font-size: 100%; 
}
.menu_list li li a{ padding-left: 20px; }
.menu_list .trigger{
	width: 10%;
	height: 46px;
	background: url(./common/images/common/bg_plus.png) no-repeat right center;
	background-size: auto 20px;
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
}
.menu_list .trigger.active{
	background-image: url(./common/images/common/bg_min.png);
}
.menu_list li ul{ border-top: 1px solid #a0d8f6; }
.menu_list li li{ background: #3999cc; }
.menu_list li li:last-child{	border: none; }

.menusp_wrap{ position: relative; }
.menusp_wrap .acordion_tree_top{
	width: 100%; 
	position: absolute !important;
	/*height: 1000px;
	padding-bottom: 200px;
	left: 0;
	top: 0;
	background: #333;*/
}

/* tab_con 
---------------------------------------------------------- */
.tab_con .msg {
	width: 100%;
}
.tab_con .img {
	width: 100%;
	text-align: center;
	margin-bottom: 4%;
}
.tab_con.pic_l .img, .tab_con.pic_r .msg,
.tab_con.pic_l .msg, .tab_con.pic_r .img,
.tab_con.flow_picl .img,
.tab_con.flow_picr .img {
	float: none;
	margin-left: 0;
	margin-right: 0;
}

/* tb_cell 
---------------------------------------------------------- */
.tb_cell th,
.tb_cell td{
	width: 100% !important;
	display:block;
}

/* margin style 
---------------------------------------------------------- */
.section {
	margin-bottom:10%;
}
.container {
	margin-bottom:8%;
}
.case {
	margin-bottom:6%;
}
.pack {
	margin-bottom:4%;
}
.item {
	margin-bottom:2%;
}


/* footer 
---------------------------------------------------------- */
#scrollUp {
	width: 30px;
	height: 57px;
}

#footer {
	padding: 8% 0;
}
#footer ul{
	margin-top: 4%;
}
#footer li{
	margin: 0 5px;
	font-size: 110%;
}
#copy_right ul,
#copy_right span{
	float: none;
	width: 100%;
	text-align:center;
	display: block;
}
#copy_right ul{
	margin-bottom: 4%;
	display: none;
}

/*-------------------------------------------------
---- media screen for content
------------------------------------------------- */

#main_img_top{
	margin-bottom: 6%;
	padding: 4px;
}

/* page_index 
---------------------------------------------------------- */
.page_index .section {
	margin-bottom: 10%;
}

.menu_col5 li{
	width: 30%;
	margin: 0 0 2% 2%;
}
.menu_col5 li:nth-child(4){
	margin-left: 0;
}

.pd_box{
	padding: 10% 0 0 0;
}

.title_top{
	margin: 0 0 -6px 15px;
}
.title_top span{
	font-size: 100%;
}
.index_top_box .txt_c {
	padding: 0 6%;
}
.index_top_box .box3 .box_sty{
	background: url(common/images/index/bg_main.jpg);
	padding: 6px;
	box-sizing: border-box;
}
.index_top_box .box3 .col {
	width: 90% !important;
	margin-left: 5% !important;
}
.index_top_box .box3 .col ul{ 
	background: #f8f8f8;
	padding: 15px;
	border: 3px solid #fff;
}
.index_top_box .box3 li{
	padding-bottom: 7px;
	margin-bottom: 7px;
	border-bottom: 1px solid #ccc;
	text-align:center;
}
.index_top_box .box3 li:last-child{
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: none;
}
.index_top_box .box3 li span{
	display: block;
	font-weight:bold;
	font-size: 95%;
	color: #359b0d;
}
.index_top_box .box3 li a{
	color: #333;
	display: block;
}
.index_top_box .box3 .col .news .title_top span{
	background: #ef8138;
}
.index_top_box .box3 .col .news li span{
	color: #ef8138;
}
.index_top_box .txt_c {
	padding: 0 30%;
}

/* support_box --- */
#support_box{
	padding: 10% 0 3% 0;
}
#support_box h3 img{
	width: 400px;
}
#support_box .img{
	text-align:left;
}
#support_box .msg{
	padding-top: 0;
	margin-bottom: 4%;
}
#support_box .msg ul{
	padding: 4%;
	margin-top: 4%;
}
#support_box .msg li{
	font-size: 90%;
}
#support_box .msg li em{
	width: 87%;
}
#support_box .msg li em.ico_num{
	width: 13%;
	font-size: 28px;
}
#support_box .msg li em:last-child{
	padding-top: 5px;
}
#support_box h4{
	font-size: 120%;
}


/* devices_box --- */
#devices_box{
	background-size: 100%;
}
#devices_box li{
	float: none;
	margin-left: 0;
	text-align:center;
}
#devices_box li:first-child{
	margin-left: 0;
}
#devices_box li.devices_sp,
#devices_box li:last-child{
	width: 48.5%;
}
#devices_box li:last-child{
	margin-left: 3%;
}
#devices_box li.devices_sp{
	
}
#devices_box li.devices_sp02{
	margin-right: 0;
}
#devices_box li.devices_sp img,
#devices_box li:last-child img{
	float:left;
	width: 47%;
	margin-left: 6%;
}
#devices_box li.devices_sp img:first-child,
#devices_box li:last-child img:first-child{
	margin-left: 0;
}

/* member_box --- */
#member_box .container{
	width: 100%;
}
#member_box .title_member{
	font-size: 140%;
	text-align: center;
}
#member_box .txt_member{
	font-size: 110%;
	text-align: center;
}
#member_box h4{
	font-size: 120%;
	margin-bottom: 10px;
}
#member_box .box .img_map{
	position: relative;
	top: 0;
	right: 0;
	width: 250px;
}































} /* End Media 768px */


@media screen and (max-width:420px) {
	
/* container 
---------------------------------------------------------- */
.container .msg {
	width: 100%;
}
.container .img {
	width: 100%;
	text-align: center;
	margin-bottom: 4%;
}
.pic_l .img, .pic_r .msg,
.pic_l .msg, .pic_r .img,
.flow_picl .img,
.flow_picr .img {
	float: none;
	margin-left: 0;
	margin-right:0;
}


/* menu_list 
---------------------------------------------------------- */
.menu_list ul a{
	width: 82%;	
}
.menu_list .trigger{
	width: 15%;	
}


/*-------------------------------------------------
---- media screen for content
------------------------------------------------- */
.index_top_box .box5 .col:nth-child(5){
	margin-left: 4% !important;
}
.index_top_box .box5 .col:nth-child(7){
	margin-left: 25% !important;
}
/* support_box --- */
#support_box .msg li em{
	width: 80%;
}
#support_box .msg li em.ico_num{
	width: 20%;
}

/* member_box --- */
#member_box .box .img_map{
	width: 150px;
}
#member_box .col li{
	width: 40%;
}
#member_box .col li:last-child{
	width: 60%;
}
#member_box .sec01 .col:nth-child(4),
#member_box .sec01 .col:nth-child(8),
#member_box .sec02 .col:nth-child(4){
	display: none !important;
}














} /* End Media 420px */