@charset "utf-8";

/* =======================================
@media screen and (max-width: 768px) 
======================================= */

header{
	background:#857373;
	height:38px;
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:2
}
header h1{
	height:38px;
	font-size:18px;
	line-height:38px;
	position:absolute;
	left:50%;
	margin:2px 0 0 -50px;
	top:1px
}
header h1 img{
	width:130px;
	margin:0;
	padding:0
}
header h1 a{
	color:#fff
}
header ul#main_ul{
	background:#857373;
	width:100%;
	height:auto;
	display:block;
	position:fixed;
	top:0;
	left:100%;
	z-index:3;
	padding:0 0 20px
}
header ul li#menu{
	display:block;
	width:48px;
	height:38px;
	line-height:38px;
	position:absolute;
	top:0;
	left:-50px
}
header ul li#menu img{
	vertical-align:middle
}
header ul li{
	text-align:center;
	line-height:38px
}
header ul li a{
	color:#fdfdfd;
	font-size:20px;
	transition:0
}
header ul li a:hover{
	color:#fdfdfd
}
header ul li a img:nth-child(1),
header ul li a img:nth-child(2),
header ul li a img:nth-child(3){
	display:none
}
header ul li a img:nth-child(4){
	transition:0;
	position:static;
	margin:12px 10px 0 0;
	opacity:.8;
	height:15px
}
header ul li:nth-child(1) a img{
	margin:10px 10px 0 0
}

header ul li.main_menu ul{
	width:100%;
	display:none;
	background:#494949
}

article{
	margin-top:34px
}
section{
	width:94%;
	margin:10px auto
}
article .flex{
	display:block;
	width:100%
}
article .flex div,
article .flex div.img_wrap,
article img,
article p{
	width:100%
}
hgroup.all_width h2{
	font-size:12px;
	padding:0 40px
}
section#contact form{
	width:100%;
	min-width:100%
}