@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; }

html, body{
	font-size: 16px;	
}

body, #wrapper, .box_full{
	width: 100%;
	min-width: 100%;
}

#main, .box{
	width: 96%;
	min-width: 96%;
}
#header {
	padding: 15px 2%;
	position: static;
	background: rgba(0,18,96,1);
}
#h_box{
	padding: 0;
}
#h_left {
	width: 100%;
}
#h_right {
	width: auto;
	padding-top: 0px;
}

#content{
	width: 100%;
	float: none;
}
#snav{
	width: 100%;
	float: none;
}
#icon li{ width: 30px; margin-left:0;}
#icon li:nth-child(1){ display: none; }
#icon li:nth-child(2){ display: inline-block; }
#icon.scroll-to-fixed-fixed li:nth-child(2){ display: block; }

#icon{
	position: fixed;
	left: auto !important;
	right: 2% !important;
	width: auto !important;
	top: 80px;
	z-index: 5 !important;
}
#icon li{
	display: block;
	margin-top: 15px;
}


#header h1{ width: 50px;}
#header .txt_logo{
	padding-top: 0px;
	margin-left: 10px;
}
#header .txt_logo p{ 
	font-size: 80%;
}
#header .txt_logo span{ 
	font-size: 70%;
}

/* tab_con 
---------------------------------------------------------- */
.tab_con .msg {
	width: 100%;
	text-align: center;
}
.tab_con .img {
	width: 100%;
	text-align: center;
	margin-bottom: 10%;
}
.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;
}


/* 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: 30px;
}
#footer {
	margin-top: 15%;
}

/* title style 
---------------------------------------------------------- */
.title_main {
	font-size: 180%;
	margin-bottom: 20px;
}
/*-------------------------------------------------
---- media screen for content
------------------------------------------------- */

/* main_visual 
---------------------------------------------------------- */
#main_img_wrap{ overflow: hidden;}
#main_visual{
	width: 140%;
	margin: 0 -20%;
}
#main_img_wrap h2{
	width: 80%;
}

/* product 
---------------------------------------------------------- */
#product p{
	font-size: 80%;
} 
#product,
.bg_blue{
	padding: 10% 0;
}

/* standard 
---------------------------------------------------------- */
#standard{
	background-size: 100%;
	padding: 10% 0 30% 0	;
}
#standard h4{
	width: 100%;
}

/* contact 
---------------------------------------------------------- */
#contact .contact li{
	font-size: 160%;
	padding: 6px 0 6px 50px;
}
#contact .contact li span{
	font-size: 40%;
}


#contact .txt_r{ text-align: center !important; }


/* about 
---------------------------------------------------------- */
.bg01{
	background-attachment: scroll;
	height: 250px;
}





















} /* End Media 768px */


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

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

	
/* container 
---------------------------------------------------------- */
.container .msg {
	width: 100%;
}
.container .img {
	width: 100%;
	text-align: center;
	margin-bottom: 10%;
}
.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
------------------------------------------------- */

/* service 
---------------------------------------------------------- */
#service li{
	width: 50%;
	margin-bottom: 4%;
}

















} /* End Media 420px */